.article-detail {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
.article-detail h1 {
font-size: 2.5rem;
color: #2c3e50;
margin-bottom: 20px;
text-align: center;
border-bottom: 2px solid #e67e22;
padding-bottom: 10px;
}
.article-detail h2 {
font-size: 2rem;
color: #34495e;
margin-top: 40px;
margin-bottom: 15px;
border-left: 5px solid #e67e22;
padding-left: 15px;
}
.article-detail h3 {
font-size: 1.5rem;
color: #e67e22;
margin-top: 30px;
margin-bottom: 10px;
}
.article-detail p {
font-size: 1.1rem;
margin-bottom: 15px;
text-align: justify;
}
.article-detail ul {
margin-bottom: 20px;
padding-left: 20px;
}
.article-detail li {
margin-bottom: 8px;
font-size: 1.05rem;
}
.article-detail a {
color: #2980b9;
text-decoration: underline;
font-weight: 600;
transition: color 0.3s;
}
.article-detail a:hover {
color: #e67e22;
}
.article-detail .toc-container {
background-color: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.article-detail .toc-title {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 15px;
color: #2c3e50;
}
.article-detail table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.article-detail th, .article-detail td {
border: 1px solid #ddd;
padding: 12px 15px;
text-align: left;
}
.article-detail th {
background-color: #e67e22;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}
.article-detail tr:nth-child(even) {
background-color: #f2f2f2;
}
.article-detail .featured-box {
background-color: #fff;
border: 2px solid #e67e22;
padding: 25px;
border-radius: 10px;
margin: 30px 0;
position: relative;
}
.article-detail .featured-badge {
position: absolute;
top: -15px;
right: 20px;
background-color: #e67e22;
color: #fff;
padding: 5px 15px;
border-radius: 5px;
font-weight: bold;
text-transform: uppercase;
}
@media (max-width: 768px) {
.article-detail h1 { font-size: 2rem; }
.article-detail h2 { font-size: 1.5rem; }
.article-detail table { display: block; overflow-x: auto; }
}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}
.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap{width:100%;min-height:20px}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input-button .uagb-search-submit{border:none;border-radius:0;color:#fff}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input-button svg{fill:currentColor}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input .uagb-wp-search-icon-wrap{display:flex;align-items:center}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap.uagb-layout-input svg{fill:currentColor;opacity:0.6}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container{display:flex;overflow:hidden;max-width:100%}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{width:100%}.wp-block-uagb-wp-search.uagb-wp-search__outer-wrap .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input::-webkit-input-placeholder{overflow:unset}
.uagb-block-3eaea71f .uagb-search-form__container .uagb-search-submit{width: 60px;padding: 0;border: 0;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-search-form__input::placeholder{opacity: 0.6;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-search-submit .uagb-wp-search-button-icon-wrap svg{width: 17px;height: 17px;font-size: 17px;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-search-submit .uagb-wp-search-button-text{color: #313131;}.uagb-block-3eaea71f.uagb-layout-input .uagb-wp-search-icon-wrap svg{width: 17px;height: 17px;font-size: 17px;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-search-form__input{background-color: #ECEEEF;border: 0;border-radius: 0px;margin: 0;outline: unset;padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-3eaea71f .uagb-search-wrapper .uagb-search-form__container{border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-style: none;outline: unset;box-shadow: 0px 0px    ;transition: all .5s;width: 100%;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-wp-search-icon-wrap{background-color: #ECEEEF;padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}.uagb-block-3eaea71f.uagb-layout-input-button .uagb-search-wrapper .uagb-search-form__container .uagb-search-submit{background-color: #9d9d9d;}@media only screen and (max-width: 976px) {.uagb-block-3eaea71f .uagb-search-wrapper .uagb-search-form__container{border-style: none;}.uagb-block-3eaea71f .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-wp-search-icon-wrap{padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}}@media only screen and (max-width: 767px) {.uagb-block-3eaea71f .uagb-search-wrapper .uagb-search-form__container{border-style: none;}.uagb-block-3eaea71f .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-3eaea71f .uagb-search-form__container .uagb-wp-search-icon-wrap{padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}}.uagb-block-58a7be47 .uagb-search-form__container .uagb-search-submit{width: 60px;padding: 0;border: 0;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-search-form__input::placeholder{opacity: 0.6;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-search-submit .uagb-wp-search-button-icon-wrap svg{width: 17px;height: 17px;font-size: 17px;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-search-submit .uagb-wp-search-button-text{color: #313131;}.uagb-block-58a7be47.uagb-layout-input .uagb-wp-search-icon-wrap svg{width: 17px;height: 17px;font-size: 17px;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-search-form__input{background-color: #ECEEEF;border: 0;border-radius: 0px;margin: 0;outline: unset;padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-58a7be47 .uagb-search-wrapper .uagb-search-form__container{border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-style: none;outline: unset;box-shadow: 0px 0px    ;transition: all .5s;width: 100%;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-wp-search-icon-wrap{background-color: #ECEEEF;padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}.uagb-block-58a7be47.uagb-layout-input-button .uagb-search-wrapper .uagb-search-form__container .uagb-search-submit{background-color: #9d9d9d;}@media only screen and (max-width: 976px) {.uagb-block-58a7be47 .uagb-search-wrapper .uagb-search-form__container{border-style: none;}.uagb-block-58a7be47 .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-wp-search-icon-wrap{padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}}@media only screen and (max-width: 767px) {.uagb-block-58a7be47 .uagb-search-wrapper .uagb-search-form__container{border-style: none;}.uagb-block-58a7be47 .uagb-search-wrapper .uagb-search-form__container .uagb-search-form__input{padding-top: 15px;padding-bottom: 15px;padding-right: 13px;padding-left: 13px;}.uagb-block-58a7be47 .uagb-search-form__container .uagb-wp-search-icon-wrap{padding-top: 15px;padding-bottom: 15px;padding-left: 13px;}}