/* ============================================================
   SEQUENTRY · editorial layer
   Loaded after styles.css. Turns the plate-and-card design into a
   journal page: paper field, hard rules, sharp corners, a masthead
   instead of a floating nav, columns instead of floating cards.
   ============================================================ */

:root {
  --display: "Fraunces", "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --body:    "Source Serif 4", "Iowan Old Style", Georgia, serif;
  --mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius: 0px;
  --wrap: 1240px;
  --rule: 1px solid var(--line-2);
  --rule-heavy: 3px solid var(--ink);
}

html { background: var(--ground); }
body {
  background: var(--ground) !important;
  color: var(--ink);
  font-family: var(--body);
  font-feature-settings: "onum" 1, "pnum" 1, "liga" 1;
}

/* paper grain, very light */
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: url("../../ground/grain.v2.webp") repeat; opacity: .06; mix-blend-mode: multiply;
}

/* ---------- kill the dark plate / halftone / wall ---------- */
.halftone, .wall, .plate-ombre, .hero::after, .hero::before { display: none !important; }
.hero { background: var(--ground) !important; border-bottom: var(--rule-heavy); padding-top: var(--s4) !important; }
.hero .lede, .hero .body, .hero .eyebrow, .hero .btn-reason, .plate-cap, .hero .ca-label { color: var(--ink-dim) !important; }
.hero .lede a { color: var(--ink) !important; text-decoration-color: var(--signal) !important; }
.hero .eyebrow .rule { background: var(--line-2) !important; }
.hero .ca-row { background: var(--raise) !important; border: var(--rule) !important; }
.hero .btn-ghost { color: var(--ink) !important; border-color: var(--ink) !important; }
.hero .hero-cta .btn:not(.btn-solid) { background: transparent !important; }
.hero-grid { grid-template-columns: 1.15fr .85fr; gap: var(--s8); align-items: start; }
@media (max-width: 900px) { .hero-grid { grid-template-columns: 1fr; } }

/* ---------- masthead ---------- */
.nav {
  position: sticky; top: 0; z-index: 50;
  background: var(--ground); backdrop-filter: none !important;
  border-bottom: var(--rule-heavy); box-shadow: none !important;
}
.nav[data-stuck="true"] { background: var(--ground); border-bottom: var(--rule-heavy); }
.nav-in { padding: 14px 0 12px; align-items: baseline; }
.nav-mark { color: var(--ink) !important; font-family: var(--display); font-weight: 700; font-size: 22px; letter-spacing: -.01em; text-transform: none; }
.nav-mark svg { display: none; }
.nav-mark::before { content: "§"; font-family: var(--display); font-weight: 400; color: var(--signal); margin-right: 8px; }
.nav-links a { color: var(--ink-dim) !important; font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
.nav-links a:hover, .nav-links a[aria-current] { color: var(--ink) !important; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--signal); }
.nav[data-stuck="true"] .nav-links a { color: var(--ink-dim) !important; }
.nav[data-stuck="true"] .nav-mark { color: var(--ink) !important; }

/* ---------- type ---------- */
h1, .h1 { font-family: var(--display); font-weight: 600; letter-spacing: -.028em; line-height: 1.02; font-variation-settings: "opsz" 144, "SOFT" 30; }
h1 .glow { font-style: italic; font-weight: 400; color: var(--ink) !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .08em; text-decoration-color: var(--signal); }
h2 { font-family: var(--display); font-weight: 600; letter-spacing: -.02em; line-height: 1.08; }
h3, h4 { font-family: var(--display); font-weight: 600; }
.lede, .body-lg, .body, p { font-family: var(--body); }
.lede { font-size: 19px; line-height: 1.5; }
.eyebrow { font-family: var(--mono); letter-spacing: .16em; font-size: 10.5px; text-transform: uppercase; color: var(--ink-faint); }
.eyebrow > span:first-child { color: var(--signal) !important; }
.eyebrow .rule { background: var(--line-2); max-width: none; }

/* drop caps on section ledes */
.sect > .wrap > .lede:first-of-type::first-letter,
.sect .sect-lede::first-letter { font-family: var(--display); font-weight: 600; float: left; font-size: 3.4em; line-height: .8; padding: .08em .08em 0 0; color: var(--ink); }

/* ---------- sections as journal spreads ---------- */
.sect { border-top: var(--rule); padding: var(--s8) 0; background: transparent !important; }
.sect + .sect { border-top: var(--rule); }
.sect .wrap > h2:first-of-type, .sect .wrap > header h2 { margin-top: 0; }
.sect .eyebrow { padding-bottom: 10px; border-bottom: var(--rule-heavy); margin-bottom: var(--s4); }

/* ---------- cards -> ruled panels ---------- */
.card:not(.wd-stage *), .panel:not(.wd-stage *), .stat:not(.wd-stage *), .tile:not(.wd-stage *), .box:not(.wd-stage *), .sheet:not(.wd-stage *), .ledger:not(.wd-stage *), .desk-card:not(.wd-stage *), .row-card:not(.wd-stage *), .cd:not(.wd-stage *), .wd-panel:not(.wd-stage *), .pv-panel:not(.wd-stage *), .ag-card:not(.wd-stage *) {
  background: var(--raise) !important;
  border: var(--rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.card-bar:not(.wd-stage *), .panel-head:not(.wd-stage *), .cd-head:not(.wd-stage *), .wd-head:not(.wd-stage *) {
  border-bottom: var(--rule) !important; border-radius: 0 !important; background: transparent !important;
  font-family: var(--mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-faint) !important;
}
.card-bar .dot, .panel-head .dot { background: var(--signal) !important; box-shadow: none !important; border-radius: 0 !important; width: 7px; height: 7px; }
.card:hover, .panel:hover { transform: none !important; box-shadow: none !important; border-color: var(--ink) !important; }

/* grids of cards get rules between columns like newspaper columns */
.grid, .cards, .stats, .desk-grid, .tiles { gap: 0 !important; }
.grid > .card, .cards > .card, .stats > .stat, .desk-grid > .card, .tiles > .tile { border-right: none !important; border-bottom: none !important; }
.grid > .card:last-child, .cards > .card:last-child, .stats > .stat:last-child, .desk-grid > .card:last-child, .tiles > .tile:last-child { border-right: var(--rule) !important; }
.grid, .cards, .stats, .desk-grid, .tiles { border-bottom: var(--rule); }

/* ---------- buttons: ink pills -> boxed type ---------- */
.btn:not(.wd-stage *), button.btn:not(.wd-stage *), a.btn:not(.wd-stage *) {
  border-radius: 0 !important; font-family: var(--mono); font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase;
  border: 1px solid var(--ink) !important; color: var(--ink) !important; background: transparent !important; box-shadow: none !important;
  padding: 11px 16px;
}
.btn:hover:not(.wd-stage *) { transform: none !important; background: var(--ink) !important; color: var(--raise) !important; }
.btn-solid:not(.wd-stage *) { background: var(--ink) !important; color: var(--raise) !important; border-color: var(--ink) !important; }
.btn-solid:hover:not(.wd-stage *) { background: var(--signal) !important; border-color: var(--signal) !important; color: var(--raise) !important; }
.btn-ghost:not(.wd-stage *) { border-color: var(--line-2) !important; color: var(--ink-dim) !important; }
.btn-ghost:hover:not(.wd-stage *) { border-color: var(--ink) !important; }

/* ---------- pills / chips / badges ---------- */
.pill:not(.wd-stage *), .chip:not(.wd-stage *), .badge:not(.wd-stage *), .tag:not(.wd-stage *), [class*="badge-"]:not(.wd-stage *), [class*="pill-"]:not(.wd-stage *), [class*="chip-"]:not(.wd-stage *) {
  border-radius: 0 !important; font-family: var(--mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
  border: 1px solid var(--line-2) !important; background: transparent !important; box-shadow: none !important;
}

/* ---------- inputs ---------- */
input:not(.wd-stage *), select:not(.wd-stage *), textarea:not(.wd-stage *) {
  border-radius: 0 !important; background: var(--raise) !important; border: var(--rule) !important; color: var(--ink) !important; font-family: var(--mono);
}
input:focus:not(.wd-stage *), select:focus:not(.wd-stage *), textarea:focus:not(.wd-stage *) { outline: none; border-color: var(--ink) !important; box-shadow: inset 0 -2px 0 var(--signal) !important; }

/* ---------- rows / ledgers ---------- */
.rows li:not(.wd-stage *), .ledger li:not(.wd-stage *), .feed li:not(.wd-stage *), .list li:not(.wd-stage *) { border-bottom: var(--rule) !important; border-radius: 0 !important; background: transparent !important; }
.rows li:first-child, .ledger li:first-child { border-top: var(--rule-heavy); }
.rows .t, .ledger .t, .num, .mono, code, kbd, .ca, .addr { font-family: var(--mono); font-variant-numeric: tabular-nums; }
table { border-collapse: collapse; width: 100%; }
th { font-family: var(--mono); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-faint); border-bottom: var(--rule-heavy); text-align: left; padding: 8px 0; }
td { border-bottom: var(--rule); padding: 10px 0; font-variant-numeric: tabular-nums; }

/* ---------- figures / canvases get a plate border + caption ---------- */
canvas:not(.wd-stage *) { border-radius: 0 !important; }
.fig, .plate, figure { border: var(--rule); background: var(--raise); border-radius: 0 !important; box-shadow: none !important; }
figcaption, .fig-cap, .plate-cap, #wd-fig-cap { font-family: var(--mono); font-size: 10.5px; letter-spacing: .08em; color: var(--ink-faint); border-top: var(--rule); padding-top: 8px; }

/* ---------- world page chrome ---------- */

/* ---------- footer ---------- */
.foot { border-top: var(--rule-heavy); background: var(--ground) !important; }
.foot a { color: var(--ink-dim); text-decoration: underline; text-decoration-color: var(--line-2); }
.foot a:hover { color: var(--ink); text-decoration-color: var(--signal); }

/* ---------- misc: no glows, no gradients ---------- */
*, *::before, *::after { text-shadow: none !important; }
[style*="box-shadow"] { box-shadow: none !important; }
.glow-ring, .halo, .aura { display: none !important; }
hr { border: 0; border-top: var(--rule); }
::selection { background: var(--signal); color: var(--raise); }

/* ============================================================
   POLISH PASS 2 — fixes found from the rendered page
   ============================================================ */

/* the sticky masthead must not be covered: the old hero slid under the nav */
.hero { margin-top: 0 !important; padding-top: var(--s6) !important; padding-bottom: var(--s8) !important; }
.nav { position: sticky; top: 0; }

/* announcement slip: paper card with a heavy left rule, not a dark holo pill */
.col-herald {
  background: var(--raise) !important; color: var(--ink) !important; border-radius: 0 !important;
  border: 1px solid var(--line-2); border-left: 4px solid var(--signal); box-shadow: none !important;
  max-width: 620px; padding: 14px 18px !important; margin-bottom: var(--s4) !important;
}
.col-herald::before, .col-herald::after { display: none !important; }
.col-herald:hover { transform: none !important; border-color: var(--ink); border-left-color: var(--signal); box-shadow: none !important; background: #fff !important; }
.col-herald-tag { border-radius: 0 !important; background: var(--signal) !important; color: var(--raise) !important; letter-spacing: .16em; }
.col-herald-name, .col-herald-name .fizz-text { font: 600 22px/1.1 var(--display) !important; color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; background: none !important; animation: none !important; font-style: italic; }
.col-herald-sub { color: var(--ink-dim) !important; font: 400 12.5px/1.45 var(--mono) !important; }
.col-herald-go { color: var(--signal) !important; letter-spacing: .1em; text-transform: uppercase; font-size: 11px !important; }
.fizz-text { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--signal) !important; animation: none !important; }

/* the plate: larger, on a ruled sheet with a proper caption */
.hero-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) !important; align-items: stretch !important; }
.plate { min-height: 0 !important; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 !important; border: 1px solid var(--ink) !important; background: var(--raise) !important; }
.plate .bust { width: 100% !important; max-width: none !important; height: auto; display: block; margin: 0; }
.plate-cap { margin: 0 !important; padding: 10px 14px !important; border-top: 1px solid var(--ink) !important; font: 500 10.5px/1.4 var(--mono) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-dim) !important; background: var(--ground); }
.plate canvas { mix-blend-mode: multiply; opacity: .55; }

/* hero CTA row: readable, equal weight, no ghost-gray disabled look */
.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.hero .hero-cta .btn { min-height: 44px; }
.hero .hero-cta .btn[aria-disabled="true"], .hero .hero-cta .btn.is-off { opacity: 1 !important; border-style: dashed !important; color: var(--ink-faint) !important; }
.btn-reason { font: 400 12px/1.4 var(--mono) !important; color: var(--ink-faint) !important; }

/* floating "Ask the agent": paper chip, not a dark glass pill */
.hx-fab, [class*="hx-fab"]:not(.hx-fab-text):not(.hx-fab-label):not(.hx-fab-sub) {
  background: var(--raise) !important; color: var(--ink) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--ink) !important; backdrop-filter: none !important;
}
.hx-fab:hover { transform: translate(-1px, -1px); box-shadow: 5px 5px 0 var(--signal) !important; }
.hx-fab-label { font: 600 11px/1 var(--mono) !important; letter-spacing: .14em; text-transform: uppercase; color: var(--ink) !important; }
.hx-fab-sub { font: italic 400 12px/1.2 var(--display) !important; color: var(--ink-dim) !important; }
.hx-fab img, .hx-fab svg { filter: invert(1) brightness(.2); }

/* nav: tighten so 11 items never wrap, and dropdowns read as paper */
.nav-links { gap: 18px !important; }
.nav-links a { white-space: nowrap; }
.nav .menu, .nav [role="menu"], .nav-drop, .dd-panel { background: var(--raise) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; box-shadow: 6px 6px 0 rgba(27,26,23,.12) !important; }
.nav [role="menu"] a:hover, .nav-drop a:hover { background: var(--ground) !important; color: var(--ink) !important; }
.nav-links a.is-analyse, .nav-links a[href*="analyse"] { border: 1px solid var(--signal) !important; color: var(--signal) !important; border-radius: 0 !important; padding: 3px 8px; }

/* mobile */
@media (max-width: 900px) {
  .hero-grid { grid-template-columns: 1fr !important; }
  .plate { order: -1; }
  .hero { padding-top: var(--s4) !important; }
  .hero h1 { font-size: clamp(38px, 11vw, 54px) !important; }
  .col-herald { max-width: none; }
  .hx-fab { transform: scale(.92); transform-origin: left bottom; }
}

/* section rhythm: numbered running heads like a journal */
.sect { counter-increment: sect; }
.sect > .wrap > .eyebrow:first-child > span:first-child::before { content: counter(sect, upper-roman) "  ·  "; color: var(--ink-faint); }
body { counter-reset: sect; }

/* stat strips: big serif numerals, mono labels */
.stat b, .stat strong, .stat .v, .big-num { font-family: var(--display) !important; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: lining-nums tabular-nums; }

/* ============================================================
   POLISH PASS 3
   ============================================================ */
/* the old animated armillary belongs to the dark engraving; the new plate is a static figure */
.plate canvas.appa, #appa-back, #appa-front { display: none !important; }
.plate::before, .plate::after { display: none !important; }
.plate .bust { position: static !important; transform: none !important; filter: none !important; }
.plate-cap { width: 100% !important; align-self: stretch; box-sizing: border-box; text-align: left !important; position: static !important; transform: none !important; background: var(--ground) !important; }

/* floating chip lives bottom-right and never covers hero CTAs */
.hx-fab { left: auto !important; right: max(18px, env(safe-area-inset-right)) !important; bottom: max(18px, env(safe-area-inset-bottom)) !important; padding: 8px 16px 8px 8px !important; }

/* nav Follow: same weight as Connect, outlined ink */
.nav-links a[href*="x.com"], .nav-links .btn-follow, .nav .nav-x { border: 1px solid var(--ink) !important; color: var(--ink) !important; background: transparent !important; border-radius: 0 !important; padding: 9px 14px; }
.nav-links a[href*="x.com"]:hover { background: var(--ink) !important; color: var(--raise) !important; }

/* disabled CTA reads as pending, not broken */
.hero .hero-cta .btn[aria-disabled="true"] { color: var(--ink-dim) !important; border: 1px dashed var(--ink-faint) !important; }
.hero .hero-cta .btn[aria-disabled="true"]:hover { background: transparent !important; color: var(--ink-dim) !important; cursor: default; }

/* soft page edge so the ruled hero sits on a sheet */
.hero .wrap { max-width: var(--wrap); }
.hero-grid > div:first-child { padding-right: var(--s3); }

/* ---- polish 4 ---- */
.nav-in { padding-left: 4px; }
.nav-mark { padding-left: 2px; overflow: visible; }
.nav-mark::before { margin-left: 2px; }
@media (max-width: 900px) { .wrap, .nav-in { padding-left: 18px; padding-right: 18px; } .nav-mark::before { margin-left: 0; } }

/* ============================================================
   POLISH PASS 5 — from the rendered inner pages
   ============================================================ */

/* running head: roman numeral per view was always "I" (counter resets per view); drop it,
   keep the clean label + rule */
.sect > .wrap > .eyebrow:first-child > span:first-child::before { content: none !important; }

/* Follow: same weight as Connect, ink outline (was a pale disabled-looking ghost) */
.nav-links .btn, .nav-links a.btn, .nav .follow, .nav-links a[href*="x.com"] {
  border: 1px solid var(--ink) !important; color: var(--ink) !important; opacity: 1 !important; background: transparent !important;
}
.nav-links a[href*="x.com"] svg, .nav-links a[href*="x.com"] img { filter: none; opacity: 1; color: var(--ink); }
.nav-links a[href*="x.com"]:hover { background: var(--ink) !important; color: var(--raise) !important; }

/* long reading copy: use the measure, set a two-column lede beside figures instead of one narrow strip */
.sect .body-lg, .sect .lede { max-width: 62ch; }
@media (min-width: 1100px) {
  .sect > .wrap > p.body-lg, .sect > .wrap > p.lede { column-gap: 0; }
  .sect .wrap > h2 + p { margin-top: var(--s3); }
}

/* trading / desk controls: square, ruled, ink — no grey pills */
.seg button, .seg label, .tabs button, .tf button, [class*="tf-"] button, [class*="seg"] button,
.pv-tabs button, .ord-side button, .side-toggle button, .mode-toggle button {
  border-radius: 0 !important; background: transparent !important; border: 1px solid var(--line-2) !important;
  font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-dim) !important; box-shadow: none !important;
}
.seg button.on, .seg button[aria-pressed="true"], .tabs button.on, .tf button.on, [class*="seg"] button.on, .pv-tabs button.on, .ord-side button.on,
.seg button[aria-selected="true"], .tabs button[aria-selected="true"] {
  background: var(--ink) !important; color: var(--raise) !important; border-color: var(--ink) !important;
}
.seg button:hover:not(.on), .tabs button:hover:not(.on) { border-color: var(--ink) !important; color: var(--ink) !important; }
select, .sel, .dropdown-btn { border-radius: 0 !important; background: var(--raise) !important; border: 1px solid var(--line-2) !important; }

/* panels that kept radius / soft shadows */
[class*="panel"]:not(.wd-stage *), [class*="-card"]:not(.wd-stage *), [class*="-box"]:not(.wd-stage *), [class*="-pane"]:not(.wd-stage *), .terminal:not(.wd-stage *), .tr-wrap:not(.wd-stage *), .pv:not(.wd-stage *), .hl-wrap:not(.wd-stage *) {
  border-radius: 0 !important; box-shadow: none !important;
}
[class*="panel"]:not(.wd-stage *), [class*="-card"]:not(.wd-stage *), [class*="-pane"]:not(.wd-stage *) { border-color: var(--line-2); }

/* verdict rows (proof ledger): ink check + lean tag as a ruled stamp */
.badge-lean, .tag-lean, [class*="lean"] .tag { border: 1px solid var(--ink) !important; color: var(--ink) !important; font-weight: 600; }

/* chart containers: ruled frame, paper ground */
.tv-lightweight-charts, .chart, [id$="-chart"], [class*="chart-wrap"] { border: 0 !important; background: transparent !important; }

/* make long-copy sections breathe on wide screens: figure column to the right */
@media (min-width: 1100px) {
  .sect > .wrap > .lede + .lede, .sect > .wrap > .body-lg + .body-lg { margin-top: var(--s2); }
}

/* sticky chip stays out of the way of form fields on mobile */
@media (max-width: 700px) {
  .hx-fab { right: 12px !important; bottom: 12px !important; padding: 6px 12px 6px 6px !important; }
  .hx-fab-sub { display: none; }
}

/* ============================================================
   POLISH PASS 6 — the "night" editions (Roundtable, Analyse) become paper plates
   ============================================================ */
:root {
  --col-night: #f4f2ec; --col-night-2: #ece9e1; --col-ink: #1b1a17; --col-dim: #4e4b44; --col-faint: #6f6b61; --col-tile: #fbfaf7;
}
.rt, .col {
  background: var(--ground) !important; color: var(--ink) !important;
}
.rt::before, .rt::after, .col::before, .col::after, .col-aurora, .rt-table, .rt-seat-art, .holo-foil { display: none !important; }
.rt-head, .col-hero { border-bottom: var(--rule-heavy); padding-bottom: var(--s6); }
.rt h1, .rt h2, .rt h3, .col-title, .col h2, .col h3 { color: var(--ink) !important; font-family: var(--display); }
.rt h1 em, .rt h1 i, .col-title em, .col-title i, .rt-title .glow, .col-title .glow { color: var(--signal) !important; font-style: italic; }
.rt p, .rt li, .rt small, .rt dd, .col p, .col li, .col dd, .col-lede { color: var(--ink-dim) !important; }
.rt-eyebrow, .col-eyebrow { color: var(--ink-faint) !important; }
.rt [class*="card"], .rt [class*="prop"], .rt [class*="seat"], .rt [class*="thread"], .rt [class*="post"], .rt [class*="ballot"],
.col [class*="card"], .col [class*="tile"], .col [class*="stat"], .col-grid > *, .col-steps li, .col-markets > *, .col-theorems > * {
  background: var(--raise) !important; border: 1px solid var(--line-2) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ink) !important; backdrop-filter: none !important;
}
.rt button, .rt a.btn, .col button, .col a.btn, .rt-nav a, .rt-nav button {
  border-radius: 0 !important; background: transparent !important; border: 1px solid var(--ink) !important; color: var(--ink) !important;
  font-family: var(--mono); letter-spacing: .1em; text-transform: uppercase; font-size: 11px; box-shadow: none !important;
}
.rt button:hover, .col button:hover { background: var(--ink) !important; color: var(--raise) !important; }
.rt [class*="primary"], .rt .btn-solid, .col [class*="primary"], .col .btn-solid, .rt button[type="submit"] { background: var(--ink) !important; color: var(--raise) !important; }
.rt [class*="bar"] > span, .rt [class*="meter"] > span { background: var(--signal) !important; }
.rt [class*="bar"], .rt [class*="meter"] { background: var(--line-1) !important; border-radius: 0 !important; }
.rt [class*="num"], .rt b, .col b { color: var(--ink) !important; }
.rt-seat, .rt-yourseat { background: var(--raise) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; }
.col-live.on::before { background: var(--signal) !important; }

/* any remaining dark inline gradients on named night sections */
[class^="rt-"], [class*=" rt-"], [class^="col-"], [class*=" col-"] { text-shadow: none !important; }

/* ============================================================
   POLISH PASS 7
   ============================================================ */
/* "ground" layer (field.js + light-*.webp) paints a dark armillary behind Roundtable / Analyse:
   remove the whole stack; these editions sit on paper like every other page */
.gx-page, .gx-field, .gx-stage, .gx-canvas, .gx-stage::before, .gx-stage::after,
.col > .gx-page, .rt > .gx-page, .rt > .gx-page .gx-stage, .col > .gx-page .gx-stage { display: none !important; }
.rt, .col { background: var(--ground) !important; background-image: none !important; }

/* roundtable bits that kept dark glass */
.rt-btn, .rt-btn-quiet, .rt-btn-go, .rt-link { border-radius: 0 !important; box-shadow: none !important; background-image: none !important; }
.rt-btn { background: transparent !important; border: 1px solid var(--ink) !important; color: var(--ink) !important; font-family: var(--mono); letter-spacing: .1em; text-transform: uppercase; font-size: 11px; }
.rt-btn-go { background: var(--ink) !important; color: var(--raise) !important; }
.rt-btn:hover { background: var(--ink) !important; color: var(--raise) !important; }
.rt-btn-go:hover { background: var(--signal) !important; border-color: var(--signal) !important; }
.rt-opt, .rt-piece, .rt-face, .rt-empty, .rt-seat, .rt-badge, .rt-chip, .rt-bar, .rt-opt-n, .rt-post, .rt-thread, .rt-prop {
  border-radius: 0 !important; box-shadow: none !important; background-image: none !important;
}
.rt-opt, .rt-empty, .rt-seat, .rt-post, .rt-thread, .rt-prop { background: var(--raise) !important; border: 1px solid var(--line-2) !important; color: var(--ink) !important; }
.rt-opt * , .rt-post *, .rt-thread *, .rt-prop * { color: inherit; }
.rt-opt-n, .rt-badge { background: var(--signal) !important; color: var(--raise) !important; }
.rt-chip { background: transparent !important; border: 1px solid var(--line-2) !important; color: var(--ink-dim) !important; }
.rt-bar { background: var(--line-1) !important; height: 6px !important; }
.rt-intro, .rt-lede, .rt-seat-lede, .rt-sub { color: var(--ink-dim) !important; }
.rt-title { color: var(--ink) !important; -webkit-text-fill-color: var(--ink) !important; }
.rt-title .fizz-text { color: var(--signal) !important; -webkit-text-fill-color: var(--signal) !important; font-style: italic; }
.rt-jump a, .rt-jump button { background: transparent !important; border: 1px solid var(--ink) !important; color: var(--ink) !important; border-radius: 0 !important; }
.rt-jump a:hover, .rt-jump button:hover { background: var(--ink) !important; color: var(--raise) !important; }

/* launch stat chips: ruled stamps, no grey pills */
.wl-stat { background: transparent !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; color: var(--ink-dim) !important; font-family: var(--mono); box-shadow: none !important; padding: 8px 12px !important; }
.wl-stat strong { color: var(--ink) !important; }

/* launch ticker strip: paper chips */
.wl-chip, .wl-ticker a, .wl-strip a, [class*="wl-tk"], [class*="wl-coin"] { background: var(--raise) !important; border: 1px solid var(--line-2) !important; border-radius: 0 !important; box-shadow: none !important; color: var(--ink) !important; }

/* ============================================================
   POLISH PASS 8 — Analyse: the art, and the mint panel
   ============================================================ */
/* color-dodge / overlay foils were built for a night ground; on paper they blow the artwork out to white */
.holo-foil, .holo-glare { display: none !important; }
.holo { border-radius: 0 !important; border: 1px solid var(--ink); box-shadow: 6px 6px 0 var(--ink) !important; background: var(--raise); }
.holo img { mix-blend-mode: normal !important; filter: none !important; }
.holo-badge { border-radius: 0 !important; background: var(--signal) !important; color: var(--raise) !important; box-shadow: none !important; }
.col-show-cap b { color: var(--ink) !important; }
.col-show-cap span { color: var(--ink-faint) !important; }
.col-dots button, .col-dots img { border-radius: 0 !important; }

/* the mint panel: a ruled sheet, not a grey slab */
.col-mint {
  background: var(--raise) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important;
  backdrop-filter: none !important; box-shadow: 6px 6px 0 var(--line-2) !important; color: var(--ink) !important;
}
.col-mint, .col-mint * { text-shadow: none !important; }
.col-mint-head h2 { color: var(--ink) !important; }
.col-live { color: var(--ink-dim) !important; }
.col-live.on::before { background: var(--signal) !important; box-shadow: none !important; }
.col-meter { background: var(--line-1) !important; border-radius: 0 !important; height: 8px !important; border: 1px solid var(--line-2); }
.col-meter > span:first-child { background: var(--signal) !important; border-radius: 0 !important; animation: none !important; }
.col-meter-fizz { display: none !important; }
.col-stats { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line-2); padding: 12px 0; }
.col-stats dt { color: var(--ink-faint) !important; }
.col-stats dd, .col-stats dd b { color: var(--ink) !important; }
.col-stats dd small { color: var(--ink-dim) !important; }
.col-qty output { color: var(--ink) !important; }
.col-qty button, .col-pack button, .col-pack [role="radio"], [class*="col-q"] button {
  background: transparent !important; color: var(--ink) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important;
}
.col-qty button:hover, .col-pack button:hover, .col-pack [aria-checked="true"], .col-pack .on { background: var(--ink) !important; color: var(--raise) !important; }
.col-mint [class*="note"], .col-mint [class*="sum"], .col-mint [class*="line"], .col-mint p, .col-mint small, .col-mint label, .col-mint li {
  color: var(--ink-dim) !important;
}
.col-mint a { color: var(--ink) !important; text-decoration-color: var(--signal); }
.col-go, .col-mint .btn-solid, .col-mint [class*="mint-btn"] {
  background: var(--ink) !important; color: var(--raise) !important; border: 1px solid var(--ink) !important; border-radius: 0 !important; box-shadow: none !important; background-image: none !important; animation: none !important;
}
.col-go::after, .col-go::before { display: none !important; }
.col-go:hover { background: var(--signal) !important; border-color: var(--signal) !important; }
.col-go[disabled], .col-go[aria-disabled="true"] { background: transparent !important; color: var(--ink-faint) !important; border: 1px dashed var(--ink-faint) !important; }
.col-title .fizz-text { filter: none !important; }

/* ============================================================
   POLISH PASS 9 - the ground is paper everywhere
   ============================================================ */
:root { color-scheme: light; }
a { color: var(--ink); text-decoration-color: var(--signal); text-underline-offset: 3px; }
a:hover { color: var(--signal-lo); }
a:visited { color: var(--ink-dim); }
.cli-state, .cli-rule, .cli-note { color: var(--ink-dim) !important; }
.cli-state a, .cli-rule a, .cli-note a, p a, li a, dd a, td a, small a { color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--signal); }
.cli-state code, .cli-rule code, code { background: rgba(27,26,23,.06); color: var(--ink); border-radius: 0; padding: 1px 5px; }
.cli-state code, .cli-rule code { color: var(--signal-lo); }

/* ---- pass 10: the "ground" legibility underlay was a navy plate for a night ground; on paper cards are raised paper ---- */
.col.gx-on .col-mint, .rt.gx-on .rt-seat,
.col.gx-on :is(.col-step, .col-quick button, .col-steps li, .col-empty, .col-market, .col-theorems li, .col-factlist li),
.rt.gx-on :is(.rt-empty, .rt-opt, .rt-none, .rt-vlist li, .rt-card, .rt-compose, .rt-cta, .rt-op, .rt-reply, .rt-rec, .rt-how li, .rt-jump button, .rt-btn-quiet, .rt-tabs, .rt-chip),
.rt-reply, .rt-reply.is-agent {
  background-color: var(--raise) !important; background-image: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  box-shadow: none !important; border: 1px solid var(--line-2); border-radius: 0 !important; color: var(--ink) !important;
}
.rt-reply.is-agent { border-left: 3px solid var(--signal); }
.rt-reply *, .rt-seat *, .col-mint * { text-shadow: none !important; }
.rt-text, .rt-reply-main, .rt-reply b, .rt-reply span, .rt-reply time, .rt-replies-n, .rt-addr, .rt-tok { color: var(--ink) !important; }
.rt-reply time, .rt-addr, .rt-tok { color: var(--ink-dim) !important; }
.rt-link, .rt-link:hover { color: var(--ink) !important; text-decoration: underline; text-decoration-color: var(--signal); background: none !important; border: 0 !important; }
.rt-replies-n { color: var(--signal-lo) !important; background: transparent !important; }
a.rt-replies-n, .col-live a, .col-legend a { color: var(--ink) !important; }

/* ---- pass 11: hardcoded pale type that survived on paper ---- */
.rt-brief-k, .rt-brief dt, .agh-row-time, .agh-dim, .agh-card-kicker, .agh-meter-words { color: var(--ink-faint) !important; }
#view-aggregator, #view-aggregator * { text-shadow: none !important; }
#view-aggregator { background: var(--ground) !important; background-image: none !important; }
#view-aggregator .agh-row-usd, #view-aggregator h2, #view-aggregator h3, #view-aggregator b { color: var(--ink) !important; }
#view-aggregator .agh-hero { background: var(--ground) !important; }
#view-aggregator .agh-hero::before, #view-aggregator .agh-hero::after, #view-aggregator .agh-tape::before, #view-aggregator .agh-tape::after { display: none !important; }
.agh-row, .agh-card, .agh-tape { border-radius: 0 !important; box-shadow: none !important; }

/* ---- pass 12 ---- */
.mind { background: var(--ground) !important; background-image: none !important; }
.mind::before, .mind::after, .mind-stage::before, .mind-stage::after { display: none !important; }
.plate-cap, .wdb-v, .wdb-s, .fd-plate-cap, .cd-why-none, span.dim { color: var(--ink-faint) !important; }
.wd-stage .plate-cap { color: #fbfaf7 !important; background: rgba(27, 26, 23, .72); padding: 3px 10px; }   /* it sits over the 3D scene, so it keeps light-on-dark */
.omt-glyph { color: var(--ink) !important; }

/* ---- pass 13: aggregator hero. The plate is a dark night-sky illustration; on paper the hero is typography, and the plate
   becomes a framed figure beside the words instead of a ground behind them ---- */
#view-aggregator .agh-hero { background: var(--ground) !important; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--s6); align-items: center; min-height: 0 !important; padding: var(--s8) 0 !important; border-bottom: var(--rule-heavy); }
#view-aggregator .agh-hero::before { display: none !important; }
#view-aggregator .agh-hero-in { grid-column: 1; }
#view-aggregator .agh-plate { grid-column: 2; grid-row: 1; position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; aspect-ratio: 3 / 2; border: 1px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); overflow: hidden; background: #0a1230; }
#view-aggregator .agh-plate img { width: 100%; height: 100%; object-fit: cover; filter: none !important; opacity: 1 !important; transform: none !important; }
#view-aggregator .agh-field, #view-aggregator .agh-labels { display: none !important; }
#view-aggregator .agh-hero h2 { color: var(--ink) !important; max-width: 18ch; }
#view-aggregator .agh-hero .lede { color: var(--ink-dim) !important; }
@media (max-width: 900px) { #view-aggregator .agh-hero { grid-template-columns: 1fr; } #view-aggregator .agh-plate { grid-column: 1; grid-row: 2; } }

/* ---- pass 14: aggregator hero spacing (the hero was pulled under the old transparent nav and sized for a full-bleed plate) ---- */
#view-aggregator .agh-hero { margin-top: 0 !important; padding: var(--s8) var(--gutter) var(--s8) !important; max-width: var(--wrap); margin-left: auto !important; margin-right: auto !important; width: 100%; box-sizing: border-box; overflow: visible !important; }
#view-aggregator .agh-hero-in { padding: 0 !important; max-width: none !important; }
#view-aggregator .agh-hero-in.wrap { margin: 0 !important; }
#view-aggregator .agh-plate { align-self: center; margin: 0; }
#view-aggregator .agh-grain { display: none !important; }
#view-aggregator .agh-hero .eyebrow { margin-top: 0; }
@media (max-width: 900px) { #view-aggregator .agh-hero { padding-top: var(--s4) !important; } #view-aggregator .agh-plate { box-shadow: 4px 4px 0 var(--ink); } }

/* ---- pass 15 ---- */
#view-aggregator .agh-plate { align-self: start; margin-top: var(--s8); }
@media (max-width: 700px) {
  /* the chip is a round button on phones: it must not sit on top of the cards */
  .hx-fab { width: 52px; height: 52px; padding: 0 !important; border-radius: 0; justify-content: center; right: 12px !important; bottom: 12px !important; box-shadow: 3px 3px 0 var(--ink) !important; }
  .hx-fab-text { display: none !important; }
  body { padding-bottom: 72px; }
}

/* ---- pass 16: the World stage is a night scene by design; its HUD stays dark glass with light type.
   The paper treatment ends at the stage edge. ---- */
.wd-stage .wd-panel, .wd-stage .wd-realm, .wd-stage .wd-drawer, .wd-stage .wd-bar, .wd-stage .wd-strip { border-radius: 0 !important; box-shadow: none !important; }
.wd-stage { background: #1b1a17 !important; }
.wd-stage .plate-cap { color: #fbfaf7 !important; }

/* ---- pass 17 ---- */
@media (max-width: 700px) {
  .eyebrow { flex-wrap: wrap; gap: 4px 10px; }
  .eyebrow .rule { flex: 1 1 24px; min-width: 24px; }
  .hx-fab { bottom: 12px !important; right: 12px !important; opacity: .96; }
  .wl-stats { padding-right: 64px; }   /* keep the last stat chip clear of the floating button */
}

/* the World hero IS the stage: it starts right under the bar. (.hero gets editorial padding above; that padded the island.) */
.hero.hero-world, .hero-world { padding: 0 !important; margin: 0 !important; border-bottom: 0 !important; background: transparent !important; }