.navigation-anaplast-1 {
    --nav-height: 5rem;
    display: flex;
    flex-direction: column;
    background: var(--apl-surface);
    border-bottom: 1px solid var(--apl-border);
    box-shadow: var(--apl-shadow-sm);
    width: 100%;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 100;
    container-type: inline-size;
}
.navigation-anaplast-1 .content-wrapper {
    display: flex;
    position: relative;
    max-width: var(--apl-container);
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: var(--nav-height);
    gap: var(--apl-space-4);
    padding-inline: var(--apl-gutter);
}
.navigation-anaplast-1 .content-wrapper .logo {
    max-height: 3rem;
    max-width: 10rem;
    object-fit: contain;
    display: block;
}
.navigation-anaplast-1__logo-link {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.navigation-anaplast-1__logo-link:focus-visible {
    outline: var(--apl-focus);
    outline-offset: var(--apl-focus-offset);
}

/* --- Desktop links --- */
/* No overflow on .nav-links: it would clip the absolutely positioned panels. */
.navigation-anaplast-1 .content-wrapper .nav-links {
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: auto;
}
.navigation-anaplast-1__menu {
    display: flex;
    gap: 0.25rem;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation-anaplast-1__item {
    position: relative;
    display: flex;
    height: 100%;
}
/* Mega panels anchor to .content-wrapper (position: relative) instead of the item. */
.navigation-anaplast-1__item.is-mega {
    position: static;
}
.navigation-anaplast-1__top {
    display: flex;
    align-items: center;
    gap: var(--apl-space-1);
    height: 100%;
    min-height: var(--apl-control-min);
    margin: 0;
    padding: 0 1.25rem;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: var(--apl-text-sm);
    font-weight: 600;
    color: var(--heading-color);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 transparent;
    transition:
        color var(--apl-transition),
        box-shadow var(--apl-transition);
}
.navigation-anaplast-1__top:hover,
.navigation-anaplast-1__item.is-open > .navigation-anaplast-1__top {
    color: var(--apl-accent-hover);
    box-shadow: inset 0 -3px 0 var(--apl-accent);
}
.navigation-anaplast-1__top[aria-current="page"],
.navigation-anaplast-1__top.is-current-section {
    box-shadow: inset 0 -3px 0 var(--apl-accent);
}
.navigation-anaplast-1__top:focus-visible {
    outline: var(--apl-focus);
    outline-offset: calc(-1 * var(--apl-focus-offset));
}
.navigation-anaplast-1__chevron {
    font-size: var(--apl-text-xs);
}

/* --- Desktop dropdown panel --- */
.navigation-anaplast-1__panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 101;
    display: flex;
    flex-direction: column;
    gap: var(--apl-space-1);
    min-width: 16rem;
    max-width: 24rem;
    max-height: calc(100dvh - var(--nav-height) - var(--apl-space-2));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--apl-space-1);
    background: var(--apl-surface);
    border: 1px solid var(--apl-border);
    border-radius: 0 0 var(--apl-radius-sm) var(--apl-radius-sm);
    box-shadow: var(--apl-shadow-md);
}
.navigation-anaplast-1__panel[hidden] {
    display: none;
}
.navigation-anaplast-1__item.is-mega > .navigation-anaplast-1__panel {
    left: var(--apl-gutter);
    right: var(--apl-gutter);
    max-width: none;
    padding: var(--apl-space-3);
}
.navigation-anaplast-1__panel-list,
.navigation-anaplast-1__group-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation-anaplast-1__item.is-mega .navigation-anaplast-1__panel-list {
    column-count: 2;
    column-gap: var(--apl-space-4);
}
.navigation-anaplast-1__item.is-mega .navigation-anaplast-1__panel-list > li {
    break-inside: avoid;
}
.navigation-anaplast-1__group {
    padding-bottom: var(--apl-space-2);
}
.navigation-anaplast-1__overview,
.navigation-anaplast-1__group-heading,
.navigation-anaplast-1__panel-link {
    display: flex;
    align-items: center;
    min-height: var(--apl-control-min);
    padding: 0.5rem 0.75rem;
    border-radius: var(--apl-radius-sm);
    font-size: var(--apl-text-sm);
    line-height: var(--apl-leading-tight);
    color: var(--heading-color);
    text-decoration: none;
    box-shadow: inset 3px 0 0 transparent;
    transition:
        color var(--apl-transition),
        background-color var(--apl-transition),
        box-shadow var(--apl-transition);
}
.navigation-anaplast-1__panel-link {
    font-weight: 400;
    color: var(--text-color);
}
.navigation-anaplast-1__group-heading {
    font-weight: 700;
}
.navigation-anaplast-1__overview {
    font-weight: 700;
    border-bottom: 1px solid var(--apl-border);
    border-radius: var(--apl-radius-sm) var(--apl-radius-sm) 0 0;
}
.navigation-anaplast-1__group-list .navigation-anaplast-1__panel-link {
    padding-left: var(--apl-space-2);
}
a.navigation-anaplast-1__overview:hover,
a.navigation-anaplast-1__group-heading:hover,
.navigation-anaplast-1__panel-link:hover {
    background-color: var(--apl-surface-alt);
    color: var(--heading-color);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}
.navigation-anaplast-1__panel [aria-current="page"] {
    font-weight: 700;
    color: var(--heading-color);
    box-shadow: inset 3px 0 0 var(--apl-accent);
}
.navigation-anaplast-1__overview:focus-visible,
.navigation-anaplast-1__group-heading:focus-visible,
.navigation-anaplast-1__panel-link:focus-visible {
    outline: var(--apl-focus);
    outline-offset: calc(-1 * var(--apl-focus-offset));
}

/* --- CTA --- */
.navigation-anaplast-1__cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--apl-control-min);
    background-color: var(--apl-accent);
    color: var(--apl-on-accent);
    text-decoration: none;
    font-size: var(--apl-text-sm);
    font-weight: 700;
    padding: 0.7rem 1.5rem;
    border: 2px solid transparent;
    border-radius: var(--apl-radius-sm);
    transition: background-color var(--apl-transition);
}
.navigation-anaplast-1__cta:hover {
    background-color: var(--apl-accent-hover);
}
.navigation-anaplast-1__cta:focus-visible {
    outline: var(--apl-focus);
    outline-offset: var(--apl-focus-offset);
}

/* --- Burger (mobile only) --- */
.navigation-anaplast-1__burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: var(--apl-control-min);
    height: var(--apl-control-min);
    padding: 0;
    border: none;
    border-radius: var(--apl-radius-sm);
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}
.navigation-anaplast-1__burger:focus-visible {
    outline: var(--apl-focus);
    outline-offset: var(--apl-focus-offset);
}
.navigation-anaplast-1__burger span {
    display: block;
    width: 1.6rem;
    height: 2px;
    margin: 0 auto;
    background-color: var(--heading-color);
    transition:
        transform var(--apl-transition),
        opacity var(--apl-transition);
}
.navigation-anaplast-1.is-open .navigation-anaplast-1__burger span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.navigation-anaplast-1.is-open .navigation-anaplast-1__burger span:nth-child(2) {
    opacity: 0;
}
.navigation-anaplast-1.is-open .navigation-anaplast-1__burger span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* --- Drawer --- */
.navigation-anaplast-1__drawer {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--apl-surface);
    border-top: 1px solid var(--apl-border);
    box-shadow: var(--apl-shadow-md);
    padding: var(--apl-space-2) var(--apl-gutter) var(--apl-space-3);
    max-height: calc(100dvh - var(--nav-height));
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 101;
}
.navigation-anaplast-1__drawer-links {
    display: flex;
    flex-direction: column;
}
.navigation-anaplast-1__drawer-list,
.navigation-anaplast-1__drawer-sub {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation-anaplast-1__drawer-sub[hidden] {
    display: none;
}
.navigation-anaplast-1__drawer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--apl-space-2);
    width: 100%;
    min-height: var(--apl-control-min);
    margin: 0;
    padding: 0.6rem 0.25rem;
    border: none;
    border-bottom: 1px solid var(--apl-surface-muted);
    background: transparent;
    font-family: inherit;
    font-size: var(--apl-text-base);
    font-weight: 600;
    line-height: var(--apl-leading-tight);
    text-align: left;
    color: var(--heading-color);
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 3px 0 0 transparent;
    transition:
        background-color var(--apl-transition),
        box-shadow var(--apl-transition);
}
.navigation-anaplast-1__drawer-row:hover {
    background-color: var(--apl-surface-alt);
}
.navigation-anaplast-1__drawer-row:focus-visible {
    outline: var(--apl-focus);
    outline-offset: calc(-1 * var(--apl-focus-offset));
}
.navigation-anaplast-1__drawer-row[aria-current="page"],
.navigation-anaplast-1__drawer-toggle.is-current-section {
    box-shadow: inset 3px 0 0 var(--apl-accent);
}
.navigation-anaplast-1__drawer-row[aria-current="page"] {
    font-weight: 700;
}
/* Second / third row indent; text never below --apl-text-sm. */
.navigation-anaplast-1__drawer-sub .navigation-anaplast-1__drawer-row {
    padding-left: var(--apl-space-2);
    font-size: var(--apl-text-sm);
}
.navigation-anaplast-1__drawer-sub
    .navigation-anaplast-1__drawer-sub
    .navigation-anaplast-1__drawer-row {
    padding-left: var(--apl-space-4);
    font-weight: 400;
}
.navigation-anaplast-1__drawer-sub
    .navigation-anaplast-1__drawer-sub
    .navigation-anaplast-1__drawer-overview {
    font-weight: 700;
}
.navigation-anaplast-1__drawer-overview {
    font-weight: 700;
}
.navigation-anaplast-1__drawer-links > a.navigation-anaplast-1__cta {
    margin-top: var(--apl-space-2);
    justify-content: center;
    color: var(--apl-on-accent);
    border-bottom: 2px solid transparent;
}
.navigation-anaplast-1__scrim {
    display: none;
    position: fixed;
    inset: var(--nav-height) 0 0;
    background: var(--apl-scrim);
    z-index: 100;
}

@container (width >= 80rem) {
    .navigation-anaplast-1__item.is-mega .navigation-anaplast-1__panel-list {
        column-count: 3;
    }
}

@container (width < 60rem) {
    .navigation-anaplast-1 .content-wrapper .nav-links {
        display: none;
    }
    .navigation-anaplast-1 .content-wrapper > .navigation-anaplast-1__cta {
        display: none;
    }
    .navigation-anaplast-1__burger {
        display: flex;
    }
    .navigation-anaplast-1.is-open .navigation-anaplast-1__drawer,
    .navigation-anaplast-1.is-open .navigation-anaplast-1__scrim {
        display: block;
    }
}