/* Updated */
/* 
   MAIN STYLESHEET - Modular Architecture
   Import các components để dễ maintain
    */

/* 
   IMPORT BASE RESET
    */
@import url('./Style/basereset.css');

/* 
   IMPORT COMPONENTS
    */
@import url('./Style/Header/hero.v280326.css');
@import url('./Style/Nav/navigation.css');
@import url('./Style/Category/category-nav.css');
@import url('./Style/Content/content.css');
@import url('./Style/PaperRelease/paper-release.css');
@import url('./Style/ResourcesInfo/resources.css');
@import url('./Style/CategoriesFoot/categories-foot.css');
@import url('./Style/Cta/cta.css');
@import url('./Style/Footer/footer.css');

/* 
   MAIN CONTENT & FOOTER
    */

.main-content {
    width: 100%;
    padding: 0;
    background-color: #f9fafb;
}

.footer {
    width: 100%;
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
}

/* 
   ACCESSIBILITY ENHANCEMENTS (Global)
    */

.top-nav__link:focus-visible,
.top-nav__btn:focus-visible,
.top-nav__language:focus-visible,
.hero__search-btn:focus-visible {
    outline: 2px solid #007fff;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

@media (prefers-contrast: high) {
    .top-nav {
        border-bottom: 2px solid currentColor;
    }

    .top-nav__btn {
        border-width: 2px;
    }
}

.journal-page__right-column {
    position: sticky;
    top: 80px;
}

@media (max-width: 1024px) {
    .top-nav__item .top-nav__icon-chevron {
        display: none;
    }
    .main-nav__item .top-nav__icon-chevron {
        display: none;
    }
}

.submenu {
    width: max-content;
}