/* Shared stage navigation; panels remain readable when JavaScript is unavailable. */
.public-site [data-stage-tablist][hidden],
.public-site [data-stage-panel][hidden] {
    display: none;
}

.public-site .stage-tabs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 36px;
    padding: 6px;
    border: 1px solid rgba(18, 43, 42, 0.15);
    border-radius: 999px;
    background: #f1e8d8;
}

.public-site .stage-tabs__tab {
    appearance: none;
    min-height: 48px;
    padding: 12px clamp(20px, 3vw, 34px);
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #405653;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 800;
    line-height: 1.3;
    cursor: pointer;
    transition: background-color 160ms ease, color 160ms ease;
}

.public-site .stage-tabs__tab:hover {
    background: rgba(255, 255, 255, 0.65);
}

.public-site .stage-tabs__tab[aria-selected="true"] {
    background: #123f38;
    color: #fffefa;
    box-shadow: 0 3px 9px rgba(18, 43, 42, 0.12);
}

.public-site .stage-tabs__tab:focus-visible,
.public-site .stage-tabs__panel:focus-visible {
    outline: 2px solid #9c6200;
    outline-offset: 4px;
}

.public-site .stage-tabs__panel {
    scroll-margin-top: 100px;
}

@media (max-width: 420px) {
    .public-site .stage-tabs__list {
        width: 100%;
        flex-wrap: nowrap;
    }

    .public-site .stage-tabs__tab {
        flex: 1;
        min-width: 0;
        padding-inline: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-site .stage-tabs__tab {
        transition: none;
    }
}