/* Generated by scripts/build_static_site.py. Do not edit directly. */

/* Generated source: privacy.html page styles. */

:root {
    color-scheme: light;
    --color-on-background: 25 28 30;
    --color-primary: 5 17 37;
    --color-secondary: 183 16 42;
    --color-secondary-container: 219 49 63;
    --color-surface: 247 249 251;
    --color-background: 247 249 251;
    --color-on-surface-variant: 69 71 77;
    --color-outline: 117 119 125;
    --color-outline-variant: 197 198 205;
    --color-surface-container-lowest: 255 255 255;
    --color-surface-container-low: 242 244 246;
    --color-primary-fixed: 215 226 255;
    --color-primary-fixed-dim: 187 198 226;
    --color-on-primary: 255 255 255;
    --color-on-primary-container: 130 141 167;
    --container-max-width: 1200px;
    --page-margin-mobile: 16px;
    --page-margin-tablet: 24px;
    --page-margin-desktop: 32px;
    --gutter: 16px;
    --anchor-scroll-offset: 96px;
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --color-on-background: 245 247 251;
        --color-surface-tint: 187 198 226;
        --color-error-container: 147 0 10;
        --color-on-error-container: 255 218 214;
        --color-on-primary: 255 255 255;
        --color-primary-fixed-dim: 187 198 226;
        --color-surface-dim: 8 13 24;
        --color-primary: 5 17 37;
        --color-outline-variant: 50 61 82;
        --color-outline: 101 115 143;
        --color-on-tertiary-container: 175 201 234;
        --color-on-secondary-fixed-variant: 255 179 177;
        --color-surface-bright: 18 27 45;
        --color-on-primary-fixed: 245 248 255;
        --color-inverse-primary: 5 17 37;
        --color-tertiary-fixed-dim: 175 201 234;
        --color-surface: 9 15 28;
        --color-inverse-surface: 239 241 243;
        --color-secondary-fixed-dim: 255 179 177;
        --color-tertiary-container: 13 38 65;
        --color-surface-container-high: 23 33 52;
        --color-on-tertiary-fixed-variant: 209 228 255;
        --color-secondary-fixed: 255 218 216;
        --color-primary-container: 27 38 59;
        --color-on-surface: 245 247 251;
        --color-on-error: 255 255 255;
        --color-on-tertiary: 255 255 255;
        --color-on-secondary: 255 255 255;
        --color-on-secondary-fixed: 255 218 216;
        --color-on-surface-variant: 196 203 216;
        --color-inverse-on-surface: 25 28 30;
        --color-surface-variant: 32 42 61;
        --color-on-primary-container: 187 198 226;
        --color-tertiary-fixed: 209 228 255;
        --color-background: 7 11 22;
        --color-secondary-container: 201 44 56;
        --color-surface-container: 13 22 38;
        --color-surface-container-low: 8 14 26;
        --color-surface-container-lowest: 11 18 31;
        --color-surface-container-highest: 29 40 61;
        --color-on-secondary-container: 255 251 255;
        --color-error: 255 180 171;
        --color-primary-fixed: 215 226 255;
        --color-on-primary-fixed-variant: 188 199 221;
        --color-secondary: 255 88 99;
        --color-tertiary: 175 201 234;
        --color-on-tertiary-fixed: 209 228 255;
    }
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background-color: rgb(var(--color-primary));
    color: rgb(var(--color-on-primary));
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 20px;
    padding: 8px 24px;
    text-align: center;
    transition:
        background-color 200ms ease,
        transform 150ms ease;
}

.terms-meta-panel,
.terms-toc,
.terms-section {
    border: 1px solid rgb(var(--color-outline-variant));
    background-color: rgb(var(--color-surface-container-lowest));
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

.terms-meta-row span {
    color: rgb(var(--color-on-surface-variant));
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 16px;
    text-transform: uppercase;
}

.terms-section {
    position: relative;
    scroll-margin-top: var(--anchor-scroll-offset);
    padding: 32px;
}

.terms-section h2 {
    margin-bottom: 16px;
    color: rgb(var(--color-primary));
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}

@media (prefers-color-scheme: dark) {
    .terms-section h2 {
        color: rgb(var(--color-primary-fixed));
    }
}

@media (min-width: 1024px) {
    .nav,
    .section-inner,
    .footer-inner {
        padding-right: var(--page-margin-desktop);
        padding-left: var(--page-margin-desktop);
    }

    .terms-hero {
        padding-top: 96px;
        padding-bottom: 72px;
    }

    .terms-hero-grid {
        grid-template-columns: minmax(0, 1fr) 360px;
    }

    .terms-layout {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .terms-toc {
        position: sticky;
        top: 104px;
    }
}

@media (max-width: 640px) {
    .nav {
        gap: 12px;
    }

    .nav-actions {
        gap: 12px;
        margin-left: auto;
    }

    .nav-actions .nav-link {
        display: none;
    }

    .button {
        padding-right: 20px;
        padding-left: 20px;
    }

    .terms-section {
        padding: 28px 24px;
    }
}