/* TVA · LIGHT (2026-09-24).
   Source: Figma XS142d80ol4l3feNSSz56M, section 706:28412 "A1 · TVA · LIGHT",
   read with use_figma and get_design_context, not eyeballed. Every value
   below is a measured fill, stroke, font or size from frame 595:8607
   (Compare · TVA · Light). Loaded LAST so it wins over codex-skin.css, whose
   greyscale palette is what made the site look nothing like this frame.

   Palette as measured:
     ground     #fffefb   frame fill
     card       #ffffff   venue card, band, board
     tab        #f7efe4   card header strip, table head
     rule       #ede4d8   inner hairlines
     edge       #e6be9c   card and control borders
     ink        #1a1410   figures, names
     ink2       #4a4038   sentences
     body       #6b5f55   card captions
     ink3       #8a7f74   labels, idle tabs
     orange     #e07a2e   chips, brackets, bars, active tab
     orange-d   #a9521a
     green      #3fa77a / #2e8b57   traded, live
   Type: Geist Mono (figures, chips), Inter (sentences), Geist (wordmark, tabs).

   Selectors carry a long :root chain because density.css and instrument.css
   already sit at (0,8,2) with !important. instrument.css is not edited. */

:root, :root:root, :root:root:root {
  --tva-or:   #e07a2e;
  --tva-or-d: #a9521a;
  --tva-edge: #e6be9c;
  --tva-rule: #ede4d8;
  --tva-tab:  #f7efe4;
  --tva-body: #6b5f55;

  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --mn-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --sans: Inter, system-ui, -apple-system, sans-serif;
  --geist: Geist, Inter, system-ui, sans-serif;

  --bg: #fffefb;  --s1: #fffdf9;  --s2: #f7efe4;
  --s-0: #ffffff; --s-1: #fffdf9; --s-2: #f7efe4; --s-3: #ede4d8; --s-4: #e6be9c;
  --panel: #ffffff; --rail: #fffdf9; --pop: #ffffff;
  --glass: rgba(255, 254, 251, .92); --glass-solid: #fffefb;
  --glass-edge: #e6be9c; --glass-line: #ede4d8;

  --ink: #1a1410; --ink2: #4a4038; --ink3: #8a7f74; --empty: #8a7f74;
  --v1: #1a1410; --v2: #4a4038; --v3: #6b5f55; --v4: #8a7f74; --v5: #b9afa4;

  --line: #ede4d8; --line2: #e6be9c; --line-2: #ede4d8; --line-strong: #e6be9c;
  --edge-1: #e6be9c; --edge-2: #ede4d8;

  --accent: #e07a2e; --accent-ink: #a9521a; --brand: #e07a2e; --brand-fill: #e07a2e;
  --on-brand: #ffffff; --focus: #e07a2e;
  --mint: #e07a2e; --mint2: #a9521a;
  --live: #2e8b57; --live2: #3fa77a;
  --pos: #3fa77a; --good: #3fa77a; --good-ink: #2e8b57;
  --neg: #b42318; --bad: #b42318;
  --mid: #8a7f74; --warn: #8a7f74; --warn-ink: #6b5f55;
  --hover-wash: rgba(224, 122, 46, .06);
  --flash: rgba(224, 122, 46, .10);
  /* 120px page edge at the 1440 design width: (1440 - 1300)/2 + 50 = 120,
     content 1200 wide — the gutter every TVA frame is drawn to. */
  --gutter: clamp(20px, 4vw, 50px);
  --q1: #fffdf9; --q2: #f7efe4; --q3: #ede4d8; --q4: #e6be9c; --q5: #e07a2e;
  --mint-txt: #a9521a; --mint-dim2: #6b5f55;
  --mint-line: rgba(224,122,46,.35); --mint-fill: rgba(224,122,46,.10); --mint-wash: rgba(224,122,46,.05);
  --jade-txt: #2e8b57; --jade-dim: #3fa77a;
  --jade-line: rgba(63,167,122,.40); --jade-fill: rgba(63,167,122,.08); --jade-wash: rgba(63,167,122,.04);
  color-scheme: light;
}

/* ── ground: the 40px drafting grid, orange at 9% ─────────────────────── */
:root:root:root:root:root:root:root:root body {
  background-color: #fffefb !important;
  background-image:
    linear-gradient(rgba(224,122,46,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(224,122,46,.09) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
  background-position: 16px 22px !important;
  color: var(--ink);
}
/* paper.css paints a radial wash on body::before that hid the grid. */
:root:root:root:root:root:root:root:root body::before { background: none !important; }

/* ── page registration marks: 22x4 + 4x22 orange, 13px in ─────────────── */
:root:root:root:root:root:root:root:root body::after {
  content: "" !important;
  position: fixed !important; inset: 13px !important; z-index: 90 !important;
  pointer-events: none !important;
  display: block !important;
  background:
    linear-gradient(#e07a2e, #e07a2e) left top / 22px 4px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left top / 4px 22px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right top / 22px 4px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right top / 4px 22px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left bottom / 22px 4px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left bottom / 4px 22px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right bottom / 22px 4px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right bottom / 4px 22px no-repeat !important;
}

/* ── masthead ──────────────────────────────────────────────────────────── */
:root:root:root:root:root:root:root:root body header.top {
  position: relative;
  background: #fffefb !important;
  border-bottom: 1px solid #e07a2e !important;
  box-shadow: none !important;
  margin-bottom: 26px !important;
}
:root:root:root:root:root:root:root:root body header.top h1 {
  font-family: var(--geist) !important;
  font-size: 22px !important; font-weight: 500 !important;
  letter-spacing: -0.44px !important; color: #1a1410 !important;
}
/* The tagline is the ticker strip under the masthead: orange at 8%, 26px. */
:root:root:root:root:root:root:root:root body header.top .tag {
  position: absolute !important;
  left: 0 !important; right: 0 !important; top: 100% !important;
  height: 26px !important; margin: 0 !important;
  display: flex !important; align-items: center !important;
  padding: 0 24px !important;
  background: rgba(224,122,46,.08) !important;
  border-bottom: 1px solid #e6be9c !important;
  font-family: var(--mono) !important;
  font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: 1.47px !important; text-transform: uppercase !important;
  color: #e07a2e !important; white-space: nowrap;
}

/* tabs: "[n] Label", idle #8a7f74, active filled orange, bracketed */
:root:root:root:root:root:root:root:root body nav.rail .rl-item {
  height: 28px !important; padding: 0 10px !important;
  display: inline-flex !important; align-items: center !important; gap: 5px !important;
  border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  color: #8a7f74 !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item .rl-l {
  font-family: var(--geist) !important; font-size: 13.5px !important;
  font-weight: 400 !important; letter-spacing: 0 !important; color: inherit !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item .rl-n {
  font-family: var(--mono) !important; font-size: 10px !important;
  font-weight: 400 !important; color: inherit !important; opacity: 1 !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item:hover { color: #1a1410 !important; }
/* The active pill carries no bars and no extra margin — the mock's tab
   positions are identical across frames, so activation must not move the
   row. The two vertical bars are STATIC separators framing the first tab
   (drawn below), not active-state flanks. */
:root:root:root:root:root:root:root:root body nav.rail .rl-item[aria-current="page"],
:root:root:root:root:root:root:root:root body nav.rail .rl-item.on {
  background: #e07a2e !important; color: #ffffff !important;
  box-shadow: none !important;
  margin: 0 !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item::after,
:root:root:root:root:root:root:root:root body nav.rail .rl-item::before { display: none !important; }
:root:root:root:root:root:root:root:root body .rl-new {
  background: transparent !important; color: #e07a2e !important;
  border: 1px solid #e07a2e !important; border-radius: 0 !important;
  font-family: var(--mono) !important; font-size: 8.5px !important; font-weight: 700 !important;
  padding: 2px 6px !important; letter-spacing: .4px !important;
}

/* ── panels: flat, edge #e6be9c ───────────────────────────────────────── */
:root:root:root:root:root:root:root:root body section.panel {
  background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}

/* ── COMPARE · the On-request pricing cell (595:8607) ─────────────────────
   One line + the method mark: "On request ⓘ". gap.css re-shows the six state
   sub-lines with !important; this frame drops ONLY pr-req's "indicative" —
   the other states (no live offer, not published…) keep theirs. */
:root:root:root:root:root:root:root:root body .sc-c.pr-req > i,
:root:root:root:root:root:root:root:root body .sc-c.pr-req .sc-b > i { display: none !important; }

/* ── COMPARE · the band (689:28381) ───────────────────────────────────── */
:root:root:root:root:root:root:root:root body .cb-band {
  background: #ffffff !important;
  border: 1px solid #e6be9c !important; border-radius: 10px !important;
  padding: 22px 24px !important; box-shadow: none !important;
}
/* orange label chips: Geist Mono Medium 11, 5% tracking, white on orange */
:root:root:root:root:root:root:root:root body .cb-band .cb-eyebrow,
:root:root:root:root:root:root:root:root body .cb-reset {
  display: inline-block !important;
  background: #e07a2e !important; color: #ffffff !important;
  padding: 3px 6px !important; border: 0 !important; border-radius: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important;
  font-weight: 500 !important; letter-spacing: .55px !important;
  text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .cb-band-say {
  font-family: var(--sans) !important; font-size: 15px !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .cb-ax-v {
  font-family: var(--mono) !important; font-size: 15px !important;
  font-weight: 400 !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .cb-hist i { background: rgba(224,122,46,.75) !important; }
:root:root:root:root:root:root:root:root body .cb-hist i[data-on="0"] { background: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .cb-line { background: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .cb-sel { background: #e07a2e !important; height: 2px !important; }
/* handles are the bracket ends of the rail, not round knobs */
:root:root:root:root:root:root:root:root body .cb-h::-webkit-slider-thumb {
  width: 4px !important; height: 22px !important; border-radius: 0 !important;
  background: #e07a2e !important; border: 0 !important; margin-top: 3px !important;
}
:root:root:root:root:root:root:root:root body .cb-h::-moz-range-thumb {
  width: 4px !important; height: 22px !important; border-radius: 0 !important;
  background: #e07a2e !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .cb-ax-e i {
  font-family: var(--mono) !important; font-size: 10px !important; color: #8a7f74 !important;
}

/* ── COMPARE · venue grid (662:13336) ─────────────────────────────────── */
:root:root:root:root:root:root:root:root body .cb-vhead .cb-eyebrow {
  font-family: var(--sans) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .66px !important; text-transform: uppercase !important; color: #8a7f74 !important;
  background: none !important; padding: 0 !important;
}
:root:root:root:root:root:root:root:root body .cb-vhead-n {
  font-family: var(--sans) !important; font-size: 11px !important; color: #8a7f74 !important;
  letter-spacing: 0 !important; margin-left: 100px;
}
:root:root:root:root:root:root:root:root body .cb-vgrid {
  gap: 16px !important; counter-reset: tva-v;
}
:root:root:root:root:root:root:root:root body .cb-v {
  counter-increment: tva-v;
  position: relative !important;
  gap: 0 !important; padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e6be9c !important; border-radius: 0 !important;
  box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .cb-v[data-lists="0"] { background: #fffdf9 !important; }
/* the venue-card hover (Venue grid · TVA 662:13214, Hover=<venue> variants):
   the card stretches into its row (320 vs 277), washes #fff4ea, steps the
   border to the accent, glows, and takes the CRT scanline film (tva-glow,
   1px lines every 3px at 7% x 85%). Smart-animate 250ms ease-out, and the
   same on the way back. Not-listed cards hold still: nothing was measured,
   nothing lights up. */
@property --cb-scan { syntax: "<color>"; inherits: false; initial-value: rgba(107,74,46,0); }
:root:root:root:root:root:root:root:root body .cb-v {
  --cb-scan: rgba(107,74,46,0);
  background:
    repeating-linear-gradient(to bottom, var(--cb-scan) 0 1px, transparent 1px 3px),
    #ffffff !important;
  transition: flex-grow .25s ease-out, background-color .25s ease-out,
    border-color .25s ease-out, box-shadow .25s ease-out, --cb-scan .25s ease-out;
}
:root:root:root:root:root:root:root:root body .cb-v[data-lists="1"]:hover {
  flex-grow: 1.155;
  --cb-scan: rgba(107,74,46,.06);
  background-color: #fff4ea !important;
  border-color: #e07a2e !important;
  box-shadow:
    0 0 36px 2px rgba(224,122,46,.22),
    0 8px 18px -4px rgba(224,122,46,.13),
    inset 0 0 24px rgba(224,122,46,.08) !important;
}
:root:root:root:root:root:root:root:root body .cb-v[data-lists="1"]:hover .cb-v-h { background: rgba(224,122,46,.12) !important; }
:root:root:root:root:root:root:root:root body .cb-vr { gap: 16px !important; }
@media (prefers-reduced-motion: reduce) {
  :root:root:root:root:root:root:root:root body .cb-v[data-lists="1"]:hover { flex-grow: 1; }
}
/* the orange L-ticks, top left and bottom right */
:root:root:root:root:root:root:root:root body .cb-v::before,
:root:root:root:root:root:root:root:root body .cb-v::after {
  content: ""; position: absolute; width: 6px; height: 6px; pointer-events: none;
}
:root:root:root:root:root:root:root:root body .cb-v::before {
  left: -2px; top: -2px; border-top: 2px solid #e07a2e; border-left: 2px solid #e07a2e;
}
:root:root:root:root:root:root:root:root body .cb-v::after {
  right: -2px; bottom: -2px; border-bottom: 2px solid #e07a2e; border-right: 2px solid #e07a2e;
}
/* the tab strip: #f7efe4, 41px, name + [NN] */
:root:root:root:root:root:root:root:root body .cb-v-h {
  height: 41px !important; box-sizing: border-box !important;
  padding: 10px 16px !important; gap: 8px !important;
  background: #f7efe4 !important; border-bottom: 1px solid #e6be9c !important;
}
:root:root:root:root:root:root:root:root body .cb-v-h::after {
  content: "[" counter(tva-v, decimal-leading-zero) "]";
  margin-left: auto;
  font-family: var(--mono); font-size: 11px; font-weight: 500; color: #e07a2e;
}
:root:root:root:root:root:root:root:root body .cb-v-mk svg,
:root:root:root:root:root:root:root:root body .cb-v-mk img { width: 20px !important; height: 20px !important; border-radius: 10px; }
:root:root:root:root:root:root:root:root body .cb-v-n {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .6px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .cb-v > :not(.cb-v-h) { margin-left: 20px !important; margin-right: 20px !important; }
:root:root:root:root:root:root:root:root body .cb-v-fig { padding-top: 16px !important; }
:root:root:root:root:root:root:root:root body .cb-v-c {
  font-family: var(--mono) !important; font-size: 26px !important; font-weight: 500 !important;
  line-height: 34px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .cb-v-u {
  font-family: var(--sans) !important; font-size: 12px !important; color: #6b5f55 !important;
  margin-top: 10px !important;
}
:root:root:root:root:root:root:root:root body .cb-v-sp {
  height: 40px !important; margin-top: 10px !important; gap: 2px !important;
  border-bottom: 1px solid #e6be9c !important;
}
:root:root:root:root:root:root:root:root body .cb-v-sp i { background: rgba(224,122,46,.30) !important; }
:root:root:root:root:root:root:root:root body .cb-v-sp i[data-top="1"],
:root:root:root:root:root:root:root:root body .cb-v-sp i:is([style*="100%"]) { background: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .cb-v-sp[data-on="0"] i { background: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .cb-v-firm {
  margin-top: 10px !important; padding: 4px 0 10px !important; gap: 12px !important;
  border-bottom: 1px dashed #e6be9c !important;
}
:root:root:root:root:root:root:root:root body .cb-bar { flex-basis: 72px !important; height: 5px !important; background: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .cb-bar > span { background: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .cb-v-firm i,
:root:root:root:root:root:root:root:root body .cb-v-see i {
  font-family: var(--sans) !important; font-size: 12px !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .cb-v-firm[data-kind="rfq"] .cb-bar { display: none !important; }
:root:root:root:root:root:root:root:root body .cb-v-firm[data-kind="rfq"] i { margin-left: auto; margin-right: auto; }
:root:root:root:root:root:root:root:root body .cb-v-firm[data-kind="unread"] .cb-bar {
  background: repeating-linear-gradient(135deg, #8a7f74 0 1px, transparent 1px 4px) !important;
}
:root:root:root:root:root:root:root:root body .cb-v-see {
  border-top: 0 !important; padding: 10px 0 16px !important; gap: 10px !important;
}
:root:root:root:root:root:root:root:root body .cb-v-see::before { flex-basis: 14px !important; height: 8px !important; }
:root:root:root:root:root:root:root:root body .cb-v-see[data-kind="traded"]::before { background: #3fa77a !important; }
:root:root:root:root:root:root:root:root body .cb-v-see[data-kind="traded"] i { color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .cb-v-see[data-kind="unread"]::before {
  background: repeating-linear-gradient(135deg, #8a7f74 0 1px, transparent 1px 3px) !important;
  outline: 1px solid #b9afa4 !important;
}
:root:root:root:root:root:root:root:root body .cb-foot,
:root:root:root:root:root:root:root:root body .cb-scope {
  font-family: var(--sans) !important; font-size: 12px !important; color: #6b5f55 !important;
}

/* ── footer (595:9022 logo cell, 595:9024 row count) ─────────────────── */
:root:root:root:root:root:root:root:root body .foot-bar {
  background: transparent !important; border-top: 0 !important;
}
:root:root:root:root:root:root:root:root body .foot-bar #tr-rows {
  font-family: var(--mono) !important; font-size: 22px !important; font-weight: 600 !important;
  color: #e07a2e !important; letter-spacing: -0.22px !important;
}
:root:root:root:root:root:root:root:root body .foot-bar .byline {
  background: rgba(224,122,46,.10) !important; border-left: 1px solid rgba(224,122,46,.70) !important;
  padding: 14px 20px !important;
}
:root:root:root:root:root:root:root:root body .foot-bar .linkish,
:root:root:root:root:root:root:root:root body .foot-bar a {
  font-family: var(--geist) !important; font-size: 13px !important; color: #4a4038 !important;
  text-decoration: none !important; border-bottom: 1px solid #b9afa4 !important;
}

/* ── pass 2 ────────────────────────────────────────────────────────────
   The paper sheet (#pp-sheet, paper.js) draws construction strokes across
   the page. The TVA frame has a ruled grid instead and no strokes, so the
   sheet is hidden here, not removed. */
:root:root:root:root:root:root:root:root body #pp-sheet { display: none !important; }
/* tabs sit on the masthead's centre line (595:8979, y 30 to 58 of a 72px bar) */
:root:root:root:root:root:root:root:root body header.top nav.rail {
  display: flex !important; align-items: center !important; align-self: center !important;
  height: 28px !important; margin-left: 44px !important; gap: 8px !important;
  border-left: 2px solid #e07a2e !important; padding-left: 0 !important;
}
/* SHOWING is a chip (595:8852): white Geist Mono 11 on orange */
:root:root:root:root:root:root:root:root body .pick-lead {
  background: #e07a2e !important; color: #ffffff !important;
  padding: 3px 6px !important; border-radius: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .55px !important; text-transform: uppercase !important; line-height: 14px !important;
}

/* ══ TODAY · 487:17 ═══════════════════════════════════════════════════════
   Measured from frame 487:17 (Today · TVA · Light). The hero figure is Geist
   Light 160; index.html loads Geist at 400 and 500 only, so the 300 face is
   declared here (latin subset, same Google Fonts source). */
@font-face {
  font-family: 'Geist'; font-style: normal; font-weight: 300; font-display: swap;
  src: url(https://fonts.gstatic.com/s/geist/v5/gyBhhwUxId8gMGYQMKR3pzfaWI_RwuMImpna.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* headline 487:181: Geist Medium 30, -1.5% */
:root:root:root:root:root:root:root:root body .td .td-say {
  font-family: var(--geist) !important; font-size: 30px !important; font-weight: 500 !important;
  letter-spacing: -0.45px !important; line-height: 39px !important; color: #1a1410 !important;
  max-width: none !important; margin: 0 !important;
}
/* hero figure 487:182: Geist Light 160, -5% */
:root:root:root:root:root:root:root:root body .td .td-fig { gap: 16px !important; margin-top: 0 !important; }
:root:root:root:root:root:root:root:root body .td .td-n {
  font-family: var(--geist) !important; font-size: 160px !important; font-weight: 300 !important;
  letter-spacing: -8px !important; line-height: 160px !important; color: #1a1410 !important;
  margin: 0 0 0 -8px !important;
}
:root:root:root:root:root:root:root:root body .td .td-nu {
  font-family: var(--geist) !important; font-size: 14px !important; font-weight: 400 !important;
  color: #4a4038 !important; margin: 16px 0 0 !important; letter-spacing: 0 !important; line-height: 18px !important;
}
/* the unit is set quieter than the digits: "M" is #b9afa4 in 487:182 */
:root:root:root:root:root:root:root:root body .td .td-n .td-n-u {
  font: inherit !important; letter-spacing: inherit !important; line-height: inherit !important; color: #b9afa4 !important;
}
/* hero grid 487:17: sentence across the top, figure left, chart card right.
   Sentence y126, figure y164, card y183 (19 below the figure), card 471 wide
   and flush with the 1320 content edge. */
:root:root:root:root:root:root:root:root body .td .td-kpi {
  display: grid !important; grid-template-columns: minmax(0, 1fr) 471px !important;
  column-gap: 24px !important; row-gap: 0 !important; align-items: start !important;
}
:root:root:root:root:root:root:root:root body .td .td-kpi .td-say { grid-column: 1 / -1 !important; }
:root:root:root:root:root:root:root:root body .td .td-kpi .td-fig { grid-column: 1 !important; grid-row: 2 !important; }
/* chart card 579:308: #fbf6ef, 1px #e6d3bf, radius 2, 471x168 */
:root:root:root:root:root:root:root:root body .td .td-chart {
  grid-column: 2 !important; grid-row: 2 !important; align-self: start !important;
  position: relative !important; box-sizing: border-box !important;
  width: 471px !important; max-width: 100% !important; margin: 19px 0 0 !important; padding: 0 !important;
  background: #fbf6ef !important; border: 1px solid #e6d3bf !important; border-radius: 2px !important;
  box-shadow: none !important;
}
/* the four 8x8 orange brackets, 2px stroke centred on the card edge (579:328 to 579:334) */
:root:root:root:root:root:root:root:root body .td .td-chart::before {
  content: "" !important; position: absolute !important; inset: -2px !important; pointer-events: none !important;
  background:
    linear-gradient(#e07a2e, #e07a2e) left top / 10px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left top / 2px 10px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right top / 10px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right top / 2px 10px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right bottom / 10px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right bottom / 2px 10px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left bottom / 10px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left bottom / 2px 10px no-repeat !important;
}
/* header 579:309: 34 tall, pad 10 14, gap 8, 1px #e6d3bf under it */
:root:root:root:root:root:root:root:root body .td .td-ch-hd {
  display: flex !important; align-items: center !important; gap: 8px !important;
  height: 34px !important; box-sizing: border-box !important; padding: 10px 14px !important; margin: 0 !important;
  border-bottom: 1px solid #e6d3bf !important; background: transparent !important;
}
:root:root:root:root:root:root:root:root body .td .td-ch-hd span {
  font-family: var(--mono) !important; font-size: 10px !important; line-height: 13px !important;
  letter-spacing: .6px !important; text-transform: uppercase !important; white-space: nowrap !important;
}
:root:root:root:root:root:root:root:root body .td .td-ch-hd .td-ch-k { font-weight: 500 !important; color: #6b5a48 !important; }
:root:root:root:root:root:root:root:root body .td .td-ch-hd .td-ch-sp { flex: 1 1 auto !important; }
:root:root:root:root:root:root:root:root body .td .td-ch-hd .td-ch-live { font-weight: 400 !important; color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .td .td-ch-hd .td-ch-live--off { color: #8a7f74 !important; text-transform: none !important; }
:root:root:root:root:root:root:root:root body .td .td-ch-hd .td-ch-v { font-weight: 500 !important; color: #e07a2e !important; }
/* chart 579:314: plot 14 to 397 by 18 to 102, labels Geist Mono 10 at 6% */
:root:root:root:root:root:root:root:root body .td .td-ch-svg {
  display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 469 / 132; overflow: visible !important;
}
:root:root:root:root:root:root:root:root body .td .td-ch-top { stroke: #e9dccd; stroke-width: 1; stroke-dasharray: 2 4; }
:root:root:root:root:root:root:root:root body .td .td-ch-base { stroke: #8f806f; stroke-opacity: .6; stroke-width: 1; }
:root:root:root:root:root:root:root:root body .td .td-ch-area { fill: #e07a2e; fill-opacity: .14; stroke: none; }
:root:root:root:root:root:root:root:root body .td .td-ch-line { fill: none; stroke: #e07a2e; stroke-width: 2; }
:root:root:root:root:root:root:root:root body .td .td-ch-end { fill: #e07a2e; }
:root:root:root:root:root:root:root:root body .td .td-ch-el {
  font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .6px; fill: #e07a2e;
}
:root:root:root:root:root:root:root:root body .td .td-ch-el--v { font-weight: 400; }
:root:root:root:root:root:root:root:root body .td .td-ch-ax {
  font-family: var(--mono); font-size: 10px; font-weight: 400; letter-spacing: .6px; fill: #8f806f;
}
/* unread part of a capped window: hatched, never drawn as a flat zero */
:root:root:root:root:root:root:root:root body .td #td-ch-hatch line { stroke: #b9afa4; stroke-opacity: .6; stroke-width: 1; }
:root:root:root:root:root:root:root:root body .td .td-ch-unread { fill: url(#td-ch-hatch); }
@media (max-width: 899px) {
  :root:root:root:root:root:root:root:root body .td .td-kpi { grid-template-columns: minmax(0, 1fr) !important; }
  :root:root:root:root:root:root:root:root body .td .td-chart {
    grid-column: 1 !important; grid-row: auto !important; width: 100% !important; margin-top: 16px !important;
  }
}
/* KPI cards 487:250 to 487:284: 4 up, 12px gap, 92 tall, 28px header strip */
:root:root:root:root:root:root:root:root body .td .td-prov {
  display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important; margin-top: 42px !important;
  background: transparent !important; border: 0 !important; padding: 0 !important;
}
:root:root:root:root:root:root:root:root body .td .td-p {
  position: relative !important; height: 92px !important; box-sizing: border-box !important;
  padding: 0 !important; gap: 0 !important;
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .td .td-p .td-lbl {
  height: 28px !important; box-sizing: border-box !important; margin: 0 !important;
  padding: 0 14px !important; line-height: 27px !important;
  background:
    linear-gradient(rgba(224,122,46,.90), rgba(224,122,46,.90)) right 23px center / 5px 5px no-repeat,
    linear-gradient(rgba(224,122,46,.40), rgba(224,122,46,.40)) right 14px center / 5px 5px no-repeat,
    rgba(224,122,46,.08) !important;
  border-bottom: 1px solid #e6be9c !important;
  font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: .84px !important; text-transform: uppercase !important; color: #e07a2e !important;
}
/* the 10x2 orange feet, bottom left and bottom right (487:256, 487:257) */
:root:root:root:root:root:root:root:root body .td .td-p::after {
  content: "" !important; position: absolute !important; left: -1px; right: -1px; bottom: -1px; height: 2px;
  background:
    linear-gradient(#e07a2e, #e07a2e) left / 10px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right / 10px 2px no-repeat !important;
  pointer-events: none;
}
:root:root:root:root:root:root:root:root body .td .td-p .td-p-v {
  flex: 1 !important; align-items: center !important; align-content: center !important;
  padding: 0 14px !important; gap: 6px !important; flex-wrap: nowrap !important; white-space: nowrap !important;
  font-family: var(--mono) !important; font-size: 20px !important; font-weight: 500 !important;
  letter-spacing: -0.2px !important; line-height: 26px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .td .td-p .td-p-v i {
  font-family: var(--geist) !important; font-size: 12px !important; font-weight: 400 !important;
  letter-spacing: 0 !important; color: #8a7f74 !important;
}
/* the window card is the live one: orange stroke, stronger header (487:250) */
:root:root:root:root:root:root:root:root body .td .td-prov .td-p:first-child:not(.td-p--bad) { border-color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .td .td-prov .td-p:first-child:not(.td-p--bad) .td-lbl {
  background:
    linear-gradient(rgba(224,122,46,.90), rgba(224,122,46,.90)) right 23px center / 5px 5px no-repeat,
    linear-gradient(rgba(224,122,46,.40), rgba(224,122,46,.40)) right 14px center / 5px 5px no-repeat,
    rgba(224,122,46,.12) !important;
  border-bottom-color: #e07a2e !important;
}
:root:root:root:root:root:root:root:root body .td .td-prov .td-p:first-child .td-p-v { font-family: var(--mono) !important; letter-spacing: -0.2px !important; }
:root:root:root:root:root:root:root:root body .td .td-prov .td-p:first-child:not(.td-p--bad) .td-p-v { color: #e07a2e !important; }
/* --bad keeps its red: it is a claim the section refuses, not decoration */
:root:root:root:root:root:root:root:root body .td .td-p.td-p--bad { border-color: #b42318 !important; outline: 0 !important; }
:root:root:root:root:root:root:root:root body .td .mn-i {
  width: 14px !important; height: 14px !important; min-width: 0 !important; padding: 0 !important;
  border: 1px solid #b9afa4 !important; border-radius: 50% !important; background: transparent !important;
  color: #8a7f74 !important; font-family: var(--mono) !important; font-size: 9px !important;
}
/* window rail 487:295 to 487:308 */
:root:root:root:root:root:root:root:root body section.td { gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
/* 487:17 draws no corner ticks on the section; the 7x7 near-black ones are an older skin's */
:root:root:root:root:root:root:root:root body section.td::before,
:root:root:root:root:root:root:root:root body section.td::after { content: none !important; display: none !important; }
/* 487:296 header box 23 tall; rail centre 19 below it (487:298, ticks y555 to 573);
   tick labels 20 below the rail centre (487:304, y584). No flex gap on top of margins. */
:root:root:root:root:root:root:root:root body .td .td-winbox { margin-top: 30px !important; gap: 0 !important; }
:root:root:root:root:root:root:root:root body .td .td-winhd { align-items: center !important; }
:root:root:root:root:root:root:root:root body .td .td-winhd .td-lbl {
  font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 500 !important;
  letter-spacing: .84px !important; text-transform: uppercase !important; color: #8a7f74 !important;
}
:root:root:root:root:root:root:root:root body .td .td-win-l {
  font-family: var(--mono) !important; font-size: 18px !important; font-weight: 500 !important;
  color: #1a1410 !important; letter-spacing: 0 !important; line-height: 23px !important;
}
/* the four step ticks, 2x18 orange at 0, 25, 50 and 75% */
:root:root:root:root:root:root:root:root body .td .td-win {
  height: 26px !important; margin-top: 6px !important;
  background:
    linear-gradient(#e07a2e, #e07a2e) 0 center / 2px 18px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) 25% center / 2px 18px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) 50% center / 2px 18px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) 75% center / 2px 18px no-repeat !important;
}
:root:root:root:root:root:root:root:root body .td .td-win::-webkit-slider-runnable-track {
  height: 4px !important;
  background: linear-gradient(to right, #e07a2e 0%, #e07a2e var(--td-fill, 100%), #ede4d8 var(--td-fill, 100%), #ede4d8 100%) !important;
}
:root:root:root:root:root:root:root:root body .td .td-win::-webkit-slider-thumb {
  width: 16px !important; height: 16px !important; border-radius: 0 !important; margin-top: -6px !important;
  border: 2px solid #e07a2e !important; box-sizing: border-box !important;
  background: linear-gradient(#e07a2e, #e07a2e) center / 6px 6px no-repeat, #fffefb !important;
}
:root:root:root:root:root:root:root:root body .td .td-win::-moz-range-track { height: 4px !important; background: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .td .td-win::-moz-range-progress { height: 4px !important; background: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .td .td-win::-moz-range-thumb {
  width: 12px !important; height: 12px !important; border-radius: 0 !important; border: 2px solid #e07a2e !important;
  background: linear-gradient(#e07a2e, #e07a2e) center / 6px 6px no-repeat, #fffefb !important;
}
:root:root:root:root:root:root:root:root body .td .td-ticks {
  margin-top: 7px !important; line-height: 17px !important;
  font-family: var(--mono) !important; font-size: 13px !important; letter-spacing: 0 !important; color: #8a7f74 !important;
}
/* on the li too: another skin sets the li's own font, so inheriting from the ol loses (487:304 to 487:308) */
:root:root:root:root:root:root:root:root body .td .td-ticks li {
  font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important;
  letter-spacing: 0 !important; color: #8a7f74 !important; line-height: 17px !important;
}
:root:root:root:root:root:root:root:root body .td .td-ticks li[aria-current="true"] { color: #e07a2e !important; font-weight: 600 !important; }
/* the two breakdowns 487:310 / 487:459: equal columns, 60 apart */
:root:root:root:root:root:root:root:root body .td .td-brk {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 60px !important; margin-top: 28px !important;
}
:root:root:root:root:root:root:root:root body .td .td-col { gap: 0 !important; }
:root:root:root:root:root:root:root:root body .td .td-colhd {
  align-items: center !important; padding-bottom: 6px !important;
  border-bottom: 1px solid rgba(224,122,46,.60) !important;
}
:root:root:root:root:root:root:root:root body .td .td-colhd .td-lbl {
  display: inline-block !important; height: 20px !important; box-sizing: border-box !important;
  padding: 3px 8px !important; margin: 0 !important; line-height: 14px !important;
  background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 10.5px !important; font-weight: 700 !important;
  letter-spacing: .84px !important; text-transform: uppercase !important;
}
:root:root:root:root:root:root:root:root body .td .td-colu {
  font-family: var(--geist) !important; font-size: 12px !important; color: #8a7f74 !important; letter-spacing: 0 !important;
}
/* one row: 46 tall, dashed rule, 01 rank, 186px bar, 52px SHARE */
:root:root:root:root:root:root:root:root body .td .td-rows { counter-reset: tva-td; }
:root:root:root:root:root:root:root:root body .td .td-r {
  counter-increment: tva-td;
  grid-template-columns: 26px 114px 186px minmax(0, 1fr) 90px 64px !important;
  grid-template-areas: "n a bar v s b" !important;
  gap: 0 !important; padding: 0 !important; height: 46px !important; min-height: 0 !important;
  box-sizing: border-box !important; align-items: center !important;
  border-bottom: 1px dashed rgba(230,190,156,.80) !important;
  background: transparent !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-n { font-size: 0 !important; }
:root:root:root:root:root:root:root:root body .td .td-r-n::before {
  content: counter(tva-td, decimal-leading-zero);
  font-family: var(--mono); font-size: 11px; color: #b9afa4;
}
:root:root:root:root:root:root:root:root body .td .td-r-a { gap: 10px !important; }
:root:root:root:root:root:root:root:root body .td .td-r-a svg,
:root:root:root:root:root:root:root:root body .td .td-r-a img { width: 16px !important; height: 16px !important; }
:root:root:root:root:root:root:root:root body .td .td-r-a b {
  font-family: var(--geist) !important; font-size: 15px !important; font-weight: 500 !important;
  color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-bar {
  height: 6px !important; min-width: 0 !important;
  background: linear-gradient(#ede4d8, #ede4d8) left center / 100% 1px no-repeat !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-bar i { background: #c9bfb4 !important; height: 6px !important; }
:root:root:root:root:root:root:root:root body .td .td-r:nth-child(2) .td-r-bar i { background: #8a7f74 !important; }
:root:root:root:root:root:root:root:root body .td .td-r--lead .td-r-bar i { background: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .td .td-r-v {
  font-family: var(--mono) !important; font-size: 15px !important; font-weight: 500 !important;
  letter-spacing: 0 !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-s {
  font-family: var(--mono) !important; font-size: 10.5px !important; color: #b9afa4 !important;
  letter-spacing: 0 !important; text-align: right !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-s em {
  font-family: var(--mono) !important; font-size: 13px !important; color: #8a7f74 !important; margin-left: 6px;
}
:root:root:root:root:root:root:root:root body .td .td-r-s em::before { content: none !important; }
:root:root:root:root:root:root:root:root body .td .td-r-b.td-r-b.td-r-b:not(.td-r-b--off) {
  width: 52px !important; height: 22px !important; padding: 0 !important; box-sizing: border-box !important;
  justify-self: end !important;
  background: transparent !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  box-shadow: none !important; color: #e07a2e !important;
  font-family: var(--mono) !important; font-size: 9.5px !important; font-weight: 500 !important;
  letter-spacing: .76px !important; text-transform: uppercase !important; line-height: 20px !important;
}
:root:root:root:root:root:root:root:root body .td .td-r-b.td-r-b.td-r-b:not(.td-r-b--off):hover { background: rgba(224,122,46,.06) !important; border-color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .td .td-tail {
  font-family: var(--geist) !important; font-size: 12px !important; color: #8a7f74 !important;
}

/* ══ TRADES · 595:9032 (+ 738:30311 addresses shown) ═════════════════════
   Measured from frame 595:9032 "Trades · TVA · Light" with use_figma:
   mode toggle 742:29970, card 742:29975 (white, 1px #e6be9c, pad 22 24 18),
   explainer 742:29983 (#f7efe4, 3px orange left), controls 742:29986,
   head 742:30006 (46 tall, #f7efe4), rows 742:30026 (57 pitch, #ede4d8 rule),
   foot 742:30624. Scoped to .view[data-view="trades"]. */

/* mode toggle 742:29970: one 1px box, two flush segments */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .trv-seg {
  display: inline-flex !important; width: max-content !important; gap: 0 !important;
  border: 1px solid #e6be9c !important; border-radius: 0 !important;
  background: #fffdf9 !important; padding: 0 !important; margin: 0 0 16px !important;
  box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .trv-seg .trv-b.trv-b {
  height: 32px !important; box-sizing: border-box !important; padding: 8px 16px !important;
  margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: #fffdf9 !important; color: #6b5f55 !important;
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important;
  letter-spacing: 0 !important; line-height: 16px !important; text-transform: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .trv-seg .trv-b.trv-b.on,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .trv-seg .trv-b.trv-b[aria-selected="true"] {
  background: #e07a2e !important; color: #ffffff !important; font-weight: 500 !important;
}

/* the card 742:29975 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.tape-panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.tape-panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.tape-panel {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  padding: 22px 24px 18px !important; box-shadow: none !important; margin-top: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tape-panel .panel-head {
  display: flex !important; align-items: flex-start !important; gap: 10px !important;
  margin: 0 0 16px !important; padding: 0 !important; border: 0 !important;
}
/* TRADES chip 742:29977 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tape-panel .panel-head h2 {
  display: inline-block !important; margin: 0 0 10px !important; padding: 2px 6px !important;
  height: auto !important; line-height: 13px !important;
  background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tape-panel .panel-head p.sub {
  max-width: none !important; margin: 0 !important;
  font-family: var(--sans) !important; font-size: 15px !important; font-weight: 400 !important;
  line-height: 24px !important; color: #4a4038 !important; letter-spacing: 0 !important;
}
/* 42,054 FILLS RECORDED 742:29980 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tape-panel .tapecount {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #b9afa4 !important;
  line-height: 13px !important; padding-top: 3px !important;
}
/* explainer strip 742:29983 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-blind {
  margin: 0 0 16px !important; padding: 12px 16px 12px 13px !important;
  background: #f7efe4 !important; border: 0 !important; border-left: 3px solid #e07a2e !important;
  border-radius: 0 !important;
  font-family: var(--sans) !important; font-size: 12px !important; line-height: 18px !important;
  color: #6b5f55 !important; font-weight: 400 !important; max-width: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-blind b {
  font-weight: 400 !important; color: #6b5f55 !important; font-size: 12px !important; font-family: var(--sans) !important;
}
/* controls row 742:29986: count text, 24H/6H/1H boxes, address toggle on the right */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs {
  height: 38px !important; display: flex !important; align-items: center !important; gap: 12px !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab {
  height: 28px !important; box-sizing: border-box !important; padding: 5px 10px !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: transparent !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  box-shadow: none !important; margin: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[aria-selected="true"] { background: #f7efe4 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab b {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab i {
  font-style: normal !important; font-family: var(--mono) !important; font-size: 12px !important;
  font-weight: 400 !important; letter-spacing: 0 !important; color: #6b5f55 !important;
}
/* "Latest 2,000 of 42,054" is set as the row's lead text, Inter Medium 14 ink (742:29987) */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[data-win="all"] {
  border-color: transparent !important; background: transparent !important; padding: 0 !important; gap: 4px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[data-win="all"] b,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[data-win="all"] i {
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 500 !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[data-win="all"][aria-selected="false"] b,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-tabs .tw-tab.tw-tab[data-win="all"][aria-selected="false"] i { color: #6b5f55 !important; }
/* the address toggle 742:29998 shares the controls row */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-hintrow {
  height: 38px !important; margin: -38px 0 18px auto !important; padding: 0 !important;
  width: max-content !important; display: flex !important; align-items: center !important;
  position: relative !important; z-index: 1 !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw {
  position: relative !important;
  height: 38px !important; box-sizing: border-box !important; padding: 7px 124px 7px 12px !important;
  display: inline-flex !important; align-items: center !important;
  background: #fffdf9 !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  box-shadow: none !important; color: #6b5f55 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; line-height: 13px !important;
}
/* HIDDEN / SHOWN segments (742:30000): state labels drawn from aria-pressed */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw::before,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw::after {
  position: absolute; top: 9px; height: 18px; box-sizing: border-box; padding: 3px 8px;
  font-family: var(--mono); font-size: 9px; font-weight: 500; letter-spacing: .45px; line-height: 12px;
  background: #f7efe4; color: #b9afa4; box-shadow: 0 0 0 2px #f7efe4;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw::before { content: "HIDDEN"; right: 62px; width: 51px; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw::after { content: "SHOWN"; right: 15px; width: 47px; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw[aria-pressed="false"]::before,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tp-addrsw.tp-addrsw.tp-addrsw.tp-addrsw[aria-pressed="true"]::after {
  background: #e07a2e; color: #ffffff;
}

/* table head 742:30006: 46 tall, #f7efe4, #ede4d8 rule, Geist Mono Medium 10 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid {
  --tape-cols: 70px 88px 180px 110px 150px 130px 110px 150px minmax(0, 1fr) !important;
  border: 0 !important; background: #ffffff !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head {
  height: 46px !important; min-height: 46px !important; box-sizing: border-box !important;
  padding: 0 10px !important; align-items: center !important;
  background: #f7efe4 !important; border: 0 !important; border-bottom: 1px solid #ede4d8 !important;
  grid-template-columns: var(--tape-cols) !important; column-gap: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-c,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-sort.tw-sort,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .gl.gl {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
  background: transparent !important; border: 0 !important; text-decoration: none !important;
  padding: 0 !important; height: auto !important; line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-c {
  padding-right: 12px !important; display: flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: flex-start !important; text-align: left !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-c.num { justify-content: flex-end !important; text-align: right !important; }

/* rows 742:30026: 57 pitch, pad 11 10, #ede4d8 rule */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row {
  height: 57px !important; min-height: 57px !important; box-sizing: border-box !important;
  padding: 0 10px !important; align-items: center !important;
  grid-template-columns: var(--tape-cols) !important; column-gap: 0 !important;
  border-bottom: 1px solid #ede4d8 !important; line-height: normal !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row[data-side="sell"] { --tw-bar-ink: rgba(224,122,46,.06) !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row[data-side="buy"] { --tw-bar-ink: rgba(63,167,122,.07) !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-c {
  padding: 0 12px 0 0 !important; min-width: 0 !important;
  display: flex !important; flex-direction: row !important; align-items: center !important;
  justify-content: flex-start !important; text-align: left !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-c.num { justify-content: flex-end !important; text-align: right !important; }
/* age: 3x34 side bar (orange sell, green buy, @0.8), 8px, mono 13 over the 1/2 leg chip */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-c.c-age {
  position: relative !important; display: flex !important; flex-direction: column !important;
  align-items: flex-start !important; justify-content: center !important; gap: 3px !important;
  padding-left: 11px !important; height: 34px !important;
  font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important;
  color: #1a1410 !important; letter-spacing: 0 !important; line-height: 17px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-c.c-age::before {
  content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important;
  width: 3px !important; height: 34px !important; background: rgba(138,127,116,.8) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row[data-side="sell"] .tw-c.c-age::before { background: rgba(224,122,46,.8) !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row[data-side="buy"] .tw-c.c-age::before { background: rgba(63,167,122,.8) !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tp-leg {
  display: block !important; margin: 0 !important; font-style: normal !important;
  font-family: var(--mono) !important; font-size: 11px !important; line-height: 14px !important;
  color: #b9afa4 !important; letter-spacing: 0 !important;
}
/* every value is a filter button; strip the button chrome */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-b.tw-b {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: 0 !important; margin: 0 !important; height: auto !important; min-height: 0 !important; width: auto !important;
  display: inline-flex !important; align-items: center !important; justify-content: flex-start !important;
  gap: 7px !important; text-align: left !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-b.tw-b.stk {
  flex-direction: column !important; align-items: flex-start !important; gap: 3px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-c.num .stk {
  display: inline-flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 3px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-asset svg,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-venue svg { width: 16px !important; height: 16px !important; flex: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-asset b {
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 500 !important;
  color: #1a1410 !important; letter-spacing: 0 !important;
}
/* first line / second line of every stacked cell */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .stk > .p {
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important;
  line-height: 16px !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .stk > .s {
  font-family: var(--sans) !important; font-size: 11px !important; font-weight: 400 !important;
  line-height: 13px !important; color: #6b5f55 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .stk > .s i.sep {
  font-style: normal !important; color: #6b5f55 !important; width: auto !important; min-width: 0 !important;
  margin: 0 !important; padding: 0 5px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-size .stk > .s i.sep { padding: 0 4px 0 0 !important; }
/* what happened 742:30048: side colour, Geist Mono 11 strike line */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-act .stk.sell > .p { color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-act .stk.buy > .p { color: #3fa77a !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-act .stk > .s {
  font-family: var(--mono) !important; line-height: 14px !important;
}
/* size and premium figures are mono; premium Medium */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-size .stk > .p,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-prem .stk > .p {
  font-family: var(--mono) !important; line-height: 17px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-prem .stk > .p { font-weight: 500 !important; }
/* venue 742:30064: 16px mark + Inter 12 ink2 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .c-venue .tw-b.tw-b {
  font-family: var(--sans) !important; font-size: 12px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important;
}
/* taker / maker 742:30083: 14px identicon + Geist Mono 12 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-ab.tw-ab {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important; justify-content: flex-start !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-ic { width: 14px !important; height: 14px !important; flex: none !important; margin: 0 !important; }
/* no maker named: hatched #b9afa4 box + Inter 11 (742:30248) */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-none {
  display: inline-flex !important; align-items: center !important; gap: 7px !important; font-style: normal !important;
  border: 0 !important; padding: 0 !important;
  font-family: var(--sans) !important; font-size: 11px !important; color: #b9afa4 !important; letter-spacing: 0 !important;
}
/* ONE HATCH, TWO CELLS. 595:9032 draws the same 14px swatch for a masked
   address and for a counterparty the venue never named, so the two share one
   declaration — a second copy is how they drift apart. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-none::before,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-hx {
  content: "" !important; width: 14px !important; height: 14px !important; flex: none !important;
  background: repeating-linear-gradient(135deg, #b9afa4 0 1px, transparent 1px 3.25px) !important;
}
/* addresses hidden (595:9032): hatch + a literal 0x···· in the row's own mono,
   at the same #b9afa4 the unnamed cell beside it uses */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-ab.tw-ab-m { gap: 7px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-addr.tw-amask {
  color: #b9afa4 !important; overflow: visible !important;
}
/* board foot 742:30624: the count at the column edge, SHOW ALL at the rule's end */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-foot {
  margin: 0 !important; padding: 14px 0 0 10px !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
}
/* The count was a bare text node until it needed a sibling; instrument.css
   pins every bare span to Inter 14, so the wrapper has to restate the type it
   used to inherit from the <p>. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-foot .tw-foot-t {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
  line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-foot .tw-more {
  display: inline-flex !important; align-items: center !important; gap: 13px !important;
  margin: 0 !important; padding: 0 !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
  line-height: 13px !important; cursor: pointer !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-foot .tw-more:hover { color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-foot .tw-more-c {
  width: 0 !important; height: 0 !important; flex: none !important;
  border-left: 2px solid transparent !important; border-right: 2px solid transparent !important;
  border-top: 3px solid currentColor !important;
}
/* TAKER carries the pair's default under it (595:9032); MAKER stays one line */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-c.c-taker {
  flex-direction: column !important; align-items: flex-start !important;
  justify-content: center !important; gap: 2px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-head .tw-hnote {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 400 !important;
  font-style: normal !important; letter-spacing: 0 !important; text-transform: none !important;
  color: #b9afa4 !important; line-height: 13px !important;
}

/* ══ GLOBAL CHROME FIXES · 487:139, 487:129, 595:9459 ═══════════════════
   Measured in 487:17 and 595:9032: the masthead rule is #e07a2e at 70%
   (487:139); the live box is a five step green ladder of 3x3 squares,
   #2e8b57 at 1 / .85 / .70 / .55 / .40 on a 6px pitch (487:130 to 487:134),
   figure Geist Mono Medium 15, unit and state Geist Mono Medium 8.5 at 5%
   tracking, age Geist Mono Regular 8.5 (487:135 to 487:138); footer links are
   Geist 13 #4a4038 over a DOTTED #b9afa4 rule (595:9460, dash 1 2). The
   active tab label is white (595:9032 "[3] Trades"). */
:root:root:root:root:root:root:root:root body header.top.top { border-bottom: 1px solid rgba(224,122,46,.70) !important; }
:root:root:root:root:root:root:root:root body nav.rail .rl-item.on .rl-l,
:root:root:root:root:root:root:root:root body nav.rail .rl-item[aria-current="page"] .rl-l,
:root:root:root:root:root:root:root:root body nav.rail .rl-item.on .rl-n,
:root:root:root:root:root:root:root:root body nav.rail .rl-item[aria-current="page"] .rl-n { color: #ffffff !important; }
:root:root:root:root:root:root:root:root body nav.rail .rl-item:not(.on):not([aria-current="page"]) .rl-n { color: #b9afa4 !important; }
:root:root:root:root:root:root:root:root body nav.rail .rl-new.rl-new { letter-spacing: 0 !important; }
/* the live ladder: five squares (595:9005-9009), each shimmering .22 -> 1 ->
   .22 on the 2s loop, staggered 120ms so the wave runs down the stack */
:root:root:root:root:root:root:root:root body header.top #status .dot.dot {
  display: flex !important; flex-direction: column !important; gap: 3px !important;
  width: 3px !important; height: 27px !important; min-width: 3px !important; border-radius: 0 !important;
  box-shadow: none !important; border: 0 !important; margin-right: 9px !important; align-self: center !important;
  background: none !important;
}
:root:root:root:root:root:root:root:root body header.top #status .dot.dot::after,
:root:root:root:root:root:root:root:root body header.top #status .dot.dot::before { display: none !important; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot i {
  width: 3px; height: 3px; flex: 0 0 3px; background: #2e8b57;
  opacity: .22; animation: tva-live-wave 2s linear infinite;
}
:root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(2) { animation-delay: .12s; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(3) { animation-delay: .24s; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(4) { animation-delay: .36s; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(5) { animation-delay: .48s; }
@keyframes tva-live-wave {
  0% { opacity: .22; animation-timing-function: ease-out; }
  7% { opacity: 1; animation-timing-function: ease-in-out; }
  28% { opacity: .22; }
  100% { opacity: .22; }
}
/* stale keeps the ladder shape in ink3, held still: the state word says why */
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i {
  background: #8a7f74; animation: none;
}
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i:nth-child(1) { opacity: 1; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i:nth-child(2) { opacity: .85; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i:nth-child(3) { opacity: .70; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i:nth-child(4) { opacity: .55; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.stale i:nth-child(5) { opacity: .40; }
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.down i {
  background: #b42318; animation: none; opacity: 1;
}
:root:root:root:root:root:root:root:root body header.top #status .dot.dot.down i:nth-child(n+3) { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i { animation: none; }
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(1) { opacity: 1; }
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(2) { opacity: .85; }
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(3) { opacity: .70; }
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(4) { opacity: .55; }
  :root:root:root:root:root:root:root:root body header.top #status .dot.dot i:nth-child(5) { opacity: .40; }
}
:root:root:root:root:root:root:root:root body header.top #status #status-text { column-gap: 6px !important; row-gap: 3px !important; }
:root:root:root:root:root:root:root:root body header.top #status #status-text .st-n {
  font-family: var(--mono) !important; font-size: 15px !important; font-weight: 500 !important;
  letter-spacing: 0 !important; color: #1a1410 !important; line-height: 20px !important;
}
:root:root:root:root:root:root:root:root body header.top #status #status-text .st-u,
:root:root:root:root:root:root:root:root body header.top #status #status-text .st-state {
  font-family: var(--mono) !important; font-size: 8.5px !important; font-weight: 500 !important;
  letter-spacing: .43px !important; text-transform: uppercase !important; color: #8a7f74 !important; line-height: 11px !important;
}
:root:root:root:root:root:root:root:root body header.top #status .dot:not(.stale):not(.down) ~ #status-text .st-state {
  color: #2e8b57 !important; animation: tva-live-breathe 2s ease-in-out infinite;
}
@keyframes tva-live-breathe {
  0% { opacity: 1; }
  45% { opacity: .4; }
  90% { opacity: 1; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  :root:root:root:root:root:root:root:root body header.top #status .dot:not(.stale):not(.down) ~ #status-text .st-state { animation: none; }
}
:root:root:root:root:root:root:root:root body header.top #status .dot.stale ~ #status-text .st-state { color: #1a1410 !important; font-weight: 600 !important; }
:root:root:root:root:root:root:root:root body header.top #status #status-text .st-age {
  font-family: var(--mono) !important; font-size: 8.5px !important; font-weight: 400 !important;
  letter-spacing: 0 !important; color: #8a7f74 !important; line-height: 11px !important;
}
:root:root:root:root:root:root:root:root body header.top #status .dot.stale ~ #status-text .st-age { color: #1a1410 !important; font-weight: 600 !important; }
/* footer 595:9457 to 595:9464 */
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-count i,
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-count i b {
  font-family: var(--geist) !important; font-size: 13px !important; font-weight: 400 !important;
  font-style: normal !important; color: #8a7f74 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .linkish.linkish,
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-link.tr-link,
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline,
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline a {
  font-family: var(--geist) !important; font-size: 13px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important; text-transform: none !important;
}
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .linkish.linkish,
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-link.tr-link {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 0 0 2px !important; text-decoration: none !important;
  border-bottom: 1px dotted #b9afa4 !important;
}
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline a { border-bottom: 0 !important; text-decoration: none !important; }

/* ══ TRADES · SETTLED · 759:28745 ═════════════════════════════════════════
   Measured from 759:28745. This frame keeps a neutral grey set (#6b6b66,
   #111111, #444444, #a39b90) instead of the warm TVA greys; the values below
   are the measured ones. Label chip 760:26376, table card 759:29688 (white,
   1px #ede4d8, pad 16 20 14), head 759:29689 (30 tall, #fffefb, #ede4d8 rule,
   pad 8 10), rows 759:29706 (56 tall, pad 11 10). The owner ruled the
   settled table follows the live fills style, so column tracks are left to
   learn.css and only the skin is set here. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .tl-sec-h {
  display: inline-block !important; margin: 0 0 10px !important; padding: 3px 6px 4px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-h {
  margin: 0 0 6px !important; font-family: var(--sans) !important; font-size: 16px !important;
  font-weight: 400 !important; line-height: 19px !important; color: #444444 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-sub {
  margin: 0 0 16px !important; font-family: var(--sans) !important; font-size: 12px !important;
  color: #6b6b66 !important; line-height: 18px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tape {
  background: #ffffff !important; border: 1px solid #ede4d8 !important; border-radius: 0 !important;
  padding: 16px 20px 14px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-head {
  height: 30px !important; min-height: 30px !important; box-sizing: border-box !important;
  padding: 0 10px !important; align-items: center !important;
  background: #fffefb !important; border: 0 !important; border-bottom: 1px solid #ede4d8 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-head .tw-c,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-head .tw-sort.tw-sort {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b6b66 !important;
  background: transparent !important; border: 0 !important; padding: 0 !important; text-decoration: none !important;
  display: flex !important; flex-direction: row !important; align-items: center !important; line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-head .tw-c { padding-right: 12px !important; justify-content: flex-start !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-head .tw-c.num { justify-content: flex-end !important; }
/* rows 759:29706: a white ground all the way across. The size bar the live
   fills pane carries is not drawn here, and with no ink set these rows were
   still painting the dark theme's #b42318 / #3fa77a wash. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row {
  min-height: 56px !important; height: auto !important; box-sizing: border-box !important;
  padding: 11px 10px !important; align-items: center !important;
  border-bottom: 1px solid #ede4d8 !important; line-height: normal !important;
  --tw-bar-ink: transparent !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-c {
  padding: 0 12px 0 0 !important; min-width: 0 !important;
  display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-c.num { justify-content: flex-end !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .stk {
  display: inline-flex !important; flex-direction: column !important; gap: 3px !important; align-items: flex-start !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-c.num .stk { align-items: flex-end !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .stk > .p {
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important;
  color: #111111 !important; line-height: 16px !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .stk > .s {
  font-family: var(--sans) !important; font-size: 11px !important; font-weight: 400 !important;
  color: #6b6b66 !important; line-height: 14px !important; letter-spacing: 0 !important;
}
/* expired date 759:29708: Geist Mono Regular 12 #6b6b66 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-whn .stk > .p {
  font-family: var(--mono) !important; font-size: 12px !important; color: #6b6b66 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-ast .stk > .p { font-weight: 500 !important; }
/* what it was 759:29714: sold orange, bought ink; strike line Geist Mono 11 #a39b90 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-act .stk.sell > .p { color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-act .stk.buy > .p { color: #111111 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-act .stk > .s {
  font-family: var(--mono) !important; color: #a39b90 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row i.sep {
  font-style: normal !important; color: #a39b90 !important; padding: 0 4px !important; width: auto !important; margin: 0 !important;
}
/* premium 759:29716 and value: Geist Mono Medium 13 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-prm .stk > .p,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-val .stk > .p,
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-siz .stk > .p {
  font-family: var(--mono) !important; font-weight: 500 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-siz .stk > .p { font-weight: 400 !important; }
/* venue 759:29726: Inter 12 #444444; counterparty Geist Mono 12 #444444 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .st-c-ven .stk > .p {
  font-size: 12px !important; color: #444444 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-ab.tw-ab {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
  display: inline-flex !important; align-items: center !important; gap: 7px !important;
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important; color: #444444 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-ic { width: 14px !important; height: 14px !important; margin: 0 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-none {
  display: inline-flex !important; align-items: center !important; gap: 7px !important; font-style: normal !important;
  border: 0 !important; padding: 0 !important;
  font-family: var(--sans) !important; font-size: 11px !important; color: #b9afa4 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-none::before {
  content: "" !important; width: 14px !important; height: 14px !important; flex: none !important;
  background: repeating-linear-gradient(135deg, #b9afa4 0 1px, transparent 1px 4px) !important;
}
/* address 759:29738: Geist Mono 12 #444444. instrument.css pins a bare span to
   Inter 14, so the cell's own 12px has to be restated here the way the live
   fills pane restates it. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-addr {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important;
  color: #444444 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-addr.tw-amask {
  color: #b9afa4 !important; overflow: visible !important;
}
/* the explorer arrow keeps screener.css's 11px. instrument.css gives every
   body a a 1px --line bottom rule, which under an 11px glyph in a data row
   paints a stray hairline rather than a link affordance. */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-tw .tw-row .tw-ex {
  font-size: 11px !important; line-height: 1 !important;
  text-decoration: none !important; border-bottom: 0 !important;
}
/* foot 759:29900s: LATEST n OF m SETTLED in Geist Mono Medium 10, note Inter 12 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .tw-foot {
  margin: 0 !important; padding: 12px 0 0 10px !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b6b66 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="trades"] section.trv-pane[data-pane="settled"] .st-foot {
  font-family: var(--sans) !important; font-size: 12px !important; color: #6b6b66 !important;
  line-height: 18px !important; max-width: none !important;
}
/* live fills, addresses shown (738:30311): the short address, Geist Mono 12 #4a4038 */
:root:root:root:root:root:root:root:root body .view[data-view="trades"] .tw-grid .tw-row .tw-addr {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important;
}

/* ══ COMPARE · BOARD · 611:933 + 611:936 ══════════════════════════════════
   Chip block 611:933: white, 1px #e6be9c, pad 22 24, orange chip Geist Mono
   Medium 11. Board 611:936: white, 1px #e6be9c, pad 20 24; head 611:945 35
   tall #f7efe4 with #ede4d8 rule, labels Geist Mono Medium 11 #6b5f55; the
   sorted column (TRADED) is orange with a 1px orange left rule and a 6x6
   square (611:949); rows 611:975 47 tall, #ede4d8 rule, every second row
   #1a1410 at 3%, the cheapest-floor row #3fa77a at 8% (611:1195). Cells:
   market Inter 14 with two 22px marks overlapping 8px, pricing Inter 14
   #4a4038 over Geist Mono 11, figures Geist Mono Medium 14, TRADED column
   carries a 1px #ede4d8 left rule. */
:root:root:root:root:root:root:root:root body .sc-hl {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  padding: 22px 24px !important; box-shadow: none !important; margin: 0 0 16px !important;
}
:root:root:root:root:root:root:root:root body .sc-hl::before,
:root:root:root:root:root:root:root:root body .sc-hl::after { display: none !important; }
:root:root:root:root:root:root:root:root body .sc-hl .mn-board-h {
  display: inline-block !important; width: max-content !important; max-width: 100% !important; justify-self: start !important; align-self: flex-start !important; margin: 0 !important; padding: 2px 6px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .55px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .sc-hl .mn-board-h::before,
:root:root:root:root:root:root:root:root body .sc-hl .mn-board-h::after { display: none !important; }
:root:root:root:root:root:root:root:root body .chart-wrap.sc-host {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  padding: 20px 24px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc { border: 0 !important; background: transparent !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-head {
  background: #f7efe4 !important; border: 0 !important; border-bottom: 1px solid #ede4d8 !important;
  min-height: 35px !important; align-items: stretch !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-head .sc-h.sc-h {
  min-height: 35px !important; padding: 10px 12px !important; box-sizing: border-box !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .55px !important; text-transform: uppercase !important; color: #6b5f55 !important;
  text-decoration: none !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-head .sc-h.sc-h.on {
  color: #e07a2e !important; border-left: 1px solid #e07a2e !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-head .sc-h.on .sc-ar {
  display: inline-block !important; width: 6px !important; height: 6px !important; margin-left: 6px !important;
  background: #e07a2e !important; border: 0 !important; transform: none !important; vertical-align: 1px !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-row {
  min-height: 47px !important; background: transparent !important;
  border: 0 !important; border-bottom: 1px solid #ede4d8 !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-row:nth-child(even) { background: rgba(26,20,16,.03) !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-row:has(.sc-flag:not([hidden])) { background: rgba(63,167,122,.08) !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-row .sc-c,
:root:root:root:root:root:root:root:root body .sc-host .sc-row .sc-id { padding-left: 12px !important; padding-right: 12px !important; border-left: 0 !important; border-right: 0 !important; background: transparent !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-row .sc-c[data-k="traded"] { border-left: 1px solid #ede4d8 !important; }
/* market 611:952: two 22px marks, -8px overlap, 10px to the name */
:root:root:root:root:root:root:root:root body .sc-host .sc-mk { gap: 0 !important; margin-right: 10px !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-mk > svg,
:root:root:root:root:root:root:root:root body .sc-host .sc-mk > img { width: 22px !important; height: 22px !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-vm { margin-left: -8px !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-vm svg,
:root:root:root:root:root:root:root:root body .sc-host .sc-vm img { width: 22px !important; height: 22px !important; }
:root:root:root:root:root:root:root:root body .sc-host .sc-t,
:root:root:root:root:root:root:root:root body .sc-host .sc-t .sc-af,
:root:root:root:root:root:root:root:root body .sc-host .sc-t em,
:root:root:root:root:root:root:root:root body .sc-host .sc-t .sc-vn {
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 400 !important;
  font-style: normal !important; color: #1a1410 !important; letter-spacing: 0 !important; text-decoration: none !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-t em { padding: 0 4px !important; }
/* CHEAPEST FLOOR tag 611:1180: 1px green box, Geist Mono Medium 11 */
:root:root:root:root:root:root:root:root body .sc-host .sc-flag:not([hidden]) {
  display: inline-block !important; padding: 1px 6px !important; margin-top: 4px !important;
  border: 1px solid #3fa77a !important; background: transparent !important; border-radius: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .55px !important; text-transform: uppercase !important; color: #3fa77a !important; line-height: 14px !important;
}
/* pricing 611:966: Inter 14 #4a4038, sub Geist Mono 11 #6b5f55 */
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="pricing"] b {
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 400 !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="pricing"] i {
  font-family: var(--mono) !important; font-size: 11px !important; font-style: normal !important;
  letter-spacing: .55px !important; color: #6b5f55 !important;
}
/* figures: Geist Mono Medium 14 ink (611:969, 611:973, 611:974) */
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="floor"] b,
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="vol"] b,
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="listed"] b {
  font-family: var(--mono) !important; font-size: 14px !important; font-weight: 500 !important;
  color: #1a1410 !important; letter-spacing: 0 !important; text-decoration: none !important;
}
/* no offer / not read: Geist Mono Regular 13 #6b5f55 (611:1036, 611:1076) */
:root:root:root:root:root:root:root:root body .sc-host .sc-c.dim b,
:root:root:root:root:root:root:root:root body .sc-host .sc-c.unk b {
  font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important; color: #6b5f55 !important;
}
/* traded 611:970: 7x7 orange square at 70% + Inter 14 ink; not read Inter 13 #4a4038 */
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="traded"] b {
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 400 !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .sc-host .sc-c[data-k="traded"].st-unknown b {
  font-size: 13px !important; color: #4a4038 !important;
}

/* ══ GLOBAL CHROME · FOOTER ROW + ACTIVE TAB · 487:524 to 487:549, 487:105 ═
   487:17 draws no band behind the footer and no rule above it: the drafting
   grid runs on under the row and the byline cell is its only fill, so the
   footer reads as loose elements rather than a bar. instrument.css supplies
   the glass fill, the top border and a seam shadow, gap.css a drop shadow,
   and all four are cancelled below. The row runs
   edge to edge: count at x40, the two links at x842 and x998 (Geist 13
   #4a4038, dotted #b9afa4 rule), then the byline cell, 260x48, orange at
   10% with a 1px orange 70% left rule, ending at x1424, holding the 21px
   logo mark and "Moneyness, by Stormbit Labs". The active tab label is
   Geist Medium 13.5 (487:105); idle labels stay Regular. */
:root:root:root:root:root:root:root:root body > footer {
  box-shadow: none !important; max-width: none !important; width: 100% !important; box-sizing: border-box !important;
  padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;
  background: transparent !important; border-top: 0 !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
/* #method-toggle carries an id rule in chrome.css (1,3,2), so the id is repeated here */
:root:root:root:root:root:root:root:root body > footer .foot-bar #method-toggle#method-toggle {
  font-family: var(--geist) !important; font-size: 13px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important; text-transform: none !important;
  background: transparent !important; border: 0 !important; border-bottom: 1px dotted #b9afa4 !important;
  padding: 0 0 2px !important; text-decoration: none !important; order: 1 !important; margin: 0 28px 0 0 !important;
}
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar {
  max-width: none !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important;
  padding: 0 16px 0 40px !important; min-height: 48px !important;
  display: flex !important; flex-wrap: nowrap !important; align-items: center !important;
  justify-content: flex-start !important; gap: 0 !important;
}
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-count { order: 0 !important; margin-right: auto !important; }
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .linkish.linkish { order: 1 !important; margin: 0 28px 0 0 !important; }
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .tr-link.tr-link { order: 2 !important; margin: 0 24px 0 0 !important; }
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline {
  order: 3 !important; width: 260px !important; height: 48px !important; box-sizing: border-box !important;
  /* 20px pad + 21px disc + 11px gap puts the TEXT at 52px from chip-left — the
     same place the old no-mark 52px padding put it. Figma 1891:108979. */
  display: flex !important; align-items: center !important; gap: 11px !important;
  padding: 0 0 0 20px !important; margin: 0 !important;
  background: rgba(224,122,46,.10) !important; border: 0 !important; border-left: 1px solid rgba(224,122,46,.70) !important;
  white-space: nowrap !important;
}
/* The IMG mark is IN (Carlos ruled 2026-10-04, Figma 1891:108979 governs over
   595:9032's no-mark cell): 21px disc, 11px gap, text still at 52px. This rule
   only keeps the OLD ::before mark dead so there is one disc, not two. */
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline::before {
  content: none !important; display: none !important;
}
/* No margin before the name: the 0.3em here was standing in for a space that
   flex used to TRIM (the text node was its own flex item, and trailing
   whitespace at the end of a flex item is dropped). The markup now wraps text
   and link in one .byline-text item, so the space between "by" and the name is
   real — a margin on top of it reads as a double space again. */
:root:root:root:root:root:root:root:root body .foot-bar.foot-bar .byline.byline a { margin-left: 0 !important; }
:root:root:root:root:root:root:root:root body nav.rail .rl-item.on .rl-l,
:root:root:root:root:root:root:root:root body nav.rail .rl-item[aria-current="page"] .rl-l { font-weight: 500 !important; }

/* ══ PAYOFFS · 696:30807 ══════════════════════════════════════════════════
   Card 809:26331: white, 1px #e6be9c, radius 10, pad 30 32. Section chip
   696:30874. Direction / type rows 809:26334: 280x44 segments, idle white
   with a 1px orange 45% rule and Inter Medium 18 #211f1c at 80%, chosen
   filled #e07a2e with white; orange chip over each row (the chip text is the
   row's own aria-label) and orange L brackets at the corners. Terms
   809:26335: orange chips, JetBrains Mono 15 figures over a dashed orange 50%
   rule, Inter 14 #8a7f74 note. Chart 756:28745: orange 10% grid, 3px orange
   payoff line, #211f1c 40% zero line, dashed #211f1c 32% spot rules, 16px
   orange spot handle with a 3px white ring, SPOT flag (#fffdf9, #e6be9c,
   radius 4). Rail 696:30864: 2px #ede4d8, 18px orange knob. Readout
   809:26339: JetBrains Mono 36 figure, Inter 16 #4a4038 sentence. */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] section.panel {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 10px !important;
  padding: 30px 32px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] section.panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] section.panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .tl-sec-h {
  display: inline-block !important; margin: 0 0 22px !important; padding: 3px 6px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important;
  margin: 0 0 34px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick-r {
  position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important;
  gap: 0 !important; margin-top: 30px !important; border: 0 !important; background: transparent !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick-r::before {
  content: attr(aria-label) !important; position: absolute !important; left: 0 !important; top: -30px !important;
  padding: 3px 6px !important; background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick-r::after {
  content: "" !important; position: absolute !important; inset: -3px !important; pointer-events: none !important;
  background:
    linear-gradient(#e07a2e, #e07a2e) left top / 9px 2px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) left top / 2px 9px no-repeat,
    linear-gradient(#e07a2e, #e07a2e) right bottom / 9px 2px no-repeat !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick-b.pf-pick-b.pf-pick-b.pf-pick-b {
  height: 44px !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important;
  background: #ffffff !important; border: 1px solid rgba(224,122,46,.45) !important; box-shadow: none !important;
  color: rgba(33,31,28,.80) !important;
  font-family: var(--sans) !important; font-size: 18px !important; font-weight: 500 !important;
  letter-spacing: 0 !important; text-transform: uppercase !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-pick-b.pf-pick-b.pf-pick-b.pf-pick-b[aria-checked="true"] {
  background: #e07a2e !important; border-color: #e07a2e !important; color: #ffffff !important;
}
/* strike / premium terms */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-terms {
  display: flex !important; align-items: center !important; gap: 0 !important; margin: 0 0 34px !important;
  font-family: var(--sans) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-term {
  display: inline-flex !important; align-items: center !important; gap: 20px !important; width: 250px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-term label {
  padding: 3px 6px !important; background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-in.pf-in {
  width: 60px !important; height: 26px !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  border-bottom: 1px dashed rgba(224,122,46,.50) !important;
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 15px !important; font-weight: 400 !important;
  color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-terms-q {
  margin-left: 0 !important; font-family: var(--sans) !important; font-size: 14px !important; color: #8a7f74 !important;
}
/* the chart */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-stage {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(rgba(224,122,46,.10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(224,122,46,.10) 1px, transparent 1px) !important;
  background-size: 96px 48px !important; border: 0 !important; border-radius: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg { height: 360px !important; width: 100% !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-line { stroke: #e07a2e !important; stroke-width: 3px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-zero { stroke: rgba(33,31,28,.40) !important; stroke-width: 1px !important; stroke-dasharray: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-fill-dn { fill: url(#pf-hatch) !important; stroke: none !important; opacity: 1 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-strikeline { stroke: rgba(224,122,46,.30) !important; stroke-width: 1px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-spotline,
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-pnlline {
  stroke: rgba(33,31,28,.32) !important; stroke-width: 1px !important; stroke-dasharray: 4 4 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-mk {
  width: 9px !important; height: 9px !important; border-radius: 50% !important;
  background: #ffffff !important; border: 2px solid rgba(33,31,28,.50) !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-mk.pf-mk-spot {
  width: 16px !important; height: 16px !important; background: #e07a2e !important;
  border: 3px solid #ffffff !important; box-sizing: border-box !important;
}
/* Out of flow, so the stage measures exactly the 360px svg: overlay marks are
   placed as a % of the stage, and the 22px this label added stretched every
   mark 1.061x — the dot rode 11px below the line it marks. The reserved strip
   under the stage keeps the label's visual slot. */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-stage { margin-bottom: 22px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-mk-k {
  position: absolute !important; top: 100% !important; left: 0 !important; margin-top: 5px !important;
  font-family: var(--sans) !important; font-size: 14px !important; color: #4a4038 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-mk-k b {
  margin-left: 14px !important;
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 13px !important; font-weight: 400 !important;
  color: #4a4038 !important; letter-spacing: 0 !important;
}
/* THE TERMINUS HEAD, and the wedge it replaces. #pf-arrow is defined in the
   svg payoff.js writes and referenced from here, so it is this frame's mark
   and no other skin grows one. .pf-mk-runs is the HTML wedge that was the
   only terminus mark before it, drawn ONLY on the two positions whose curve
   still climbs at the frame; with a head on every leg the two would stack on
   the same point, so the wedge is off in this frame alone. */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-svg .pf-leg-b { marker-end: url(#pf-arrow) !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-mk-runs { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-flag {
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 5px 6px !important; background: #fffdf9 !important; border: 1px solid #e6be9c !important;
  border-radius: 4px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-flag i {
  font-style: normal !important; padding: 3px 6px !important; background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-flag b {
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 14px !important; font-weight: 400 !important; color: #1a1410 !important;
}
/* the rail */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-rail::-webkit-slider-runnable-track {
  height: 2px !important; background: #ede4d8 !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-rail::-webkit-slider-thumb {
  width: 18px !important; height: 18px !important; border-radius: 50% !important; margin-top: -8px !important;
  background: #e07a2e !important; border: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-rail::-moz-range-track { height: 2px !important; background: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-rail::-moz-range-thumb { width: 18px !important; height: 18px !important; border-radius: 50% !important; background: #e07a2e !important; border: 0 !important; }
/* the readout */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans { display: flex !important; align-items: center !important; gap: 0 !important; margin-top: 32px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-n {
  min-width: 246px !important;
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 36px !important; font-weight: 400 !important;
  line-height: 48px !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-u,
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-u b,
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-u i {
  font-family: var(--sans) !important; font-size: 16px !important; font-weight: 400 !important;
  font-style: normal !important; color: #4a4038 !important; letter-spacing: 0 !important; text-transform: none !important;
}
/* The caption is plain text in this frame: "HYPE one short put at expiry".
   marks.js still draws the asset glyph and payoff.js still asks for it, so the
   ticker keeps its mark on every other surface; it is hidden here and the
   margin it carried goes with it, or the sentence opens on an empty 7px. */
/* The newer card revision (809:26331) keeps the token icon before the label. */
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-a .mk { display: inline-block !important; }
:root:root:root:root:root:root:root:root body .view[data-view="payoffs"] .pf-ans-a { margin-right: 6px !important; }
/* The record count is every frame's one orange figure. #tr-rows already
   carries the hue at :309, but the odometer wraps every digit in its own
   .odo-c and chrome.css:443 paints those, so the colour has to land on the
   digits. */
:root:root:root:root:root:root:root:root body .foot-bar .tr-count > b .odo-c {
  color: #e07a2e !important;
}

/* ══ VAULTS · 696:31055 (outer frame only) ════════════════════════════════
   The vault body (Harvest card, ticket, ladder, actors) renders inside
   iframe.vl-app from /vaults/, a separate document this sheet cannot reach.
   Only the host row is set here, from the page-body head: chip "STORMBIT
   LABS VAULTS" (Geist Mono Medium 10, 6% tracking, pad 3 6), then "BUILT ON"
   Geist Mono Regular 11 #b9afa4 and "Rysk V12" Geist Mono Medium 12 ink, the
   row 760 wide; no card around the page. */
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] section.panel {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] section.panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] section.panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-head {
  display: flex !important; align-items: center !important; gap: 12px !important;
  max-width: 760px !important; margin: 0 0 20px !important; padding: 0 !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-head .tl-sec-h {
  display: inline-block !important; margin: 0 auto 0 0 !important; padding: 3px 6px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .6px !important; text-transform: uppercase !important; line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-chip {
  display: inline-flex !important; align-items: baseline !important; gap: 12px !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-chip i {
  font-style: normal !important; font-family: var(--mono) !important; font-size: 11px !important; font-weight: 400 !important;
  letter-spacing: .66px !important; text-transform: uppercase !important; color: #b9afa4 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-chip b {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 500 !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="vaults"] .vl-app { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }

/* ══ LATTICE / CHAIN · 749:29526 ══════════════════════════════════════════
   Context row: "Lattice for" Inter 16 #4a4038, asset picker 90x30 #fffdf9
   1px #e6be9c radius 8 (Inter Medium 14), "index 85,478" JetBrains Mono 15
   ink, meta Inter 13 #8a7f74. Expiry tiles 90x48 #fffdf9 1px #e6be9c
   radius 8, chosen tile edged #e07a2e; date Inter Medium 13 ink, days
   JetBrains Mono 11 #8a7f74. Source bar: orange chips PRICES / ONE VENUE,
   28px pills radius 8 (Inter 12, chosen Inter Medium 12 ink on an orange
   edge). Table: CALLS / PUTS and BID / ASK / STRIKE as orange chips
   (Geist Mono Medium 12, 8% tracking), rows on a 40px pitch with #ede4d8
   rules, JetBrains Mono 13 figures (IV #4a4038), strike column #fffdf9,
   INDEX row Inter Medium 15. Dock 228 wide, white, #e6be9c, radius 10. */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] section.panel {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] section.panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] section.panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-ctx { display: flex !important; align-items: center !important; gap: 20px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-lead {
  font-family: var(--sans) !important; font-size: 16px !important; font-weight: 400 !important; color: #4a4038 !important;
  letter-spacing: 0 !important; text-transform: none !important; margin-right: 55px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-sel.chv-sel {
  height: 30px !important; min-width: 90px !important; padding: 0 10px !important;
  background-color: #fffdf9 !important; border: 1px solid #e6be9c !important; border-radius: 8px !important;
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 500 !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-spotv,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-spotv b {
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 15px !important; font-weight: 400 !important;
  color: #1a1410 !important; letter-spacing: 0 !important; text-transform: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-meta {
  font-family: var(--sans) !important; font-size: 13px !important; color: #8a7f74 !important; letter-spacing: 0 !important;
}
/* expiry tiles */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exps { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; border: 0 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exp.chv-exp.chv-exp {
  width: 90px !important; height: 48px !important; box-sizing: border-box !important; padding: 7px 12px !important;
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 3px !important;
  background: #fffdf9 !important; border: 1px solid #e6be9c !important; border-radius: 8px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exp.chv-exp.chv-exp.on { border-color: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exp-d {
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 500 !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exp-t,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-exp-h {
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 11px !important; font-weight: 400 !important; color: #8a7f74 !important; letter-spacing: 0 !important;
}
/* source bar */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-srcgrp { display: flex !important; align-items: center !important; gap: 10px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-srclab {
  padding: 3px 6px !important; background: #e07a2e !important; color: #ffffff !important; margin-right: 16px !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-srcsep { width: 56px !important; border: 0 !important; background: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-src.chv-src.chv-src,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-vpin.chv-vpin.chv-vpin {
  height: 28px !important; box-sizing: border-box !important; padding: 0 14px !important;
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  background: #fffdf9 !important; border: 1px solid #e6be9c !important; border-radius: 8px !important; box-shadow: none !important;
  font-family: var(--sans) !important; font-size: 12px !important; font-weight: 400 !important; color: #8a7f74 !important;
  letter-spacing: 0 !important; text-transform: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-vpin.chv-vpin.chv-vpin { padding: 0 8px !important; font-size: 11px !important; color: #4a4038 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-src.chv-src.chv-src.on { border-color: #e07a2e !important; color: #1a1410 !important; font-weight: 500 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-vpin.chv-vpin.chv-vpin.on { border-color: #e07a2e !important; background: #e07a2e !important; color: #ffffff !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-src-n { font-family: var(--sans) !important; color: inherit !important; margin-left: 2px !important; }
/* the table */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t { border-collapse: collapse !important; background: transparent !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-h {
  background: transparent !important; border: 0 !important; padding: 10px 6px !important;
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .96px !important; text-transform: uppercase !important; color: #8a7f74 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t tr:not(.chv-side) .chv-h:not(:first-child):not(:last-child) {
  color: #ffffff !important; background: #e07a2e !important; background-clip: content-box !important;
  text-align: right !important; line-height: 22px !important; padding: 10px 6px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-side { background: #fffdf9 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-sideh { text-align: center !important; color: #ffffff !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-sideh {
  background: linear-gradient(#e07a2e, #e07a2e) center / 56px 22px no-repeat !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-r { height: 40px !important; border-bottom: 1px solid #ede4d8 !important; background: transparent !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-c,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-k {
  border: 0 !important; font-family: "JetBrains Mono", var(--mono) !important; font-size: 13px !important;
  font-weight: 400 !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-c.chv-iv { color: #4a4038 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-k { background: #fffdf9 !important; text-align: center !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-spot td {
  height: 38px !important; border-top: 1px solid #ede4d8 !important; border-bottom: 0 !important; text-align: center !important; background: transparent !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-spot .chv-spot-l,
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-spot b {
  font-family: var(--sans) !important; font-size: 15px !important; font-weight: 500 !important; color: #1a1410 !important;
  text-transform: uppercase !important; letter-spacing: 0 !important; margin-right: 8px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-dock {
  width: 228px !important; box-sizing: border-box !important; padding: 24px !important;
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 10px !important; box-shadow: none !important;
}
/* The idle card's standing copy is 13/17 in the frame, not 11/18: measured
   across "Pick any row: the same", 22 characters over 140px there against 32
   over 168px here. Only the idle state is sized from the frame — the loaded
   dock's venue lines are drawn in no frame and stay dense. */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-dock-idle p {
  font-size: 13px !important; line-height: 17px !important; color: #8a7f74 !important;
}

/* ══ FLOW · 696:30363 ═════════════════════════════════════════════════════
   Chip + standfirst 731:30009 (Inter 16 #4a4038). Matrix card 731:30013:
   white, 1px #e6be9c, pad 18 24. Head row 731:30014: 45 tall #f7efe4 with
   #ede4d8 rule, Geist Mono Medium 10 #6b5f55. Rows 731:30057: 41 tall, pad
   9 10, #ede4d8 rule; asset Inter Medium 14 ink; bar 10px orange 85% with a
   2px #e07a2e cap over a 2px #e2d3c0 track; value Geist Mono Medium 14;
   share Geist Mono 13 #6b5f55; venue cells 14x14 (traded #e07a2e, listed 1px
   #6b5f55 at 55%, no feed hatched #b9afa4, not listed a 4px dot). Key
   731:31151: Geist Mono 10, 5% tracking, #6b5f55. Lists 737:29174: band
   heads Geist Mono Medium 10 #211f1c at 80% / 45%, rows 26 tall on
   #f9f7f4 bands. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.panel {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .tl-sec-h {
  display: inline-block !important; margin: 0 0 8px !important; padding: 2px 6px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; line-height: 13px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .tl-sec-s {
  margin: 0 0 18px !important; max-width: none !important;
  font-family: var(--sans) !important; font-size: 16px !important; line-height: 19px !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important; padding: 18px 24px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-key {
  border: 0 !important; margin: 0 !important; padding: 14px 0 0 !important; order: 9;
  gap: 6px 20px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-key > span {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 400 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-sw,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-c { width: 14px !important; height: 14px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-sw.is-traded,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-c.is-traded { background: #e07a2e !important; outline: 0 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-sw.is-listed,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-c.is-listed { background: transparent !important; outline: 1px solid rgba(107,95,85,.55) !important; outline-offset: -1px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-sw.is-unknown,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-c.is-unknown {
  background: repeating-linear-gradient(135deg, #b9afa4 0 1px, transparent 1px 4px) !important; outline: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-sw.is-absent,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-c.is-absent {
  background: linear-gradient(#e2d3c0, #e2d3c0) center / 4px 4px no-repeat !important; border: 0 !important; outline: 0 !important;
  height: 14px !important; align-self: center !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-band-h b {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: rgba(33,31,28,.80) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-band-h u {
  text-decoration: none !important; font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  color: rgba(33,31,28,.45) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-band-h i {
  font-style: normal !important; font-family: var(--mono) !important; font-size: 10px !important;
  letter-spacing: .5px !important; color: rgba(33,31,28,.45) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-head-row {
  min-height: 45px !important; background: #f7efe4 !important; border-bottom: 1px solid #ede4d8 !important; padding: 8px 10px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-heads > span {
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-row:not(.mx-head-row) {
  min-height: 41px !important; padding: 9px 10px !important; border-bottom: 1px solid #ede4d8 !important; background: transparent !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-k {
  font-family: var(--sans) !important; font-size: 14px !important; font-weight: 500 !important; color: #1a1410 !important; letter-spacing: 0 !important; text-transform: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-bar {
  height: 10px !important; background: linear-gradient(#e2d3c0, #e2d3c0) left center / 100% 2px no-repeat !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-bar i {
  height: 10px !important; display: block !important;
  background: linear-gradient(#e07a2e, #e07a2e) top / 100% 2px no-repeat, rgba(224,122,46,.85) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-v {
  font-family: var(--mono) !important; font-size: 14px !important; font-weight: 500 !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-s,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-na {
  font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important; color: #6b5f55 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-read {
  font-family: var(--sans) !important; font-size: 12px !important; color: #6b5f55 !important;
}
/* flow, pass 2: no outer card (731:30008 sits on the ground), the key after
   the measured band (731:31151), 40px venue pitch (731:30071 to 731:30077),
   row tracks 86 / 300 / 92 / 64 from 731:30057, the two lower bands as the
   compact 26px lists of 737:29174 on #f9f7f4. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.tl-panel {
  background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.tl-panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] section.tl-panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx { display: flex !important; flex-direction: column !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx > .mx-band { order: 2 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx > .mx-key + .mx-band { order: 0 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx > .mx-key { order: 1 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx > .mx-read { order: 3 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-row:not(.mx-head-row) {
  grid-template-columns: 86px 300px 92px 64px minmax(0, 1fr) !important; gap: 0 !important;
  border-top: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-row .mx-v { text-align: right !important; padding-right: 8px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-row .mx-s { text-align: right !important; padding-right: 8px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-row .mx-bar { width: 284px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-cells { justify-self: end !important; gap: 26px !important; height: 14px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-head-row { display: flex !important; justify-content: flex-end !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-heads { gap: 26px !important; }
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-heads > span { width: 14px !important; }
/* The reason and the figure stop well short of the strip's right edge in
   737:29174 — the reason block right-aligns near 76% of the strip and the
   figure near 85% — so the row keeps a wide right inset. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-lists .mx-row {
  min-height: 26px !important; padding: 0 180px 0 10px !important; background: #f9f7f4 !important;
  border-bottom: 1px solid rgba(33,31,28,.07) !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-lists .mx-k {
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 400 !important; color: #211f1c !important;
}
/* The names in both lower lists set in the mono face, as the mock does. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-lists .ent {
  font-family: var(--mono) !important;
}
/* The listed-and-quiet pair reads as columns, not as a sentence: 805:26543 to
   805:26548 put the asset mark at 0, the rule at 76 and the venue mark at 92 on
   every row, so the slash and the venue names line up down the band instead of
   sliding with the asset's name length. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-pk:has(.mx-sep) {
  display: grid !important; grid-template-columns: 76px 16px minmax(0, 1fr) !important; gap: 0 !important;
}
/* Cannot-see rows stand the hatch a clear icon-width off the venue mark:
   737:29174 measures 12px between the 14px square and the 16px mark. */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] .mx-lists .mx-pk:has(.mx-sw) {
  gap: 12px !important;
}

/* ══ COMPARE · VENUE DETAIL · 615:1208 (Bybit), 615:1411, 615:1608 ════════
   Card 615:1208 "venue-detail": white, 1px #e6be9c, pad 28 32 32. Bar:
   "BOARD" Geist Mono Medium 12 #4a4038, 26px mark, name Inter Medium 17,
   meta Inter 15 #6b5f55, states Geist Mono Medium 11 (#6b5f55 hollow dot,
   #3fa77a filled dot), CLOSE Geist Mono Medium 11 #4a4038. Eyebrow: orange
   chip Geist Mono Medium 12. Figure Geist Mono Medium 104 -4%, "%" Geist
   Mono 34 orange, "of spot" Inter 17 #6b5f55. Sentence Inter 20/30 #4a4038
   with the price Inter SemiBold ink. Side cards 320 wide, #f7efe4, 1px
   #e6be9c, pad 14 16: label Geist Mono 12, figure Geist Mono Medium 30
   (financed floor #3fa77a), note Inter 13. Carries chips 34 tall, 1px
   #ede4d8, the chosen one a dashed orange rule. Pills 35 tall, chosen
   edged #e07a2e. Stats Geist Mono 12 / Medium 28 / Inter 13. Details "+"
   orange, title Inter 16 ink, gloss Inter 13 #6b5f55.
   The venue link is a filled orange button, 28 tall, 12px flanks, square
   corners, white label — the same in 615:1208, 615:1411 and 615:1608. */
:root:root:root:root:root:root:root:root body #detail-root:has(> .vp) {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  padding: 28px 32px 32px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body #detail-root:has(> .vp)::before,
:root:root:root:root:root:root:root:root body #detail-root:has(> .vp)::after { display: none !important; }
:root:root:root:root:root:root:root:root body .vp .vp-hero { grid-template-columns: minmax(0, 1fr) 320px !important; column-gap: 40px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-state.st-unknown::before {
  content: "" !important; display: inline-block !important; width: 18px !important; height: 12px !important;
  margin-right: 10px !important; vertical-align: -1px !important;
  background: repeating-linear-gradient(135deg, #b9afa4 0 1px, transparent 1px 4px) !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-lead { flex: 1 1 auto !important; min-width: 0 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-alt { flex: 0 0 320px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-st.unk .vp-st-v {
  font-family: var(--mono) !important; font-size: 17px !important; font-weight: 400 !important; line-height: 22px !important;
  color: #4a4038 !important; text-decoration: underline !important; text-underline-offset: 4px !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-bar { align-items: center !important; gap: 14px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-back.vp-back {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .48px !important; text-transform: uppercase !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-logo svg { width: 26px !important; height: 26px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-name {
  font-family: var(--sans) !important; font-size: 17px !important; font-weight: 500 !important; color: #1a1410 !important; letter-spacing: 0 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-meta { font-family: var(--sans) !important; font-size: 15px !important; color: #6b5f55 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-mark {
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .44px !important; text-transform: uppercase !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-mark.ok { color: #3fa77a !important; }
:root:root:root:root:root:root:root:root body .vp .vp-link {
  display: inline-flex !important; align-items: center !important;
  height: 28px !important; padding: 0 12px !important; box-sizing: border-box !important;
  background: #e07a2e !important; border-radius: 0 !important;
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 600 !important;
  color: #ffffff !important; text-decoration: none !important; border-bottom: 0 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-x.vp-x {
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .44px !important; text-transform: uppercase !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-eyebrow {
  display: inline-block !important; width: max-content !important; padding: 2px 6px !important; margin: 0 0 12px !important;
  background: #e07a2e !important; color: #ffffff !important;
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 500 !important;
  letter-spacing: .48px !important; text-transform: uppercase !important; line-height: 16px !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-num { align-items: baseline !important; gap: 12px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-num-n {
  font-family: var(--mono) !important; font-size: 104px !important; font-weight: 500 !important;
  letter-spacing: -4.16px !important; line-height: 135px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-num-u {
  font-family: var(--mono) !important; font-size: 34px !important; font-weight: 400 !important; color: #e07a2e !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-num-of { font-family: var(--sans) !important; font-size: 17px !important; color: #6b5f55 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-sub {
  max-width: 640px !important; font-family: var(--sans) !important; font-size: 20px !important; font-weight: 400 !important;
  line-height: 30px !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-sub b { font-family: var(--sans) !important; font-size: 20px !important; font-weight: 600 !important; color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-alt { width: 320px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-alt-i {
  background: #f7efe4 !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  padding: 14px 16px !important; display: flex !important; flex-direction: column !important; gap: 4px !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-alt-k {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important;
  letter-spacing: .48px !important; text-transform: uppercase !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-alt-v {
  font-family: var(--mono) !important; font-size: 30px !important; font-weight: 500 !important; line-height: 39px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-alt-v.vp-credit { color: #3fa77a !important; }
:root:root:root:root:root:root:root:root body .vp .vp-alt-n { font-family: var(--sans) !important; font-size: 13px !important; color: #6b5f55 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-carries-l,
:root:root:root:root:root:root:root:root body .vp .vp-grp-l,
:root:root:root:root:root:root:root:root body .vp .vp-st-k {
  font-family: var(--mono) !important; font-size: 12px !important; font-weight: 400 !important;
  letter-spacing: .48px !important; text-transform: uppercase !important; color: #6b5f55 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-chip.vp-chip {
  height: 34px !important; padding: 8px 12px !important; box-sizing: border-box !important; gap: 8px !important;
  background: transparent !important; border: 1px solid #ede4d8 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--sans) !important; font-size: 13px !important; font-weight: 400 !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-chip.vp-chip.on { border: 1px dashed #e07a2e !important; color: #1a1410 !important; font-weight: 500 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-chip-m svg { width: 16px !important; height: 16px !important; }
/* The cannot-see chip carries a 7px ringed slash, not a filled square: at 6px
   the hatch packs into a solid block and reads as a state that is known. */
:root:root:root:root:root:root:root:root body .vp .vp-chip.st-unknown::after {
  width: 7px !important; height: 7px !important; border-radius: 999px !important;
  background: linear-gradient(135deg, transparent 0 42%, #aca59f 42% 58%, transparent 58%) !important;
  box-shadow: inset 0 0 0 1px #aca59f !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-state {
  font-family: var(--sans) !important; font-size: 15px !important; color: #4a4038 !important; line-height: 24px !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-state em { font-style: normal !important; font-weight: 600 !important; color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-pill.vp-pill {
  height: 35px !important; padding: 8px 12px !important; box-sizing: border-box !important;
  background: transparent !important; border: 1px solid #ede4d8 !important; border-radius: 0 !important; box-shadow: none !important;
  font-family: var(--mono) !important; font-size: 13px !important; font-weight: 400 !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-pill.vp-pill.on { border-color: #e07a2e !important; color: #1a1410 !important; font-weight: 500 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-spot { font-family: var(--mono) !important; font-size: 15px !important; color: #4a4038 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-rule { font-family: var(--sans) !important; font-size: 13px !important; color: #6b5f55 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-st-v {
  font-family: var(--mono) !important; font-size: 28px !important; font-weight: 500 !important; line-height: 36px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-st-n { font-family: var(--sans) !important; font-size: 13px !important; color: #6b5f55 !important; }
:root:root:root:root:root:root:root:root body .vp .vp-d summary {
  font-family: var(--sans) !important; font-size: 16px !important; color: #1a1410 !important; list-style: none !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-d summary::before { content: "+" !important; color: #e07a2e !important; margin-right: 14px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-d summary span { font-family: var(--sans) !important; font-size: 13px !important; color: #6b5f55 !important; margin-left: 14px !important; }

/* lattice, pass 2: the sticky head rows need a solid ground, chips drawn in
   the content box only (749:29526 head band #fffdf9, column heads on white),
   and no box around the table */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-wrap { border: 0 !important; box-shadow: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-h { background: #fffefb !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t tr:not(.chv-side) .chv-h:not(:first-child):not(:last-child) {
  background: linear-gradient(#e07a2e, #e07a2e) content-box, #fffefb !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-sideh {
  background: linear-gradient(#e07a2e, #e07a2e) center / 56px 22px no-repeat, #fffdf9 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-side .chv-kh { background: #fffdf9 !important; }
/* lattice, pass 3, measured off 749:29526. Board: ladder 152-1011, 48 gutter,
   dock 1060-1287, so the dock's right edge lands on the page gutter. The
   330px dock track left 102px of dead paper to the right of a 228px card and
   squeezed the ladder to 808. Strike is the spine: header and figure share
   one centre (header white 509-554, figure 510-553). The IV columns are
   outriggers, each flush with its own edge rather than centred: left header
   and figure both start at 161, right ones both end at 1011. */
@media (min-width: 1180px) {
  :root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-body {
    grid-template-columns: minmax(0, 1fr) 228px !important; gap: 48px !important;
  }
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t tr:not(.chv-side) .chv-h.chv-kh:not(:first-child):not(:last-child) { text-align: center !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t tr:not(.chv-side) .chv-h:first-child {
  text-align: left !important; padding-left: 10px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t tr:not(.chv-side) .chv-h:last-child {
  text-align: right !important; padding-right: 10px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-r .chv-c:first-child { text-align: left !important; }
/* flow, pass 3: the view's own wrapper drew a #fffdf9 box with a #ede4d8
   rule around the section; 731:30008 sits straight on the ground */
:root:root:root:root:root:root:root:root body .view[data-view="tools"] > * {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="tools"] > *::before,
:root:root:root:root:root:root:root:root body .view[data-view="tools"] > *::after { display: none !important; }
/* compare board, pass 2: the traded marker is a 7x7 square (611:971); the
   recency ladder colours (--q5 to --q1) are kept because they carry the age */
:root:root:root:root:root:root:root:root body .sc-host .cell[data-band] b::before {
  width: 7px !important; height: 7px !important; border-radius: 0 !important;
}
:root:root:root:root:root:root:root:root body .sc-host .cell[data-band="0"] b::before { background: rgba(224,122,46,.70) !important; }
/* lattice, chosen row (847:26294): #fcf4eb wash, 2px orange left rule, strike
   cell #fffdf9 and unringed. The wash and the rule both have to live on the
   cells — border-collapse is `separate`, under which a <tr> box-shadow never
   paints, and the cells carried their own 15%-accent mix that hid the row
   colour at #fae9db. The in-the-money cells give up their own tint inside the
   chosen row, as the frame draws it. The inline per-venue breakout under the
   row in 847:26294 / 850:26334 is marked SAMPLE DATA in the frame and is not
   built; the live page answers the same click in the side dock. */
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-r.on .chv-c { background: #fcf4eb !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-r.on .chv-k { background: #fffdf9 !important; box-shadow: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="chain"] .chv-t .chv-r.on > :first-child { box-shadow: inset 2px 0 0 #e07a2e !important; }
/* venue detail, pass 2, from 615:1411 (a venue with no public prices and a
   trade feed): "on request" hero Geist Mono Regular 48 #4a4038 -2%, its
   sentence Inter 16 #4a4038, side-card words Geist Mono Regular 20 #4a4038,
   "PUBLISHES ITS TRADES" #3fa77a, a traded state line led by a 10x10
   #3fa77a square. */
:root:root:root:root:root:root:root:root body .vp .vp-num.vp-na {
  font-family: var(--mono) !important; font-size: 48px !important; font-weight: 400 !important;
  letter-spacing: -0.96px !important; line-height: 62px !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-num.vp-na + .vp-sub { font-size: 16px !important; line-height: 24px !important; }
:root:root:root:root:root:root:root:root body .vp .vp-alt-v.vp-na {
  font-family: var(--mono) !important; font-size: 20px !important; font-weight: 400 !important; line-height: 28px !important; color: #4a4038 !important;
}
:root:root:root:root:root:root:root:root body .vp .vp-mark.yes { color: #3fa77a !important; }
:root:root:root:root:root:root:root:root body .vp .vp-state.st-traded::before {
  content: "" !important; display: inline-block !important; width: 10px !important; height: 10px !important;
  margin-right: 10px !important; background: #3fa77a !important; vertical-align: 0 !important;
}

/* ══ PREMIUM · 595:9465 (written from the frame and premium.js; the view
   could not be rendered on the mirror because /api/premium-history did not
   answer within 280s, so this block is UNVERIFIED against a live PNG) ═════
   Hero card 595:9499: white, 1px #e6be9c, radius 10. Chip 595:9500 Geist
   Mono Medium 11, 8% tracking. Figure 595:9501 JetBrains Mono 76 -3% ink,
   unit Inter 15 #8a7f74. Venue split 595:9503 to 595:9514: name Inter
   Medium 16 ink, value JetBrains Mono 16 ink, share Inter 13 #8a7f74.
   Chart 736:31937: day bars #ede4d8, chosen day #e07a2e, axis and median
   labels JetBrains Mono 11 #8a7f74, scale pills 595:9515 #fffdf9 1px
   #e6be9c radius 8. Window band 740:29137: white, 1px #e6be9c, pad 20 24,
   range Geist Mono Medium 14 ink, reset #f7efe4 1px #e6be9c Geist Mono
   Medium 10 #4a4038. */
:root:root:root:root:root:root:root:root body .view[data-view="premium"] section.panel {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] section.panel::before,
:root:root:root:root:root:root:root:root body .view[data-view="premium"] section.panel::after { display: none !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .tl-sec-h {
  display: inline-block !important; width: max-content !important; padding: 3px 6px !important; margin: 0 0 12px !important;
  background: #e07a2e !important; color: #ffffff !important; border: 0 !important;
  font-family: var(--mono) !important; font-size: 11px !important; font-weight: 500 !important;
  letter-spacing: .88px !important; text-transform: uppercase !important; line-height: 14px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-card {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 10px !important; box-shadow: none !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-card.lead .pm-kpi-v {
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 76px !important; font-weight: 400 !important;
  letter-spacing: -2.28px !important; line-height: 100px !important; color: #1a1410 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-kpi-u { font-family: var(--sans) !important; font-size: 15px !important; color: #8a7f74 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-vn b { font-family: var(--sans) !important; font-size: 16px !important; font-weight: 500 !important; color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-vv { font-family: "JetBrains Mono", var(--mono) !important; font-size: 16px !important; font-weight: 400 !important; color: #1a1410 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-vs { font-family: var(--sans) !important; font-size: 13px !important; color: #8a7f74 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-svg .pm-bg { fill: #ede4d8 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-svg .pm-day.on .pm-bg { fill: #e07a2e !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-svg .pm-ylab,
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-svg .pm-medl {
  font-family: "JetBrains Mono", var(--mono) !important; font-size: 11px !important; fill: #8a7f74 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-svg .pm-xtick { stroke: #e6be9c !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-sc.pm-sc.pm-sc {
  height: 28px !important; padding: 0 12px !important; background: #fffdf9 !important;
  border: 1px solid #e6be9c !important; border-radius: 8px !important; box-shadow: none !important;
  font-family: var(--sans) !important; font-size: 12px !important; font-weight: 400 !important; color: #8a7f74 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-sc.pm-sc.pm-sc.on { color: #1a1410 !important; font-weight: 500 !important; }
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-win {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important; padding: 20px 24px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-days {
  background: #ffffff !important; border: 1px solid #e6be9c !important; border-radius: 0 !important; padding: 20px 24px !important;
}
/* The window thumbs are the same bracket end-caps as the Compare band's. */
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-r::-webkit-slider-thumb {
  width: 4px !important; height: 22px !important; border-radius: 0 !important;
  background: #e07a2e !important; border: 0 !important; margin-top: -10px !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-r::-moz-range-thumb {
  width: 4px !important; height: 22px !important; border-radius: 0 !important;
  background: #e07a2e !important; border: 0 !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-win-range .r {
  font-family: var(--mono) !important; font-size: 14px !important; font-weight: 500 !important; color: #1a1410 !important; text-transform: uppercase !important;
}
:root:root:root:root:root:root:root:root body .view[data-view="premium"] .pm-win-reset.pm-win-reset {
  padding: 6px 12px !important; background: #f7efe4 !important; border: 1px solid #e6be9c !important; border-radius: 0 !important;
  font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important;
  letter-spacing: .5px !important; text-transform: uppercase !important; color: #4a4038 !important;
}

/* ── marks: native brand colour on this skin ──────────────────────────────
   The PNGs already carry it; instrument.css desaturates them for the
   ink-first pages, and this skin turns that back off. */
:root:root:root:root:root:root:root:root body .mk image,
:root:root:root:root:root:root:root:root body .mk img {
  filter: none !important;
}

/* The status block stands on clear paper — no rule before the dot column. */
:root:root:root:root:root:root:root:root body header.top #status.status {
  border-left: 0 !important;
}

/* The explanatory paragraphs run the mock's three-column measure. */
:root:root:root:root:root:root:root:root body #cb-foot,
:root:root:root:root:root:root:root:root body #cb-scope {
  max-width: 965px !important;
}

/* Venue marks are discs, as the mock masks them — except Hypercall, whose
   full-bleed H would lose its stroke ends to the circle. */
:root:root:root:root:root:root:root:root body svg.mk[data-mk^="venue-"] { clip-path: circle(50%); }
:root:root:root:root:root:root:root:root body svg.mk[data-mk="venue-hypercall"] { clip-path: none; }
/* The NEW badge at the mock's height. */
:root:root:root:root:root:root:root:root body .rl-new {
  padding: 1px 4px !important; line-height: 1.25 !important;
}

/* The two vertical bars are STATIC separators framing the first tab — in the
   mock they stand in BOTH frames, whichever tab is active. The left one is
   nav.rail's own border; this is the right one, plus the constant margins
   that give the first tab its slot. Constant = the row never moves. */
:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="today"] {
  margin: 0 8px 0 4px !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="today"]::after {
  content: "" !important; display: block !important; position: absolute !important;
  left: auto !important; bottom: auto !important;
  right: -6px !important; top: 50% !important; transform: translateY(-50%) !important;
  width: 2px !important; height: 28px !important; background: #e07a2e !important;
  opacity: 1 !important; animation: none !important; pointer-events: none !important;
}
:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="today"] {
  position: relative !important;
}

/* Vaults is not surfaced: no tab, and its break goes with it. */
:root:root:root:root:root:root:root:root body nav.rail .rl-item[data-sec="vaults"],
:root:root:root:root:root:root:root:root body nav.rail .rl-break { display: none !important; }

/* The explorer arrow carries no hairline — instrument.css's generic anchor
   underline leaked onto it (same fix the settled pane carries). */
:root:root:root:root:root:root:root:root body #tape .tw-ex {
  border-bottom: 0 !important; font-size: 11px !important; line-height: 1 !important;
}