/* BF6N17 ARCHIVIO INCI: page-scoped tab centring for desktop/portrait. No global CSS changes. */
.archive-page.discovery-page .archive-tabs {
    display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap;
    gap: 9px; margin: 0 auto 14px; padding: 9px;
    border: 1px solid #e4e8f2; border-radius: 18px;
    background: #f7f9fd; box-sizing: border-box;
}
.archive-page.discovery-page .archive-tabs > .nav-item {
    min-width: 0; display: flex; flex: 1 1 135px;
}
.archive-page.discovery-page .archive-tabs .nav-link {
    display: flex; align-items: center; justify-content: center;
    gap: 8px; width: 100%; min-width: 0;
    border-radius: 12px; padding: 12px 9px;
    line-height: 1.25; text-align: center; font-weight: 650;
    overflow-wrap: anywhere; transition: background-color .16s ease, box-shadow .16s ease;
}
.archive-page.discovery-page .archive-tabs .nav-link:focus-visible {
    outline: 2px solid #445fbd; outline-offset: 2px;
}
.archive-page.discovery-page .archive-tabs .nav-link.active {
    box-shadow: 0 4px 14px rgba(52,83,142,.15);
}
.archive-page.discovery-page .archive-search-card,
.archive-page.discovery-page .archive-guide-shell { border-radius: 16px; }
@media (max-width: 767.98px) {
    .archive-page.discovery-page .archive-tabs {
        display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px; width: 100%; max-width: 550px;
        margin: 0 auto 14px; padding: 8px;
    }
    .archive-page.discovery-page .archive-tabs > .nav-item {
        width: 100%; min-width: 0; flex: unset;
    }
    .archive-page.discovery-page .archive-tabs .nav-link {
        display: flex; flex-direction: column; align-items: center;
        justify-content: center; gap: 6px; min-height: 65px;
        padding: 8px 4px; font-size: .84rem;
    }
    .archive-page.discovery-page .archive-tabs .nav-link i {
        margin-right: 0 !important; font-size: 1.04rem;
    }
    .archive-page.discovery-page .archive-tab-content,
    .archive-page.discovery-page .archive-tab-content > .tab-pane { min-width: 0; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .archive-page.discovery-page .archive-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) {
    .archive-page.discovery-page .archive-tabs .nav-link { transition: none; }
}