/* GENERATED by scripts/build_brand.mjs from styles.css. Do not edit: change the map in the script and re-run.
   Milanko brand manual v1.2 (Prisma) values for the Arcilla amable declarations of styles.css. */
:root { --bg: #f5f7fa; --surface: #ffffff; --surface-2: #f5f7fa; --surface-3: #eceff3; --paper: #ffffff; --paper-2: #eceff3; --chip: #eceff3; --ink: #1a1e25; --ink-2: #4f5867; --ink-3: #98a1b0; --muted: #5f6879; --line: #dce1e8; --rail: #1a1e25; --rail-2: #282e37; --rail-ink: #c3cad5; --rail-hi: #ffffff; --accent: #116b41; --accent-ink: #116b41; --accent-soft: #d8f3e5; --glow: #9fe0bf; --go: #4064c6; --go-shadow: #2b3f80; --sun: #4064c6; --clay: #c3cad5; --clay-night: #0a0c0f; --go-hover: #3550a3; --rail-hover: #3b4350; --rail-hi-soft: #eceff3; --lip-rose: #f2b9ad; --lip-tide: #a9cdf2; --lip-sage: #a9dcc2; --lip-ice: #bccdf3; --lip-stone: #cdbff3; --placeholder: #5f6879; --ghost: #5f6879; --artifact-ink: #4a2f8a; --sheet-flat: #f5f7fa; --block-rose: #ffe1dc; --block-tide: #d6eafc; --block-sage: #d8f3e5; --block-ice: #e3ecff; --block-stone: #ece4ff; --up: #b23a2a; --up-night: #ffb4a8; --down-night: #9cc8ff; --down: #1f5fa8; --neutral: #5a6488; --series: #2a78d6; --space: #0a0e1c; --space-line: #232d48; --t-temperature: #b23a2a; --t-water: #1f5fa8; --t-vegetation: #116b41; --radius: 16px; --ring: 0 0 0 3px var(--surface), 0 0 0 6px var(--go); --shadow-1: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); --shadow-2: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); --dur-press: 100ms; --dur-fast: 150ms; --dur-base: 200ms; --dur-panel: 300ms; --dur-leave: 200ms; --dur-large: 400ms; --ease-out: cubic-bezier(0.16, 1, 0.3, 1); --ease-in: cubic-bezier(0.55, 0, 1, 0.45); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-pop: cubic-bezier(0.3, 1.5, 0.5, 1); --serif: "Baloo 2", "Nunito Sans", system-ui, sans-serif; --sans: "Nunito Sans", system-ui, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --rail-w: 268px; scrollbar-color: #c3cad5 transparent; }
:root[data-nav="collapsed"] { --rail-w: 72px; }
body { background: var(--bg); color: var(--ink); font: 16px/1.6 var(--sans); caret-color: var(--accent); accent-color: var(--accent); }
::selection { background: var(--accent-soft); color: var(--ink); }
a { color: var(--accent); }
h1, h2, h3 { font-weight: 600; color: var(--ink); }
h2 { font-weight: 600; }
h3 { font-weight: 600; }
.muted { color: var(--muted); }
.accent { color: var(--accent); }
.skip { background: var(--ink); color: #fff; border-radius: 4px; }
.ic { fill: currentColor; }
kbd { font: 500 12px var(--mono); border-radius: 4px; border: 1px solid currentColor; }
.rail { background: var(--rail); color: var(--rail-ink); }
.brand { color: var(--rail-hi-soft); }
.brand strong { font-weight: 500; color: #fff; }
.brand small { font-weight: 600; color: var(--glow); }
.tool { border: 0; border-radius: 8px; background: rgba(255, 255, 255, 0.05); color: var(--rail-ink); font: 500 15px var(--sans); }
@media (hover: hover) { .tool:hover { background: rgba(255, 255, 255, 0.09); color: #fff; } }
.tool--icon { background: none; }
.nav__group { font-weight: 600; color: var(--rail-ink); }
.nav a, .nav__sub a { border-radius: 8px; color: var(--rail-ink); font-weight: 500; }
@media (hover: hover) { .nav a:hover { color: #fff; background: rgba(255, 255, 255, 0.06); } }
.nav a.is-active { color: var(--rail-hi); background: color-mix(in srgb, var(--glow) 14%, transparent); font-weight: 600; }
.nav__caret { border: 0; background: none; color: var(--rail-ink); border-radius: 8px; }
@media (hover: hover) { .nav__caret:hover { background: rgba(255, 255, 255, 0.08); color: #fff; } }
.nav__sub { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.12); }
.count { font: 500 12px var(--mono); color: var(--rail-ink); }
.badge { font-weight: 600; color: var(--rail); background: var(--glow); border-radius: 999px; }
.rail__foot p { color: var(--rail-ink); border-radius: 8px; background: rgba(35, 48, 77, 0.55); }
.rail__modes [aria-pressed="true"] { color: var(--glow); }
.lang { border-radius: 8px; background: rgba(255, 255, 255, 0.07); }
.lang button { font: 600 12px var(--mono); color: var(--rail-ink); background: none; border: 0; border-radius: 4px; }
.lang button[aria-pressed="true"] { background: var(--glow); color: var(--rail); }
:root[data-nav="collapsed"] .rail .nav__group { color: transparent; background: rgba(255, 255, 255, 0.1); }
:root[data-nav="collapsed"] .rail [data-tip]:is(:hover, :focus-visible)::after { border-radius: 8px; background: var(--ink); color: #fff; font: 500 13px var(--sans); box-shadow: var(--shadow-2); }
.view { outline: none; }
.panel { background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow-1); }
.lead { color: var(--ink-2); }
.label { font-weight: 600; color: var(--ink-2); }
.h-section { font-weight: 600; }
.section-head h2 { font-weight: 600; }
.foot { border-top: 1px solid var(--line); color: var(--muted); }
.foot__dot { border-radius: 50%; background: var(--up); }
.foot__api a { color: inherit; }
.error { color: var(--up); }
.dir-up { color: var(--up); }
.dir-down { color: var(--down); }
.dir-flat { color: var(--neutral); }
.btn { font: 600 15px var(--sans); color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 999px; }
@media (hover: hover) { .btn:hover { border-color: var(--ink); box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.25); } }
.btn:active { box-shadow: none; }
.btn--primary { background: var(--rail); border-color: var(--rail); color: #fff; }
@media (hover: hover) { .btn--primary:hover { background: var(--rail-hover); border-color: var(--rail-hover); } }
.btn:disabled, .btn[aria-disabled="true"] { box-shadow: none; }
.linklike { font: inherit; color: var(--accent); background: none; border: 0; font-weight: 600; }
.stamp { font: 700 12px var(--sans); font-weight: 600; color: var(--accent-ink); background: var(--accent-soft); border: 1.5px solid currentColor; border-radius: 4px; }
.stamp--inconclusive { color: var(--neutral); background: rgba(236,239,243, 0.6); border-style: dashed; }
.ev { color: var(--ink-2); }
.ev__bars i { border-radius: 4px; background: var(--surface-3); }
.ev__bars i.on { background: var(--accent); }
.ev--weak .ev__bars i.on { background: var(--neutral); }
.ev--lg { font-weight: 600; color: var(--ink); }
.folder { --tab: var(--t-water); --back: var(--block-tide); }
.folder--temperature { --tab: var(--t-temperature); --back: var(--block-rose); }
.folder--vegetation { --tab: var(--t-vegetation); --back: var(--block-sage); }
.folder { --stock: color-mix(in srgb, var(--tab) 30%, var(--back)); }
.folder__back { border-radius: 0 10px 10px 10px; background: var(--stock); }
.folder__tab { border-radius: 10px 0 0 0; background: var(--stock); color: var(--ink); font-weight: 500; }
.folder__sheet { border-radius: 4px; background: var(--surface); box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 6px 14px -8px rgba(0, 0, 0, 0.25); }
.folder__sheet { background: var(--paper); }
.sheet__head { border-bottom: 1px solid var(--line); }
.folder__sheet:first-child { background-color: var(--surface); }
.sheet__label { font: 600 12px var(--sans); color: var(--ink-2); }
.sheet__val { color: var(--ink); }
.sheet__folio { border-left: 1px solid var(--line); color: var(--muted); }
.folder__front { border-radius: 10px; background: var(--back); box-shadow: var(--shadow-2); --neutral: var(--neutral); }
.folder:is(:hover, :focus-within) .folder__front { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 18px 36px -14px rgba(0, 0, 0, 0.36); }
.folder:is(:hover, :focus-within) .folder__sheet { box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent), 0 12px 22px -10px rgba(0, 0, 0, 0.3); }
.folder__theme { font-weight: 600; color: var(--tab); }
.folder__link { color: var(--ink); }
.folder__link::after { border-radius: inherit; }
.folder__link:focus-visible { outline: none; }
.folder__link:focus-visible::after { outline: 3px solid var(--go); outline-offset: 3px; }
@media (hover: hover) { .folder:hover .folder__link { text-decoration-color: var(--accent-soft); } }
.folder__place { color: var(--ink-2); }
.folder__place .ic { color: var(--tab); }
.folder__front .ev__bars i { background: color-mix(in srgb, var(--ink) 14%, transparent); }
.folder__front .ev__bars i.on { background: var(--accent); }
.folder__front .ev--weak .ev__bars i.on { background: var(--neutral); }
.folder__front .stamp { background: rgba(255, 255, 255, 0.6); }
.folder__meta { border-top: 1px dashed color-mix(in srgb, var(--ink) 18%, transparent); }
.folder__meta dt { font-weight: 600; color: var(--muted); }
.folder__foot { color: var(--muted); }
.folder__meta dd.folder__var { color: var(--muted); }
.folder__seal { color: var(--accent); }
.folder--inconclusive .folder__sheet { background-color: var(--sheet-flat); box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.25); outline: 1.5px dashed color-mix(in srgb, var(--neutral) 55%, transparent); outline-offset: -1.5px; }
.folder--inconclusive .folder__seal { color: var(--neutral); }
.folder--inconclusive .folder__sheet:first-child { background-color: var(--sheet-flat); }
.read { color: var(--t-vegetation); font-weight: 600; }
.ledger { color: var(--ink-2); }
.ledger strong { font-weight: 500; color: var(--ink); }
.ledger strong.accent { color: var(--accent); }
.steps a { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); color: var(--ink); }
@media (hover: hover) { .steps a:hover { box-shadow: var(--shadow-2); } }
.steps__ic { color: var(--accent); }
.steps strong { font-weight: 600; }
.steps span { color: var(--muted); }
.pair { color: var(--rail-hi-soft); }
.pair__var { color: var(--glow); font-weight: 600; }
.pair__side { border-radius: 8px; background: var(--rail-2); color: #fff; }
@media (hover: hover) { .pair__side:hover { background: var(--rail-hover); } }
.pair__side .muted { color: var(--rail-ink); }
.pair__value.dir-up { color: var(--up-night); }
.pair__value.dir-down { color: var(--down-night); }
.pair__vs { color: var(--glow); }
.cta { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.block { border-radius: 16px; color: var(--ink); }
.block h2 { font-weight: 600; }
.block .lead { color: var(--ink-2); }
.block--temperature { background: var(--block-rose); }
.block--water { background: var(--block-tide); }
.block--vegetation { background: var(--block-sage); }
.block--ice { background: var(--block-ice); }
.block--stone { background: var(--block-stone); }
.block--night { background: var(--rail); color: var(--rail-hi-soft); }
.block--night h2 { color: #fff; }
.block--night .lead, .block--night .muted { color: var(--rail-ink); }
.featured__figure .num { font-weight: 500; }
.featured__chart { border-radius: var(--radius); background: rgba(255, 255, 255, 0.55); }
.block .theme-ink { font-weight: 600; }
.block--temperature .theme-ink { color: var(--t-temperature); }
.block--water .theme-ink { color: var(--t-water); }
.block--vegetation .theme-ink { color: var(--t-vegetation); }
.shelves__label { font-weight: 600; color: var(--muted); }
.shelf-pill { border: 1px solid var(--border, var(--line)); border-radius: 999px; background: var(--surface); color: var(--ink); font: 600 13px var(--sans); }
@media (hover: hover) { .shelf-pill:hover { border-color: var(--ink); } }
.shelf-pill__n { border-radius: 999px; background: var(--surface-3); color: var(--ink-2); }
.shelf-pill[aria-pressed="true"] { background: var(--rail); border-color: var(--rail); color: #fff; }
.shelf-pill[aria-pressed="true"] .shelf-pill__n { background: color-mix(in srgb, var(--glow) 18%, transparent); color: var(--glow); }
.facet__clear { border: 0; background: none; font: 600 12px var(--sans); color: var(--accent); }
.facet-more summary { border-radius: 999px; font-weight: 600; color: var(--ink-2); }
@media (hover: hover) { .facet-more summary:hover { background: var(--surface-3); } }
.count-line__shelf { color: var(--ink-2); }
.facet { border: 0; }
.facet legend { font-weight: 500; }
.opt { border: 0; border-radius: 999px; background: none; color: var(--ink-2); font: 500 15px var(--sans); }
@media (hover: hover) { .opt:hover { background: var(--surface-3); } }
.opt[aria-pressed="true"] { background: var(--rail); color: #fff; font-weight: 600; }
.opt[aria-pressed="true"] .ic { color: var(--glow); }
.opt[aria-pressed="true"] .opt__n { color: var(--rail-ink); }
.opt[aria-pressed="true"] .ev__bars i { background: rgba(255, 255, 255, 0.22); }
.opt[aria-pressed="true"] .ev__bars i.on { background: var(--glow); }
.opt__n { color: var(--muted); }
.search { border-radius: 999px; background: var(--surface); box-shadow: var(--shadow-1), inset 0 0 0 1px var(--line); color: var(--muted); }
.search:focus-within { box-shadow: var(--shadow-1), inset 0 0 0 2px var(--accent); }
.search input { border: 0; outline: 0; background: none; font: 15px var(--sans); color: var(--ink); }
.search input::placeholder { color: var(--placeholder); }
.seg { border-radius: 999px; background: var(--surface-3); }
.seg button, .seg a { border: 0; border-radius: 999px; background: none; color: var(--ink-2); font: 500 13px var(--sans); }
@media (hover: hover) { .seg button:hover, .seg a:hover { color: var(--ink); } }
.seg button[aria-pressed="true"] { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: var(--shadow-1); }
.select select { border-radius: 999px; border: 1px solid var(--line); background: var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%233f4248'%3E%3Cpath d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E") no-repeat right 10px center / 14px; font: 500 15px var(--sans); color: var(--ink); }
.count-line { color: var(--muted); }
.chip-x { border: 0; border-radius: 999px; background: var(--ink); color: #fff; font: 500 13px var(--sans); }
@media (hover: hover) { .chip-x:hover { background: var(--accent); } }
.shelf-group__head { color: var(--ink-2); border-bottom: 1px solid var(--line); }
.shelf-group__head .num { color: var(--muted); }
.empty { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.empty__ic { color: var(--neutral); }
.tl__grid { --label: 230px; }
.tl__axis { border-bottom: 1px solid var(--line); }
.tl__axis span { color: var(--muted); }
.tl__row { border-bottom: 1px dashed var(--line); }
.tl__label { color: var(--ink); }
@media (hover: hover) { .tl__label:hover strong { color: var(--accent); } }
.tl__bar { border-radius: 999px; }
.tl__bar--up { background: color-mix(in srgb, var(--up) 10%, transparent); color: var(--up); }
.tl__bar--down { background: color-mix(in srgb, var(--down) 12%, transparent); color: var(--down); }
.tl__bar--flat { background: color-mix(in srgb, var(--neutral) 6%, transparent); color: var(--neutral); outline: 1.5px dashed color-mix(in srgb, var(--neutral) 55%, transparent); outline-offset: -1.5px; }
.tl__dot { border-radius: 999px; }
.tl__dot--up { background: color-mix(in srgb, var(--up) 10%, transparent); color: var(--up); }
.tl__dot--down { background: color-mix(in srgb, var(--down) 12%, transparent); color: var(--down); }
.tl__dot--flat { background: color-mix(in srgb, var(--neutral) 6%, transparent); color: var(--neutral); }
.crumbs { color: var(--muted); }
.crumbs a { color: var(--ink-2); }
@media (hover: hover) { .crumbs a:hover { color: var(--accent); } }
.chart { background: var(--surface-2); border-radius: 8px; }
.chart .axis text { fill: var(--ink-2); font: 12px var(--mono); }
.chart .axis path, .chart .axis line { stroke: var(--ink-3); }
.chart .grid line { stroke: var(--line); }
.chart .band { fill: color-mix(in srgb, var(--series) 16%, transparent); }
.chart .annot { font: 500 12px var(--mono); fill: var(--up); }
.prose p { color: var(--ink-2); }
.detail summary { font-weight: 500; }
.detail__grid dt { font-weight: 600; color: var(--muted); }
.spine a { border-radius: 999px; color: var(--muted); font-weight: 500; }
.spine a .num { color: var(--muted); }
@media (hover: hover) { .spine a:hover { color: var(--ink); background: var(--surface-3); } }
.spine a.is-active { color: var(--ink); background: var(--surface); box-shadow: var(--shadow-1); font-weight: 600; }
.spine a.is-active .num { color: var(--accent); }
.doc h2 { font-weight: 600; }
.doc__meta { color: var(--muted); }
.doc__place { color: var(--ink-2); }
.doc__place .ic { color: var(--accent); }
.doc__figure { font-weight: 500; }
.doc__unit { font: 400 15px var(--sans); color: var(--muted); }
.paper { background: var(--paper); border-radius: var(--radius); box-shadow: var(--shadow-2); }
.paper__caption { border-top: 1px dashed var(--line); color: var(--muted); }
.doc__chance { color: var(--ink-2); }
.appendix__sum { font: 600 15px var(--sans); color: var(--accent); }
.gauge, .strip { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); }
.gauge figcaption .mono { font-weight: 600; color: var(--ink); }
.gauge__q { font: 600 15px var(--sans); color: var(--ink); }
.gauge__a { color: var(--ink-2); }
.gauge__track { border-radius: 999px; background: var(--surface-3); }
.gauge__zone--weak { background: var(--surface-3); border-radius: 999px 0 0 999px; }
.gauge__zone--moderate { background: var(--accent-soft); }
.gauge__zone--strong { background: var(--glow); border-radius: 0 999px 999px 0; }
.gauge__mark { border-radius: 4px; background: var(--ink); box-shadow: 0 0 0 2px var(--surface); }
.gauge__mark--up { background: var(--up); }
.gauge__mark--down { background: var(--down); }
.gauge__mark--flat { background: var(--neutral); }
.gauge__track--axis { background: none; }
.gauge__track--axis::before { background: var(--line); }
.gauge__zero { background: var(--ink-3); }
.gauge__ci { border-radius: 999px; background: var(--surface-3); }
.gauge__ci--up { background: var(--block-rose); }
.gauge__ci--down { background: var(--block-tide); }
.gauge__ticks { color: var(--muted); }
.gauge__bar-label { color: var(--muted); }
.gauge__bar { border-radius: 999px; background: var(--neutral); }
.gauge__bar--up { background: var(--up); }
.gauge__bar--down { background: var(--down); }
.gauge__bar--noise { background: var(--ink-3); }
.gauge__bar-value { color: var(--ink); }
.strip__track::before { background: var(--line); }
.strip__track i { border-radius: 999px; background: var(--ink-3); }
.strip__mean { border-radius: 4px; background: var(--muted); }
.strip__this { border-radius: 999px; background: var(--ink); box-shadow: 0 0 0 3px var(--surface), 0 1px 3px rgba(0, 0, 0, 0.25); }
.strip__this--high, .strip__this--very-high { background: var(--up); }
.strip__this--low, .strip__this--very-low { background: var(--down); }
.strip__ends { color: var(--muted); }
.strip__key-this { border-radius: 999px; background: var(--ink); }
.strip__key-year { border-radius: 999px; background: var(--ink-3); }
.strip__key-mean { border-radius: 4px; background: var(--muted); }
.doc--appendix summary { border-radius: 999px; }
@media (hover: hover) { .doc--appendix summary:hover { background: var(--surface-3); } }
.doc--appendix summary h2 { font-weight: 500; }
.doc--appendix summary .ic { color: var(--muted); }
.next-card { border-radius: 16px; background: var(--rail); color: #fff; }
@media (hover: hover) { .next-card:hover { background: var(--rail-2); } }
.next-card__label { font-weight: 600; color: var(--glow); }
.next-card__title { font-weight: 500; }
.next-card__meta { color: var(--rail-ink); }
.related a { color: var(--ink-2); font-weight: 500; }
@media (hover: hover) { .related a:hover { color: var(--accent); } }
.related .ic { color: var(--accent); }
.chart .inline { font: 500 12px var(--sans); }
.chart .inline--series { fill: var(--series); }
.chart .inline--trend { fill: var(--accent); }
.chart .inline--band { fill: var(--muted); }
.dot { border-radius: 9999px; }
.row { border-radius: 8px; color: var(--ink); }
.row:hover, .row:focus-visible { background: var(--surface-2); }
.field { color: var(--muted); }
.field select, .coords input { font: 15px var(--sans); color: var(--ink); background: var(--surface-2); border: 1px solid var(--line); border-radius: 8px; }
.yours__stat small { color: var(--muted); }
.spark { border-radius: 8px; background: var(--surface-2); }
.months-detail summary { color: var(--accent); font-weight: 600; }
.loading::before { border-radius: 9999px; border: 2px solid var(--line); border-top-color: var(--accent); }
.gx { background: radial-gradient(circle at 50% 50%, #0a0e1c 0%, #080c18 55%, #11182e 82%, #11182e 100%); color: var(--rail-hi-soft); }
.gx-3d { border: 0; }
.gx-drawer { border-radius: 16px; background: var(--surface); color: var(--ink); box-shadow: 0 24px 48px -24px rgba(0, 0, 0, 0.6); }
.gx-drawer__close { border: 0; border-radius: 9999px; background: var(--surface-3); color: var(--ink); }
@media (hover: hover) { .gx-drawer__close:hover { background: var(--chip); } }
.gx-drawer__body h2 { font-weight: 600; outline: none; }
.gx-drawer__kind { font-weight: 600; color: var(--ink-2); }
.gx-drawer__kind .ic { color: var(--accent); }
.gx-drawer__place { color: var(--ink-2); }
.gx-drawer__place .ic { color: var(--accent); }
.gx-drawer__figure { font-weight: 500; }
.gx-drawer__figure span { font: 400 13px var(--sans); color: var(--muted); }
.gx-drawer__summary { color: var(--ink-2); }
.gx-drawer .rows .row { border: 0; background: none; font: inherit; }
@media (hover: hover) { .gx-drawer .row:hover { background: var(--surface-2); } }
.station { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.station:not(:last-child)::after { background: var(--accent); }
.station__ic { color: var(--accent); }
.station__n { color: var(--muted); }
.station > p { color: var(--ink-2); }
.station summary { font-weight: 600; color: var(--accent); }
.station details p { color: var(--ink-2); }
.range { font-weight: 500; }
.range output { font: 500 13px var(--mono); color: var(--accent); }
.play__result { border-radius: 8px; background: var(--surface-2); }
.sources a { border-radius: 8px; background: var(--surface-2); color: var(--ink); }
@media (hover: hover) { .sources a:hover { background: var(--surface-3); } }
.sources .ic { color: var(--accent); }
.gloss dt { font-weight: 600; }
.gloss dd { color: var(--ink-2); }
.tooltip { border-radius: 8px; font: 500 13px/1.45 var(--sans); background: rgba(10, 14, 28, 0.95); color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.36); }
.tooltip .tip-hint { color: var(--glow); }
@media (max-width: 1179.98px) { .spine { background: var(--bg); } }
@media (max-width: 1179.98px) { .dossier { --index-h: 56px; } }
@media (max-width: 960px) { .facets-wrap[open] .facets-toggle { border-color: var(--accent); } }
@media (max-width: 960px) { .facets { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); } }
@media (max-width: 859.98px) { .block { border-radius: 0; } }
@media (max-width: 859.98px) { .mbar { background: var(--rail); color: var(--rail-hi-soft); } }
@media (max-width: 859.98px) { .brand--m strong { font-weight: 500; color: #fff; } }
@media (max-width: 859.98px) { .tabbar { background: var(--rail); box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.25); } }
@media (max-width: 859.98px) { .tabbar a { border-radius: 10px; color: var(--rail-ink); font-weight: 500; } }
@media (max-width: 859.98px) { .tabbar a.is-active { color: var(--rail-hi); background: color-mix(in srgb, var(--glow) 14%, transparent); } }
@media (max-width: 559.98px) { .tl__grid { --label: 120px; } }
.audit-src { color: var(--muted); }
.audit-src .ic { color: var(--accent); }
.metric-strip { background: var(--surface); border-radius: 10px; box-shadow: var(--shadow-1); }
.metric-strip > div { border-left: 1px solid var(--line); }
.metric-strip > div:first-child { border-left: 0; }
.metric-strip dt { color: var(--muted); }
.metric-strip dd { font-weight: 500; color: var(--ink); }
.audit-key__verdicts li { color: var(--ink-2); }
.audit-key__legend { color: var(--ink-2); }
.key-span { border-radius: 4px; background: color-mix(in srgb, var(--series) 16%, transparent); }
.key-break { border-left: 2px dashed var(--accent); }
.detail--inline summary { font: 600 15px var(--sans); color: var(--accent); }
.detail--inline p { color: var(--ink-2); }
.stamp--trend { color: var(--accent-ink); }
.stamp--no-trend { color: var(--neutral); background: var(--surface); }
.stamp--artifact { color: var(--up); background: var(--block-rose); }
.stamp--insufficient { color: var(--neutral); background: rgba(236,239,243, 0.6); border-style: dashed; }
.audit { background: var(--paper); border-radius: 10px; box-shadow: var(--shadow-2); }
.audit:target { box-shadow: var(--shadow-2), 0 0 0 2px var(--accent); }
.audit__ic { border-radius: 9999px; background: var(--surface-3); color: var(--accent); }
.audit__meta { color: var(--muted); }
.audit__read { color: var(--ink-2); }
.audit__breaks { color: var(--ink-2); }
.audit__breaks .num { color: var(--accent); font-weight: 500; }
.audit__foot { border-top: 1px dashed var(--line); }
.audit__foot abbr { font-weight: 600; color: var(--ink-2); }
.audit-small .row { border-top: 1px solid var(--line); border-radius: 0; }
.audit-small .row strong { font-weight: 600; }
.audit-small .row strong .ic { color: var(--accent); }
.chart .bar { fill: var(--series); }
@media (hover: hover) { .chart .bar:hover { fill: var(--accent); } }
.chart .bar--partial { fill: color-mix(in srgb, var(--series) 35%, transparent); }
.chart .bars-span { fill: color-mix(in srgb, var(--series) 12%, transparent); }
.chart .bars-label { font: 600 12px var(--sans); fill: var(--down); }
.chart .bars-break { stroke: var(--accent); }
.sources__context .ic { color: var(--muted); }
.gx-sec { border-top: 1px solid var(--line); }
.gx-sec h3:not(.gx-sec__title) { font: 600 15px var(--sans); color: var(--ink); }
.gx-sec h3:not(.gx-sec__title) .ic { color: var(--accent); }
.gx-sec__title { font: 600 12px var(--sans); color: var(--ink-2); }
.gx-sec__title .ic { color: var(--accent); }
.gx-sec__note { color: var(--muted); }
.gx-facts dt { color: var(--muted); }
.gx-facts dd { color: var(--ink); }
.gx-audit { border-radius: 10px; background: var(--surface-2); color: var(--ink); }
@media (hover: hover) { .gx-audit:hover { background: var(--surface-3); } }
.gx-audit > .ic { color: var(--accent); }
.gx-anom__row { color: var(--ink-2); }
.gx-anom__row .num { color: var(--ink); }
.gx-anom__band { color: var(--muted); }
.gx-anom__bar { border-radius: 999px; background: linear-gradient(90deg, var(--block-tide), var(--line) 30%, var(--line) 70%, var(--block-rose)); }
.gx-anom__bar i { border-radius: 4px; background: var(--ink); }
.gx-anom__row--very-high .gx-anom__band, .gx-anom__row--very-low .gx-anom__band { color: var(--ink); font-weight: 600; }
.gx-context { border-top: 1px solid var(--line); }
.gx-context summary { font: 600 15px var(--sans); color: var(--ink); }
.gx-context summary .ic { color: var(--muted); }
.gx-context .gx-sec h3:not(.gx-sec__title) .ic { color: var(--muted); }
.tag-notnasa { border-radius: 4px; border: 1px dashed var(--neutral); font: 600 12px var(--sans); color: var(--neutral); }
.gx-ind dt { color: var(--ink-2); }
.gx-ind dd .num { color: var(--ink); }
.air-who { stroke: var(--up); }
.air-who__label { font: 500 12px var(--mono); fill: var(--up); }
.orbit { border-top: 1px solid var(--line); }
.orbit__title { font: 600 15px var(--sans); color: var(--ink); }
.orbit__title .ic { color: var(--accent); }
.orbit__frame { border-radius: 8px; background: var(--space); }
.orbit__step { border: 1px solid var(--line); border-radius: 9999px; background: var(--surface); color: var(--ink); }
@media (hover: hover) { .orbit__step:hover:not(:disabled) { border-color: var(--ink); } }
.orbit__date { color: var(--ink-2); }
.orbit__note { color: var(--muted); }
.orbit--compact { border-top: 0; }
.orbit-pair__title { font: 600 18px var(--serif); }
.orbit-pair__title .ic { color: var(--accent); }
.paper .near { border-top: 0; }
.near__cats a, .near__cats button { border: 0; border-radius: 8px; background: var(--surface-2); color: var(--ink); font: 15px var(--sans); }
@media (hover: hover) { .near__cats a:hover, .near__cats button:hover { background: var(--surface-3); } }
.near__cats .ic { color: var(--accent); }
.near__cats .num { color: var(--ink-2); }
.near__verdict { font-weight: 600; color: var(--neutral); }
.near__verdict--artifact { color: var(--up); }
.near__verdict--trend { color: var(--accent-ink); }
@media (max-width: 859.98px) { .metric-strip > div:nth-child(3) { border-left: 0; } }
@media (max-width: 859.98px) { .metric-strip > div:nth-child(n+3) { border-top: 1px solid var(--line); } }
.kinds { border-bottom: 1px solid var(--line); }
.kinds__tab { border: 0; border-bottom: 2px solid transparent; background: none; color: var(--ink-2); font: 500 15px var(--sans); }
@media (hover: hover) { .kinds__tab:hover { color: var(--ink); } }
.kinds__tab[aria-pressed="true"] { color: var(--ink); font-weight: 600; border-bottom-color: var(--accent); }
.kinds__tab[aria-pressed="true"] .ic { color: var(--accent); }
.kinds__n { border-radius: 999px; background: var(--surface-3); color: var(--ink-2); }
.fgroup { border-bottom: 1px solid var(--line); }
.fgroup summary { font: 600 13px var(--sans); color: var(--ink); }
.fgroup summary .ic { color: var(--muted); }
.fgroup__sel { color: var(--accent); }
.frow { border: 0; border-radius: 8px; background: none; color: var(--ink-2); font: 400 14px var(--sans); }
@media (hover: hover) { .frow:hover { background: var(--surface-3); color: var(--ink); } }
.frow__check { color: var(--accent); }
.frow[aria-pressed="true"] { color: var(--ink); font-weight: 600; }
.frow__n { color: var(--muted); }
.shelf-group__head .ic { color: var(--accent); }
.shelf-group__note { font: 400 13px var(--sans); color: var(--muted); }
.folder--ev { --tab: var(--neutral); --back: var(--block-stone); }
.folder--fam-fire { --tab: var(--t-temperature); --back: var(--block-rose); }
.folder--fam-storm { --tab: var(--accent-ink); --back: var(--block-ice); }
.folder--fam-water { --tab: var(--t-water); --back: var(--block-tide); }
.folder--fam-ice { --tab: var(--t-water); --back: var(--block-ice); }
.folder--fam-earth { --tab: var(--neutral); --back: var(--block-stone); }
.tag-lead { border-radius: 4px; background: var(--accent-soft); color: var(--accent-ink); font: 600 12px var(--sans); }
.ctx-grid .orbit { border-top: 0; }
.gx-audit--doc { background: var(--surface); }
.paper .live { border-top: 1px solid var(--line); }
.gx-kpis { border-radius: 10px; background: var(--surface-2); }
.gx-kpis > div { border-left: 1px solid var(--line); }
.gx-kpis > div:first-child { border-left: 0; }
.gx-kpis dt { color: var(--muted); }
.gx-kpis dd { color: var(--ink); }
.ev-diamond { border-radius: 4px; background: var(--c); box-shadow: 0 0 0 1.5px var(--ink); }
.sec-ev__list button { border: 0; border-radius: 8px; background: none; color: var(--ink); font: 14px var(--sans); }
@media (hover: hover) { .sec-ev__list button:hover { background: var(--surface-2); } }
.sec-ev__list .dot { box-shadow: 0 0 0 1.5px var(--ink); }
@media (max-width: 1099.98px) { .facets-wrap[open] .facets { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); } }
.ledger--kinds li { border-left: 1px solid var(--line); }
.ledger--kinds li:first-child { border-left: 0; }
.ledger--kinds a { color: inherit; border-radius: 8px; }
@media (hover: hover) { .ledger--kinds a:hover { background: var(--surface-3); } }
.ledger__fig { color: var(--ink-2); }
.ledger__label { color: var(--ink-2); }
.suspect { border-radius: 16px; background: var(--block-stone); }
.suspect__kind { font: 600 15px var(--sans); color: var(--up); }
.suspect__chart { background: var(--paper); }
@media (max-width: 859.98px) { .suspect { border-radius: 0; } }
@media (max-width: 859.98px) { .ledger--kinds li { border-left: 0; border-top: 1px solid var(--line); } }
@media (max-width: 859.98px) { .ledger--kinds li:first-child { border-top: 0; } }
.props { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.props__row { border-radius: 8px; }
@media (hover: hover) { .props__row:hover { background: var(--surface-3); } }
.props dt { color: var(--muted); }
.props dd { color: var(--ink); }
.doc__figure--words { font: 600 26px/1.25 var(--serif); }
.doc__figure--words .doc__unit { font: 400 15px var(--sans); }
.gx-drawer__figure--words { font: 600 20px/1.3 var(--serif); }
.callout-box { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); }
.callout-box .ic { color: var(--accent); }
.callout-box p { color: var(--ink); }
.test { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.test p { color: var(--ink-2); }
.rare__dots i { border-radius: 4px; background: var(--surface-3); }
.rare__dots i.on { background: var(--up); }
.rare__result strong { color: var(--up); }
.check { color: var(--ink-2); }
.check input { accent-color: var(--accent); }
.tbl-wrap { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); }
.tbl { border-collapse: collapse; }
.tbl th { font-weight: 500; color: var(--muted); border-bottom: 1px solid var(--line); }
.tbl td { border-bottom: 1px solid var(--line); }
@media (hover: hover) { .tbl tbody tr:hover td { background: var(--surface-2); } }
.tbl__title a { font-weight: 600; color: var(--ink); }
@media (hover: hover) { .tbl__title a:hover { color: var(--accent); } }
.tbl__kind { color: var(--ink-2); }
.tbl__group th { background: var(--surface-2); color: var(--ink); font: 600 13px var(--sans); }
.tbl__group .num { color: var(--muted); }
.board__col { border-radius: 10px; background: var(--surface-3); }
.board__col h3 { font: 600 13px var(--sans); }
.board__col h3 .num { color: var(--muted); }
.board__card { border-radius: 8px; background: var(--paper); box-shadow: var(--shadow-1); color: var(--ink); }
@media (hover: hover) { .board__card:hover strong { color: var(--accent); } }
.board__card strong { font: 500 15px/1.35 var(--serif); }
.board__col--confirmed h3 { color: var(--accent-ink); }
.board__col--anomalous h3 { color: var(--up); }
.gx-fold { border-top: 1px solid var(--line); }
.gx-fold summary > .ic:first-child { color: var(--accent); }
.gx-fold summary > .ic:last-child { color: var(--muted); }
.gx-fold__title { font: 600 15px var(--sans); color: var(--ink); }
.gx-fold__sum { color: var(--ink-2); }
.gx-fold .orbit { border-top: 0; }
.near--bare { border-top: 0; }
.gx-kpis__sub { font: 400 12px var(--sans); color: var(--muted); }
.toast { border-radius: 999px; background: var(--rail); color: #fff; font: 500 15px var(--sans); box-shadow: var(--shadow-2); }
.tabs__bar { border-bottom: 1px solid var(--line); }
.tabs__bar button { border: 0; border-bottom: 2px solid transparent; background: none; color: var(--ink-2); font: 500 13px var(--sans); }
.tabs__bar button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); font-weight: 600; }
.tbl-wrap--flat { box-shadow: none; }
.tbl--data thead th { background: var(--paper); }
.sources--doc li > div { border-radius: 8px; background: var(--surface-2); }
.toc-bar { border-radius: 999px; background: color-mix(in srgb, var(--bg) 88%, transparent); box-shadow: var(--shadow-1); }
.toc-bar a { border-radius: 999px; color: var(--ink-2); font: 500 13px var(--sans); }
@media (hover: hover) { .toc-bar a:hover { background: var(--surface-3); color: var(--ink); } }
.toc-bar .ic { color: var(--accent); }
#auditPane { --index-h: 56px; }
@media (pointer: coarse) { #auditPane { --index-h: 68px; } }
.day { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.day__img .orbit { border-top: 0; }
.day__kind { font: 600 13px var(--sans); color: var(--accent); }
.day__runup strong { font-weight: 600; color: var(--up); }
@media (max-width: 859.98px) { .day { border-radius: 0; } }
@media (max-width: 859.98px) { .toc-bar { border-radius: 10px; } }
.sources--doc .ic { color: var(--accent); }
.tbl--files .tbl__title a { font: 600 15px/1.35 var(--serif); }
.tbl__sub { color: var(--muted); }
.tbl__var { font: 400 12px var(--sans); color: var(--muted); }
@media (max-width: 760px) { .tbl-wrap { background: none; box-shadow: none; } }
@media (max-width: 760px) { .tbl--files tr { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); } }
@media (max-width: 760px) { .tbl--files td { border: 0; } }
@media (max-width: 760px) { .tbl--files tr.tbl__group { background: none; box-shadow: none; } }
@media (max-width: 760px) { .tbl--files tr.tbl__group th { background: none; } }
@media (max-width: 760px) { .tbl--files tbody tr:hover td { background: none; } }
.board__meta { color: var(--muted); }
.board__where { color: var(--muted); }
.tl__title { font: 600 17px var(--serif); }
.tl__title .ic { color: var(--accent); }
.tl__title .num { font: 500 12px var(--mono); border-radius: 999px; background: var(--surface-3); color: var(--ink-2); }
.tl__grid { --label: 200px; }
.tl-year__head { border-bottom: 1px solid var(--line); font: 600 20px var(--mono); }
.tl-ev { border-bottom: 1px dashed var(--line); border-radius: 8px; color: var(--ink); }
@media (hover: hover) { .tl-ev:hover { background: var(--surface-2); } }
@media (hover: hover) { .tl-ev:hover strong { color: var(--accent); } }
.tl-ev__date { color: var(--ink-2); }
.tl-ev__dot { border-radius: 9999px; background: var(--c); box-shadow: 0 0 0 1.5px var(--ink); }
.tl-ev__main strong { font: 600 15px/1.35 var(--serif); }
@media (max-width: 760px) { .tl__grid { --label: 0px; } }
.tbl__link { color: var(--ink); }
@media (hover: hover) { .tbl__link:hover { color: var(--accent); } }
.tbl--files .tbl__title .tbl__link { font: 600 15px/1.35 var(--serif); }
.facts { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.facts > div { border-left: 1px solid var(--line); }
.facts > div:first-child { border-left: 0; }
.facts dt { color: var(--muted); }
.facts dd { font: 500 32px/1.1 var(--mono); color: var(--ink); }
.method__toc-title { font: 600 12px var(--sans); color: var(--muted); }
.method__toc ol { border-left: 1px solid var(--line); }
.method__toc ol a { border-left: 2px solid transparent; color: var(--ink-2); }
.method__toc ol a .num { color: var(--muted); }
@media (hover: hover) { .method__toc ol a:hover { color: var(--ink); } }
.method__toc ol a.is-active { color: var(--ink); font-weight: 600; border-left-color: var(--accent); }
.method__toc ol a.is-active .num { color: var(--accent); }
.steps-list { border-top: 1px solid var(--line); }
.steps-list__row { border-bottom: 1px solid var(--line); }
.steps-list__n { font: 500 26px/1 var(--mono); color: var(--accent); }
.steps-list__ic { color: var(--accent); }
.steps-list__body p { color: var(--ink-2); }
.steps-list__more summary { font: 600 13px var(--sans); color: var(--accent); }
.team-page__meta { color: var(--muted); }
.team-page__meta > .ic { color: var(--accent); }
.member { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.member__photo { background-color: var(--rail); background-image: radial-gradient(color-mix(in srgb, var(--glow) 22%, transparent) 1px, transparent 1.5px); background-size: 14px 14px; color: var(--glow); }
.member__initials { font: 600 72px/1 var(--serif); }
.member__ph { color: var(--rail-ink); }
.member__ph-label { font: 500 13px var(--sans); color: var(--rail-ink); }
.member__eyebrow { font: 600 12px var(--sans); }
.member__eyebrow--lead { color: var(--accent); }
.member__eyebrow--pending { border: 1px dashed var(--ink-3); border-radius: 999px; color: var(--muted); }
.member__name { font: 600 24px/1.2 var(--serif); }
.member__roles li { border-radius: 999px; background: var(--accent-soft); color: var(--accent-ink); font: 600 13px var(--sans); }
.member--pending .member__roles li { background: var(--surface-3); color: var(--muted); }
.member__bio { color: var(--ink-2); }
.member__in .ic { color: var(--accent); }
.member__in .member__ext { color: var(--muted); }
.member__link { border-radius: 999px; color: var(--muted); }
@media (hover: hover) { .member__link:hover { color: var(--ink); background: var(--chip); } }
@media (max-width: 559.98px) { .member__photo { background-size: 12px 12px; } }
.credits a { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); color: var(--ink); }
@media (hover: hover) { .credits a:hover { box-shadow: var(--shadow-2); } }
.credits .ic { color: var(--accent); }
.credits .ic:last-child { color: var(--muted); }
.method-ai h2 .ic { color: var(--accent); }
@media (max-width: 1099.98px) { .method__toc { background: var(--bg); } }
@media (max-width: 1099.98px) { .method--doc { --index-h: 56px; } }
@media (max-width: 1099.98px) { .method__toc ol { border-left: 0; } }
@media (max-width: 1099.98px) { .method__toc ol a { border-left: 0; border-bottom: 2px solid transparent; } }
@media (max-width: 1099.98px) { .method__toc ol a.is-active { border-bottom-color: var(--accent); } }
@media (max-width: 859.98px) { .facts > div:nth-child(3) { border-left: 0; } }
@media (max-width: 859.98px) { .facts > div:nth-child(n+3) { border-top: 1px solid var(--line); } }
.brand__mark { color: var(--rail-hi-soft); }
.rail__collapse { color: var(--rail-ink); }
@media (hover: hover) { .rail__collapse:hover { background: rgba(255, 255, 255, 0.08); } }
.tool--search { border: 1px solid var(--space-line); background: rgba(10, 14, 28, 0.35); color: var(--rail-ink); }
@media (hover: hover) { .tool--search:hover { border-color: var(--rail-hover); } }
.nav a.is-active { box-shadow: inset 2px 0 0 var(--glow); }
.nav__sub a .count { color: var(--rail-ink); }
.nav__recent a { font-weight: 500; color: var(--rail-ink); }
.nav__recent-dot { border-radius: 9999px; background: var(--c); }
.rail-card { border-radius: 10px; background: var(--rail-2); border: 1px solid var(--space-line); color: var(--rail-ink); }
@media (hover: hover) { .rail-card:hover { border-color: var(--rail-hover); } }
.rail-card__head { font: 600 13px var(--sans); color: var(--rail-hi-soft); }
.rail-card__head .num { color: var(--glow); }
.rail-card__bar { border-radius: 999px; background: rgba(255, 255, 255, 0.08); }
.rail-card__bar i { border-radius: inherit; background: var(--glow); }
.rail-card__text { color: var(--rail-ink); }
.rail-card__data { color: var(--rail-ink); }
:root[data-nav="collapsed"] .tool--search { border-color: transparent; background: none; }
.lang__ic { color: var(--rail-ink); }
.frow__ic:not([class*="dir-"]) { color: var(--accent); }
.ledger__label .ic { color: var(--accent); }
.row__ic--temperature { color: var(--t-temperature); }
.row__ic--water { color: var(--t-water); }
.row__ic--vegetation { color: var(--t-vegetation); }
.gx-anom__ic { color: var(--accent); }
.play__title .ic { color: var(--accent); }
.chart-head__sub { font: 500 13px var(--sans); color: var(--muted); }
.chart-head__purpose { color: var(--ink-2); }
.chart-head__purpose .ic { color: var(--accent); }
.term__btn { border: 0; border-radius: 999px; background: none; color: var(--accent); }
.term__btn:hover, .term__btn[aria-expanded="true"] { background: var(--accent-soft); }
.term-pop { border-radius: 10px; background: var(--surface); color: var(--ink); box-shadow: var(--shadow-2); font: 400 15px/1.45 var(--sans); }
.term-pop strong { font-weight: 600; }
.status-pill { border-radius: 999px; background: var(--rail); color: var(--rail-hi); box-shadow: var(--shadow-2); font: 500 14px/1.35 var(--sans); }
.status-pill .ic { color: var(--glow); }
.install-btn { border: 1px solid var(--space-line); border-radius: 999px; background: none; color: var(--rail-ink); font: 500 13px var(--sans); }
@media (hover: hover) { .install-btn:hover { background: rgba(255, 255, 255, 0.08); color: #fff; } }
.rail { border-radius: 16px; background: var(--surface); color: var(--ink-2); box-shadow: var(--shadow-2); }
.brand, .brand__mark { color: var(--ink); }
.brand strong { font-weight: 600; color: var(--ink); }
.brand small { color: var(--accent); }
.tool { background: var(--surface-2); color: var(--ink-2); font-weight: 600; border-radius: 8px; }
@media (hover: hover) { .tool:hover { background: var(--surface-3); color: var(--ink); } }
.tool--icon { background: none; }
.tool--search { border: 0; background: var(--surface-2); color: var(--muted); box-shadow: inset 0 0 0 2px var(--line); }
@media (hover: hover) { .tool--search:hover { border-color: transparent; box-shadow: inset 0 0 0 2px var(--clay); } }
.rail__collapse { color: var(--ink-2); }
@media (hover: hover) { .rail__collapse:hover { background: var(--surface-3); } }
.nav__group { color: var(--muted); }
.nav a, .nav__sub a { color: var(--ink-2); font-weight: 600; border-radius: 10px; }
@media (hover: hover) { .nav a:hover { color: var(--ink); background: var(--surface-2); } }
.nav a.is-active { color: #fff; background: var(--rail); box-shadow: 0 1px 2px rgba(0,0,0,.35); font-weight: 600; }
.nav__caret { color: var(--ink-2); border-radius: 8px; }
@media (hover: hover) { .nav__caret:hover { background: var(--surface-3); color: var(--ink); } }
.nav a.is-active + .nav__caret, .nav__item:has(> a.is-active) > .nav__caret { color: #fff; }
@media (hover: hover) { .nav__item:has(> a.is-active) > .nav__caret:hover { background: rgba(255, 255, 255, 0.14); } }
.nav__sub { box-shadow: inset 2px 0 0 var(--line); }
.count, .nav__sub a .count { color: var(--muted); }
.nav a.is-active .count { color: var(--rail-ink); }
.badge { color: var(--ink); background: var(--sun); }
.nav__recent a { color: var(--ink-2); font-weight: 600; }
.rail-card { border: 0; border-radius: 10px; background: var(--surface-2); color: var(--ink-2); box-shadow: inset 0 0 0 2px var(--line); }
@media (hover: hover) { .rail-card:hover { border-color: transparent; box-shadow: inset 0 0 0 2px var(--clay); } }
.rail-card__head { color: var(--ink); font-weight: 600; }
.rail-card__head .num { color: var(--accent); }
.rail-card__bar { background: var(--surface-3); }
.rail-card__bar i { background: var(--sun); }
.rail-card__text { color: var(--ink-2); }
.rail-card__data { color: var(--muted); }
.rail__foot p { color: var(--ink-2); background: var(--surface-2); border-radius: 8px; }
.lang { background: var(--surface-2); border-radius: 8px; }
.lang button { color: var(--ink-2); border-radius: 6px; font-weight: 600; }
.lang button[aria-pressed="true"] { background: var(--rail); color: #fff; }
.lang__ic { color: var(--ink-2); }
.rail__modes [aria-pressed="true"] { color: var(--accent); }
.install-btn { border: 0; background: var(--surface-2); color: var(--ink-2); font-weight: 600; box-shadow: inset 0 0 0 2px var(--line); }
@media (hover: hover) { .install-btn:hover { background: var(--surface-3); color: var(--ink); } }
:root[data-nav="collapsed"] .rail .nav__group { background: var(--line); }
@media (max-width: 859.98px) { .mbar { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); } }
@media (max-width: 859.98px) { .brand--m strong { font-weight: 600; color: var(--ink); } }
@media (max-width: 859.98px) { .tabbar { border-radius: 16px; background: var(--surface); box-shadow: 0 -2px 0 var(--line), 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); } }
@media (max-width: 859.98px) { .tabbar a { color: var(--ink-2); font-weight: 600; border-radius: 10px; } }
@media (max-width: 859.98px) { .tabbar a.is-active { color: #fff; background: var(--rail); } }
:root { --bar-h: 0px; --index-h: 0px; }
@media (max-width: 859.98px) { :root { --bar-h: calc(56px + env(safe-area-inset-top)); } }
@media (max-width: 859.98px) and (max-height: 520px) and (orientation: landscape) { :root { --bar-h: calc(44px + env(safe-area-inset-top)); } }
.btn { border: 0; border-radius: 10px; font: 800 15px var(--sans); font-weight: 600; background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
@media (hover: hover) { .btn:hover { border-color: transparent; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); } }
.btn:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.btn--primary { background: var(--go); color: #fff; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
@media (hover: hover) { .btn--primary:hover { background: var(--go-hover); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); } }
.btn--primary:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.btn:disabled, .btn[aria-disabled="true"] { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.linklike { color: var(--accent); font-weight: 600; }
:focus-visible { outline: 3px solid var(--go); outline-offset: 3px; }
.stamp { font: 800 13px var(--sans); font-weight: 600; border-width: 2px; border-radius: 8px; color: var(--accent-ink); background: var(--accent-soft); }
.stamp--inconclusive, .stamp--insufficient { color: var(--neutral); background: var(--surface-3); }
.stamp--no-trend { color: var(--neutral); background: var(--surface-3); }
.stamp--artifact { color: var(--artifact-ink); background: var(--block-stone); }
.ev__bars i { border-radius: 4px; background: var(--surface-3); }
.ev__bars i.on { background: var(--go); }
.panel, .steps a, .cta, .paper, .gauge, .strip, .audit, .metric-strip, .tbl-wrap, .board__col, .credits a, .callout-box, .test, .station, .day, .member, .empty, .facets-wrap[open] .facets, .gx-drawer, .term-pop { border-radius: var(--radius); }
.board__card, .row, .sources a, .sources--doc li > div, .near__cats a, .near__cats button, .gx-audit, .spark, .chart, .play__result, .tl-ev, .gx-kpis, .orbit__frame, .props__row, .frow, .sec-ev__list button { border-radius: 8px; }
@media (hover: hover) { .steps a:hover, .credits a:hover { box-shadow: var(--shadow-2); } }
.steps a:active, .credits a:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.steps__ic { color: var(--go); }
.steps strong { font-weight: 600; }
.chart { background: var(--surface-2); }
.chart .grid line { stroke: var(--line); }
.chart .band { fill: color-mix(in srgb, var(--series) 16%, transparent); }
.label, .doc__meta, .detail__grid dt, .folder__meta dt, .sheet__label, .member__eyebrow, .method__toc-title, .gx-sec__title { font-weight: 600; }
.featured__figure .num, .doc__figure, .ledger__fig strong, .ledger strong, .facts dd, .pair__value, .gx-drawer__figure, .yours__stat, .metric-strip dd, .gx-kpis dd, .steps-list__n { font-weight: 600; }
.h-section, .section-head h2, .block h2, .doc h2, .cta h2, .suspect h2, .day h2 { font-weight: 600; }
.lead { color: var(--ink-2); }
.block { border-radius: 16px; box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--temperature { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--water { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--vegetation { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--ice { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--stone { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.block--night { box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); color: var(--rail-hi-soft); }
.block--night .lead, .block--night .muted { color: var(--rail-ink); }
.block .theme-ink { font-weight: 600; }
.featured__chart { background: rgba(255, 255, 255, 0.7); border-radius: 10px; }
.suspect { border-radius: 16px; box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.pair__side { border-radius: 10px; background: var(--rail-2); }
@media (hover: hover) { .pair__side:hover { background: var(--rail-hover); } }
.pair__var { color: var(--glow); font-weight: 600; }
.next-card { border-radius: 16px; box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); }
@media (hover: hover) { .next-card:hover { background: var(--rail-2); } }
.next-card__label { color: var(--glow); font-weight: 600; }
.next-card__title { font-weight: 600; }
.cta { box-shadow: var(--shadow-2); }
.day { box-shadow: var(--shadow-2); }
.ledger--kinds li { border-left: 0; }
.ledger--kinds a, .ledger--kinds li:first-child a { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
@media (hover: hover) { .ledger--kinds a:hover { background: var(--surface); box-shadow: var(--shadow-2); } }
.ledger--kinds a:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.ledger__label { font-weight: 600; }
@media (max-width: 859.98px) { .ledger--kinds li { border-top: 0; } }
.folder { --stock: color-mix(in srgb, var(--tab) 18%, var(--back)); --lip: color-mix(in srgb, var(--tab) 32%, var(--back)); }
.folder__back { border-radius: 0 16px 16px 16px; box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.folder__tab { border-radius: 8px 8px 0 0; font-weight: 600; }
.folder__sheet { border-radius: 8px; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.folder:is(:hover, :focus-within) .folder__sheet { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.folder__front { border-radius: 16px; background: color-mix(in srgb, #fff 45%, var(--back)); box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.folder:is(:hover, :focus-within) .folder__front { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.folder__front .stamp { background: #fff; }
.folder__front .ev__bars i { background: color-mix(in srgb, var(--ink) 14%, transparent); }
.folder__front .ev__bars i.on { background: var(--go); }
.folder__meta { border-top: 2px dashed color-mix(in srgb, var(--ink) 16%, transparent); }
.folder h3 { font-weight: 600; }
.folder__theme { font-weight: 600; }
.folder--inconclusive .folder__sheet, .folder--inconclusive .folder__sheet:first-child { background-color: var(--sheet-flat); outline: 2px dashed color-mix(in srgb, var(--neutral) 45%, transparent); outline-offset: -2px; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.sheet__label { color: var(--ink-2); }
.kinds { border: 0; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.kinds__tab { border: 0; border-radius: 10px; font-weight: 600; color: var(--ink); }
.kinds__tab[aria-pressed="true"] { background: var(--rail); color: #fff; font-weight: 600; }
.kinds__tab[aria-pressed="true"] .ic { color: var(--glow); }
.kinds__tab[aria-pressed="true"] .kinds__n { background: rgba(255, 255, 255, 0.18); color: #fff; }
.kinds__n { font-weight: 600; }
.fgroup { border-bottom: 2px solid var(--line); }
.fgroup summary { font-weight: 600; }
.frow { font-weight: 600; }
.frow[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent-ink); font-weight: 600; }
.frow__check { color: var(--accent-ink); }
@media (min-width: 1100px) { .facets-wrap { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); } }
.shelf-pill { border: 0; border-radius: 10px; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font-weight: 600; }
@media (hover: hover) { .shelf-pill:hover { border-color: transparent; } }
.shelf-pill[aria-pressed="true"] { background: var(--rail); box-shadow: 0 1px 2px rgba(0,0,0,.35); }
.shelf-pill[aria-pressed="true"] .shelf-pill__n { background: rgba(255, 255, 255, 0.18); color: #fff; }
.opt { font-weight: 600; border-radius: 10px; }
.opt[aria-pressed="true"] { background: var(--rail); }
.search { border-radius: 10px; box-shadow: var(--shadow-1); color: var(--ink-2); }
.search:focus-within { box-shadow: var(--shadow-1), inset 0 0 0 3px var(--go); }
.search input { font-weight: 600; }
.search input::placeholder { color: var(--placeholder); }
.seg { border-radius: 10px; background: var(--surface); box-shadow: var(--shadow-1); }
.seg button, .seg a { border-radius: 8px; font-weight: 600; }
.seg button[aria-pressed="true"] { background: var(--rail); color: #fff; box-shadow: none; }
.select select { border: 0; border-radius: 10px; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font-weight: 600; }
.chip-x { border-radius: 8px; background: var(--rail); font-weight: 600; }
@media (hover: hover) { .chip-x:hover { background: var(--go); } }
.shelf-group__head { font-weight: 600; color: var(--ink); border-bottom: 0; }
.tbl th { font-weight: 600; }
.tbl--files .tbl__title a, .tbl--files .tbl__title .tbl__link, .board__card strong, .tl-ev__main strong, .tl__title { font-weight: 600; }
.board__col { background: rgba(255, 255, 255, 0.5); }
.board__card { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.tl__bar, .tl__dot { font-weight: 600; }
.tl__bar--up, .tl__dot--up { background: var(--block-rose); }
.tl__bar--down, .tl__dot--down { background: var(--block-tide); }
.spine a { font-weight: 600; border-radius: 10px; }
.spine a.is-active { background: var(--rail); color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.35); }
.spine a.is-active .num { color: var(--glow); }
.doc__place .ic, .gx-drawer__place .ic, .gx-drawer__kind .ic { color: var(--go); }
.paper { box-shadow: var(--shadow-2); }
.paper__caption { border-top: 2px dashed var(--line); }
.props { border: 0; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.props dt { font-weight: 600; }
.gauge__zone--strong { background: var(--glow); }
.doc--why.block { border-radius: 16px; }
.toc-bar { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.toc-bar a { border-radius: 8px; font-weight: 600; }
.tabs__bar { border: 0; border-radius: 10px; background: var(--surface-2); }
.tabs__bar button { border: 0; border-radius: 8px; font-weight: 600; }
.tabs__bar button[aria-selected="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.doc--appendix summary { border-radius: 16px; }
.tag-lead { border-radius: 6px; font-weight: 600; }
.tag-notnasa { border-radius: 6px; border-width: 2px; font-weight: 600; }
.facts { border: 0; }
.facts > div, .facts > div:first-child, .facts > div:nth-child(n+3) { border: 0; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.steps-list { border: 0; }
.steps-list__row { border: 0; border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.steps-list__n { border-radius: 16px; background: var(--rail); color: #fff; }
.steps-list__ic, .station__ic { color: var(--go); }
.steps-list__head h3 { font-weight: 600; }
.method__toc ol { border-left: 0; }
.method__toc ol a { border-left: 0; border-radius: 8px; font-weight: 600; }
.method__toc ol a.is-active { background: var(--rail); color: #fff; }
.method__toc ol a.is-active .num { color: var(--glow); }
.rare__dots i { border-radius: 4px; }
.member__photo { background-color: var(--block-tide); background-image: none; color: var(--down); }
.member__initials { font-weight: 600; }
.member__ph, .member__ph-label { color: var(--muted); }
.member--pending .member__photo { background-color: var(--surface-3); }
.member__name { font-weight: 600; }
.member__eyebrow--lead { border-radius: 8px; background: var(--accent-soft); color: var(--accent-ink); }
.member__eyebrow--pending { border: 0; border-radius: 8px; background: var(--surface-3); color: var(--ink-2); }
.member__roles li { border-radius: 8px; font-weight: 600; }
.gx-drawer { border-radius: 16px; box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); }
.gx-drawer__close { border-radius: 8px; }
.gx-drawer__body h2 { font-weight: 600; }
.gx-sec, .gx-fold, .gx-context, .orbit { border-top: 2px solid var(--line); }
.gx-sec h3:not(.gx-sec__title), .gx-fold__title, .gx-context summary, .orbit__title { font-weight: 600; }
.gx-sec h3:not(.gx-sec__title) .ic, .gx-fold summary > .ic:first-child, .orbit__title .ic { color: var(--go); }
.tooltip { border-radius: 8px; background: var(--rail); box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); font-weight: 600; }
.tooltip .tip-hint { color: var(--glow); }
.toast { border-radius: 10px; box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); font-weight: 600; }
.status-pill { box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); font-weight: 600; }
.ledger__fig { font-weight: 600; }
.ledger__fig strong.accent, .ledger strong.accent { color: var(--go); }
.view:focus-visible, .view:focus { outline: none; }
@media (max-width: 767.98px) { .block, .doc--why.block, .suspect, .day { border-radius: 0; } }
@media (pointer: coarse) and (max-width: 1179.98px) { .dossier { --index-h: 64px; } }
@media (pointer: coarse) and (max-width: 1099.98px) { .method--doc { --index-h: 64px; } }
.door { border-radius: 16px; }
.door > p { color: var(--ink-2); }
.door--ask { background: var(--surface); box-shadow: var(--shadow-2); }
.door--explore { background: var(--block-ice); box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.door__links a { border-radius: 10px; background: var(--surface); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); color: var(--ink); font-weight: 600; }
@media (hover: hover) { .door__links a:hover { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); } }
.door__links a:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.door__links .ic:first-child { color: var(--go); }
.builder { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.builder__seg { font-weight: 600; color: var(--ink-2); }
.builder__seg select { border-radius: 8px; border: 1px solid var(--line); background: var(--surface-2); color: var(--ink); font: 16px var(--sans); }
.builder__q { font-weight: 600; color: var(--ink); }
.builder__gap { color: var(--ink-2); font-weight: 400; }
.answer { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-2); }
.answer__t { font-weight: 600; color: var(--ink); }
.answer__src { color: var(--ink-2); }
.ask-depth__label { font-weight: 600; color: var(--ink-2); }
.hero__kicker { font-weight: 600; color: var(--ink-2); }
.door.door--ask .builder { border-radius: 0; background: transparent; }
.door.door--ask .builder__seg select { background: var(--surface-2); }
.builder__ex-t { font-weight: 600; }
.chip-q { font-weight: 600; }
.cmp__side .callout-box--caution { box-shadow: none; background: var(--surface-2); }
.callout-box--caution { box-shadow: 0 0 0 2px var(--line), var(--shadow-1); }
.callout-box--caution .ic { color: var(--ink); }
.builder__place input { border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: 16px var(--sans); }
.builder__vars { color: var(--ink-2); }
.cmp__side { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.door .builder { border-radius: 16px; background: var(--surface-2); box-shadow: none; }
.door .builder__seg select { background: var(--surface); }
.builder__ex { border-top: 1px solid var(--line); }
.builder__ex-t { font-weight: 600; color: var(--ink-2); }
.builder__ex-t .ic { color: var(--go); }
.chip-q { border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font-weight: 600; }
@media (hover: hover) { .chip-q:hover { border-color: var(--ink-2); } }
.chip-q[aria-current="true"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.xcard { border-radius: var(--radius); background: var(--surface); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); color: var(--ink); }
@media (hover: hover) { .xcard:hover { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); } }
.xcard:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.xcard__ic { color: var(--go); }
.xcard__t { font-weight: 600; }
.xcard__d { color: var(--ink-2); }
.xcard__go { font-weight: 600; color: var(--go); }
.qcard { --lip: var(--clay); border-radius: var(--radius); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); color: var(--ink); }
.qcard--temperature { background: var(--block-rose); --lip: var(--lip-rose); }
.qcard--water { background: var(--block-tide); --lip: var(--lip-tide); }
.qcard--vegetation { background: var(--block-sage); --lip: var(--lip-sage); }
@media (hover: hover) { .qcard:hover { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); } }
.qcard:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.qcard--temperature .qcard__ic { color: var(--t-temperature); }
.qcard--water .qcard__ic { color: var(--t-water); }
.qcard__q { font: 800 24px/1.12 var(--serif); font-weight: 600; }
.qcard__sub { color: var(--ink-2); }
.qcard__go { font-weight: 600; color: var(--accent-ink); }
.home-slogan { font: 800 clamp(22px, 2.6vw, 30px)/1.15 var(--serif); font-weight: 600; color: var(--ink); }
.ask-steps a, .ask-steps span[aria-current] { border-radius: 999px; background: var(--surface); color: var(--ink-2); font: 700 14px var(--sans); font-weight: 600; }
@media (hover: hover) { .ask-steps a:hover { color: var(--ink); box-shadow: var(--shadow-1); } }
.ask-steps__n { border-radius: 50%; background: var(--surface-3); font: 800 15px var(--serif); font-weight: 600; color: var(--ink); }
.ask-steps .is-done .ask-steps__n { background: var(--accent-soft); color: var(--accent-ink); }
.ask-steps .is-current span[aria-current] { background: var(--rail); color: #fff; }
.ask-steps .is-current .ask-steps__n { background: #fff; color: var(--rail); }
.ask-step__meta { font: 700 14px var(--sans); font-weight: 600; color: var(--muted); }
.ask-step h1 { outline: none; }
.ask-sci { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.clue { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); }
.clue__ic { color: var(--go); }
.clue p { color: var(--ink-2); }
.clue .clue__sci { color: var(--muted); }
.hunch { border: 0; }
.hunch legend { font: 800 22px var(--serif); font-weight: 600; color: var(--ink); }
.hunch__btn[aria-pressed="true"] { background: var(--rail); color: #fff; box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); }
.hunch__fb { color: var(--ink); }
.hunch-chip { border-radius: 8px; background: var(--block-stone); color: var(--ink); }
.hunch-chip .ic { color: var(--artifact-ink); }
.ask-verdict { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-2); }
.ask-verdict__row { border-bottom: 1px solid var(--line); }
.ask-verdict__row:last-child { border-bottom: 0; }
.ask-verdict dt { font-weight: 600; color: var(--ink); }
.ask-verdict dt .ic { color: var(--go); }
.ask-verdict dd { color: var(--ink-2); }
.block .context-tag, .context-tag { font: 700 14px var(--sans); font-weight: 600; color: var(--ink-2); }
.compare { border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow-1); color: var(--ink); }
@media (hover: hover) { .compare:hover { box-shadow: var(--shadow-2); } }
.compare__label { font: 700 14px var(--sans); font-weight: 600; color: var(--muted); }
.compare__q { font: 800 22px/1.15 var(--serif); font-weight: 600; }
.compare__arrow { color: var(--go); }
.ask-deep__demo .ic { color: var(--go); }
.guide { border-radius: var(--radius); background: var(--block-stone); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.guide__ic { color: var(--artifact-ink); }
.guide__q { font: 700 18px/1.45 var(--sans); font-weight: 600; color: var(--ink); }
.guide__a summary { font: 800 15px var(--sans); font-weight: 600; color: var(--artifact-ink); }
.guide__a p { color: var(--ink-2); }
.nav__item:has(> a.is-active) > .nav__caret { color: var(--ink-2); }
@media (hover: hover) { .nav__item:has(> a.is-active) > .nav__caret:hover { background: var(--surface-3); color: var(--ink); } }
body:has(.view--globe) .rail { box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10), 0 18px 40px rgba(0, 0, 0, 0.45); }
@media (forced-colors: active) { .nav a.is-active, .tabbar a.is-active, [aria-pressed="true"], [aria-current="step"], [aria-current="page"], [aria-selected="true"] { outline: 2px solid Highlight; outline-offset: 1px; } }
@media (forced-colors: active) { .btn, .chip-q, .door, .qcard, .rail-card, .guide, .search { border: 1px solid CanvasText; } }
.rail .nav a.is-active { color: var(--ink); background: none; box-shadow: none; font-weight: 600; }
.rail .nav a.is-active::before { border-radius: 4px; background: var(--go); }
.rail .nav a.is-active > .ic { color: var(--go); }
.rail .nav a.is-active .count { color: var(--ink-2); }
@media (hover: hover) { .rail .nav a.is-active:hover { background: var(--surface-2); color: var(--ink); } }
.welcome h1 { color: #fff; }
.welcome .lead { color: var(--rail-ink); }
.welcome__note { color: var(--rail-ink); }
.welcome__note .ic { color: var(--glow); }
.welcome__art { color: var(--rail-hi-soft); }
.tour__list { border-radius: 16px; background: var(--surface); box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
.tour__item:nth-child(odd) { box-shadow: inset -1px 0 0 var(--line); }
.tour__item:nth-child(n + 3) { border-top: 1px solid var(--line); }
.tour__ic { border-radius: 10px; background: var(--surface-2); color: var(--go); }
.tour__body p { color: var(--ink-2); }
.tour__go { font-weight: 600; color: var(--accent); }
.readguide__scale li { border-radius: 14px; background: var(--surface); }
.readguide__scale p { color: var(--ink-2); }
.readguide__rules .ic { color: var(--artifact-ink, var(--ink-2)); }
.readguide__rules p { color: var(--ink-2); }
@media (max-width: 900px) { .tour__item:nth-child(odd) { box-shadow: none; } }
@media (max-width: 900px) { .tour__item + .tour__item { border-top: 1px solid var(--line); } }
.rail .nav__item { border-radius: 10px; }
@media (hover: hover) { .rail .nav__item:has(> a:hover, > .nav__caret:hover) { background: var(--surface-2); } }
@media (hover: hover) { .rail .nav__item > a:hover, .rail .nav__item > .nav__caret:hover { background: none; } }
.btn--glow { background: var(--glow); color: var(--rail); box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font-weight: 600; }
.btn--ghost-night { background: transparent; color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.28); }
@media (hover: hover) { .btn--ghost-night:hover { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6); } }
.dash-hero h1 { color: #fff; }
.dash-hero .lead { color: var(--rail-ink); }
.badge { border-radius: 16px; background: var(--surface); color: var(--ink); box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); }
.badge__k { font-weight: 600; color: var(--ink-2); }
.badge__rank { font: 800 24px/1.15 var(--serif); font-weight: 600; }
.badge__rank .ic { color: var(--go); }
.badge__bar { border-radius: 999px; background: var(--surface-3); }
.badge__bar i { border-radius: inherit; background: var(--go); }
.badge__note { color: var(--ink-2); }
.badge__facts { border-top: 1px solid var(--line); }
.badge__facts dt { color: var(--ink-2); }
.badge__facts dd { font: 800 26px/1 var(--sans); font-weight: 600; color: var(--ink); }
.steps-path__item { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.steps-path__n { border-radius: 999px; background: var(--rail); color: #fff; font: 800 14px var(--sans); font-weight: 600; }
.steps-path__ic { color: var(--go); }
.steps-path__item p { color: var(--ink-2); }
.globe-band h2 { color: #fff; }
.globe-band .lead { color: var(--rail-ink); }
.hg__sphere { fill: #12204a; stroke: color-mix(in srgb, var(--glow) 55%, transparent); }
.hg__grat { fill: none; stroke: rgba(255, 255, 255, 0.12); }
.hg__dot { stroke: #fff; }
.verdicts__list li { font-weight: 600; color: var(--ink-2); }
.qb__step { border: 0; }
.qb__legend { font: 800 18px/1.2 var(--sans); font-weight: 600; color: var(--ink); }
.qb__n { border-radius: 999px; background: var(--rail); color: #fff; }
.qb__step.is-done .qb__n { background: var(--go); }
.qb__step.is-locked .qb__legend { color: var(--ink-2); }
.qb__step.is-locked .qb__n { background: var(--surface-3); color: var(--ink-2); }
.qb__lock { border: 2px dashed var(--line); border-radius: 10px; color: var(--ink-2); }
.qb__tile { border-radius: 10px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line), 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font: 700 16px/1.25 var(--sans); font-weight: 600; color: var(--ink); }
.qb__tick { color: var(--go); }
@media (hover: hover) { .qb__tile:hover { background: var(--surface-3); } }
.qb__tile:active { box-shadow: inset 0 0 0 1px var(--line), 0 1px 2px rgba(10,12,15,.06); }
.qb__tile:has(input:checked) { background: var(--surface); box-shadow: inset 0 0 0 2px var(--go), 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); font-weight: 600; }
.qb__tile:has(input:focus-visible) { outline: 3px solid var(--go); outline-offset: 3px; }
.qb__tile--mine { background: var(--surface); box-shadow: none; border: 2px dashed var(--clay); }
.qb__subt { font-weight: 600; color: var(--ink-2); }
.qb__out { border-radius: 16px; background: var(--rail); color: var(--rail-hi-soft); box-shadow: 0 4px 12px -2px rgba(0,0,0,.35); }
.qb__out-t { font: 800 15px/1.2 var(--sans); font-weight: 600; color: var(--rail-ink); }
.qb__out .builder__q { color: #fff; }
.qb__out .builder__gap { color: var(--rail-ink); }
.qb__todo { border-radius: 8px; background: rgba(255, 255, 255, 0.07); color: var(--rail-ink); }
.qb__note, .qb__out .builder__vars { color: var(--rail-ink); }
.qb__out .builder__vars .ic { color: var(--glow); }
.badge { border-radius: 0; background: none; box-shadow: none; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.16); }
.badge__k, .badge__note, .badge__facts dt { color: var(--rail-ink); }
.badge__rank { color: #fff; }
.badge__rank .ic { color: var(--glow); }
.badge__bar { background: rgba(255, 255, 255, 0.14); }
.badge__bar i { background: var(--glow); }
.badge__facts { border-top-color: rgba(255, 255, 255, 0.16); }
.badge__facts dd { color: #fff; }
@media (max-width: 860px) { .badge { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.16); } }
@media (max-width: 600px) { .qb__out { border-radius: 14px; } }
.nav a.nav-cta { border-radius: 10px; background: var(--go); color: #fff; font: 800 16px var(--sans); font-weight: 600; box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08); }
.nav a.nav-cta .ic { color: #fff; }
@media (hover: hover) { .nav a.nav-cta:hover { background: var(--go-hover, #3550a3); color: #fff; } }
.nav a.nav-cta:active { box-shadow: 0 1px 2px rgba(10,12,15,.06); }
.nav a.nav-cta.is-active { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08), 0 0 0 3px var(--surface), 0 0 0 5px var(--go); }
.nav__meta { font: 600 12px/1.3 var(--sans); color: var(--muted); }
.nav__mini { border-radius: 999px; background: var(--surface-3); }
.nav__mini i { border-radius: inherit; background: var(--sun); }
.nav__sep { border: 0; background: var(--line); }
.rail .nav a.nav-cta.is-active { background: var(--go); color: #fff; font-weight: 600; }
.rail .nav a.nav-cta.is-active > .ic { color: #fff; }
.rail .nav a.nav-cta.is-active { box-shadow: 0 1px 2px rgba(10,12,15,.06), 0 4px 12px -2px rgba(10,12,15,.08), inset 0 0 0 2px rgba(255, 255, 255, 0.55); }
.nav__mini { background: var(--line); }
.nav__mini i { box-shadow: inset 0 0 0 1px rgba(150, 110, 0, 0.35); }
body:has(.view--globe) { background: #0a0e1c; }
:root { --anomaly-ink: #875200; --anomaly-soft: #fff1cc; }
.stamp--anomalous { color: var(--anomaly-ink); background: var(--anomaly-soft); }
.stamp--unusual { color: var(--anomaly-ink); background: var(--surface); border-style: dashed; }
.folder.folder--seal-anomalous .folder__seal, .folder.folder--seal-unusual .folder__seal { color: var(--anomaly-ink); }
@media (forced-colors: active) { .stamp--anomalous, .stamp--unusual { color: CanvasText; } }
.lab__tabs .tabs__bar { background: var(--surface); }
.lab__tabs .tabs__bar button[aria-selected="true"] { background: var(--rail); color: #fff; box-shadow: none; }
.acc__item { border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-1); }
.acc__item > summary { border-radius: 16px; font: 700 17px/1.3 var(--sans); font-weight: 600; color: var(--ink); }
.acc__item > summary > .ic:first-child { color: var(--go); }
.acc__caret { color: var(--ink-2); }
.acc__item > summary:focus-visible { outline: 3px solid var(--go); outline-offset: 2px; }
@media (hover: hover) { .acc__item > summary:hover { background: var(--surface-2); } }
.theme { border-radius: 8px; background: var(--surface-2); }
.theme button { border: 0; border-radius: 6px; background: none; color: var(--ink-2); }
.theme button[aria-pressed="true"] { background: var(--rail); color: #fff; }
@media (hover: hover) { .theme button[aria-pressed="false"]:hover { background: var(--surface-3); color: var(--ink); } }
.theme button:focus-visible { outline: none; box-shadow: var(--ring); }
:root[data-theme="dark"] { --bg: #0a0c0f; --surface: #111419; --surface-2: #1a1e25; --surface-3: #232830; --paper: #111419; --paper-2: #1a1e25; --chip: #232830; --ink: #f5f7fa; --ink-2: #c3cad5; --ink-3: #3b4350; --muted: #98a1b0; --line: #282e37; --rail: #3b4350; --rail-2: #282e37; --rail-hover: #4a5260; --accent: #7ddcaa; --accent-ink: #8fe3b8; --accent-soft: #173d2e; --go-shadow: #1c2c5c; --clay: #050608; --clay-night: #050608; --lip-rose: #1f121a; --lip-tide: #0c1a2e; --lip-sage: #0b2019; --lip-ice: #101935; --lip-stone: #17132f; --placeholder: #98a1b0; --ghost: #98a1b0; --artifact-ink: #c7b5ff; --sheet-flat: #15191f; --block-rose: #3a2431; --block-tide: #182f4f; --block-sage: #173a2d; --block-ice: #1e2c57; --block-stone: #2a2451; --up: #ff9d8c; --down: #8dbcff; --neutral: #98a1b0; --series: #7fb0ff; --t-temperature: #ff9d8c; --t-water: #8dbcff; --t-vegetation: #7ddcaa; --anomaly-ink: #ffcf7a; --anomaly-soft: #3a2c10; scrollbar-color: #282e37 transparent; }
:root[data-theme="dark"] .block--night { background: #0d1014; box-shadow: inset 0 0 0 1px rgba(195,202,213, 0.08), 0 4px 12px -2px rgba(0,0,0,.35); }
:root[data-theme="dark"] .folder__front { background: color-mix(in srgb, var(--surface) 55%, var(--back)); box-shadow: 0 2px 4px rgba(10,12,15,.06), 0 12px 24px -6px rgba(10,12,15,.10); }
:root[data-theme="dark"] .folder__front .stamp { background: var(--surface); }
:root[data-theme="dark"] .ask-steps .is-current .ask-steps__n { background: var(--surface); color: var(--ink); }
:root[data-theme="dark"] .skip { color: var(--bg); }
.acc__body .test { background: none; box-shadow: none; border: 0; }