/* ══════════════════════════════════════════════════════════════════════════
   MASTER DASHBOARD — the desk stylesheet, ported from the reference design.

   DO NOT hand-edit this file to change a colour. Every colour it uses comes from the
   app's own palette tokens through the alias block below, so all four palettes
   (slate · warm · teal · editorial) in both light and dark drive it automatically. A
   literal colour added here would be the one thing on the page that does not follow
   the palette switch.

   The reference names its tokens `--bg`/`--card`/`--ink`; we name ours
   `--app-bg`/`--surface`/`--text`. The alias exists so the ported rules stay
   byte-comparable with the reference they came from — diffing a future version of the
   design against this file has to stay possible, and renaming 900 declarations would
   end that.
   ══════════════════════════════════════════════════════════════════════════ */
#view-master-dashboard{
  --bg: var(--app-bg);
  --card: var(--surface);
  /* The FIRST recessed step -- every panel that should sit BELOW the card it is on: a
     tile, a key-takeaway box, a callout, a day header, a hovered row.

     Not `--surface-sunken`, whose name is the trap. That token is near-white (#f9fcff
     slate light, #f4f5ef warm, #fbfcf9 teal) and, measured against the reference's own
     eight palette/mode values, matched 2 of 8 -- editorial, where the two happen to be
     equal. `--surface-row-active` matches 8 of 8 exactly. Aliased to the near-white one,
     every recessed panel painted at very nearly the card colour and read as flat text
     rather than as a panel. ForexFundamentals' own alias block records hitting the same
     trap from the other side. Alias by VALUE, never by name: `sunken` and `sunk` are the
     same word and two different greys. */
  --sunk: var(--surface-row-active);
  /* `--sunk2` is the reference's SECOND recessed step -- the grey a bar track, a hovered
     row and a selected leaderboard row are painted in. Our `--surface-row-active` is its
     FIRST step: #DCEDFF slate light, #DDDFD4 warm, #E3EEDC teal, byte-equal to the
     reference's `--sunk` in all four palettes and both modes. Aliasing `--sunk2` onto it
     therefore left the whole ladder one notch light, and the factor-by-factor bar tracks
     painted a pale tint on a white card -- no visible track at all.

     No app token sits at the deeper step, so it is DERIVED rather than hardcoded: six per
     cent of the ink mixed into the row colour, which was fitted against the reference's
     own eight `--sunk2` values (mean oklab distance .011, worst .022) and lands a shade or
     two off everywhere -- #D1E2F2 against its #CBDCF3 on slate light, #D1D4C9 against
     #CFD2C6 on warm. A literal would match one palette exactly and stop following the
     switch on the other seven. */
  --sunk2: color-mix(in oklab, var(--text) 6%, var(--surface-row-active));
  --ink: var(--text);
  --soft: var(--text-2);
  --faint: var(--text-faint);
  --rule: rgba(var(--hairline-rgb), .55);
  --rule2: rgba(var(--hairline-rgb), .95);
  --up: var(--bull-dot);
  --up-bg: var(--bull-tint);
  --up-bd: var(--bull-edge);
  --dn: var(--bear-dot);
  --dn-bg: var(--bear-tint);
  --dn-bd: var(--bear-edge);
  --nt: var(--text-muted);
  --nt-bg: var(--surface-sunken);
  --amber: var(--warn-text);
  --amber-bg: var(--warn-tint);
  --blue: var(--accent);
  --blue-bg: var(--info-tint);
  --fsans: var(--font-sans);
  --fmono: var(--font-mono);
  --fdisp: var(--font-display);
  --rad2: var(--r-md);
}

/* The reference styles `body`; here the view IS the page. */
#view-master-dashboard{
  background: var(--bg); color: var(--ink);
  font-family: var(--fsans);
  font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; text-wrap: pretty;
}

:root[data-theme="dark"] #view-master-dashboard {
  --bg:#0F1114; --card:#171A1E; --sunk:#1C2025; --sunk2:#22272C;
  --ink:#E6E8EA; --soft:#A0A7AE; --faint:#79818A;
  --rule:#2A2F35; --rule2:#363C43;
  --up:#4FC08D; --up-bg:#14261E; --up-bd:#2C5F49;
  --dn:#EE7C90; --dn-bg:#2A171B; --dn-bd:#6B3743;
  --nt:#79818A; --nt-bg:#22272C;
  --amber:#D9A45C; --amber-bg:#2A2114;
  --blue:#7FA9E0; --blue-bg:#182333;
}
#view-master-dashboard * {box-sizing:border-box}
#view-master-dashboard button {font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
#view-master-dashboard a {color:var(--blue)}
#view-master-dashboard :focus-visible {outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
#view-master-dashboard .m {font-family:var(--fmono);font-variant-numeric:tabular-nums}
#view-master-dashboard .lb {font-family:var(--fmono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
#view-master-dashboard img.fl {border-radius:999px;object-fit:cover;box-shadow:0 0 0 1px rgba(26,29,33,.10);vertical-align:-3px}
#view-master-dashboard .fpair {display:inline-flex;align-items:center;flex:0 0 auto;margin-right:3px;vertical-align:middle}
#view-master-dashboard .fpair img.fl {border:2px solid var(--card);border-radius:999px;vertical-align:middle;
  box-sizing:content-box;box-shadow:0 0 0 1px rgba(26,29,33,.12);position:relative}
#view-master-dashboard .fpair img.fl:first-child {z-index:2}
#view-master-dashboard .fpair img.fl+img.fl {margin-left:calc(var(--fp) * -0.40);z-index:1}
#view-master-dashboard .page {max-width:1000px;margin:0 auto;padding:0 26px 90px}
#view-master-dashboard .mast {display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--rule2)}
#view-master-dashboard .wm {font-family:var(--fmono);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
#view-master-dashboard .nav {display:flex;gap:16px;flex-wrap:wrap;font-family:var(--fmono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .nav .soon {position:relative;cursor:default}
#view-master-dashboard .nav .soon:hover {color:var(--soft)}
#view-master-dashboard .nav .soon::after {content:'Coming soon';position:absolute;left:50%;top:calc(100% + 9px);
  transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:9px;letter-spacing:.1em;
  padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .14s ease;z-index:20}
#view-master-dashboard .nav .soon:hover::after {opacity:1}
#view-master-dashboard .nav .on {color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:3px}
#view-master-dashboard .stat {margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-master-dashboard .dot {width:7px;height:7px;border-radius:999px;background:var(--up)}
#view-master-dashboard section {margin-top:38px}
#view-master-dashboard .sh {display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
#view-master-dashboard .sh h2 {font-size:21px;font-weight:700;letter-spacing:-.015em;margin:0}
#view-master-dashboard .sh .r {margin-left:auto;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-master-dashboard .purpose {margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-master-dashboard .purpose b {color:var(--ink);font-weight:600}
#view-master-dashboard .sig {display:inline-flex;align-items:center;gap:5px;font-family:var(--fmono);font-size:10.5px;
  font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px;
  border:1px solid transparent;white-space:nowrap}
#view-master-dashboard .sig.up {background:var(--up-bg);border-color:var(--up-bd);color:var(--up)}
#view-master-dashboard .sig.dn {background:var(--dn-bg);border-color:var(--dn-bd);color:var(--dn)}
#view-master-dashboard .sig.nt {background:var(--nt-bg);border-color:var(--rule2);color:var(--nt)}
#view-master-dashboard .sig.dir {min-width:88px;justify-content:center;letter-spacing:.1em}
#view-master-dashboard .sig.wn {background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}
#view-master-dashboard .chip {display:inline-flex;align-items:center;gap:6px;font-family:var(--fmono);font-size:10.5px;
  padding:5px 11px;border-radius:999px;border:1px solid var(--rule2);color:var(--soft);background:var(--card)}
#view-master-dashboard .chip[aria-pressed="true"] {background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}
#view-master-dashboard .card {background:var(--card);border:1px solid var(--rule);border-radius:var(--rad2)}
#view-master-dashboard .tops {margin-top:26px}
#view-master-dashboard .topgrid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
#view-master-dashboard .tcard {display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);
  border-top:3px solid var(--up);border-radius:0 0 12px 12px;padding:16px 18px 18px}
#view-master-dashboard .tcard.dn {border-top-color:var(--dn)}
#view-master-dashboard .tcard.open {border-color:var(--rule2);box-shadow:0 10px 30px rgba(15,17,21,.08)}
#view-master-dashboard .tcard .th {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
#view-master-dashboard .tcard .rk {font-family:var(--fmono);font-size:11px;font-weight:600;color:var(--faint)}
#view-master-dashboard .tcard .p {display:inline-flex;align-items:center;gap:7px;font-family:var(--fmono);
  font-size:14px;font-weight:600}
#view-master-dashboard .tcard .cv {display:block;margin-top:9px;font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .tcard .hl {margin:6px 0 8px;font-size:19px;line-height:1.28;font-weight:700;letter-spacing:-.02em}
#view-master-dashboard .tcard .ex {margin:0 0 16px;font-size:13.5px;line-height:1.6;color:var(--soft);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
#view-master-dashboard .tcard .rm {margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  padding:9px 14px;border-radius:999px;border:1px solid var(--rule2);background:transparent;
  color:var(--soft);cursor:pointer}
#view-master-dashboard .tcard .rm:hover {color:var(--ink);border-color:var(--ink)}
#view-master-dashboard .tcard.open .rm {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-master-dashboard .topopen {margin-top:14px;background:var(--card);border:1px solid var(--rule);
  border-left:4px solid var(--up);border-radius:12px;padding:20px 22px}
#view-master-dashboard .topopen.dn {border-left-color:var(--dn)}
#view-master-dashboard .topopen .toh {display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:12px}
#view-master-dashboard .topopen .toh .p {display:inline-flex;align-items:center;gap:8px;font-family:var(--fmono);
  font-size:16px;font-weight:600}
#view-master-dashboard .topopen .toh .hl {font-size:15px;font-weight:600;color:var(--soft)}
#view-master-dashboard .topopen .lead {margin:0;font-size:15px;line-height:1.65;max-width:78ch;color:var(--soft)}
@media (max-width:900px) {
  #view-master-dashboard .topgrid {grid-template-columns:1fr}
  #view-master-dashboard .tcard .ex {-webkit-line-clamp:none}
}
@media print {
  #view-master-dashboard .tcard .rm {display:none}
}
#view-master-dashboard .top .flag {display:inline-flex;align-items:center;gap:8px;background:var(--up-bg);border:1px solid var(--up-bd);
  color:var(--up);border-radius:999px;padding:4px 12px;font-family:var(--fmono);font-size:10.5px;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#view-master-dashboard .top h1 {font-size:27px;line-height:1.25;font-weight:700;letter-spacing:-.02em;margin:14px 0 6px}
#view-master-dashboard .top .pairline {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
#view-master-dashboard .top .pairline .p {font-family:var(--fmono);font-size:19px;font-weight:600}
#view-master-dashboard .top p {margin:0 0 10px;font-size:15px;line-height:1.65;max-width:78ch}
#view-master-dashboard .top .grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}
#view-master-dashboard .top .box {background:var(--sunk);border-radius:8px;padding:12px 14px}
#view-master-dashboard .top .box .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-master-dashboard .top .box p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .legend {display:flex;gap:16px;flex-wrap:wrap;background:var(--sunk);border-radius:8px;padding:10px 14px;
  margin-bottom:14px;font-size:12.5px;color:var(--soft)}
#view-master-dashboard .legend span b {color:var(--ink)}
#view-master-dashboard .rel {display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:12px}
#view-master-dashboard .rel .c {background:var(--card);border:1px solid var(--rule);border-radius:var(--rad2);padding:14px 16px}
#view-master-dashboard .rel .c .hd {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-master-dashboard .rel .c .nm {font-family:var(--fmono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--soft);display:block;margin-bottom:4px}
#view-master-dashboard .rel .c .v {font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-master-dashboard .rel .c .cons {font-family:var(--fmono);font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
#view-master-dashboard .rel .c .why {margin:11px 0 0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .stars {font-family:var(--fmono);font-size:11px;letter-spacing:1px;margin-left:auto}
#view-master-dashboard .bhead, #view-master-dashboard .brow {display:grid;grid-template-columns:46px 132px 108px 1fr 74px 26px;gap:14px;align-items:center}
#view-master-dashboard .brow .rk {font-family:var(--fmono);font-size:13px;font-weight:600;color:var(--faint)}
#view-master-dashboard .bhead {padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-master-dashboard .bhead span, #view-master-dashboard .bhead button {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .bhead button {background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;gap:5px;
  font-weight:400}
#view-master-dashboard .bhead button:hover {color:var(--ink)}
#view-master-dashboard .bhead button.on {color:var(--ink);font-weight:600}
#view-master-dashboard .bhead button .ar {font-size:8px;opacity:.55}
#view-master-dashboard .bhead button.on .ar {opacity:1}
#view-master-dashboard .bhead button.rt {justify-content:flex-end}
#view-master-dashboard .brow {padding:13px 16px;border-bottom:1px solid var(--rule);cursor:pointer;width:100%}
#view-master-dashboard .brow:hover {background:var(--sunk)}
#view-master-dashboard .brow .cc {display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.02em}
#view-master-dashboard .brow .cc small {display:block;font-family:var(--fmono);font-size:9px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);font-weight:400}
#view-master-dashboard .brow .ln {font-size:13.5px;color:var(--soft);line-height:1.45}
#view-master-dashboard .brow .y {text-align:right;font-family:var(--fmono);font-size:14px}
#view-master-dashboard .brow .ex {text-align:right;color:var(--faint);font-family:var(--fmono)}
#view-master-dashboard .bexp {padding:18px 16px 22px;background:var(--sunk);border-bottom:1px solid var(--rule)}
@media (max-width:760px) {
  #view-master-dashboard .bhead, #view-master-dashboard .phead {display:none}
  #view-master-dashboard .brow {grid-template-columns:42px 1fr 26px;gap:8px}
}
#view-master-dashboard .dr {display:grid;grid-template-columns:150px 92px 110px 92px 56px;gap:12px;align-items:center;
  padding:11px 0;border-bottom:1px solid var(--rule)}
#view-master-dashboard .dr:last-child {border-bottom:0}
#view-master-dashboard .trk {position:relative;height:7px;background:var(--sunk2);border-radius:999px}
#view-master-dashboard .trk .z {position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:var(--rule2)}
#view-master-dashboard .trk b {position:absolute;top:0;bottom:0;border-radius:999px}
#view-master-dashboard .dr .k {font-weight:600;font-size:13.5px;min-width:0}
#view-master-dashboard .dr .sa, #view-master-dashboard .dr .sb {font-family:var(--fmono);font-size:12px;color:var(--faint);white-space:nowrap}
#view-master-dashboard .dr .sa {text-align:right}
#view-master-dashboard .dr .sb {text-align:left}
#view-master-dashboard .dr .lead {color:var(--ink);font-weight:600}
#view-master-dashboard .dr .sc {text-align:right;font-family:var(--fmono);font-weight:600}
#view-master-dashboard .dr .ds {grid-column:1/-1;font-size:13px;color:var(--soft);line-height:1.5;margin-top:1px}
@media (max-width:820px) {
  #view-master-dashboard .dr {grid-template-columns:1fr 60px}
  #view-master-dashboard .dr .trk, #view-master-dashboard .dr .ds {display:none}
}
#view-master-dashboard .phead {display:grid;grid-template-columns:150px 138px minmax(0,1fr) 26px;gap:14px;align-items:center;
  padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-master-dashboard .phead span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .prow {display:grid;grid-template-columns:150px 138px minmax(0,1fr) 26px;gap:14px;align-items:center;
  padding:14px 16px;border-bottom:1px solid var(--rule);cursor:pointer;width:100%}
#view-master-dashboard .prow:hover {background:var(--sunk)}
#view-master-dashboard .prow .pp {display:flex;align-items:center;gap:7px;font-family:var(--fmono);font-weight:600;font-size:14.5px}
#view-master-dashboard .prow .ln {font-size:13.5px;color:var(--soft);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-master-dashboard .prow {min-height:62px}
#view-master-dashboard .prow .ex {text-align:right;color:var(--faint);font-family:var(--fmono)}
#view-master-dashboard .pexp {padding:22px 16px 32px;background:var(--sunk);border-bottom:1px solid var(--rule)}
#view-master-dashboard .pexp .pt {margin:0 0 12px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:70ch}
#view-master-dashboard .pexp .note {margin-top:18px}
#view-master-dashboard .note {background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:12px 14px;margin-top:14px}
#view-master-dashboard .note .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-master-dashboard .note p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
@media (max-width:760px) {
  #view-master-dashboard .prow {grid-template-columns:1fr 26px;gap:8px}
}
#view-master-dashboard .filters {display:flex;gap:7px;flex-wrap:wrap;align-items:center;background:var(--card);border:1px solid var(--rule);
  border-radius:var(--rad2);padding:11px 13px;margin-bottom:14px}
#view-master-dashboard .news {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
#view-master-dashboard .na {background:var(--card);border:1px solid var(--rule);border-radius:var(--rad2);padding:15px 17px;cursor:pointer;
  display:flex;flex-direction:column;min-height:186px;
  display:flex;flex-direction:column;gap:9px}
#view-master-dashboard .na:hover {border-color:var(--rule2)}
#view-master-dashboard .na.open {grid-column:1/-1;border-color:var(--ink)}
#view-master-dashboard .na .meta {display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .na .meta {flex-wrap:nowrap;min-height:26px}
#view-master-dashboard .na .meta .mi {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  display:block;font-family:var(--fmono)}
#view-master-dashboard .na .meta .tags {margin-left:auto;display:flex;gap:5px;flex:0 0 auto}
#view-master-dashboard .na .meta .tm {color:var(--ink);font-weight:600}
#view-master-dashboard .na .meta .src {color:var(--soft)}
#view-master-dashboard .na h3 {margin:0;font-size:15.5px;line-height:1.35;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-master-dashboard .na .sum {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#view-master-dashboard .na .kt {background:var(--sunk);border-radius:8px;padding:14px 16px;margin-top:2px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
#view-master-dashboard .na .kt>div {min-width:0}
#view-master-dashboard .na .kt p {margin:0;font-size:13.2px;line-height:1.6;color:var(--soft)}
#view-master-dashboard .na .kt .ac p {color:var(--ink)}
#view-master-dashboard .na .kt .lb {display:block;color:var(--faint);margin-bottom:6px}
#view-master-dashboard .na .kt ul {margin:0;padding-left:18px}
#view-master-dashboard .na .kt li {font-size:13.5px;line-height:1.55;color:var(--soft);margin-bottom:5px}
#view-master-dashboard .na .kt li:last-child {margin-bottom:0}
#view-master-dashboard .na .more {margin-top:auto;padding-top:12px;font-family:var(--fmono);font-size:10px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
#view-master-dashboard .na.open h3, #view-master-dashboard .na.open .sum {-webkit-line-clamp:unset;display:block;overflow:visible}
#view-master-dashboard .na:not(.open) .kt {display:none}
#view-master-dashboard .day {margin-bottom:14px}
#view-master-dashboard .dayhd {padding:13px 16px;border-bottom:1px solid var(--rule);background:var(--sunk)}
#view-master-dashboard .dayhd b {font-size:15px;font-weight:700}
#view-master-dashboard .dayhd p {margin:3px 0 0;font-size:13px;color:var(--soft)}
#view-master-dashboard .evt {display:grid;grid-template-columns:74px 1fr 92px;gap:14px;padding:13px 16px;border-bottom:1px solid var(--rule);align-items:start}
#view-master-dashboard .evt:last-child {border-bottom:0}
#view-master-dashboard .evt .t {font-family:var(--fmono);font-size:12px;color:var(--soft)}
#view-master-dashboard .evt .ti {font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:7px}
#view-master-dashboard .evt .cons {font-family:var(--fmono);font-size:11px;color:var(--faint);margin-top:3px}
#view-master-dashboard .evt .why {font-size:13px;color:var(--soft);margin-top:5px;line-height:1.5}
#view-master-dashboard .evt .im {text-align:right}
#view-master-dashboard .evt[hidden] {display:none}
#view-master-dashboard .calmore {display:block;width:100%;background:var(--card);border:1px solid var(--rule);
  border-radius:var(--rad2);padding:13px 16px;cursor:pointer;font-family:var(--fmono);font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
#view-master-dashboard .calmore:hover {border-color:var(--rule2)}
@media (max-width:760px) {
  #view-master-dashboard .evt {grid-template-columns:1fr 92px}
  #view-master-dashboard .evt .t {grid-column:1/-1}
}
#view-master-dashboard .foot {margin-top:44px;padding-top:16px;border-top:1px solid var(--rule2);
  font-family:var(--fmono);font-size:10.5px;line-height:1.75;color:var(--faint)}
#view-master-dashboard .ax {display:grid;grid-template-columns:150px 120px 64px minmax(0,1fr) 20px;gap:14px;align-items:start;
  padding:12px 0;border-bottom:1px solid var(--rule)}
#view-master-dashboard .ax:last-of-type {border-bottom:0}
#view-master-dashboard .ax .k {font-weight:600;font-size:13.5px;min-width:0}
#view-master-dashboard .ax .k small {display:block;font-family:var(--fmono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-top:2px}
#view-master-dashboard .ax .sc {text-align:right;font-family:var(--fmono);font-weight:600;font-size:14px;
  font-variant-numeric:tabular-nums;white-space:nowrap}
#view-master-dashboard .ax .why {font-size:13px;line-height:1.55;color:var(--soft);min-width:0;overflow-wrap:anywhere;
  padding-left:14px;border-left:1px solid var(--rule)}
#view-master-dashboard .ax .trk {margin-top:5px}
@media (max-width:820px) {
  #view-master-dashboard .ax {grid-template-columns:1fr 64px 20px}
  #view-master-dashboard .ax .trk, #view-master-dashboard .ax .why {grid-column:1/-1}
  #view-master-dashboard .ax .trk {display:none}
  #view-master-dashboard .ax .why {padding-left:0;border-left:0}
}
#view-master-dashboard .rsn {border:1px solid var(--rule);border-radius:10px;padding:12px 14px;margin-bottom:9px;background:var(--card)}
#view-master-dashboard .rsn:last-child {margin-bottom:0}
#view-master-dashboard .rsn .hd {display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
#view-master-dashboard .rsn .w {font-family:var(--fmono);font-size:10px;font-weight:600;letter-spacing:.06em;
  padding:3px 8px;border-radius:999px;background:var(--ink);color:var(--bg)}
#view-master-dashboard .rsn .ref {font-family:var(--fmono);font-size:10px;color:var(--faint);
  margin-left:auto;overflow-wrap:anywhere;text-align:right;
  background:none;border:0;padding:0;cursor:pointer}
#view-master-dashboard .rsn .ref .rc {display:block;margin-top:3px;color:var(--ink)}
#view-master-dashboard .rsn p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft);overflow-wrap:anywhere}
#view-master-dashboard .pend {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint)}
#view-master-dashboard .state {font-family:var(--fmono);font-size:9.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--rule2);color:var(--faint)}
#view-master-dashboard .state.firing {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-master-dashboard .state.armed {background:var(--amber-bg);border-color:var(--amber);color:var(--amber)}
#view-master-dashboard .brow .cc, #view-master-dashboard .prow .pp, #view-master-dashboard .evt .ti {min-width:0}
#view-master-dashboard .brow .cc>span, #view-master-dashboard .prow .pp, #view-master-dashboard .evt .ti {overflow-wrap:anywhere}
#view-master-dashboard .brow .ln, #view-master-dashboard .prow .ln, #view-master-dashboard .evt .why, #view-master-dashboard .evt .cons {min-width:0;overflow-wrap:anywhere}
#view-master-dashboard .prow {align-items:start}
#view-master-dashboard .prow .sig {white-space:nowrap}
#view-master-dashboard .prow>span {min-width:0}
#view-master-dashboard .prow .pp {flex-wrap:wrap;line-height:1.35}
#view-master-dashboard .evt {align-items:start}
#view-master-dashboard .evt .ti {flex-wrap:wrap;line-height:1.35}
#view-master-dashboard .evt .im .sig {white-space:nowrap;text-align:center;line-height:1.3}
#view-master-dashboard .dr .ds {min-width:0}
#view-master-dashboard .dr .ds {min-width:0;overflow-wrap:anywhere}
#view-master-dashboard .relrail {display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;
  scrollbar-width:thin;scrollbar-color:var(--rule2) transparent;-webkit-overflow-scrolling:touch}
#view-master-dashboard .relrail::-webkit-scrollbar {height:7px}
#view-master-dashboard .relrail::-webkit-scrollbar-thumb {background:var(--rule2);border-radius:999px}
#view-master-dashboard .relrail::-webkit-scrollbar-track {background:transparent}
#view-master-dashboard .relrail .c {flex:0 0 min(272px,82vw);scroll-snap-align:start;
  background:var(--card);border:1px solid var(--rule);border-radius:var(--rad2);padding:14px 16px}
#view-master-dashboard .relrail .c .hd {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-master-dashboard .relrail .c .nm {font-family:var(--fmono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--soft);display:block;margin-bottom:4px}
#view-master-dashboard .relrail .c .v {font-size:24px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-master-dashboard .relrail .c .cons {font-family:var(--fmono);font-size:10.5px;color:var(--faint);display:block;margin-top:2px}
#view-master-dashboard .relrail .c .why {margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .relrail .c .rf {display:block;margin-top:11px;padding:0;background:none;border:0;cursor:pointer;
  font-family:var(--fmono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--blue)}
#view-master-dashboard .relrail .c .rf:hover {text-decoration:underline}
#view-master-dashboard .relrail .c.open {border-color:var(--rule2)}
@media print {
  #view-master-dashboard .relrail .c .rf {display:none}
  #view-master-dashboard .relrail .c .why {display:block}
}
@media print {
  #view-master-dashboard .relrail {overflow:visible;flex-wrap:wrap}
  #view-master-dashboard .relrail .c {flex-basis:31%}
}
#view-master-dashboard .stat .sep {width:1px;height:11px;background:var(--rule2);display:inline-block}
#view-master-dashboard .stat .upd {color:var(--soft)}
#view-master-dashboard .chain {display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr;gap:10px;align-items:stretch;margin-top:18px}
#view-master-dashboard .chain .step {background:var(--sunk);border-radius:8px;padding:12px 14px;position:relative}
#view-master-dashboard .chain .step .n {position:absolute;top:-9px;left:12px;width:19px;height:19px;border-radius:999px;
  background:var(--ink);color:var(--bg);font-family:var(--fmono);font-size:10px;font-weight:600;
  display:flex;align-items:center;justify-content:center}
#view-master-dashboard .chain .step .lb {display:block;color:var(--faint);margin:3px 0 5px}
#view-master-dashboard .chain .step .hl {display:block;font-size:14.5px;font-weight:600;line-height:1.4;
  letter-spacing:-.01em;margin-bottom:7px}
#view-master-dashboard .chain .step p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .chain .step.s3 p b {color:var(--ink)}
#view-master-dashboard .chain .arw {display:flex;align-items:center;justify-content:center;color:var(--rule2);font-size:17px}
#view-master-dashboard .risk {margin-top:12px;background:var(--dn-bg);border:1px solid var(--dn-bd);border-radius:8px;padding:12px 14px}
#view-master-dashboard .risk .lb {display:block;color:var(--dn);margin-bottom:5px}
#view-master-dashboard .risk p {margin:0;font-size:13.5px;line-height:1.55;color:var(--soft)}
@media (max-width:820px) {
  #view-master-dashboard .chain {grid-template-columns:1fr;gap:16px}
  #view-master-dashboard .chain .arw {transform:rotate(90deg);height:8px}
}
#view-master-dashboard .qm {width:18px;height:18px;border-radius:999px;border:1px solid var(--rule2);background:transparent;
  color:var(--faint);font-family:var(--fsans);font-size:11px;font-weight:600;line-height:1;
  cursor:pointer;margin:0 0 0 8px;padding:0;flex:0 0 auto;position:relative;top:-1px;
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
#view-master-dashboard .qm span {display:block;line-height:1}
#view-master-dashboard .sh h2 .qm {width:20px;height:20px;font-size:12px;top:-2px}
#view-master-dashboard .qm:hover {background:var(--ink);border-color:var(--ink);color:var(--bg)}
#view-master-dashboard .tour-hl {box-shadow:0 0 0 2px var(--amber),0 0 0 6px var(--amber-bg);border-radius:8px;
  transition:box-shadow .18s ease}
#view-master-dashboard .tip {position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));
  background:var(--card);border:1px solid var(--rule2);border-radius:var(--rad2);padding:15px 17px 13px;
  box-shadow:0 14px 44px rgba(15,17,21,.22);z-index:60}
#view-master-dashboard .tip .th {display:flex;align-items:baseline;gap:10px;margin-bottom:7px}
#view-master-dashboard .tip .th b {font-size:14px}
#view-master-dashboard .tip .th .ct {margin-left:auto;font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-master-dashboard .tip p {margin:0;font-size:13.5px;line-height:1.58;color:var(--soft)}
#view-master-dashboard .tip .tb {display:flex;gap:8px;margin-top:12px}
#view-master-dashboard .tip button {font:inherit;font-size:12.5px;padding:6px 13px;border-radius:999px;cursor:pointer;
  border:1px solid var(--rule2);background:transparent;color:var(--soft)}
#view-master-dashboard .tip button.pri {background:var(--ink);border-color:var(--ink);color:var(--bg);margin-left:auto}
@media print {
  #view-master-dashboard .qm, #view-master-dashboard .tip {display:none!important}
  #view-master-dashboard .tour-hl {box-shadow:none}
}
#view-master-dashboard .ax {width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);cursor:pointer;
  font:inherit;color:inherit}
#view-master-dashboard .ax:hover {background:var(--sunk2)}
#view-master-dashboard .ax.open {border-bottom-color:transparent}
#view-master-dashboard .ax .ex {text-align:right;color:var(--faint);font-family:var(--fmono);font-size:13px}
#view-master-dashboard .axexp {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;
  background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;margin:0 0 12px}
#view-master-dashboard .axexp .lb {display:block;color:var(--faint);margin-bottom:4px}
#view-master-dashboard .axexp p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .axexp .ev {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:11px}
#view-master-dashboard .axexp .ev p {color:var(--ink)}
#view-master-dashboard .axexp .ev p.dv {margin-top:8px;color:var(--soft);font-size:12.5px}
#view-master-dashboard .axexp .ev p.dv b {color:var(--faint);font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase}
#view-master-dashboard .score {background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;margin-bottom:20px}
#view-master-dashboard .score .lb {display:block;color:var(--faint);margin-bottom:6px}
#view-master-dashboard .score p {margin:0;font-size:13.8px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-master-dashboard .score p b {color:var(--ink)}
#view-master-dashboard .score p.q {margin-top:9px;padding-top:9px;border-top:1px solid var(--rule);font-size:13px}
#view-master-dashboard .cmps {margin-top:4px}
#view-master-dashboard .cmp {width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);cursor:pointer;
  font:inherit;color:inherit;display:grid;gap:14px;align-items:center;padding:12px 0;
  grid-template-columns:136px 86px 96px 86px minmax(0,1fr) 20px}
#view-master-dashboard .cmp:hover {background:var(--sunk2)}
#view-master-dashboard .cmp .k {font-weight:600;font-size:13.5px;min-width:0}
#view-master-dashboard .cmp .k small {display:block;font-family:var(--fmono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-top:2px}
#view-master-dashboard .cmp .sa, #view-master-dashboard .cmp .sb {font-family:var(--fmono);font-size:12px;color:var(--faint);white-space:nowrap}
#view-master-dashboard .cmp .sa {text-align:right}
#view-master-dashboard .cmp .sb {text-align:left}
#view-master-dashboard .cmp .lead {color:var(--ink);font-weight:600}
#view-master-dashboard .cmp .vd {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);min-width:0;overflow-wrap:anywhere;padding-left:14px;
  border-left:1px solid var(--rule)}
#view-master-dashboard .cmp .vd.ok {color:var(--up)}
#view-master-dashboard .cmp .vd.no {color:var(--dn)}
#view-master-dashboard .cmp .ex {text-align:right;color:var(--faint);font-family:var(--fmono);font-size:13px}
#view-master-dashboard .cmpexp {display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--card);border:1px solid var(--rule);
  border-radius:10px;padding:14px 16px;margin:0 0 12px}
#view-master-dashboard .cmpexp .lb {display:block;color:var(--faint);margin-bottom:4px}
#view-master-dashboard .cmpexp p {margin:0;font-size:13px;line-height:1.55;color:var(--soft)}
#view-master-dashboard .cmpexp .ev {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:11px}
#view-master-dashboard .cmpexp .ev p {color:var(--ink)}
#view-master-dashboard .cmpexp p.dv {margin-top:8px;font-size:12.5px}
#view-master-dashboard .cmpexp p.dv b {color:var(--faint);font-family:var(--fmono);font-size:9.5px;
  letter-spacing:.1em;text-transform:uppercase}
#view-master-dashboard .legs {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
#view-master-dashboard .leg {background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:13px 15px}
#view-master-dashboard .leg .lh {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-master-dashboard .leg .lh b {font-family:var(--fmono);font-size:14px}
#view-master-dashboard .leg .rl {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .leg .rsn {background:var(--sunk)}
#view-master-dashboard .leg .ln {margin:0 0 11px;font-size:12.5px;line-height:1.5;color:var(--soft)}
#view-master-dashboard .leg .ln b {color:var(--ink)}
#view-master-dashboard .leg .ef {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .leg .mut {margin:0;font-size:13px;color:var(--faint)}
@media (max-width:900px) {
  #view-master-dashboard .cmp {grid-template-columns:1fr 88px 20px}
  #view-master-dashboard .cmp .trk, #view-master-dashboard .cmp .sa, #view-master-dashboard .cmp .sb {display:none}
  #view-master-dashboard .dr {grid-template-columns:1fr 56px}
  #view-master-dashboard .dr .trk, #view-master-dashboard .dr .sa, #view-master-dashboard .dr .sb {display:none}
  #view-master-dashboard .cmpexp, #view-master-dashboard .legs {grid-template-columns:1fr}
}
#view-master-dashboard .lbd {grid-column:1/-1;border-top:1px solid var(--rule);padding-top:12px;margin-top:2px}
#view-master-dashboard .lbd .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-master-dashboard .lbd ol {list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:2px 16px}
#view-master-dashboard .lbd li {display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:6px;font-size:12.5px}
#view-master-dashboard .lbd li.me {background:var(--sunk2);font-weight:600}
#view-master-dashboard .lbd .pos {font-family:var(--fmono);font-size:10px;color:var(--faint);width:15px;text-align:right}
#view-master-dashboard .lbd .cd {font-family:var(--fmono)}
#view-master-dashboard .lbd .vl {margin-left:auto;font-family:var(--fmono);font-variant-numeric:tabular-nums}
:root[data-theme="dark"] #view-master-dashboard {
  --bg:#0E1116; --card:#161A21; --sunk:#1B2029; --sunk2:#232935;
  --ink:#E8EBEF; --soft:#A6AEB9; --faint:#79828E;
  --rule:#262C36; --rule2:#343C49;
  --up:#3ECB92; --up-bg:#0F2A20; --up-bd:#1F5C44;
  --dn:#FF6E86; --dn-bg:#2B1219; --dn-bd:#6C2434;
  --nt:#79828E; --nt-bg:#222834;
  --amber:#E2A845; --amber-bg:#2C2113;
  --blue:#6FA8FF; --blue-bg:#132038;
}
:root[data-theme="dark"] #view-master-dashboard img.fl {box-shadow:0 0 0 1px rgba(255,255,255,.18)}
:root[data-theme="dark"] #view-master-dashboard .fpair img.fl {box-shadow:0 0 0 1px rgba(255,255,255,.18)}
#view-master-dashboard .thm {display:inline-flex;align-items:center;gap:6px;margin-left:6px;flex:0 0 auto;padding:5px 10px;border-radius:999px;
  border:1px solid var(--rule2);background:transparent;color:var(--faint);cursor:pointer;
  font-family:var(--fmono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
#view-master-dashboard .thm:hover {color:var(--ink);border-color:var(--ink)}
@media print {
  #view-master-dashboard .thm {display:none!important}
}
#view-master-dashboard .cmp .sa, #view-master-dashboard .cmp .sb, #view-master-dashboard .dr .sa, #view-master-dashboard .dr .sb {display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px;
  align-items:baseline;font-variant-numeric:tabular-nums}
#view-master-dashboard .cmp .sa .cd, #view-master-dashboard .cmp .sb .cd, #view-master-dashboard .dr .sa .cd, #view-master-dashboard .dr .sb .cd {text-align:left}
#view-master-dashboard .cmp .sa .vl, #view-master-dashboard .dr .sa .vl {text-align:right}
#view-master-dashboard .cmp .sb .vl, #view-master-dashboard .dr .sb .vl {text-align:left}
#view-master-dashboard .lbd li {padding:0}
#view-master-dashboard .lbr {position:relative;display:flex;align-items:center;gap:7px;width:100%;padding:4px 7px;border-radius:6px;
  font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-size:12.5px}
#view-master-dashboard .lbr:hover {background:var(--sunk2)}
#view-master-dashboard .lbd li.me .lbr {background:var(--sunk2);font-weight:600}
#view-master-dashboard .tipcard {position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:236px;padding:11px 13px;
  background:var(--card);border:1px solid var(--rule2);border-radius:10px;
  box-shadow:0 12px 32px rgba(15,17,21,.18);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s ease;text-align:left}
#view-master-dashboard .lbr:hover .tipcard, #view-master-dashboard .lbr:focus-visible .tipcard {opacity:1;visibility:visible}
#view-master-dashboard .tipcard .th {display:flex;align-items:center;gap:7px;margin-bottom:8px}
#view-master-dashboard .tipcard .th b {font-family:var(--fmono);font-size:13px}
#view-master-dashboard .tipcard .rkm {margin-left:auto;font-family:var(--fmono);font-size:11px;color:var(--faint)}
#view-master-dashboard .tipcard .tr {display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--soft);
  padding:3px 6px;margin:0 -6px;border-radius:5px}
#view-master-dashboard .tipcard .tr.on {background:var(--sunk2);color:var(--ink);font-weight:600;
  box-shadow:inset 2px 0 0 var(--ink)}
#view-master-dashboard .tipcard .tr b {margin-left:auto;font-family:var(--fmono);color:var(--ink);
  font-variant-numeric:tabular-nums}
#view-master-dashboard .tipcard .tf {display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--rule);
  font-family:var(--fmono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--blue)}
@media print {
  #view-master-dashboard .tipcard {display:none}
}
#view-master-dashboard .nav .nv {font:inherit;font-family:var(--fmono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);background:none;border:0;padding:0 0 3px;cursor:pointer}
#view-master-dashboard .nav .nv:hover {color:var(--ink)}
#view-master-dashboard .nav .nv.on {color:var(--ink);border-bottom:2px solid var(--ink)}
#view-master-dashboard .cpick {display:flex;gap:7px;overflow-x:auto;padding:16px 0 14px;scrollbar-width:thin}
#view-master-dashboard .cp {display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 11px;border-radius:999px;
  border:1px solid var(--rule);background:var(--card);cursor:pointer;font:inherit;font-size:12.5px}
#view-master-dashboard .cp:hover {border-color:var(--rule2)}
#view-master-dashboard .cp.on {border-color:var(--ink);background:var(--ink);color:var(--bg)}
#view-master-dashboard .cp .n {font-family:var(--fmono);font-size:9.5px;color:var(--faint)}
#view-master-dashboard .cp.on .n {color:var(--bg);opacity:.7}
#view-master-dashboard .cp .cd {font-family:var(--fmono);font-weight:600}
#view-master-dashboard .cp .dot {width:6px;height:6px;border-radius:999px;background:var(--nt)}
#view-master-dashboard .cp .dot.up {background:var(--up)}
#view-master-dashboard .cp .dot.dn {background:var(--dn)}
#view-master-dashboard .chead {border-bottom:1px solid var(--rule);padding-bottom:22px;margin-bottom:26px}
#view-master-dashboard .chead .ct {display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#view-master-dashboard .chead h1 {margin:0;font-size:34px;letter-spacing:-.02em;font-family:var(--fmono);font-weight:600;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
#view-master-dashboard .chead h1 .bk {font-family:var(--fsans);font-size:12px;font-weight:400;color:var(--faint);
  letter-spacing:0}
#view-master-dashboard .chead .cm {margin-left:auto;display:flex;align-items:center;gap:10px}
#view-master-dashboard .chead .rkbig {font-family:var(--fmono);font-size:13px;color:var(--faint)}
#view-master-dashboard .chl {margin:16px 0 10px;font-size:23px;line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:34ch}
#view-master-dashboard .cst {margin:0;font-size:15px;line-height:1.65;color:var(--soft);max-width:78ch}
#view-master-dashboard .cbox {overflow:hidden;padding:2px 16px}
#view-master-dashboard .mut {margin:0;font-size:13.5px;color:var(--faint)}
#view-master-dashboard .cnav {display:flex;gap:10px;align-items:center;margin:26px 0 8px}
#view-master-dashboard .cnav button {font-family:var(--fmono);font-size:11px;letter-spacing:.06em;padding:8px 14px;
  border:1px solid var(--rule2);border-radius:999px;background:transparent;color:var(--soft);cursor:pointer}
#view-master-dashboard .cnav button:hover {color:var(--ink);border-color:var(--ink)}
#view-master-dashboard .cnav .bk {margin-left:auto;margin-right:auto}
@media (max-width:640px) {
  #view-master-dashboard .chead h1 {font-size:27px}
  #view-master-dashboard .chl {font-size:19px}
}
#view-master-dashboard .tiles {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
#view-master-dashboard .tiles.t3 {grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
#view-master-dashboard .tile {background:var(--sunk);border-radius:10px;padding:12px 14px}
#view-master-dashboard .tile .lb {display:block;color:var(--faint);margin-bottom:5px}
#view-master-dashboard .tile .v {display:block;font-size:20px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
#view-master-dashboard .tile .nt {display:block;margin-top:3px;font-size:11.5px;color:var(--soft)}
#view-master-dashboard .pbox {padding:16px}
#view-master-dashboard .sparkwrap {margin-top:16px}
#view-master-dashboard .sh2 {display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}
#view-master-dashboard .sh2 .rr {margin-left:auto;font-family:var(--fmono);font-size:10.5px;color:var(--faint)}
#view-master-dashboard .spk {display:block;width:100%;height:74px}
#view-master-dashboard .cbp {margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--soft);max-width:78ch}
#view-master-dashboard .cbs {margin:9px 0 0;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:78ch}
#view-master-dashboard .cbs b {color:var(--ink)}
#view-master-dashboard .cmeta {display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#view-master-dashboard .cmeta span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);border:1px solid var(--rule);border-radius:999px;padding:4px 10px}
#view-master-dashboard .cmeta b {color:var(--ink)}
#view-master-dashboard .cmeta .warn {border-color:var(--amber);color:var(--amber)}
#view-master-dashboard .ghead, #view-master-dashboard .grow {display:grid;grid-template-columns:92px 82px 88px minmax(0,1fr);gap:14px;align-items:center}
#view-master-dashboard .ghead {padding:10px 16px;background:var(--sunk);border-bottom:1px solid var(--rule);margin:0 -16px}
#view-master-dashboard .ghead span {font-family:var(--fmono);font-size:9.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .grow {padding:11px 0;border-bottom:1px solid var(--rule)}
#view-master-dashboard .grow:last-child {border-bottom:0}
#view-master-dashboard .grow .og {display:flex;align-items:center;gap:8px}
#view-master-dashboard .grow .cd {font-family:var(--fmono);font-weight:600}
#view-master-dashboard .grow .gv, #view-master-dashboard .grow .gc {font-family:var(--fmono);font-size:13px;font-variant-numeric:tabular-nums}
#view-master-dashboard .grow .gd {font-size:13px;color:var(--soft);min-width:0}
#view-master-dashboard .frow {display:grid;grid-template-columns:230px 84px minmax(0,1fr) 130px;gap:14px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid var(--rule)}
#view-master-dashboard .frow:last-child {border-bottom:0}
#view-master-dashboard .frow .k {font-weight:600;font-size:13.5px}
#view-master-dashboard .frow .fv {font-family:var(--fmono);font-size:14px;font-weight:600;text-align:right;
  font-variant-numeric:tabular-nums}
#view-master-dashboard .frow .fd {font-size:12.5px;color:var(--soft);min-width:0}
#view-master-dashboard .frow .fp {font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint);text-align:right}
@media (max-width:860px) {
  #view-master-dashboard .ghead {display:none}
  #view-master-dashboard .grow {grid-template-columns:92px 82px 1fr}
  #view-master-dashboard .grow .gd {grid-column:1/-1}
  #view-master-dashboard .frow {grid-template-columns:1fr 84px}
  #view-master-dashboard .frow .fd, #view-master-dashboard .frow .fp {grid-column:1/-1;text-align:left}
}
#view-master-dashboard .clive {margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--soft);max-width:70ch}
#view-master-dashboard .clive b {color:var(--ink)}
#view-master-dashboard .leg2 {margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--faint);max-width:80ch}
#view-master-dashboard .leg2 b {color:var(--soft)}
#view-master-dashboard .fp .pw {display:inline-block}
#view-master-dashboard .age {display:inline-block;margin-left:7px;padding:2px 7px;border-radius:999px;border:1px solid var(--rule);
  color:var(--faint);font-size:9px}
#view-master-dashboard .age.old {border-color:var(--amber);color:var(--amber)}
#view-master-dashboard .age.stale {border-color:var(--dn);color:var(--dn)}
#view-master-dashboard .mtop {margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--rule)}
#view-master-dashboard .mwrap {margin-top:12px}
#view-master-dashboard .mtabs {display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#view-master-dashboard .mnote {margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--soft);max-width:88ch}
#view-master-dashboard .mnote b {color:var(--ink)}
#view-master-dashboard .mscroll {overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
#view-master-dashboard .mgrid {display:grid;gap:3px;min-width:620px}
#view-master-dashboard .mh {display:flex;align-items:center;justify-content:center;gap:5px;background:none;border:0;padding:6px 2px;
  font-family:var(--fmono);font-size:10.5px;font-weight:600;color:var(--soft);cursor:pointer}
#view-master-dashboard .mh:hover {color:var(--ink)}
#view-master-dashboard .mh.side {justify-content:flex-start;padding-left:2px}
#view-master-dashboard .mh.corner {cursor:default}
#view-master-dashboard .mc {display:flex;align-items:center;justify-content:center;height:34px;border-radius:6px;
  font-family:var(--fmono);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
#view-master-dashboard .mcw {display:block}
#view-master-dashboard .mcw.me .mc {box-shadow:inset 0 0 0 1.5px var(--ink)}
#view-master-dashboard .mh.me {color:var(--ink);text-decoration:underline;text-underline-offset:3px}
#view-master-dashboard .mc.self {background:var(--sunk);color:var(--faint)}
#view-master-dashboard .mc.none {background:var(--sunk);color:var(--faint);font-weight:400}
@media (max-width:760px) {
  #view-master-dashboard .mc {height:30px;font-size:11px}
}
#view-master-dashboard .mc {border:0;cursor:pointer;font:inherit;font-family:var(--fmono);font-size:12px;font-weight:600;
  font-variant-numeric:tabular-nums;width:100%}
#view-master-dashboard .mc:hover {outline:2px solid var(--ink);outline-offset:-2px}
#view-master-dashboard .mc.on {outline:2px solid var(--ink);outline-offset:-2px}
#view-master-dashboard .mdet {margin-top:14px;background:var(--card);border:1px solid var(--rule2);border-radius:var(--rad2);padding:16px 18px}
#view-master-dashboard .mdh {display:flex;align-items:center;gap:10px;margin-bottom:8px}
#view-master-dashboard .mdh b {font-family:var(--fmono);font-size:16px}
#view-master-dashboard .mdx {margin-left:auto;font-family:var(--fmono);font-size:9.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint);background:none;border:1px solid var(--rule2);
  border-radius:999px;padding:5px 11px;cursor:pointer}
#view-master-dashboard .mdx:hover {color:var(--ink);border-color:var(--ink)}
#view-master-dashboard .mds {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:80ch}
#view-master-dashboard .mds b {color:var(--ink)}
#view-master-dashboard .mdr {display:grid;grid-template-columns:126px 80px 92px 80px minmax(0,1fr);gap:12px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--rule)}
#view-master-dashboard .mdr:last-child {border-bottom:0}
#view-master-dashboard .mdr .k {font-size:13px;font-weight:600}
#view-master-dashboard .mdr .sa, #view-master-dashboard .mdr .sb {display:grid;grid-template-columns:30px minmax(0,1fr);gap:5px;align-items:baseline;
  font-family:var(--fmono);font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}
#view-master-dashboard .mdr .sa .vl {text-align:right}
#view-master-dashboard .mdr .lead {color:var(--ink);font-weight:600}
#view-master-dashboard .mdr .vd {font-family:var(--fmono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--faint)}
#view-master-dashboard .mdgaps {display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
#view-master-dashboard .mdgaps span {font-size:12px;color:var(--faint)}
#view-master-dashboard .mdgaps b {font-family:var(--fmono);font-size:13px;color:var(--ink);margin-right:5px}
#view-master-dashboard .mdlinks {display:flex;gap:8px;margin-top:14px}
#view-master-dashboard .mdlinks button {font-family:var(--fmono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 13px;border:1px solid var(--rule2);border-radius:999px;background:transparent;color:var(--soft);
  cursor:pointer}
#view-master-dashboard .mdlinks button:hover {color:var(--ink);border-color:var(--ink)}
@media (max-width:760px) {
  #view-master-dashboard .mdr {grid-template-columns:1fr 74px}
  #view-master-dashboard .mdr .trk, #view-master-dashboard .mdr .sa, #view-master-dashboard .mdr .sb {display:none}
}
#view-master-dashboard .mread {margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--soft);max-width:88ch}
#view-master-dashboard .mread b {color:var(--ink)}
#view-master-dashboard .mkey {display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:0 0 12px}
#view-master-dashboard .mkey .kk {width:26px;height:12px;border-radius:3px}
#view-master-dashboard .mkey .kt {margin-left:10px;font-family:var(--fmono);font-size:9.5px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--faint)}
#view-master-dashboard .mc.self {background:var(--sunk);color:var(--faint);font-weight:400;font-size:11px}
#view-master-dashboard .cpk {display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 18px}
#view-master-dashboard .cpsel {position:relative}
#view-master-dashboard .cpb {display:flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid var(--rule2);
  border-radius:999px;background:var(--card);cursor:pointer;font:inherit}
#view-master-dashboard .cpb:hover, #view-master-dashboard .cpb.open {border-color:var(--ink)}
#view-master-dashboard .cpb .rk, #view-master-dashboard .cpi .rk {font-family:var(--fmono);font-size:10px;color:var(--faint);min-width:20px}
#view-master-dashboard .cpb .cd {font-family:var(--fmono);font-size:15px;font-weight:600}
#view-master-dashboard .cpb .car {color:var(--faint);font-size:10px;margin-left:2px}
#view-master-dashboard .cpl {position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:290px;padding:6px;
  background:var(--card);border:1px solid var(--rule2);border-radius:var(--rad2);
  box-shadow:0 16px 40px rgba(15,17,21,.2)}
#view-master-dashboard .cpi {display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border:0;border-radius:8px;
  background:none;cursor:pointer;font:inherit;font-size:13px}
#view-master-dashboard .cpi:hover {background:var(--sunk2)}
#view-master-dashboard .cpi.on {background:var(--sunk2);font-weight:600}
#view-master-dashboard .cpi .cd {font-family:var(--fmono);font-weight:600;min-width:34px}
#view-master-dashboard .cpi .bn {color:var(--faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-master-dashboard .cpi .sig {margin-left:auto;flex:0 0 auto}
#view-master-dashboard .cpa {width:32px;height:32px;border:1px solid var(--rule2);border-radius:999px;background:transparent;
  color:var(--soft);cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;
  justify-content:center}
#view-master-dashboard .cpa:hover {color:var(--ink);border-color:var(--ink)}
#view-master-dashboard .cpr {margin-left:auto;font-family:var(--fmono);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--faint)}
@media print {
  #view-master-dashboard .cpk {display:none}
}
:root[data-theme="dark"] #view-master-dashboard img.fl, :root[data-theme="dark"] #view-master-dashboard .fpair img.fl {box-shadow:0 0 0 1px rgba(255,255,255,.18)}
#view-master-dashboard .top h1, #view-master-dashboard .sh h2, #view-master-dashboard .pexp .pt, #view-master-dashboard .chl, #view-master-dashboard .dayhd b, #view-master-dashboard .mdh b, #view-master-dashboard .tip .th b {font-family:var(--fdisp);letter-spacing:-.01em}
#view-master-dashboard .palpick {display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#view-master-dashboard .palc {display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid var(--rule2);background:var(--card);color:var(--faint);cursor:pointer;font-family:var(--fmono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap}
#view-master-dashboard .palc:hover {color:var(--ink);border-color:var(--ink)}
#view-master-dashboard .palc.on {border-color:var(--ink);color:var(--ink);font-weight:600}
#view-master-dashboard .palc .sw {display:flex;gap:2px}
#view-master-dashboard .palc .sw i {width:7px;height:7px;border-radius:999px;display:block}
@media print {
  #view-master-dashboard .palpick {display:none!important}
}
#view-master-dashboard .mcard {padding:18px 20px 20px}
#view-master-dashboard .mhead {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#view-master-dashboard .mhead h2 {margin:0;font-size:18px;font-weight:700;letter-spacing:-.015em}
#view-master-dashboard .mhead .mtabs {margin:0 0 0 auto}
#view-master-dashboard .mtabs {display:flex;gap:7px;flex-wrap:wrap}
#view-master-dashboard .mread {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:92ch}
#view-master-dashboard .mread b {color:var(--ink)}
#view-master-dashboard .mread .mm {color:var(--faint)}
#view-master-dashboard .mkey {display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin:12px 0 0}
#view-master-dashboard .mkey .kr {margin-left:auto;color:var(--blue)}
#view-master-dashboard .mtop {margin-bottom:30px;padding-bottom:0;border-bottom:0}
#view-master-dashboard .stcard {margin-bottom:14px}
#view-master-dashboard .stlead {margin:0 0 14px;font-size:13.5px;line-height:1.6;color:var(--soft);max-width:92ch}
#view-master-dashboard .stlead b {color:var(--ink)}
#view-master-dashboard .stcols {display:grid;grid-template-columns:1fr 1fr;gap:14px}
#view-master-dashboard .stcol .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-master-dashboard .stcol.up .lb {color:var(--up)}
#view-master-dashboard .stcol.dn .lb {color:var(--dn)}
#view-master-dashboard .stflat {margin-top:14px;padding-top:12px;border-top:1px solid var(--rule)}
#view-master-dashboard .stflat .lb {display:block;color:var(--faint);margin-bottom:8px}
#view-master-dashboard .stw {display:grid;grid-template-columns:26px 20px 42px 78px 1fr 34px 132px;gap:9px;align-items:center;
  width:100%;padding:8px 9px;margin-bottom:3px;border:1px solid transparent;border-radius:9px;
  background:var(--sunk);cursor:pointer;font:inherit;text-align:left}
#view-master-dashboard .stw:hover {border-color:var(--rule2);background:var(--sunk2)}
#view-master-dashboard .stw.me {border-color:var(--ink)}
#view-master-dashboard .stw .rk {font-family:var(--fmono);font-size:10px;color:var(--faint)}
#view-master-dashboard .stw .cd {font-family:var(--fmono);font-size:13.5px;font-weight:600}
#view-master-dashboard .stw .wd {font-size:12.5px;font-weight:600}
#view-master-dashboard .stw .wd.up {color:var(--up)}
#view-master-dashboard .stw .wd.dn {color:var(--dn)}
#view-master-dashboard .stw .wd.nt {color:var(--faint)}
#view-master-dashboard .stw .cf {font-family:var(--fmono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-master-dashboard .stw .sc {font-family:var(--fmono);font-size:13px;text-align:right;color:var(--faint);
  font-variant-numeric:tabular-nums}
#view-master-dashboard .stw .sc.up {color:var(--up)}
#view-master-dashboard .stw .sc.dn {color:var(--dn)}
#view-master-dashboard .stw .ag {font-family:var(--fmono);font-size:9px;letter-spacing:.05em;text-transform:uppercase;
  text-align:right;color:var(--faint)}
#view-master-dashboard .stw .ag.no {color:var(--amber);font-weight:600}
@media (max-width:1000px) {
  #view-master-dashboard .stcols {grid-template-columns:1fr}
}
@media (max-width:640px) {
  #view-master-dashboard .stw {grid-template-columns:26px 20px 42px 1fr 34px}
  #view-master-dashboard .stw .cf, #view-master-dashboard .stw .ag {display:none}
}

/* Kept from the reference's editorial palette block, re-pointed at OUR attribute
   name (`data-palette`, not `data-pal`). It lives INSIDE a palette block there,
   and this port drops those wholesale, so without this a re-port loses it. */
:root[data-palette="editorial"] #view-master-dashboard .top h1,
:root[data-palette="editorial"] #view-master-dashboard .sh h2{letter-spacing:-.02em}

/* -- deviations the live feed forces --------------------------------------- */

/* A news card's currency pills. The reference pins the meta row to ONE line
   (`flex-wrap:nowrap`) and makes the pill group unshrinkable (`flex:0 0 auto`), which
   holds because its fixture tags a story with one or two currencies. Our tape tags a
   story with every G10 currency it touches, so four or more pills -- each `white-space:
   nowrap` -- ran straight through the right border of a card the grid had sized at its
   280px minimum. The pills now shrink and wrap onto a second right-aligned line instead
   of escaping the card. Dropping or truncating them was the alternative and is worse: a
   missing pill is a currency the reader is never told the story moved. */
/* The three story headlines wear the display face, because they inherited the hero's job.

   The reference lists the elements that get `--fdisp` in one rule -- `.top h1, .sh h2,
   .pexp .pt, ...` -- and `.top h1` was the hero's headline, the largest display-face
   thing on the page. The 2026-09-10 redesign deleted the hero and its `.top {...}` rule
   with it, so that entry now names nothing and the headlines that replaced it fall back
   to the sans face while the section heading above them keeps the serif. The NEWER
   reference cannot settle this: it ships a single hardcoded theme with no `--fdisp` and
   no four-palette layer at all, which is the one part of the design we deliberately did
   not take.

   So the ROLE is carried forward rather than the selector: what was one headline is now
   three, on the card and again at the top of the opened panel. */
#view-master-dashboard .tcard .hl,
#view-master-dashboard .topopen .toh .hl {font-family:var(--fdisp); letter-spacing:-.01em}

#view-master-dashboard .na .meta {flex-wrap:wrap}
#view-master-dashboard .na .meta .tags {flex:0 1 auto; min-width:0; flex-wrap:wrap;
  justify-content:flex-end; row-gap:5px}

/* Where the ten stand on a factor sits BESIDE the explainer, not under it.

   Not a live-data deviation like the two above -- a version deviation, and the only one
   in this file. `SRC` is the older reference, whose scorecard was always a full-width
   block at the foot of an opened factor. The newer one moved it into a third column and
   says why in its own comment: "everywhere the scorecard is used: the ten sit beside the
   explainer, never under it". The currency page already reads that way, because it ports
   from the newer file; this page did not, so the same scorecard sat in two different
   places on two tabs of one site.

   Taken as a RULE rather than as a repointed `SRC`: pointing this sheet at the newer
   reference would bring 639 unrelated new rules with it (see section 8 of the companion
   doc), which is a redesign, not a fix. Both class names are the newer file's own, and
   both variants are applied wherever a scorecard opens.

   ONE addition the newer file does not need: `.axexp .ev`. Its own factor expander has
   three explainer blocks and nothing else, while ours carries a fourth -- the desk's
   logged evidence for this currency on this factor -- which is full-width by default and
   would otherwise run underneath the scorecard column. It is pinned to the first two
   columns exactly as the newer file pins `.cmpexp2 .ev`. */
#view-master-dashboard .axexp2,
#view-master-dashboard .cmpexp2 {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr)}
#view-master-dashboard .axexp2 .ev,
#view-master-dashboard .cmpexp2 .ev {grid-column:1 / 3}
#view-master-dashboard .axexp2 .lbd,
#view-master-dashboard .cmpexp2 .lbd {grid-column:3; grid-row:1 / 3; border-top:0; padding-top:0;
  margin-top:0; border-left:1px solid var(--rule); padding-left:15px}
#view-master-dashboard .axexp2 .lbd ol,
#view-master-dashboard .cmpexp2 .lbd ol {grid-template-columns:1fr; gap:1px}
/* Narrow, the column goes back under the explainer -- three columns at phone width is
   unreadable. The two variants fall back DIFFERENTLY in the newer file and that is kept:
   a factor's three explainer blocks are short enough to sit two-up, a pair comparison's
   two legs each carry a paragraph and stack. */
@media (max-width:760px){
  #view-master-dashboard .axexp2 {grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  #view-master-dashboard .cmpexp2 {grid-template-columns:1fr}
  #view-master-dashboard .axexp2 .ev,
  #view-master-dashboard .cmpexp2 .ev {grid-column:1 / -1}
  #view-master-dashboard .axexp2 .lbd,
  #view-master-dashboard .cmpexp2 .lbd {grid-column:1 / -1; grid-row:auto; border-left:0;
    padding-left:0; border-top:1px solid var(--rule); padding-top:12px; margin-top:2px}
  #view-master-dashboard .axexp2 .lbd ol,
  #view-master-dashboard .cmpexp2 .lbd ol {grid-template-columns:repeat(auto-fit,minmax(148px,1fr));
    gap:2px 16px}
}

/* Step 0 -- THE POSITION, and it is in NEITHER reference.

   Both of them lead with three model-written steps and neither states the trade, which is
   the defect this rule exists to render: on 2026-09-14 the board led with a USD/JPY SHORT
   whose three steps each argued the dollar's case, and there was nothing code-written on
   the card for a reader to check them against.

   Full width across the TOP of the chain rather than a fourth column, because it is the
   frame the three steps hang in and not a link in them -- which is also why no `.arw`
   follows it. Transparent on a rule rather than `--sunk` like the three, so it reads as
   the page speaking rather than as a fourth step. */
#view-master-dashboard .chain .step.s0 {grid-column:1 / -1;background:transparent;
  border:1px solid var(--rule);border-radius:8px;padding:13px 15px}
#view-master-dashboard .chain .step.s0 .hl {font-size:15px;color:var(--ink)}
#view-master-dashboard .chain .step.s0 p + p {margin-top:6px}
/* The same sentence on the closed card, where a reader meets the chip and the first
   sentence of the passage and nothing else. Toned on the scaffold's own `side`. */
#view-master-dashboard .tcard .tst {margin:2px 0 7px;font-size:12.5px;line-height:1.45;
  font-weight:600}
#view-master-dashboard .tcard .tst.up {color:var(--up)}
#view-master-dashboard .tcard .tst.dn {color:var(--dn)}
#view-master-dashboard .tcard .tst.nt {color:var(--faint)}

/* Pairs added or removed in our last update -- the slate-changes card.

   Ported from a THIRD reference ("G10 Macro Dashboard", its own `phChanges` block), which
   is neither `SRC` nor `TOPS_SRC`. That is why the rules are carried here rather than
   spliced: the splice knows only about the two files named at the top of this script, so
   a re-port would drop this block entirely. The values below are the reference's own; the
   scoping and the font tokens are this sheet's.

   Two additions the reference does not have, both because our data is not its fixture.
   `.phsub` is the code-written line naming WHICH list the card is about -- ours is an
   eight-row slate and the reference's is its whole takeaways page, so a reader here has
   to be told that leaving the list is not a closed trade. And `.phtog` does double duty as
   the fold's action button: the reference's `.wlgo` navigates inside its own single-page
   app, and the nearest equivalent here is another tab, which not every reader is granted.

   Two of its rules are deliberately NOT carried. `.phsmp` marks sample history and ours is
   never sample; `.phnone` states that nothing changed, and our producer returns the same
   empty list when nothing changed and when there is no prior run to compare against, so
   the card renders nothing rather than stating one of two things it cannot tell apart. */
#view-master-dashboard .phch {margin-top:12px;padding:0;overflow:hidden}
#view-master-dashboard .phchh {display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;
  padding:11px 16px;border-bottom:1px solid var(--rule);background:var(--sunk)}
#view-master-dashboard .phchh .lb {color:var(--soft)}
#view-master-dashboard .phwhen {font-family:var(--fmono);font-size:11px;color:var(--faint);
  white-space:nowrap}
#view-master-dashboard .phchh .phwhen {margin-left:auto}
#view-master-dashboard .phsub {margin:0;padding:11px 16px 3px;max-width:92ch;font-size:12.5px;
  line-height:1.55;color:var(--soft)}
#view-master-dashboard .phk {justify-self:start;padding:2px 9px;border-radius:999px;
  background:var(--nt-bg);color:var(--soft);font-size:11.5px;font-weight:600;white-space:nowrap}
#view-master-dashboard .phk.up {background:var(--up-bg);color:var(--up)}
#view-master-dashboard .phk.dn {background:var(--dn-bg);color:var(--dn)}
#view-master-dashboard .phrow2 {display:grid;grid-template-columns:150px 140px minmax(0,1fr);
  gap:14px;align-items:start;padding:13px 16px;border-bottom:1px solid var(--rule)}
#view-master-dashboard .phrow2:last-child {border-bottom:0}
#view-master-dashboard .phrow2.open {background:var(--sunk)}
#view-master-dashboard .phrow2 .pp {display:flex;align-items:center;gap:7px;padding-top:1px;
  font-family:var(--fmono);font-size:13.5px;font-weight:600}
#view-master-dashboard .phrow2 .phk {margin-top:1px}
#view-master-dashboard .phkw {display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#view-master-dashboard .phwy {min-width:0}
#view-master-dashboard .phm {display:block;font-size:12px;color:var(--faint)}
#view-master-dashboard .phwy p {margin:3px 0 0;max-width:86ch;font-size:13.5px;line-height:1.55;
  color:var(--ink)}
#view-master-dashboard .phwy p b {font-weight:600}
#view-master-dashboard .phtog {display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  padding:5px 12px;border:1px solid var(--rule2);border-radius:999px;background:var(--card);
  font-size:12.5px;font-weight:600;color:var(--ink)}
#view-master-dashboard .phtog:hover {border-color:var(--ink)}
#view-master-dashboard .phtog .cv {font-size:9px;color:var(--faint);transition:transform .15s}
#view-master-dashboard .phtog[aria-expanded="true"] .cv {transform:rotate(180deg)}
#view-master-dashboard .phfold {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:16px 26px;margin-top:12px;padding:16px 18px;border:1px solid var(--rule);border-radius:12px;
  background:var(--card)}
#view-master-dashboard .phfold .lb {display:block;margin-bottom:5px;color:var(--faint)}
#view-master-dashboard .phleft p {margin:0;max-width:70ch;font-size:14px;line-height:1.62;
  color:var(--ink)}
#view-master-dashboard .phagainst,
#view-master-dashboard .phheld {margin-top:14px;padding:10px 14px;border-radius:0 8px 8px 0}
#view-master-dashboard .phagainst {border-left:3px solid var(--amber);background:var(--amber-bg)}
#view-master-dashboard .phheld {border-left:3px solid var(--rule2);background:var(--sunk)}
#view-master-dashboard .phagainst p,
#view-master-dashboard .phheld p {font-size:13.5px}
#view-master-dashboard .phfacts {display:grid;gap:14px;align-content:start;padding-left:22px;
  border-left:1px solid var(--rule)}
#view-master-dashboard .phf .v {display:block;font-size:14px;font-weight:600;color:var(--ink)}
#view-master-dashboard .phf small {display:block;margin-top:2px;font-size:12.5px;line-height:1.5;
  color:var(--soft)}
#view-master-dashboard .phacts {grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;
  gap:10px;padding-top:12px;border-top:1px solid var(--rule)}
@media (max-width:900px){
  #view-master-dashboard .phfold {grid-template-columns:minmax(0,1fr)}
  #view-master-dashboard .phfacts {padding-left:0;border-left:0}
}
@media (max-width:760px){
  #view-master-dashboard .phrow2 {grid-template-columns:minmax(0,1fr) auto}
  #view-master-dashboard .phwy {grid-column:1 / -1}
}