@layer tokens,base,layout,components,utilities;@layer tokens{:root {
        --font-sans: "Inter", system-ui;
        --breakpoint-md: 56rem;

        
        --space-1: 0.25rem;
        --space-2: 0.5rem;
        --space-3: 0.75rem;
        --space-4: 1rem;
        --space-5: 1.25rem;
        --space-6: 1.5rem;
        --space-8: 2rem;
        --space-10: 2.5rem;
        --space-12: 3rem;
        --space-14: 3.5rem;

        
        --radius-xs: 0.125rem;
        --radius-sm: 0.25rem;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --radius-full: 9999px;

        
        --shadow-soft: 0 1px 2px #0000000d;
        --shadow-hover: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
        --shadow-admonition: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;

        
        --color-grey-10: rgba(242, 242, 242, 1);
        --color-grey-20: rgba(229, 229, 229, 1);
        --color-grey-30: rgba(206, 206, 206, 1);
        --color-grey-40: rgba(185, 185, 185, 1);
        --color-grey-50: rgba(149, 149, 149, 1);
        --color-grey-60: rgba(118, 118, 118, 1);
        --color-grey-70: rgba(93, 93, 93, 1);
        --color-grey-80: rgba(73, 73, 73, 1);
        --color-grey-90: rgba(49, 49, 49, 1);
        --color-grey-100: rgba(28, 28, 28, 1);

        --color-red-10: rgba(252, 241, 238, 1);
        --color-red-20: rgba(250, 223, 219, 1);
        --color-red-30: rgba(243, 194, 187, 1);
        --color-red-40: rgba(236, 167, 158, 1);
        --color-red-50: rgba(220, 117, 107, 1);
        --color-red-60: rgba(204, 69, 62, 1);
        --color-red-70: rgba(176, 36, 29, 1);
        --color-red-80: rgba(138, 26, 16, 1);
        --color-red-90: rgba(97, 15, 8, 1);
        --color-red-100: rgba(60, 6, 3, 1);

        --color-orange-10: rgba(252, 240, 231, 1);
        --color-orange-20: rgba(250, 224, 206, 1);
        --color-orange-30: rgba(245, 195, 161, 1);
        --color-orange-40: rgba(242, 166, 118, 1);
        --color-orange-50: rgba(225, 118, 54, 1);
        --color-orange-60: rgba(187, 88, 34, 1);
        --color-orange-70: rgba(152, 67, 25, 1);
        --color-orange-80: rgba(121, 50, 17, 1);
        --color-orange-90: rgba(85, 32, 9, 1);
        --color-orange-100: rgba(52, 16, 3, 1);

        --color-yellow-10: rgba(253, 245, 174, 1);
        --color-yellow-20: rgba(251, 230, 124, 1);
        --color-yellow-30: rgba(241, 203, 80, 1);
        --color-yellow-40: rgba(218, 182, 61, 1);
        --color-yellow-50: rgba(177, 146, 47, 1);
        --color-yellow-60: rgba(142, 115, 35, 1);
        --color-yellow-70: rgba(113, 91, 26, 1);
        --color-yellow-80: rgba(89, 71, 18, 1);
        --color-yellow-90: rgba(60, 48, 9, 1);
        --color-yellow-100: rgba(35, 27, 4, 1);

        --color-lime-10: rgba(237, 246, 221, 1);
        --color-lime-20: rgba(218, 236, 183, 1);
        --color-lime-30: rgba(189, 218, 127, 1);
        --color-lime-40: rgba(165, 198, 86, 1);
        --color-lime-50: rgba(130, 161, 48, 1);
        --color-lime-60: rgba(102, 128, 36, 1);
        --color-lime-70: rgba(80, 102, 27, 1);
        --color-lime-80: rgba(62, 79, 19, 1);
        --color-lime-90: rgba(41, 54, 10, 1);
        --color-lime-100: rgba(22, 31, 4, 1);

        --color-green-10: rgba(238, 245, 238, 1);
        --color-green-20: rgba(219, 233, 218, 1);
        --color-green-30: rgba(186, 215, 186, 1);
        --color-green-40: rgba(155, 197, 155, 1);
        --color-green-50: rgba(106, 163, 107, 1);
        --color-green-60: rgba(68, 133, 72, 1);
        --color-green-70: rgba(46, 107, 49, 1);
        --color-green-80: rgba(34, 84, 33, 1);
        --color-green-90: rgba(21, 57, 18, 1);
        --color-green-100: rgba(9, 33, 7, 1);

        --color-teal-10: rgba(236, 245, 244, 1);
        --color-teal-20: rgba(213, 232, 230, 1);
        --color-teal-30: rgba(180, 215, 212, 1);
        --color-teal-40: rgba(146, 195, 192, 1);
        --color-teal-50: rgba(81, 163, 158, 1);
        --color-teal-60: rgba(58, 131, 126, 1);
        --color-teal-70: rgba(44, 103, 100, 1);
        --color-teal-80: rgba(33, 81, 78, 1);
        --color-teal-90: rgba(20, 55, 52, 1);
        --color-teal-100: rgba(8, 31, 31, 1);

        --color-cyan-10: rgba(228, 245, 254, 1);
        --color-cyan-20: rgba(195, 235, 253, 1);
        --color-cyan-30: rgba(149, 217, 248, 1);
        --color-cyan-40: rgba(112, 196, 235, 1);
        --color-cyan-50: rgba(71, 159, 198, 1);
        --color-cyan-60: rgba(55, 126, 160, 1);
        --color-cyan-70: rgba(42, 100, 128, 1);
        --color-cyan-80: rgba(31, 78, 102, 1);
        --color-cyan-90: rgba(19, 52, 69, 1);
        --color-cyan-100: rgba(8, 30, 42, 1);

        --color-blue-10: rgba(237, 244, 254, 1);
        --color-blue-20: rgba(214, 229, 253, 1);
        --color-blue-30: rgba(180, 209, 251, 1);
        --color-blue-40: rgba(147, 187, 249, 1);
        --color-blue-50: rgba(95, 146, 247, 1);
        --color-blue-60: rgba(54, 106, 246, 1);
        --color-blue-70: rgba(31, 77, 219, 1);
        --color-blue-80: rgba(21, 56, 183, 1);
        --color-blue-90: rgba(10, 34, 132, 1);
        --color-blue-100: rgba(4, 18, 85, 1);

        --color-neutral-10: rgba(242, 243, 245, 1);
        --color-neutral-20: rgba(226, 228, 233, 1);
        --color-neutral-30: rgba(204, 207, 215, 1);
        --color-neutral-40: rgba(180, 185, 196, 1);
        --color-neutral-50: rgba(143, 149, 164, 1);
        --color-neutral-60: rgba(111, 118, 135, 1);
        --color-neutral-70: rgba(87, 94, 109, 1);
        --color-neutral-80: rgba(68, 73, 87, 1);
        --color-neutral-90: rgba(45, 49, 59, 1);
        --color-neutral-100: rgba(26, 28, 35, 1);

        --color-indigo-10: rgba(240, 242, 254, 1);
        --color-indigo-20: rgba(224, 227, 253, 1);
        --color-indigo-30: rgba(197, 203, 251, 1);
        --color-indigo-40: rgba(173, 180, 249, 1);
        --color-indigo-50: rgba(132, 137, 245, 1);
        --color-indigo-60: rgba(103, 105, 216, 1);
        --color-indigo-70: rgba(80, 79, 186, 1);
        --color-indigo-80: rgba(61, 55, 163, 1);
        --color-indigo-90: rgba(40, 25, 134, 1);
        --color-indigo-100: rgba(21, 1, 99, 1);

        --color-purple-10: rgba(243, 241, 254, 1);
        --color-purple-20: rgba(231, 224, 253, 1);
        --color-purple-30: rgba(213, 198, 251, 1);
        --color-purple-40: rgba(195, 172, 249, 1);
        --color-purple-50: rgba(165, 124, 247, 1);
        --color-purple-60: rgba(137, 78, 246, 1);
        --color-purple-70: rgba(111, 46, 218, 1);
        --color-purple-80: rgba(89, 26, 181, 1);
        --color-purple-90: rgba(62, 7, 131, 1);
        --color-purple-100: rgba(37, 2, 84, 1);

        --color-pink-10: rgba(251, 238, 252, 1);
        --color-pink-20: rgba(247, 220, 249, 1);
        --color-pink-30: rgba(240, 189, 244, 1);
        --color-pink-40: rgba(231, 157, 238, 1);
        --color-pink-50: rgba(206, 108, 216, 1);
        --color-pink-60: rgba(173, 76, 182, 1);
        --color-pink-70: rgba(146, 47, 155, 1);
        --color-pink-80: rgba(121, 21, 130, 1);
        --color-pink-90: rgba(83, 11, 93, 1);
        --color-pink-100: rgba(50, 4, 60, 1);

        --color-rose-10: rgba(252, 240, 244, 1);
        --color-rose-20: rgba(249, 220, 230, 1);
        --color-rose-30: rgba(245, 191, 209, 1);
        --color-rose-40: rgba(239, 161, 189, 1);
        --color-rose-50: rgba(224, 107, 155, 1);
        --color-rose-60: rgba(192, 73, 125, 1);
        --color-rose-70: rgba(163, 44, 100, 1);
        --color-rose-80: rgba(133, 25, 75, 1);
        --color-rose-90: rgba(94, 14, 43, 1);
        --color-rose-100: rgba(59, 6, 18, 1);

        --color-white: rgba(255, 255, 255, 1);
        --color-black: rgba(0, 0, 0, 1);

        
        --color-primary: var(--color-cyan-80);
        --color-primary-60: var(--color-cyan-60);
        --color-primary-70: var(--color-cyan-70);
        --color-primary-90: var(--color-cyan-90);

        --color-secondary: var(--color-orange-20);
        --color-secondary-10: var(--color-orange-10);
        --color-secondary-30: var(--color-orange-30);

        --color-error: var(--color-red-40);
        --color-error-light: var(--color-red-10);
        --color-success: var(--color-green-40);
        --color-success-light: var(--color-green-10);
        --color-warning: var(--color-orange-40);
        --color-warning-light: var(--color-orange-10);
        --color-information: var(--color-blue-40);
        --color-information-light: var(--color-blue-10);

        --color-link: var(--color-cyan-60);
        --color-link-hover: var(--color-cyan-80);

        --color-card-background: var(--color-white);
        --color-card-background-hover: var(--color-white);

        --color-action: #1f4e66;
        --color-visited: #591ab5;
    }
}@layer base{*,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    html {
        height: 100%;
    }

    body {
        margin: 0;
        min-height: 100%;
        line-height: 1.5;
        text-size-adjust: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    button,
    input,
    select,
    textarea {
        font: inherit;
        color: inherit;
    }

    button,
    input,
    select,
    textarea {
        background: none;
        border: none;
    }

    ul,
    ol {
        margin: 0;
        padding: 0;
    }

    strong,
    b {
        font-weight: 600;
    }
}@layer layout{.page {
        display: flex;
        flex-direction: column;
        font-family: var(--font-sans, "Inter", system-ui);
        min-height: 100%;
        text-rendering: optimizeLegibility;
        font-kerning: normal;
    }

    @media (min-width: 56rem) {
        .page {
            flex-direction: row;
        }
    }

    .page-body {
        flex-grow: 1;
    }

    .sidebar {
        background-color: var(--color-neutral-10);
        background-image: linear-gradient(
            180deg,
            color-mix(in srgb, var(--color-neutral-10) 70%, var(--color-white)) 0%,
            var(--color-neutral-10) 45%,
            var(--color-neutral-20) 100%
        );
        z-index: 100;
    }

    @media (min-width: 56rem) {
        .sidebar {
            position: sticky;
            top: 0;
            width: 18rem;
            flex-shrink: 0;
            height: 100vh;
            overflow-y: auto;
            border-right: 1px solid var(--color-grey-30);
            border-right-color: color-mix(in srgb, var(--color-cyan-20) 45%, var(--color-grey-30));
        }
    }

    .page-content {
        display: flex;
        flex-grow: 1;
        min-width: 0;
    }

    .main {
        flex-grow: 1;
        min-width: 0;
        padding-top: var(--space-6);
        margin-left: var(--space-4);
        margin-right: var(--space-4);
        max-width: 56rem;
    }

    @media (min-width: 56rem) {
        .main {
            margin-left: var(--space-6);
            margin-right: var(--space-6);
        }
    }

    @media (min-width: 64rem) {
        .main {
            margin-left: var(--space-14);
            margin-right: var(--space-14);
        }
    }

    .toc-panel {
        display: none;
        padding-top: var(--space-6);
        margin-right: var(--space-4);
        flex-shrink: 0;
        width: 12rem;
        margin-left: auto;
    }

    @media (min-width: 80rem) {
        .toc-panel {
            display: block;
        }
    }

    .toc-fixed {
        position: fixed;
        width: 12rem;
    }

    .lang-strip {
        flex-shrink: 0;
        border-top: 1px solid var(--color-grey-30);
        margin-top: auto;
        padding: var(--space-2) var(--space-4);
    }

    @media (min-width: 56rem) {
        .lang-strip {
            display: none;
        }
    }

    @media print {
        .sidebar,
        .toc-panel,
        .lang-strip {
            display: none;
        }
    }

    

    .sidebar-shell {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sidebar-header {
        flex-shrink: 0;
        padding: var(--space-4);
    }

    .sidebar-top {
        display: flex;
        align-items: center;
    }

    .sidebar-toggle-form {
        display: flex;
        align-items: center;
    }

    @media (min-width: 56rem) {
        .sidebar-toggle-form {
            display: none;
        }
    }

    .sidebar-toggle-button {
        padding: var(--space-2) 0;
        margin-right: var(--space-3);
        color: var(--color-grey-70);
        background: none;
        border: none;
        cursor: pointer;
        transition: color 0.2s ease;
    }

    .sidebar-toggle-button:hover {
        color: var(--color-primary-60);
    }

    .sidebar-toggle-button:focus-visible {
        outline: 2px solid var(--color-primary-60);
        outline-offset: 2px;
    }

    .sidebar-toggle-icon {
        width: 2rem;
        height: 2rem;
    }

    .sidebar-logo {
        flex: 1 1 auto;
        margin-left: auto;
        max-width: 10.5rem;
        display: block;
    }

    .sidebar-switcher {
        display: none;
        padding-top: var(--space-4);
    }

    @media (min-width: 56rem) {
        .sidebar-switcher {
            display: flex;
        }
    }

    .sidebar-nav-tree {
        flex-grow: 1;
        overflow-y: auto;
    }

    @media (min-width: 56rem) {
        .sidebar-nav-tree {
            padding-left: var(--space-2);
            padding-right: var(--space-2);
        }
    }

    .sidebar-footer {
        display: none;
        flex-shrink: 0;
        border-top: 1px solid var(--color-grey-30);
        background-color: var(--color-neutral-10);
        margin-top: auto;
        padding: var(--space-2) var(--space-4);
    }

    @media (min-width: 56rem) {
        .sidebar-footer {
            display: flex;
        }
    }
}@layer components{.toc {
        .toc-title {
            display: inline-block;
            padding-bottom: var(--space-2);
            font-size: 1.125rem;
            line-height: 1.75rem;
            font-weight: 600;
            color: var(--color-primary-90);
            transition: color 0.2s ease;
        }

        nav {
            width: 100%;
            padding-left: var(--space-2);

            ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

            > ul > li {
                border-left: 0;
            }

            > ul > li > ul {
                padding-left: 0;
            }

            li {
                font-size: 0.8125rem;
                line-height: 1.4;

                > a {
                    display: block;
                    padding: var(--space-1) 0;
                    font-weight: 400;
                    color: var(--color-grey-50);
                    transition: color 0.2s ease;

                    &:hover {
                        text-decoration: none;
                        color: var(--color-primary);
                        font-weight: 600;
                    }

                    &[data-active="true"] {
                        color: var(--color-primary-70);
                        font-weight: 600;
                    }
                }
            }

            ul ul li > a {
                padding-left: var(--space-2);
            }
        }

        .toc-title:hover,
        .toc-title:focus-within {
            color: var(--color-primary-90);
        }

        .toc-title a {
            color: inherit;
            text-decoration: none;
        }

        a {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }
    }

    

    .search {
        width: 100%;
    }

    .search-control {
        display: block;
        width: 100%;
    }

    .search[data-context="sidebar"] {
        display: none;
        margin-top: var(--space-2);
    }

    @media (min-width: 56rem) {
        .search[data-context="sidebar"] {
            display: flex;
            margin-top: var(--space-4);
        }
    }

    

    .lang-selector {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .lang-selector-main {
        flex: 1 1 auto;
    }

    .lang-current {
        display: flex;
        align-items: center;
        padding: var(--space-2) 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-70);
        background: none;
        border: none;
    }

    .lang-dropdown {
        position: relative;
    }

    .lang-summary {
        display: flex;
        align-items: center;
        padding: var(--space-2) 0;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
        color: var(--color-primary-60);
        cursor: pointer;
        list-style: none;
    }

    .lang-summary::-webkit-details-marker {
        display: none;
    }

    .lang-caret {
        margin-left: var(--space-1);
        width: 1.25rem;
        height: 1.25rem;
        transition: transform 0.15s ease;
    }

    .lang-dropdown[open] .lang-caret {
        transform: rotate(180deg);
    }

    .lang-menu {
        position: absolute;
        left: 0;
        bottom: 100%;
        margin-bottom: var(--space-2);
        width: 12rem;
        background-color: var(--color-white);
        border-radius: var(--radius-xs);
        border: 1px solid var(--color-grey-20);
        box-shadow: 0 2px 8px #0000001a;
        padding: var(--space-1) 0;
        z-index: 10;
    }

    .lang-option {
        display: block;
        padding: var(--space-2) var(--space-4);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-70);
        text-decoration: none;
    }

    .lang-option:hover {
        background-color: var(--color-grey-10);
        color: var(--color-grey-90);
    }

    .lang-privacy {
        flex: 1 1 auto;
        text-align: right;
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-60);
        text-decoration: none;
        display: inline-block;
    }

    .lang-privacy:hover {
        text-decoration: underline;
    }

    

    .breadcrumb {
        margin-bottom: var(--space-4);
    }

    .breadcrumb-list {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        row-gap: var(--space-2);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .breadcrumb-item {
        display: inline-flex;
        align-items: center;
    }

    .breadcrumb-item-current {
        font-size: 0.8125rem;
        line-height: 1.4;
        font-weight: 400;
        color: var(--color-primary-70);
    }

    .breadcrumb-link {
        display: inline-flex;
        align-items: center;
        font-size: 0.8125rem;
        line-height: 1.4;
        font-weight: 400;
        color: var(--color-grey-50);
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .breadcrumb-link:hover,
    .breadcrumb-link:focus-visible {
        color: var(--color-primary-60);
        outline: none;
    }

    .breadcrumb-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .breadcrumb-sep {
        width: 1.25rem;
        height: 1.25rem;
        color: var(--color-grey-40);
        margin: 0 var(--space-1);
        flex-shrink: 0;
    }

    

    .section-index {
        margin: var(--space-8) 0;
    }

    .section-index-title {
        font-size: 1.5rem;
        line-height: 2rem;
        font-weight: 600;
        margin-bottom: var(--space-6);
        color: var(--color-grey-70);
        border-top: 1px solid var(--color-grey-20);
        padding-top: var(--space-6);
    }

    .section-index-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: var(--space-6);
    }

    @media (min-width: 64rem) {
        .section-index-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .section-index-card {
        display: block;
        background-color: var(--color-card-background);
        border: 1px solid var(--color-grey-20);
        box-shadow: var(--shadow-soft);
        border-radius: var(--radius-md);
        overflow: hidden;
        text-decoration: none;
        transition: box-shadow 0.3s ease;
    }

    .section-index-card:hover {
        box-shadow: var(--shadow-hover);
        background-color: var(--color-card-background-hover);
    }

    .section-index-card-body {
        padding: var(--space-6);
    }

    .section-index-card-title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        color: var(--color-cyan-80);
        margin: 0;
        transition: color 0.2s ease;
    }

    .section-index-card:hover .section-index-card-title {
        color: var(--color-cyan-60);
    }

    .section-index-card-desc {
        margin-top: var(--space-3);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
    }

    

    .doc-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 700;
        margin: 0 0 var(--space-4);
        color: var(--color-primary-90);
    }

    .doc-lead {
        margin: var(--space-4) 0;
        font-size: 1.125rem;
        font-weight: 450;
        line-height: 1.5;
    }

    

    .error-page {
        padding: var(--space-4);
    }

    .error-title {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 600;
        margin: 0 0 var(--space-2);
    }

    .error-text {
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--color-grey-70);
        margin: 0 0 var(--space-2);
    }

    .error-text a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    .error-text a:hover {
        color: var(--color-primary-60);
    }

    

    .pageinfo {
        padding: var(--space-4);
        background-color: var(--color-information-light);
    }

    .pageinfo[data-kind="primary"],
    .pageinfo[data-kind="info"] {
        background-color: var(--color-information-light);
    }

    .pageinfo[data-kind="warning"] {
        background-color: var(--color-warning-light);
    }

    .pageinfo[data-kind="danger"] {
        background-color: var(--color-error-light);
    }

    .pageinfo[data-kind="success"] {
        background-color: var(--color-success-light);
    }

    .pageinfo[data-kind="secondary"] {
        background-color: var(--color-neutral-10);
    }

    

    .search-trigger {
        display: flex;
        align-items: center;
        gap: var(--space-2);
        width: 100%;
        padding: var(--space-2) var(--space-4);
        border: 1px solid var(--color-neutral-30);
        border-radius: var(--radius-md);
        background-color: color-mix(in srgb, var(--color-white) 60%, transparent);
        color: var(--color-grey-80);
        box-shadow: var(--shadow-soft);
        cursor: pointer;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .search-trigger:hover {
        background-color: var(--color-neutral-10);
    }

    .search-trigger:focus-visible {
        outline: 2px solid var(--color-cyan-50);
        outline-offset: 2px;
    }

    .search-trigger-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .search-trigger-hint {
        display: none;
        font-size: 0.875rem;
        line-height: 1.25rem;
        margin-left: auto;
        opacity: 0.75;
    }

    @media (min-width: 40rem) {
        .search-trigger-hint {
            display: inline;
        }
    }

    .search-modal {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding-top: 4rem;
        background-color: color-mix(in srgb, var(--color-grey-80) 85%, transparent);
    }

    @media (min-width: 40rem) {
        .search-modal {
            padding-top: 6rem;
        }
    }

    .search-modal-card {
        background-color: var(--color-white);
        border-radius: var(--radius-lg);
        box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
        width: 100%;
        max-width: 42rem;
        margin: 0 var(--space-4);
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .search-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--space-4);
        border-bottom: 1px solid var(--color-grey-20);
        flex-shrink: 0;
    }

    .search-modal-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        margin: 0;
    }

    .search-modal-close {
        width: 2rem;
        height: 2rem;
        border-radius: var(--radius-full);
        border: none;
        background: none;
        color: var(--color-grey-60);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .search-modal-close:hover {
        color: var(--color-grey-80);
        background-color: var(--color-grey-100);
    }

    .search-modal-close:focus-visible {
        outline: 2px solid var(--color-grey-40);
        outline-offset: 2px;
    }

    .search-modal-close-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .search-modal-input {
        padding: var(--space-4);
        border-bottom: 1px solid var(--color-grey-20);
        flex-shrink: 0;
    }

    .search-modal-field {
        position: relative;
    }

    .search-modal-icon {
        position: absolute;
        inset-block: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding-left: var(--space-3);
        pointer-events: none;
        color: var(--color-grey-40);
    }

    .search-modal-icon-svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .search-modal-input-field {
        width: 100%;
        border: 1px solid var(--color-grey-20);
        border-radius: var(--radius-lg);
        padding: var(--space-2) var(--space-10) var(--space-2) var(--space-10);
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .search-modal-input-field:focus-visible {
        outline: 2px solid var(--color-blue-30);
        outline-offset: 2px;
        border-color: var(--color-blue-40);
    }

    .search-modal-clear {
        position: absolute;
        inset-block: 0;
        right: 0;
        display: flex;
        align-items: center;
        padding-right: var(--space-3);
        border: none;
        background: none;
        color: var(--color-grey-40);
        cursor: pointer;
        transition: color 0.2s ease;
    }

    .search-modal-clear:hover {
        color: var(--color-grey-60);
    }

    .search-modal-clear-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .search-results {
        padding: var(--space-4);
        max-height: 24rem;
        overflow-y: auto;
        flex-grow: 1;
    }

    .search-loading {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: var(--space-8) 0;
    }

    .search-spinner {
        width: 2rem;
        height: 2rem;
        border-radius: var(--radius-full);
        border-bottom: 2px solid var(--color-blue-40);
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        animation: search-spin 1s linear infinite;
    }

    @keyframes search-spin {
        to {
            transform: rotate(360deg);
        }
    }

    .search-empty {
        text-align: center;
        padding: var(--space-8) 0;
        color: var(--color-grey-60);
    }

    .search-empty-text {
        color: var(--color-grey-60);
    }

    .search-empty-query {
        font-weight: 600;
    }

    .search-empty-hint {
        margin-top: var(--space-2);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
    }

    .search-results-count {
        margin-bottom: var(--space-3);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
    }

    .search-results-list {
        display: flex;
        flex-direction: column;
        gap: var(--space-2);
    }

    .search-result-item {
        padding: var(--space-3);
        border-radius: var(--radius-md);
        cursor: pointer;
        transition: background-color 0.2s ease, box-shadow 0.2s ease;
    }

    .search-result-item:hover,
    .search-result-item-active {
        background-color: var(--color-cyan-10);
    }

    .search-result-item:focus-visible {
        outline: 2px solid var(--color-blue-40);
        outline-offset: 2px;
    }

    .search-result-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: var(--space-2);
    }

    .search-result-title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        margin: 0;
    }

    .search-result-path {
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-50);
        white-space: nowrap;
        flex-shrink: 0;
    }

    .search-result-excerpt {
        margin-top: var(--space-1);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .search-modal-footer {
        padding: var(--space-3) var(--space-4);
        border-top: 1px solid var(--color-grey-20);
        background-color: var(--color-grey-10);
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-shrink: 0;
    }

    .search-footer-hint {
        display: flex;
        align-items: center;
        gap: var(--space-1);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
    }

    .search-key {
        padding: 0.125rem 0.375rem;
        background-color: var(--color-white);
        border: 1px solid var(--color-grey-20);
        border-radius: var(--radius-sm);
        font-size: 0.75rem;
        line-height: 1rem;
        font-family: var(--font-sans, "Inter", system-ui);
        box-shadow: var(--shadow-soft);
    }

    .search-modal-action {
        padding: var(--space-2) var(--space-4);
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-60);
        border-radius: var(--radius-sm);
        border: none;
        background: none;
        cursor: pointer;
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .search-modal-action:hover {
        color: var(--color-grey-80);
        background-color: var(--color-grey-100);
    }

    .search-modal-action:focus-visible {
        outline: 2px solid var(--color-grey-40);
        outline-offset: 2px;
    }

    .search-highlight {
        background-color: var(--color-yellow-20);
        padding: 0 0.125rem;
        border-radius: var(--radius-sm);
    }

    

    .section-switcher {
        position: relative;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    .section-switcher-button {
        display: inline-flex;
        width: 100%;
        align-items: center;
        gap: var(--space-2);
        border-radius: var(--radius-md);
        border: 1px solid var(--color-neutral-30);
        background-color: color-mix(in oklab, var(--color-orange-10) 50%, transparent);
        padding: var(--space-2) var(--space-3);
        box-shadow: var(--shadow-soft);
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .section-switcher-button:hover {
        background-color: var(--color-orange-20);
    }

    .section-switcher-button:focus-visible {
        outline: 2px solid var(--color-orange-40);
        outline-offset: 2px;
        border-color: var(--color-orange-50);
    }

    .section-switcher-text {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
    }

    .section-switcher-title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: var(--color-grey-90);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .section-switcher-subtitle {
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-70);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .section-switcher-caret {
        margin-left: var(--space-1);
        flex-shrink: 0;
    }

    .section-switcher-caret-icon {
        width: 1rem;
        height: 1rem;
        color: var(--color-grey-50);
        transition: transform 0.2s ease;
    }

    .section-switcher-button[aria-expanded="true"] .section-switcher-caret-icon {
        transform: rotate(180deg);
    }

    .section-switcher-menu {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: var(--space-1);
        border-radius: var(--radius-md);
        background-color: var(--color-white);
        border: 1px solid var(--color-neutral-30);
        box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
        z-index: 10;
        overflow: hidden;
    }

    .section-switcher-list {
        padding: var(--space-1) 0;
    }

    .section-switcher-item {
        display: flex;
        align-items: center;
        gap: var(--space-2);
        padding: var(--space-2) var(--space-3);
        text-decoration: none;
        color: inherit;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .section-switcher-item:hover {
        background-color: var(--color-orange-10);
    }

    .section-switcher-item:focus-visible {
        outline: none;
        background-color: var(--color-orange-10);
        color: var(--color-orange-80);
    }

    .section-switcher-item[data-active="true"] {
        background-color: color-mix(in oklab, var(--color-orange-10) 50%, transparent);
    }

    .section-switcher-item-text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .section-switcher-item-title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: var(--color-grey-90);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .section-switcher-item[data-active="true"] .section-switcher-item-title {
        color: var(--color-orange-80);
    }

    .section-switcher-fallback {
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-50);
        margin-left: var(--space-1);
    }

    .section-switcher-item-subtitle {
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-60);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .section-switcher-check {
        margin-left: var(--space-1);
        flex-shrink: 0;
        color: var(--color-cyan-80);
    }

    .section-switcher-check-icon {
        width: 1rem;
        height: 1rem;
    }

    .section-icon {
        width: 2rem;
        height: 2rem;
        background-color: var(--color-neutral-20);
        border-radius: var(--radius-sm);
        flex-shrink: 0;
        overflow: hidden;
        margin-right: var(--space-2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section-icon-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .section-icon-fallback {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-grey-60);
    }

    .section-icon-svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    

    .home {
        background:
            radial-gradient(
                120% 120% at 50% 0%,
                color-mix(in srgb, var(--color-teal-20) 70%, var(--color-white)) 0%,
                var(--color-white) 55%
            );
    }

    .home-hero {
        width: 100%;
        padding: var(--space-14) var(--space-4) var(--space-6);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--space-5);
    }

    @media (min-width: 56rem) {
        .home-hero {
            padding-left: var(--space-5);
            padding-right: var(--space-5);
        }
    }

    @media (min-width: 64rem) {
        .home-hero {
            padding-left: var(--space-14);
            padding-right: var(--space-14);
        }
    }

    .home-hero-content {
        margin-bottom: 0;
        max-width: 52rem;
    }

    .home-kicker {
        display: block;
        margin-bottom: var(--space-1);
        color: var(--color-primary-90);
        line-height: 1.625;
        font-size: 0.75rem;
        letter-spacing: 0.08em;
    }

    .home-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 600;
        color: var(--color-primary);
        margin: 0;
        text-wrap: balance;
    }

    .home-lead {
        margin-top: var(--space-2);
        margin-bottom: 0;
        font-size: 1.25rem;
        line-height: 1.625;
        color: var(--color-primary-90);
        text-wrap: pretty;
        max-width: 44rem;
        margin-left: auto;
        margin-right: auto;
    }

    .home-search {
        width: 100%;
        max-width: 48rem;
    }

    .home-links {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-2) var(--space-4);
        text-align: center;
    }

    @media (min-width: 40rem) {
        .home-links {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }
    }

    .home-link {
        font-size: 0.875rem;
        color: var(--color-primary);
        text-decoration: underline;
        transition: color 0.2s ease, font-weight 0.2s ease;
    }

    .home-link:hover {
        color: var(--color-primary-60);
        font-weight: 700;
    }

    .home-sections {
        margin-top: var(--space-4);
        padding: 0 var(--space-4) var(--space-10);
        max-width: 100rem;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: column;
    }

    @media (min-width: 56rem) {
        .home-sections {
            padding-left: var(--space-5);
            padding-right: var(--space-5);
        }
    }

    @media (min-width: 64rem) {
        .home-sections {
            padding-left: var(--space-14);
            padding-right: var(--space-14);
        }
    }

    .home-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        column-gap: var(--space-6);
        row-gap: var(--space-5);
        flex: 1 1 auto;
    }

    .home-card {
        border: 1px solid var(--color-neutral-20);
        background-color: var(--color-card-background);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-soft);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
    }

    .home-card:hover {
        box-shadow: var(--shadow-hover);
        background-color: var(--color-card-background-hover);
    }

    .home-card-link {
        display: block;
        padding: var(--space-6);
        flex-grow: 1;
        color: inherit;
        text-decoration: none;
    }

    .home-card-body {
        display: flex;
        align-items: flex-start;
        gap: var(--space-4);
    }

    .home-card-logo {
        width: 3rem;
        height: 3rem;
        object-fit: contain;
        flex-shrink: 0;
    }

    .home-card-content {
        flex-grow: 1;
    }

    .home-card-title {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 600;
        margin: 0 0 var(--space-2);
        color: var(--color-cyan-80);
        transition: color 0.2s ease;
    }

    .home-card:hover .home-card-title {
        color: var(--color-cyan-60);
    }

    .home-card-description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-70);
        margin: 0;
    }

    .home-card-arrow {
        width: 1.25rem;
        height: 1.25rem;
        color: var(--color-grey-40);
        flex-shrink: 0;
        align-self: center;
        transition: color 0.2s ease;
    }

    .home-card:hover .home-card-arrow {
        color: var(--color-primary);
    }

    .home-card-footer {
        margin-top: auto;
        padding: var(--space-2) var(--space-4);
        display: flex;
        align-items: center;
        background-color: var(--color-neutral-10);
        border-top: 1px solid var(--color-neutral-20);
        font-size: 0.875rem;
    }

    .home-card-langs {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-1) var(--space-2);
        width: 100%;
    }

    .home-card-lang {
        display: inline-flex;
        align-items: center;
        padding: 0.2rem var(--space-2);
        border-radius: var(--radius-md);
        border: 1px solid var(--color-neutral-30);
        background-color: var(--color-white);
        font-size: 0.75rem;
        line-height: 1rem;
        color: var(--color-grey-70);
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
    }

    .home-card-lang:hover {
        color: var(--color-primary-70);
        border-color: var(--color-primary-30);
        background-color: color-mix(in srgb, var(--color-primary) 8%, var(--color-white));
        text-decoration: none;
    }

    .home-card-sep {
        color: var(--color-grey-40);
    }

    .home-footer {
        display: flex;
        justify-content: flex-end;
        margin-top: var(--space-10);
        flex-shrink: 0;
    }

    

    .release-list {
        width: 100%;
    }

    .release-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
        font-weight: 700;
        margin: 0 0 var(--space-4);
    }

    .release-lead {
        font-size: 1.125rem;
        line-height: 1.625;
        margin: var(--space-4) 0 var(--space-8);
        color: var(--color-grey-60);
    }

    .release-intro {
        max-width: none;
        margin-bottom: var(--space-12);
    }

    .release-items {
        border-top: 1px solid var(--color-grey-20);
    }

    .release-item {
        display: flex;
        align-items: flex-start;
        gap: var(--space-4);
        padding: var(--space-8) 0;
        border-bottom: 1px solid var(--color-grey-20);
    }

    .release-item-icon {
        flex-shrink: 0;
    }

    .release-item-icon-circle {
        width: 3rem;
        height: 3rem;
        border-radius: var(--radius-full);
        background-color: var(--color-cyan-100);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-white);
    }

    .release-item-icon-svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .release-item-body {
        flex: 1 1 auto;
        min-width: 0;
    }

    .release-item-meta {
        display: flex;
        align-items: center;
        gap: var(--space-2);
        margin-bottom: var(--space-2);
    }

    .release-date {
        font-size: 0.875rem;
        line-height: 1.25rem;
        color: var(--color-grey-50);
    }

    .release-meta-sep {
        color: var(--color-grey-30);
    }

    .release-item-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600;
        margin: 0 0 var(--space-3);
    }

    .release-item-link {
        color: var(--color-grey-90);
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .release-item-link:hover {
        color: var(--color-primary-60);
    }

    .release-item-excerpt {
        color: var(--color-grey-80);
        margin-bottom: var(--space-4);
        line-height: 1.625;
    }

    .release-item-readmore {
        display: inline-flex;
        align-items: center;
        gap: var(--space-1);
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        color: var(--color-primary-60);
        text-decoration: none;
        transition: color 0.2s ease;
    }

    .release-item-readmore:hover {
        color: var(--color-primary-70);
        text-decoration: underline;
    }

    .release-item-readmore-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .release-empty {
        text-align: center;
        padding: var(--space-12) 0;
        color: var(--color-grey-60);
        border-top: 1px solid var(--color-grey-20);
    }

    .release-single {
        width: 100%;
    }

    .release-nav {
        display: flex;
        align-items: center;
        gap: var(--space-4);
        margin: 0 0 var(--space-8);
    }

    .release-nav-link {
        display: inline-flex;
        align-items: center;
        gap: var(--space-2);
        border: 1px solid var(--color-grey-20);
        padding: var(--space-2) var(--space-4);
        border-radius: var(--radius-xs);
        text-decoration: none;
        color: inherit;
        margin-top: var(--space-4);
        transition: color 0.2s ease, border-color 0.2s ease;
    }

    .release-nav-link:hover {
        color: var(--color-primary-60);
        border-color: var(--color-primary-60);
    }

    .release-nav-link-next {
        margin-left: auto;
    }

    .release-nav-icon {
        width: 1.25rem;
        height: 1.25rem;
    }

    .release-nav-text {
        display: inline-block;
    }

    

    .code-block {
        position: relative;
    }

    .code-highlight-body {
        position: relative;
    }

    .code-highlight-body > pre {
        margin-top: 0;
    }

    .copy-button {
        position: absolute;
        right: var(--space-2);
        top: var(--space-2);
        display: inline-grid;
        place-items: center;
        padding: 0.375rem;
        line-height: 1;
        color: var(--color-grey-60);
        border-radius: var(--radius-sm);
        font-size: 0.75rem;
        opacity: 0;
        border: none;
        background: none;
        cursor: pointer;
        transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    }

    .code-block:hover .copy-button {
        opacity: 1;
    }

    .copy-button:hover {
        color: var(--color-grey-80);
        background-color: var(--color-grey-10);
    }

    .copy-button:focus-visible {
        outline: 2px solid var(--color-grey-40);
        outline-offset: 2px;
        opacity: 1;
    }

    .copy-icon,
    .check-icon {
        grid-area: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .copy-icon-svg,
    .check-icon-svg {
        width: 1rem;
        height: 1rem;
    }

    .copy-button[data-state="idle"] .copy-icon {
        opacity: 1;
        transform: scale(1);
    }

    .copy-button[data-state="idle"] .check-icon {
        opacity: 0;
        transform: scale(0.95);
    }

    .copy-button[data-state="copied"] .copy-icon {
        opacity: 0;
        transform: scale(0.95);
    }

    .copy-button[data-state="copied"] .check-icon {
        opacity: 1;
        transform: scale(1);
    }

    

    .sidebar-nav {
        position: relative;
        width: 100%;
        padding: var(--space-2);
        border-top: 1px solid var(--color-grey-40);
        border-bottom: 1px solid var(--color-grey-40);
    }

    @media (min-width: 56rem) {
        .sidebar-nav {
            padding: 0;
            border-top: 0;
            border-bottom: 0;
        }
    }

    .sidebar-nav[data-collapsed="true"] {
        display: none;
    }

    @media (min-width: 56rem) {
        .sidebar-nav[data-collapsed="true"] {
            display: block;
        }
    }

    .sidebar-nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
        font-size: 0.875rem;
        line-height: 1.25;
    }

    .nav-item {
        position: relative;
    }

    .nav-toggle {
        display: none;
    }

    .nav-row {
        display: flex;
        align-items: center;
        border-radius: var(--radius-xs);
        transition: background-color 0.3s ease;
    }

    .nav-row:hover {
        background-color: var(--color-grey-20);
    }

    .nav-toggle-button {
        cursor: pointer;
        padding: 0.375rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-xs);
    }

    .nav-toggle-button:focus-visible {
        outline: 2px solid var(--color-primary-60);
        outline-offset: 1px;
    }

    .nav-toggle-icon {
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        color: var(--color-grey-70);
        transition: transform 0.2s ease-out, color 0.2s ease;
    }

    @media (min-width: 56rem) {
        .nav-toggle-icon {
            width: 1rem;
            height: 1rem;
        }
    }

    .nav-row:hover .nav-toggle-icon {
        color: var(--color-primary-60);
    }

    .nav-toggle:checked + .nav-row .nav-toggle-icon {
        transform: rotate(90deg);
    }

    .nav-link {
        flex-grow: 1;
        display: block;
        padding: var(--space-3) 0;
        color: var(--color-grey-80);
        text-decoration: none;
        border-radius: var(--radius-xs);
        transition: color 0.15s ease-in-out, font-weight 0.15s ease-in-out;
    }

    @media (min-width: 56rem) {
        .nav-link {
            padding: 0.375rem 0;
        }
    }

    .nav-link:hover {
        color: var(--color-primary-70);
    }

    .nav-link:focus-visible {
        font-weight: 700;
        outline: none;
    }

    .nav-link[data-active="true"] {
        font-weight: 700;
        color: var(--color-primary-70);
    }

    .nav-children {
        display: none;
        list-style: none;
        margin: 0.125rem 0 0 var(--space-3);
        padding: 0;
        flex-direction: column;
        gap: 0.125rem;
    }

    .nav-toggle:checked ~ .nav-children {
        display: flex;
    }

    .nav-icon {
        padding: 0.375rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .nav-icon-svg {
        width: 0.875rem;
        height: 0.875rem;
        flex-shrink: 0;
        color: var(--color-grey-70);
        transition: color 0.2s ease;
    }

    .nav-row:hover .nav-icon-svg {
        color: var(--color-primary-60);
    }

    .nav-spacer {
        display: inline-block;
        width: 1.75rem;
    }

    

    .code-highlight-title {
        font-weight: 700;
        border-top: 1px solid var(--color-grey-20);
        border-right: 1px solid var(--color-grey-20);
        border-left: 1px solid var(--color-grey-20);
        padding: var(--space-2) var(--space-4) var(--space-2);
        width: fit-content;
        border-top-left-radius: var(--radius-xs);
        border-top-right-radius: var(--radius-xs);
        margin-bottom: 0;
        background-color: var(--color-card-background);
    }

    

    
    .bg {
        background-color: #f7f7f7;
    }

    .chroma {
        background-color: #f7f7f7;
        -moz-tab-size: 4;
        tab-size: 4;
    }

    .chroma .err {
        color: #f6f8fa;
        background-color: #82071e;
    }

    .chroma .lnlinks {
        outline: none;
        text-decoration: none;
        color: inherit;
    }

    .chroma .lntd {
        vertical-align: top;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .chroma .lntable {
        border-spacing: 0;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .chroma .hl {
        background-color: #dedede;
    }

    .chroma .lnt,
    .chroma .ln {
        white-space: pre;
        -webkit-user-select: none;
        user-select: none;
        margin-right: 0.4em;
        padding: 0 0.4em 0 0.4em;
        color: #7f7f7f;
    }

    .chroma .line {
        display: flex;
    }

    .chroma .k,
    .chroma .kc,
    .chroma .kd,
    .chroma .kn,
    .chroma .kp,
    .chroma .kr,
    .chroma .kt {
        color: #cf222e;
    }

    .chroma .na,
    .chroma .nc,
    .chroma .nx {
        color: #1f2328;
    }

    .chroma .no,
    .chroma .nd,
    .chroma .nt,
    .chroma .mb,
    .chroma .mf,
    .chroma .mh,
    .chroma .mi,
    .chroma .il,
    .chroma .mo,
    .chroma .o,
    .chroma .ow {
        color: #0550ae;
    }

    .chroma .ni,
    .chroma .nb,
    .chroma .nf,
    .chroma .fm {
        color: #6639ba;
    }

    .chroma .nl {
        color: #900;
        font-weight: 700;
    }

    .chroma .nn {
        color: #24292e;
    }

    .chroma .bp {
        color: #6a737d;
    }

    .chroma .nv,
    .chroma .vc,
    .chroma .vg,
    .chroma .vi,
    .chroma .vm {
        color: #953800;
    }

    .chroma .s,
    .chroma .sa,
    .chroma .sb,
    .chroma .sc,
    .chroma .dl,
    .chroma .sd,
    .chroma .s2,
    .chroma .se,
    .chroma .sh,
    .chroma .si,
    .chroma .sx,
    .chroma .sr,
    .chroma .s1 {
        color: #0a3069;
    }

    .chroma .ss {
        color: #032f62;
    }

    .chroma .m {
        color: #0550ae;
    }

    .chroma .p,
    .chroma .ge,
    .chroma .go {
        color: #1f2328;
    }

    .chroma .c,
    .chroma .ch,
    .chroma .cm,
    .chroma .c1,
    .chroma .cs,
    .chroma .cp,
    .chroma .cpf {
        color: #57606a;
    }

    .chroma .gd {
        color: #82071e;
        background-color: #ffebe9;
    }

    .chroma .gi {
        color: #116329;
        background-color: #dafbe1;
    }

    .chroma .gl {
        text-decoration: underline;
    }

    .chroma .w {
        color: #fff;
    }

    .chroma,
    .bg {
        background-color: var(--color-white);
    }

    .prose a.prose-heading-self-link {
        display: none;
        padding-left: var(--space-1);
        text-decoration: none;
        transition: all 0.2s ease;

        &::before {
            content: "#";
            color: var(--color-teal-50);
        }
    }

    .prose a.prose-heading-self-link:hover,
    .prose a.prose-heading-self-link:focus {
        text-decoration: none;
    }

    .group:hover .prose-heading-self-link,
    .group:focus-within .prose-heading-self-link {
        display: inline-block;
        text-decoration: none;
    }

    

    .page-meta {
        margin: var(--space-6) 0 var(--space-8);
        font-size: 0.75rem;
        line-height: 1rem;
        font-style: italic;
        color: var(--color-grey-50);
    }

    



.prose {
    overflow-wrap: break-word;
    color: var(--color-grey-90);

    h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        text-wrap: balance;
    }

    h2 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        text-wrap: balance;
    }

    h3 {
        font-size: 1.5rem;
        line-height: 2rem;
        text-wrap: balance;
    }

    h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        text-wrap: balance;
    }

    h5 {
        font-size: 1.125rem;
        line-height: 1.75rem;
        text-wrap: balance;
    }

    h6 {
        font-size: 1rem;
        line-height: 1.5rem;
        text-wrap: balance;
    }

    h1,
    h2 {
        margin-bottom: var(--space-4);
        font-weight: 600;
    }

    h2:first-child {
        margin-top: var(--space-4);
    }

    h2:not(:first-child) {
        margin-top: var(--space-12);
    }

    h2 + h3 {
        margin-top: var(--space-4);
    }

    h3,
    h4,
    h5,
    h6 {
        margin: var(--space-8) 0 var(--space-4);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--color-primary-90);
        scroll-margin-top: var(--space-6);
    }


    p {
        margin-top: var(--space-2);
        margin-bottom: var(--space-4);
        line-height: 1.6;
        text-wrap: pretty;
    }

    & > p,
    & > ol,
    & > ul {
        margin-top: var(--space-4);
    }

    ul {
        list-style: disc;
        padding-left: var(--space-4);
        margin-left: var(--space-4);
        margin-bottom: var(--space-4);
    }

    ol {
        list-style: decimal;
        padding-left: var(--space-4);
        margin-left: var(--space-4);
        margin-bottom: var(--space-4);
    }

    ul,
    ol,
    dl {
        line-height: 2rem;
    }

    dl {
        margin-bottom: var(--space-4);
    }

    dt {
        font-weight: 700;
    }

    dd {
        padding-left: 0;
        margin-inline-start: var(--space-4);
    }

    a {
        color: var(--color-link);
        text-decoration: underline;
        text-decoration-thickness: 0.08em;
        text-underline-offset: 0.15em;
        text-decoration-skip-ink: auto;
        transition: color 0.2s ease;
    }

    a.prose-heading-self-link {
        text-decoration: none;
    }

    a:hover {
        color: var(--color-link-hover);
        text-decoration: underline;
    }

    a.prose-heading-self-link:hover,
    a.prose-heading-self-link:focus {
        text-decoration: none;
    }

    a[rel="external"]::after {
        content: " ↗";
    }

    code {
        font-size: 0.875rem;
        line-height: 1.25rem;
        background-color: var(--color-neutral-10);
        color: var(--color-orange-70);
        overflow: hidden;
    }

    pre {
        padding: var(--space-4);
        border: 1px solid var(--color-grey-20);
        margin-top: 0;
        margin-bottom: var(--space-4);
        overflow-x: auto;
    }

    pre code {
        background-color: inherit;
        color: inherit;
    }

    table {
        table-layout: auto;
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        margin-bottom: var(--space-4);
        display: block;
        overflow-x: auto;
        font-size: 0.875rem;
        line-height: 1.25rem;

        @media (min-width: 56rem) {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        th {
            font-weight: 600;
            background-color: var(--color-grey-10);
            padding: var(--space-2);
            border: 1px solid var(--color-grey-20);
        }

        tr {
            border-bottom: 1px solid var(--color-grey-10);
        }

        tr:nth-child(even) {
            background-color: var(--color-grey-10);
        }

        td {
            vertical-align: text-top;
            padding: var(--space-1);
            border: 1px solid var(--color-grey-20);

            @media (min-width: 56rem) {
                padding: var(--space-2);
            }
        }
    }

    blockquote {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-style: italic;
        margin: var(--space-6) 0;
        padding-left: var(--space-4);
        border-left: 4px solid var(--color-grey-20);
        color: var(--color-grey-80);
    }

    hr {
        margin: var(--space-6) 0;
        color: var(--color-grey-20);
        border: 0;
        border-top: 1px solid currentColor;
    }

    img {
        display: inline-block;
    }
}

.admonition {
    display: flow-root;
    margin: var(--space-6) 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: var(--radius-xs);
    border-top-right-radius: var(--radius-xs);
    break-inside: avoid;
    box-shadow: var(--shadow-admonition);

    
    --admonition-color: var(--color-information);
    --admonition-color-light: var(--color-information-light);
    --admonition-icon: var(--icon-note);

    
    --icon-note: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z"/></svg>');
    --icon-important: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>');
    --icon-tip: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27"/></svg>');
    --icon-warning: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>');
    --icon-caution: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m11.5 20 4.86-9.73H13V4l-5 9.73h3.5zM12 2c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12s-1 5.1-2.95 7.05S14.75 22 12 22s-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2"/></svg>');

    
    border-color: var(--admonition-color, var(--color-information));

    
    .admonition-body {
        padding: 0 var(--space-2);
        p {
            &:last-child {
                margin-bottom: var(--space-2);
            }
        }
    }

    
    .admonition-title {
        position: relative;
        margin-bottom: var(--space-2);
        padding: var(--space-2) var(--space-2) var(--space-2) var(--space-8);
        font-weight: 700;
        background-color: var(--admonition-color-light);

        
        &:before {
            position: absolute;
            left: var(--space-2);
            top: 0.625rem;
            width: 1rem;
            height: 1rem;
            mask-size: contain;
            mask-repeat: no-repeat;
            mask-position: center;
            background-color: var(--admonition-color);
            mask-image: var(--admonition-icon);
            -webkit-mask-image: var(--admonition-icon);
            content: "";
        }
    }

    
    & > :last-child {
        margin-bottom: 0.6rem;
    }
}

.admonition-caution {
    --admonition-color: #ff1744;
    --admonition-color-light: #ff17441a;
    --admonition-icon: var(--icon-caution);
}

.admonition-note {
    --admonition-icon: var(--icon-note);
}

.admonition-important {
    --admonition-icon: var(--icon-important);
}

.admonition-tip {
    --admonition-color: var(--color-teal-60);
    --admonition-color-light: var(--color-teal-20);
    --admonition-icon: var(--icon-tip);
}

.admonition-warning {
    --admonition-color: var(--color-warning);
    --admonition-color-light: var(--color-warning-light);
    --admonition-icon: var(--icon-warning);
}


.pageinfo {
    p {
        &:last-child {
            margin-bottom: var(--space-2);
        }
    }
    h1,
    h2,
    h3,
    h4,
    h5 {
        &:first-child {
            margin-top: var(--space-2);
        }
    }
}


code.language-graphql .err {
    background-color: inherit;
    color: inherit;
}
}@layer utilities{.sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}