:root { --ground:#EEEBE1; --ink:#0E1410; --ink-2:#2B342D; --muted:#5A645B; --line:#D6D0BF; --estimated:#855607; --confirmed:#4C6B57;
    --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,Consolas,monospace; color-scheme: light; }
  @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ground:#0A0A0A; --ink:#EDEDEA; --ink-2:#C9C9C4; --muted:#9A9A95; --line:#222; --estimated:#E0A43A; --confirmed:#7C9A86; color-scheme: dark; } }
  :root[data-theme="dark"] { --ground:#0A0A0A; --ink:#EDEDEA; --ink-2:#C9C9C4; --muted:#9A9A95; --line:#222; --estimated:#E0A43A; --confirmed:#7C9A86; color-scheme: dark; }
  html, body { background: var(--ground); color: var(--ink); }
  body { font-family: var(--sans); font-size: 15px; line-height: 1.6; padding-inline: clamp(16px, 4vw, 40px); padding-block: 36px 72px; -webkit-font-smoothing: antialiased; }
  .wrap { max-width: 1100px; margin: 0 auto; display: grid; gap: 22px; }
  .eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
  h1 { font-weight: 500; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.08; letter-spacing: -.03em; margin: 6px 0 0; text-wrap: balance; }
  .lede { color: var(--muted); margin: 0; max-width: 70ch; }
  .stage { position: relative; background: #050505; border-radius: 16px; overflow: hidden; }
  canvas { display: block; width: 100%; aspect-ratio: 16 / 9; max-width: 100%; touch-action: pan-y; cursor: grab; }
  canvas:active { cursor: grabbing; }
  .hint { position: absolute; left: 14px; bottom: 12px; font-family: var(--mono); font-size: 10px; color: #8A8A85; pointer-events: none; }
  .views { position: absolute; right: 12px; bottom: 10px; display: flex; gap: 6px; }
  .views button { font-family: var(--mono); font-size: 11px; color: #EDEDEA; background: rgba(255,255,255,.06); border: 1px solid #2A2A2A; border-radius: 999px; padding: 6px 12px; cursor: pointer; }
  .views button[aria-pressed="true"] { background: #EDEDEA; color: #0A0A0A; }
  .views button:focus-visible { outline: 2px solid #7C9A86; outline-offset: 2px; }
  .nogl { position: absolute; inset: 0; display: grid; place-items: center; color: #9A9A95; font-family: var(--mono); font-size: 12px; }
  .cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
  @media (max-width: 820px) { .cols { grid-template-columns: 1fr; } }
  h2 { font-weight: 500; font-size: 15px; margin: 0 0 8px; padding-bottom: 10px; border-bottom: 1px solid var(--ink); }
  dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); margin: 0; }
  dt, dd { margin: 0; padding-block: 7px; border-bottom: 1px solid var(--line); }
  dt { font-family: var(--mono); font-size: 11px; color: var(--muted); padding-right: 18px; }
  dd { font-size: 13.5px; color: var(--ink-2); }
  .table-wrap { overflow-x: auto; }
  table { border-collapse: collapse; font-family: var(--mono); font-size: 12.5px; font-variant-numeric: tabular-nums; width: 100%; }
  th, td { text-align: left; padding: 7px 14px 7px 0; border-bottom: 1px solid var(--line); white-space: nowrap; }
  th { color: var(--muted); font-weight: 500; }
  td.neg { color: var(--estimated); }
  .src { font-family: var(--mono); font-size: 11px; color: var(--muted); margin: 0; }
.src.spaced { margin-top: 10px; }