:root {
    /* Bodyminute Raw Colors */
    --color-white: rgb(255, 255, 255);
    /* Blue */
    --color-blue-50: rgb(231, 234, 255);
    --color-blue-100: rgb(210, 216, 255);
    --color-blue-200: rgb(162, 178, 255);
    --color-blue-300: rgb(105, 137, 255);
    --color-blue-400: rgb(4, 99, 252);
    --color-blue-500: rgb(2, 71, 186);
    --color-blue-600: rgb(1, 56, 151);
    --color-blue-700: rgb(1, 42, 118);
    --color-blue-800: rgb(0, 31, 91);
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);

    /* Pink */
    --color-pink-50: rgb(252, 237, 243);
    --color-pink-100: rgb(249, 222, 234);
    --color-pink-200: rgb(244, 187, 214);
    --color-pink-300: rgb(239, 144, 192);
    --color-pink-400: rgb(234, 98, 174);
    --color-pink-500: rgb(209, 63, 149);
    --color-pink-600: rgb(168, 49, 120);
    --color-pink-700: rgb(129, 35, 91);
    --color-pink-800: rgb(89, 21, 61);
    --color-pink-900: rgb(54, 10, 36);
    --color-pink-950: rgb(37, 5, 23);

    /* Gray */
    --color-gray-50: rgb(250, 251, 255);
    --color-gray-100: rgb(249, 250, 252);
    --color-gray-200: rgb(216, 218, 229);
    --color-gray-300: rgb(237, 239, 245);
    --color-gray-400: rgb(230, 232, 240);
    --color-gray-500: rgb(216, 218, 229);
    --color-gray-600: rgb(193, 196, 214);
    --color-gray-700: rgb(143, 149, 178);
    --color-gray-800: rgb(105, 111, 140);
    --color-gray-900: rgb(71, 77, 102);
    --color-gray-950: rgb(16, 24, 64);

    /* Red */
    --color-red-50: rgb(253, 244, 244);
    --color-red-100: rgb(253, 244, 244);
    --color-red-200: rgb(244, 182, 182);
    --color-red-300: rgb(238, 145, 145);
    --color-red-400: rgb(209, 67, 67);
    --color-red-500: rgb(167, 54, 54);
    --color-red-600: rgb(125, 40, 40);

    /**
     ** Bodyminute Semantic Colors
    */
    --color-text-tertiary: var(--color-gray-950);
    --color-text-secondary: var(--color-gray-800);
    --color-text-critical: var(--color-red-600);
    --color-text-inverted: var(--color-white);
    --color-text-brand: var(--color-blue-500);

    --color-link: var(--color-blue-500);
    --color-link-hover: var(--color-blue-600);
    --color-link-active: var(--color-blue-700);

    --color-icon: var(--color-gray-600);

    --color-surface-primary: var(--color-blue-500);
    --color-surface-primary-hover: var(--color-blue-400);
    --color-surface-primary-active: var(--color-blue-600);
    --color-surface-primary-disabled: color-mix(
            in oklch,
            var(--color-surface-primary) 50%,
            transparent
    );

    --color-surface-secondary: var(--color-pink-200);
    --color-surface-secondary-light: var(--color-pink-50);
    --color-surface-secondary-lighter: var(--color-pink-100);
    --color-surface-secondary-hover: var(--color-pink-300);
    --color-surface-secondary-active: var(--color-pink-400);
    --color-surface-secondary-disabled: color-mix(
            in oklch,
            var(--color-surface-secondary) 50%,
            transparent
    );

    --color-surface-tertiary: var(--color-white);
    --color-surface-tertiary-hover: var(--color-gray-200);
    --color-surface-tertiary-active: var(--color-gray-400);
    --color-surface-tertiary-disabled: color-mix(in oklch, var(--color-white) 50%, transparent);

    /* Black alphas */
    --color-primary-alpha-10: rgba(2, 71, 186, 0.1);
    --color-primary-alpha-20: rgba(2, 71, 186, 0.2);
    --color-primary-alpha-30: rgba(2, 71, 186, 0.3);
    --color-primary-alpha-40: rgba(2, 71, 186, 0.4);
    --color-primary-alpha-50: rgba(2, 71, 186, 0.5);

    /* Pink alphas */
    --color-pink-alpha-10: rgba(244, 187, 214, 0.1);
    --color-pink-alpha-20: rgba(244, 187, 214, 0.2);
    --color-pink-alpha-30: rgba(244, 187, 214, 0.3);
    --color-pink-alpha-40: rgba(244, 187, 214, 0.4);
    --color-pink-alpha-50: rgba(244, 187, 214, 0.5);

    /* Black alphas */
    --color-black-alpha-10: rgba(7, 12, 37, 0.1);
    --color-black-alpha-20: rgba(7, 12, 37, 0.2);
    --color-black-alpha-30: rgba(7, 12, 37, 0.3);
    --color-black-alpha-40: rgba(7, 12, 37, 0.4);
    --color-black-alpha-50: rgba(7, 12, 37, 0.5);

    --color-border: var(--color-gray-200);
    --color-overlay: var(--color-black-alpha-50);

    /* Bodyminute Typography System */

    --font-size-xs: 0.75rem;
    --line-height-xs: 1.33;
    --letter-spacing-xs: 0.02em;

    --font-size-sm: 0.875rem;
    --line-height-sm: 1.4;
    --letter-spacing-sm: 0.02em;

    --font-size-md: 1rem;
    --line-height-md: 1.5;
    --letter-spacing-md: 0.02em;

    --font-size-lg: 1.125rem;
    --line-height-lg: 1.5;
    --letter-spacing-lg: 0.02em;

    --font-size-xl: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    --line-height-xl: 1.33;
    --letter-spacing-xl: 0.02em;

    --font-size-2xl: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    --line-height-2xl: 1.333;
    --letter-spacing-2xl: 0.02em;

    --font-size-3xl: clamp(1.5rem, 1rem + 2vw, 2rem);
    --line-height-3xl: 1.25;
    --letter-spacing-3xl: 0.02em;

    --font-size-4xl: clamp(1.75rem, 1rem + 3vw, 2.5rem);
    --line-height-4xl: 1.2;
    --letter-spacing-4xl: 0.02em;

    --font-size-5xl: clamp(2rem, 1rem + 4vw, 2.75rem);
    --line-height-5xl: 1.2;
    --letter-spacing-5xl: 0.02em;

    --font-size-6xl: clamp(2.5rem, 1rem + 5vw, 3rem);
    --line-height-6xl: 1.2;
    --letter-spacing-6xl: 0.02em;

    --radius-full: 999rem;
    --radius-sm: 0.375rem;
    --radius-base: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1.5rem;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
    --color-blue-900: rgb(0, 18, 61);
    --color-blue-950: rgb(0, 9, 39);
    --color-gray-50: rgb(250, 251, 255);
}

@media (color-gamut: p3) {
:root {
    --color-blue-900: color(display-p3 0.01387 0.06887 0.22923);
    --color-blue-950: color(display-p3 0.00625 0.03411 0.14589);
    --color-gray-50: color(display-p3 0.98115 0.98424 0.99859);
}
}
}
.text-2xs {
    font-size: var(--font-size-2xs);
    line-height: var(--line-height-2xs);
    letter-spacing: var(--letter-spacing-2xs);
}
.text-xs {
    font-size: 0.75rem;
    font-size: var(--font-size-xs);
    line-height: 1.33;
    line-height: var(--line-height-xs);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-xs);
}
.text-sm {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
}
.text-md {
    font-size: 1rem;
    font-size: var(--font-size-md);
    line-height: 1.5;
    line-height: var(--line-height-md);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-md);
}
.text-lg {
    font-size: 1.125rem;
    font-size: var(--font-size-lg);
    line-height: 1.5;
    line-height: var(--line-height-lg);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-lg);
}
.text-xl {
    font-size: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    font-size: var(--font-size-xl);
    line-height: 1.33;
    line-height: var(--line-height-xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-xl);
}
.text-2xl {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.5rem);
    font-size: var(--font-size-2xl);
    line-height: 1.333;
    line-height: var(--line-height-2xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-2xl);
}
.text-3xl {
    font-size: clamp(1.5rem, 1rem + 2vw, 2rem);
    font-size: var(--font-size-3xl);
    line-height: 1.25;
    line-height: var(--line-height-3xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-3xl);
}
.text-4xl {
    font-size: clamp(1.75rem, 1rem + 3vw, 2.5rem);
    font-size: var(--font-size-4xl);
    line-height: 1.2;
    line-height: var(--line-height-4xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-4xl);
}
.text-5xl {
    font-size: clamp(2rem, 1rem + 4vw, 2.75rem);
    font-size: var(--font-size-5xl);
    line-height: 1.2;
    line-height: var(--line-height-5xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-5xl);
}
.text-button {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
}
.text-button {
    font-weight: 600;
    text-transform: uppercase;
}
.link-underline {
    position: relative;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
}
.link-underline:before {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s ease-in-out;
    }
.link-underline:hover::before {
        transform: scaleX(1);
    }
.is-heading-text {
    font-size: clamp(1.5rem, 1rem + 2vw, 2rem);
    font-size: var(--font-size-3xl);
    line-height: 1.25;
    line-height: var(--line-height-3xl);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-3xl);
}
.is-heading-text {
    color: rgb(2, 71, 186);
    color: var(--color-text-brand);
    font-weight: 600;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
}
.has-padding-x-xs {
        padding-left: var(--wp--preset--spacing--xs);
        padding-right: var(--wp--preset--spacing--xs);
    }
.has-padding-y-xs {
        padding-top: var(--wp--preset--spacing--xs);
        padding-bottom: var(--wp--preset--spacing--xs);
    }
.has-margin-x-xs {
        margin-left: var(--wp--preset--spacing--xs);
        margin-right: var(--wp--preset--spacing--xs);
    }
.has-margin-y-xs {
        margin-top: var(--wp--preset--spacing--xs);
        margin-bottom: var(--wp--preset--spacing--xs);
    }
.has-padding-x-sm {
        padding-left: var(--wp--preset--spacing--sm);
        padding-right: var(--wp--preset--spacing--sm);
    }
.has-padding-y-sm {
        padding-top: var(--wp--preset--spacing--sm);
        padding-bottom: var(--wp--preset--spacing--sm);
    }
.has-margin-x-sm {
        margin-left: var(--wp--preset--spacing--sm);
        margin-right: var(--wp--preset--spacing--sm);
    }
.has-margin-y-sm {
        margin-top: var(--wp--preset--spacing--sm);
        margin-bottom: var(--wp--preset--spacing--sm);
    }
.has-padding-x-md {
        padding-left: var(--wp--preset--spacing--md);
        padding-right: var(--wp--preset--spacing--md);
    }
.has-padding-y-md {
        padding-top: var(--wp--preset--spacing--md);
        padding-bottom: var(--wp--preset--spacing--md);
    }
.has-margin-x-md {
        margin-left: var(--wp--preset--spacing--md);
        margin-right: var(--wp--preset--spacing--md);
    }
.has-margin-y-md {
        margin-top: var(--wp--preset--spacing--md);
        margin-bottom: var(--wp--preset--spacing--md);
    }
.has-padding-x-lg {
        padding-left: var(--wp--preset--spacing--lg);
        padding-right: var(--wp--preset--spacing--lg);
    }
.has-padding-y-lg {
        padding-top: var(--wp--preset--spacing--lg);
        padding-bottom: var(--wp--preset--spacing--lg);
    }
.has-margin-x-lg {
        margin-left: var(--wp--preset--spacing--lg);
        margin-right: var(--wp--preset--spacing--lg);
    }
.has-margin-y-lg {
        margin-top: var(--wp--preset--spacing--lg);
        margin-bottom: var(--wp--preset--spacing--lg);
    }
.has-padding-x-xl {
        padding-left: var(--wp--preset--spacing--xl);
        padding-right: var(--wp--preset--spacing--xl);
    }
.has-padding-y-xl {
        padding-top: var(--wp--preset--spacing--xl);
        padding-bottom: var(--wp--preset--spacing--xl);
    }
.has-margin-x-xl {
        margin-left: var(--wp--preset--spacing--xl);
        margin-right: var(--wp--preset--spacing--xl);
    }
.has-margin-y-xl {
        margin-top: var(--wp--preset--spacing--xl);
        margin-bottom: var(--wp--preset--spacing--xl);
    }
@media (max-width: 767px) {
        .has-padding-x-xs-mobile {
            padding-left: var(--wp--preset--spacing--xs);
            padding-right: var(--wp--preset--spacing--xs);
        }

        .has-padding-y-xs-mobile {
            padding-top: var(--wp--preset--spacing--xs);
            padding-bottom: var(--wp--preset--spacing--xs);
        }

        .has-margin-x-xs-mobile {
            margin-left: var(--wp--preset--spacing--xs);
            margin-right: var(--wp--preset--spacing--xs);
        }

        .has-margin-y-xs-mobile {
            margin-top: var(--wp--preset--spacing--xs);
            margin-bottom: var(--wp--preset--spacing--xs);
        }
        .has-padding-x-sm-mobile {
            padding-left: var(--wp--preset--spacing--sm);
            padding-right: var(--wp--preset--spacing--sm);
        }

        .has-padding-y-sm-mobile {
            padding-top: var(--wp--preset--spacing--sm);
            padding-bottom: var(--wp--preset--spacing--sm);
        }

        .has-margin-x-sm-mobile {
            margin-left: var(--wp--preset--spacing--sm);
            margin-right: var(--wp--preset--spacing--sm);
        }

        .has-margin-y-sm-mobile {
            margin-top: var(--wp--preset--spacing--sm);
            margin-bottom: var(--wp--preset--spacing--sm);
        }
        .has-padding-x-md-mobile {
            padding-left: var(--wp--preset--spacing--md);
            padding-right: var(--wp--preset--spacing--md);
        }

        .has-padding-y-md-mobile {
            padding-top: var(--wp--preset--spacing--md);
            padding-bottom: var(--wp--preset--spacing--md);
        }

        .has-margin-x-md-mobile {
            margin-left: var(--wp--preset--spacing--md);
            margin-right: var(--wp--preset--spacing--md);
        }

        .has-margin-y-md-mobile {
            margin-top: var(--wp--preset--spacing--md);
            margin-bottom: var(--wp--preset--spacing--md);
        }
        .has-padding-x-lg-mobile {
            padding-left: var(--wp--preset--spacing--lg);
            padding-right: var(--wp--preset--spacing--lg);
        }

        .has-padding-y-lg-mobile {
            padding-top: var(--wp--preset--spacing--lg);
            padding-bottom: var(--wp--preset--spacing--lg);
        }

        .has-margin-x-lg-mobile {
            margin-left: var(--wp--preset--spacing--lg);
            margin-right: var(--wp--preset--spacing--lg);
        }

        .has-margin-y-lg-mobile {
            margin-top: var(--wp--preset--spacing--lg);
            margin-bottom: var(--wp--preset--spacing--lg);
        }
        .has-padding-x-xl-mobile {
            padding-left: var(--wp--preset--spacing--xl);
            padding-right: var(--wp--preset--spacing--xl);
        }

        .has-padding-y-xl-mobile {
            padding-top: var(--wp--preset--spacing--xl);
            padding-bottom: var(--wp--preset--spacing--xl);
        }

        .has-margin-x-xl-mobile {
            margin-left: var(--wp--preset--spacing--xl);
            margin-right: var(--wp--preset--spacing--xl);
        }

        .has-margin-y-xl-mobile {
            margin-top: var(--wp--preset--spacing--xl);
            margin-bottom: var(--wp--preset--spacing--xl);
        }
}
.focus-ring {
    outline: 2px solid rgba(2, 71, 186, 0.2);
    outline: 2px solid var(--color-primary-alpha-20);
    outline-offset: 2px;
}
.container {
    box-sizing: border-box;
    width: min(100%, 1260px);
    width: min(100%, var(--wp--style--global--wide-size, 1260px));
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-left: var(--wp--preset--spacing--md, 1rem);
    padding-right: var(--wp--preset--spacing--md, 1rem);
}
:root {
    --admin-bar-height-mobile: 46px;
    --admin-bar-height-desktop: 32px;
    --admin-bar-height-level3: 23px;
}
.header-banner {
    background: var(--wp--preset--color--secondary-light);
    height: 48px;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}
.header-banner .wp-block-button {
        margin: 0;
    }
.header-banner .wp-block-button .wp-block-button__link {
            background: var(--wp--preset--color--white);
            color: var(--wp--preset--color--primary);
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            font-weight: 600;
            font-weight: var(--fw-semibold);
        }
@media (min-width: 1024px) {
.header-banner {
        display: none;
    }
    }
.header {
    background: rgb(2, 71, 186);
    background: var(--color-surface-primary);
    padding: 1rem 0;
    z-index: 999;
    position: relative;
}
.header .container {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
@media (min-width: 1024px) {
.header .container {
            position: relative;
            justify-content: center
    }
    }
.header__logo {
        flex: 1;
        display: flex;
        justify-content: center;
    }
@media (min-width: 1024px) {
.header__logo {
            flex: initial;
    }
    }
.header__logo svg {
            height: 32px;
        }
@media (min-width: 1024px) {
.header__actions:first-child {
                display: none
        }
    }
.header__actions:last-child {
            display: none;
        }
@media (min-width: 1024px) {
.header__actions:last-child {
                display: block;
                position: absolute;
                right: 0
        }
    }
.header__actions .wp-block-button {
            margin: 0;
        }
.header__actions .wp-block-button a {
                color: rgb(2, 71, 186);
                color: var(--color-text-brand);
                padding: 0.5rem 0.75rem;
                font-size: 0.75rem;
                line-height: 1.2;
                white-space: normal;
                text-align: center;
                min-width: 0;
            }
@media (min-width: 1024px) {
.header__actions .wp-block-button a {
                    padding: 0.75rem 1.5rem;
                    font-size: 1rem;
                    white-space: nowrap
            }
    }
.header .header-navigation__toggle {
        color: white;
    }
.header-navigation {
    margin-top: 0;
}
@media (min-width: 1280px) {
.header-navigation .container {
            padding-left: 0 !important;
            padding-right: 0 !important
    }
    }
.header-navigation__toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        cursor: pointer;
        color: rgb(2, 71, 186);
        color: var(--color-text-brand);
        margin: 0;
        padding: 0;
        z-index: 1001;
    }
.header-navigation__toggle svg {
            width: 1.5rem;
            height: 1.5rem;
            fill: currentColor;
        }
@media (min-width: 1024px) {
.header-navigation__toggle {
            display: none;
    }
    }
.header-navigation__overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(7, 12, 37, 0.5);
        background: var(--color-overlay);
        z-index: 998;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease-in-out;
        display: none;
    }
@media (min-width: 1024px) {
.header-navigation__overlay {
            display: block
    }
    }
.header-navigation--desktop {
        position: sticky;
        top: 0;
        z-index: 999;
        display: none;
        margin-bottom: 1rem;
    }
.header-navigation--desktop .header-navigation__list {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                list-style: none;
                margin: 0;
                padding: 0.25rem 0;
                --underline-width: 0;
                --underline-x: 0;
            }
.header-navigation--desktop .header-navigation__list::after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: 0.188rem;
                    width: var(--underline-width);
                    transform: translateX(var(--underline-x));
                    background: rgb(2, 71, 186);
                    background: var(--color-text-brand);
                    opacity: 0;
                    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
                    transition-property: transform, width, opacity;
                    transition-duration: 0.3s, 0.3s, 0.2s;
                    transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1), cubic-bezier(0.65, 0, 0.35, 1), ease-in-out;
                    pointer-events: none;
                }
.header-navigation--desktop .header-navigation__list.has-indicator::after {
                    opacity: 1;
                }
.header-navigation--desktop .header-navigation__item > a, .header-navigation--desktop .header-navigation__item > button {
    font-size: 1rem;
    font-size: var(--font-size-md);
    line-height: 1.5;
    line-height: var(--line-height-md);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-md);
            }
.header-navigation--desktop .header-navigation__item > a, .header-navigation--desktop .header-navigation__item > button {
                color: rgb(2, 71, 186);
                color: var(--color-text-brand);
                -webkit-text-decoration: none;
                text-decoration: none;
                transition: color 0.2s ease-in;
            }
.header-navigation--desktop .header-navigation__item > a:hover, .header-navigation--desktop .header-navigation__item > button:hover {
		color: rgb(4, 99, 252);
		color: var(--color-surface-primary-hover);
	}
.header-navigation--desktop .header-navigation__item > a, .header-navigation--desktop .header-navigation__item > button {
                position: relative;
                display: flex;
                align-items: center;
                gap: 0.25rem;
                padding: 0.75rem 0;
                font-weight: 600;
                font-weight: var(--fw-semibold);
                background: none;
                border: none;
}
.header-navigation--desktop .header-navigation__item > a svg, .header-navigation--desktop .header-navigation__item > button svg {
                    fill: currentColor;
                    width: 1rem;
                    height: 1rem;
                }
.header-navigation--desktop .header-navigation__flyout {
                position: absolute;
                top: 0;
                top: var(--nav-offset, 0);
                left: 50%;
                transform: translateX(-50%);
                /* Prevents the flyout from exceeding the viewport when scrollbars take space */
                width: calc(100vw - 0px);
                width: calc(100vw - var(--flyout-scrollbar-width, 0px));
                background: white;
                height: 0;
                max-height: calc(100vh - 0 - 2rem);
                max-height: calc(100vh - var(--nav-offset, 0) - 2rem);
                overflow-y: auto;
                transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                z-index: 999;
            }
.header-navigation--desktop .header-navigation__flyout::-webkit-scrollbar {
                    width: 8px;
                }
.header-navigation--desktop .header-navigation__flyout::-webkit-scrollbar-track {
                    background: rgb(249, 250, 252);
                    background: var(--color-gray-100, #f3f4f6);
                }
.header-navigation--desktop .header-navigation__flyout::-webkit-scrollbar-thumb {
                    background: rgb(230, 232, 240);
                    background: var(--color-gray-400, #9ca3af);
                    border-radius: 4px;
                }
.header-navigation--desktop .header-navigation__flyout::-webkit-scrollbar-thumb:hover {
                        background: rgb(216, 218, 229);
                        background: var(--color-gray-500, #6b7280);
                    }
.header-navigation--desktop .header-navigation__flyout .container {
                    padding-top: 2rem;
                    padding-bottom: 2rem;
                }
@media (min-width: 1024px) {
.header-navigation--desktop {
            display: block;
            background: white;
            border-bottom: 1px solid rgb(216, 218, 229);
            border-bottom: 1px solid var(--color-border);
    }
    }
.header-navigation--mobile {
        margin-top: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100dvh;
        background: white;
        z-index: 1000;
        overflow: hidden;
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
        display: flex;
        flex-direction: column;

        /* Level 2: Column list */
    }
.admin-bar .header-navigation--mobile {
            top: 46px;
            top: var(--admin-bar-height-mobile);
            height: calc(100dvh - 46px);
            height: calc(100dvh - var(--admin-bar-height-mobile));
        }
@media screen and (min-width: 783px) {
.admin-bar .header-navigation--mobile {
                top: 32px;
                top: var(--admin-bar-height-desktop);
                height: calc(100dvh - 32px);
                height: calc(100dvh - var(--admin-bar-height-desktop))
        }
            }
.header-navigation--mobile.is-open {
            transform: translateX(0);
        }
.header-navigation--mobile .header-navigation__topbar {
                background: white;
                border-bottom: 1px solid rgb(216, 218, 229);
                border-bottom: 1px solid var(--color-border);
                height: 3.5rem;
                display: flex;
                padding: 0 1rem;
                align-items: center;
                justify-content: space-between;
                position: sticky;
                top: 0;
            }
.header-navigation--mobile .header-navigation__title {
    font-size: 1.125rem;
    font-size: var(--font-size-lg);
    line-height: 1.5;
    line-height: var(--line-height-lg);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-lg);
            }
.header-navigation--mobile .header-navigation__title {
                font-weight: 500;
                font-weight: var(--fw-medium);
                color: rgb(2, 71, 186);
                color: var(--color-text-brand);
                text-align: center;
                flex: 1;
                white-space: nowrap;
            }
.header-navigation--mobile .header-navigation__action {
                background: none;
                display: flex;
                justify-content: flex-end !important;
                align-items: center;
                height: 100%;
                aspect-ratio: 1;
                border: none;
                cursor: pointer;
                color: rgb(2, 71, 186);
                color: var(--color-text-brand);
                text-align: right;
            }
.header-navigation--mobile .header-navigation__action svg {
                    width: 1.5rem !important;
                    height: 1.5rem !important;
                    fill: currentColor;
                }
.header-navigation--mobile .header-navigation__list {
                overflow-y: auto;
                padding: 0.5rem 0;
                list-style-type: none;
                margin: 0;
                display: flex;
                flex-direction: column;
            }
.header-navigation--mobile .header-navigation__list .header-navigation__item .header-navigation__link {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
                }
.header-navigation--mobile .header-navigation__list .header-navigation__item .header-navigation__link {
                    background: none;
                    border: none;
                    padding: 1rem;
                    font-weight: 500;
                    font-weight: var(--fw-medium);
                    width: 100%;
                    color: rgb(2, 71, 186);
                    color: var(--color-text-brand);
                    -webkit-text-decoration: none;
                    text-decoration: none;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }
.header-navigation--mobile .header-navigation__list .header-navigation__item .header-navigation__link svg {
                        width: 1rem;
                        height: 1rem;
                        fill: currentColor;
                    }
.header-navigation--mobile .header-navigation__list .header-navigation__item .header-navigation__link:focus, .header-navigation--mobile .header-navigation__list .header-navigation__item .header-navigation__link:focus-visible {
                        background: rgb(249, 250, 252);
                        background: var(--color-gray-100);
                    }
.header-navigation--mobile .header-navigation__drawer {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100dvh;
                background: white;
                z-index: 1001;
                transform: translateX(-100%);
                transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                overflow: hidden;
                display: flex;
                flex-direction: column;
            }
.header-navigation--mobile .header-navigation__drawer.is-open {
                    transform: translateX(0);
                }
.header-navigation--mobile .header-navigation__drawer-header {
                    background: rgb(252, 237, 243);
                    background: var(--color-surface-secondary-light);
                    border-bottom: 1px solid rgb(216, 218, 229);
                    border-bottom: 1px solid var(--color-border);
                    height: 3.5rem;
                    flex-shrink: 0;
                    display: flex;
                    align-items: center;
                    gap: 1rem;
                    padding: 0 1rem;
                }
.header-navigation--mobile .header-navigation__drawer-back {
                    background: none;
                    border: none;
                    cursor: pointer;
                    color: rgb(2, 71, 186);
                    color: var(--color-text-brand);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 !important;
                }
.header-navigation--mobile .header-navigation__drawer-back svg {
                        width: 1.5rem !important;
                        height: 1.5rem !important;
                        fill: currentColor;
                    }
.header-navigation--mobile .header-navigation__drawer-title {
    font-size: 1.125rem;
    font-size: var(--font-size-lg);
    line-height: 1.5;
    line-height: var(--line-height-lg);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-lg);
                }
.header-navigation--mobile .header-navigation__drawer-title {
                    font-weight: 500;
                    font-weight: var(--fw-medium);
                    color: rgb(2, 71, 186);
                    color: var(--color-text-brand);
                    margin: 0;
                    flex: 1;
                }
.header-navigation--mobile .header-navigation__drawer-content {
                    flex: 1;
                    overflow-y: auto;
                    padding: 0.5rem 0;
                }
@media screen and (min-width: 783px) {
.header-navigation--mobile .admin-bar .header-navigation__drawer[data-drawer-level="2"] {
                top: 32px;
                top: var(--admin-bar-height-desktop);
                height: calc(100dvh - 32px);
                height: calc(100dvh - var(--admin-bar-height-desktop))
        }
            }
.header-navigation--mobile .header-navigation__drawer[data-drawer-level="3"] {
            z-index: 1002;
        }
.header-navigation--mobile .admin-bar .header-navigation__drawer[data-drawer-level="3"] {
            top: 23px;
            top: var(--admin-bar-height-level3);
            height: calc(100dvh - 23px);
            height: calc(100dvh - var(--admin-bar-height-level3));
        }
@media screen and (min-width: 783px) {
.header-navigation--mobile .admin-bar .header-navigation__drawer[data-drawer-level="3"] {
                top: 32px;
                top: var(--admin-bar-height-desktop);
                height: calc(100dvh - 32px);
                height: calc(100dvh - var(--admin-bar-height-desktop))
        }
            }
.header-navigation--mobile .drawer-column-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }
.header-navigation--mobile .drawer-column-button {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
        }
.header-navigation--mobile .drawer-column-button {
            background: none;
            border: none;
            padding: 1rem;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: rgb(2, 71, 186);
            color: var(--color-text-brand);
            font-weight: 500;
            font-weight: var(--fw-medium);
            cursor: pointer;
            text-align: left;
            transition: background 0.2s ease-in;
        }
.header-navigation--mobile .drawer-column-button svg {
                width: 1rem;
                height: 1rem;
                fill: currentColor;
                flex-shrink: 0;
            }
.header-navigation--mobile .drawer-column-button:focus, .header-navigation--mobile .drawer-column-button:focus-visible {
                background: rgb(252, 237, 243);
                background: var(--color-surface-secondary-light);
            }
.header-navigation--mobile .drawer-column-links {
            list-style: none;
            margin: 0;
            padding: 0;
        }
.header-navigation--mobile .drawer-column-links li a {
    font-size: 0.875rem;
    font-size: var(--font-size-sm);
    line-height: 1.4;
    line-height: var(--line-height-sm);
    letter-spacing: 0.02em;
    letter-spacing: var(--letter-spacing-sm);
            }
.header-navigation--mobile .drawer-column-links li a {
                display: block;
                padding: 1rem;
                color: rgb(2, 71, 186);
                color: var(--color-text-brand);
                -webkit-text-decoration: none;
                text-decoration: none;
                font-weight: 400;
                font-weight: var(--fw-regular);
                transition: background 0.2s ease-in;
            }
.header-navigation--mobile .drawer-column-links li a:focus, .header-navigation--mobile .drawer-column-links li a:focus-visible {
                    background: rgb(249, 250, 252);
                    background: var(--color-gray-100);
                }
@media (min-width: 1024px) {
.header-navigation--mobile {
            display: none;
    }
    }