/* base.css — reset herdado do build (Tailwind base, MIT) + tokens de cor/fonte (:root) + elementos globais (shell, chapter, eyebrow, temporary-tag)
   Extraído do build original (assets/index-C_bOfxLt.css) preservando a ordem da cascata. */

/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */

@layer theme {
    :root,
    :host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --spacing: .25rem;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono)
    }
}

@layer base {
    *,
    :after,
    :before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,
    :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -.25em
    }
    sup {
        top: -.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple], [size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple], [size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab, currentcolor 50%, transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button], [type=reset], [type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
}

@layer components;
@layer utilities {
    .visible {
        visibility: visible
    }
    .relative {
        position: relative
    }
    .start {
        inset-inline-start: var(--spacing)
    }
    .hidden {
        display: none
    }
    .table {
        display: table
    }
}

:root {
    --navy-950: #020b16;
    --navy-900: #071d36;
    --navy-800: #0b3157;
    --blue-700: #155887;
    --blue-500: #6e9fc4;
    --blue-300: #b7d1e4;
    --blue-100: #e7f0f6;
    --paper: #f7f5ef;
    --paper-light: #fcfbf8;
    --white: #fff;
    --ink: #071e3b;
    --ink-soft: #465a70;
    --ink-faint: #718093;
    --line: #071e3b2b;
    --header-height: 76px;
    --sans: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --serif: Georgia, "Times New Roman", Times, serif
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    background: var(--navy-950)
}

body {
    background: var(--paper);
    color: var(--ink);
    font-family: var(--sans);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    margin: 0;
    font-weight: 400
}

body,
button,
a {
    font-family: var(--sans)
}

a {
    color: inherit;
    text-decoration: none
}

button {
    color: inherit
}

::selection {
    background: var(--blue-500);
    color: var(--navy-950)
}

:focus-visible {
    outline: 3px solid var(--blue-500);
    outline-offset: 4px
}

.skip-link {
    z-index: 1000;
    background: var(--white);
    color: var(--navy-950);
    padding: 12px 18px;
    font-size: 13px;
    font-weight: 600;
    transition: top .2s;
    position: fixed;
    top: -80px;
    left: 16px
}

.skip-link:focus {
    top: 12px
}

.shell {
    width: min(1320px, 100% - 96px);
    margin-inline: auto
}

.chapter {
    scroll-margin-top: var(--header-height)
}

.eyebrow {
    color: var(--blue-700);
    letter-spacing: .19em;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3
}

.eyebrow.light {
    color: var(--blue-300)
}

.temporary-tag {
    min-height: 28px;
    color: inherit;
    letter-spacing: .13em;
    text-transform: uppercase;
    border: 1px solid;
    align-items: center;
    padding: 0 10px;
    font-size: 9px;
    font-weight: 600;
    display: inline-flex
}