/* NOTE: SECTION NAV (inc/new/sections/section-nav.php). Its height matches --kmd-sticky-offset in base.css.
   It sticks right under the sticky promo bar and header. */

.kmd-section-nav {
    position: sticky;
    top: calc(var(--kmd-promo-bar-height) + var(--kmd-header-height));
    z-index: 10;
    border-bottom: 1px solid #E6E2DC;
    background: var(--kmd-white);
}

.kmd-section-nav__inner {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow-x: auto;
    scrollbar-width: none;
}

.kmd-section-nav__inner::-webkit-scrollbar {
    display: none;
}

.kmd-section-nav__link {
    padding: 14px 12px;
    color: var(--kmd-text);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.kmd-section-nav__link:first-child {
    margin-left: -12px;
}

.kmd-section-nav__link:hover {
    color: var(--kmd-accent);
}

.kmd-section-nav__cta {
    margin-left: auto;
    min-height: 40px;
    white-space: nowrap;
}