@media (max-width: 79.999rem) {
    .site-header--frame-floating .site-header__navbar {
        width: 100%;
        margin-top: 0;
        border-inline: 0;
        border-top: 0;
        border-radius: 0;
        box-shadow: none;
    }
}

@container (width < 1280px) {
    .site-navigation {
        width: min(38rem, 100%);
        max-width: 100%;
        max-height: 100dvh;
        background: var(--bs-bg-body);
        color: var(--bs-fg-body);
    }

    .site-navigation .drawer-header {
        align-items: flex-start;
        gap: var(--bs-spacer-5);
        padding: var(--bs-spacer-7);
        border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    }

    .site-navigation .drawer-body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
        min-height: 0;
        padding: 0;
        overflow: hidden;
    }

    .site-navigation__scroll-region {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        padding: var(--bs-spacer-5) var(--bs-spacer-7);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .site-navigation .site-navigation__primary {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .site-navigation__primary > .nav-item {
        width: 100%;
        border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    }

    .site-navigation__primary > .nav-item > :is(.nav-link, .site-menu-trigger) {
        min-height: 3.5rem;
        padding-block: var(--bs-spacer-5);
        padding-inline: var(--bs-spacer-2);
        font-size: var(--bs-font-size-xl);
        font-weight: var(--bs-font-weight-medium);
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .site-navigation__primary > .nav-item > a:only-child {
        display: flex;
        width: 100%;
    }

    .site-navigation__primary > .nav-item > a::after {
        inset-inline: var(--bs-spacer-2);
        inset-block-end: 0;
    }

    .site-navigation__actions {
        flex-direction: column;
        align-items: stretch;
        flex-shrink: 0;
        gap: var(--bs-spacer-3);
        width: 100%;
        margin: 0;
        padding: var(--bs-spacer-5) var(--bs-spacer-7)
            max(var(--bs-spacer-7), env(safe-area-inset-bottom));
        border-top: var(--bs-border-width) solid var(--bs-border-color);
        background: var(--bs-bg-2);
    }

    .site-navigation__actions:empty {
        display: none;
    }

    .site-navigation__actions > * {
        flex: 0 0 auto;
        width: 100%;
        justify-content: center;
        min-height: 2.75rem;
    }

    .site-navigation__custom-action > * {
        width: 100%;
    }

    .site-navigation__search-action {
        aspect-ratio: auto;
        width: 100%;
        justify-content: space-between;
        order: -1;
    }

    .site-navigation__search-label {
        display: inline;
    }
}

@media (max-width: 30rem) {
    .site-search-dialog {
        width: calc(100% - var(--bs-spacer-4) * 2);
    }

    .site-search-dialog__body {
        padding: var(--bs-spacer-8) var(--bs-spacer-5) var(--bs-spacer-6);
    }

    .site-search-dialog__title {
        font-size: var(--bs-font-size-2xl);
    }

    .site-search-dialog__field {
        flex-wrap: wrap;
    }

    .site-search-dialog__field > i {
        display: none;
    }

    .site-search-dialog__field > button {
        width: 100%;
    }

    .site-search-dialog__shortcuts > span {
        flex-basis: 100%;
    }

    .site-header__utility a,
    .site-brand__copy small {
        display: none;
    }

    .site-brand--position-beside,
    .site-brand--text-only {
        max-width: calc(100% - 7rem);
    }
}

@media (max-width: 64rem) {
    .site-brand--has-logo.site-brand--has-copy .site-brand__logo {
        max-width: min(8rem, 34vw);
    }
}