/* LendRisk Terminal, site-wide.
   Linked LAST in <head> so it wins over each page's inline styles. It redefines the
   existing token names rather than rewriting 47 pages: --paper was the light ground and
   is now the ink ground, --ink was the dark type and is now the bone type. Hardcoded hex
   inside inline SVG is remapped by attribute selector at the bottom.
   Signal rule: --breach and --comply resolve to the TEXT siblings, because most uses in
   prose are type. Fills take --breach-fill / --comply-fill, which is what the SVG remaps
   point at. Never set coloured type to a fill value on this ground. */
:root{
  --ground:#0a1320; --surface:#13202f; --surface-raised:#1c2c3d; --surface-hi:#243347;

  --paper:#0a1320; --paper2:#13202f; --bone:#1c2c3d; --pure:#0a1320;
  --ink:#f1ecdf; --ink2:rgba(241,236,223,0.55); --ink3:rgba(241,236,223,0.4);
  --muted:rgba(241,236,223,0.55); --head:#f1ecdf;
  --hair:rgba(241,236,223,0.1); --hair-soft:rgba(241,236,223,0.06);
  --rule:rgba(241,236,223,0.1); --rule-light:rgba(241,236,223,0.06);

  --amber:#d9a441; --amber-deep:#d9a441; --gold:#d9a441;
  --breach:#e0937f; --breach-deep:#e0937f; --red:#e0937f;
  --comply:#8ad0a6; --comply-deep:#8ad0a6; --green:#8ad0a6;
  --sky:#5e89b8; --sky-deep:#5e89b8; --navy:#5e89b8;
  --breach-fill:#c24a2c; --comply-fill:#4a8b65;
  --amber-wash:rgba(217,164,65,0.1); --breach-wash:rgba(194,74,44,0.2);
  --comply-wash:rgba(74,139,101,0.18); --sky-wash:rgba(94,137,184,0.12);

  --nav-ground:#0a1320; --nav-ink:#f1ecdf; --nav-accent:#d9a441;

  --sans:'Geist',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:'Instrument Serif','Times New Roman',Times,serif;

  --dl-ink:#f1ecdf; --dl-ink2:rgba(241,236,223,0.55); --dl-ink3:rgba(241,236,223,0.4);
  --dl-paper:#0a1320; --dl-paper2:#13202f; --dl-bone:#1c2c3d; --dl-pure:#0a1320;
  --dl-hair:rgba(241,236,223,0.1); --dl-rule:rgba(241,236,223,0.06);
  --dl-amber:#d9a441; --dl-amber-deep:#d9a441; --dl-breach:#e0937f; --dl-breach-deep:#e0937f;
  --dl-comply:#8ad0a6; --dl-comply-deep:#8ad0a6; --dl-sky:#5e89b8;
  --dl-serif:'Instrument Serif',serif; --dl-sans:'Geist',ui-sans-serif,system-ui,sans-serif;
  --dl-mono:'JetBrains Mono',ui-monospace,monospace;
}

html,body{background:var(--ground)!important;color:var(--ink)}
::selection{background:rgba(217,164,65,0.26)}

/* nav strip: ink in every theme, 52px, mono at 10px / 1.5px */
.nav{background:var(--nav-ground)!important;border-bottom:1px solid var(--hair)!important;
  backdrop-filter:none!important}
.nav a,.nav-links a,.nav-tab{color:var(--nav-ink)}
.nav-cta{background:var(--amber)!important;color:#0a1320!important}
.nav-cta:hover{background:#e4b45e!important}
.nav-cta-dot{background:#0a1320!important}
.wordmark,.wordmark-dot{color:var(--nav-ink)}
.wordmark-dot{background:var(--nav-accent)}

/* shape and depth: nothing rounder than 4px, elevation is a surface step */
*{box-shadow:none!important}
[class*="card"],[class*="panel"],[class*="box"],[class*="tile"],
.stat-card,.article-card,.article-featured,.af-stat,.chart-box,.callout,.infer,.clockbox{
  border-radius:2px!important}
.article-featured,.article-card,.stat-card,.af-stat,.chart-box,.clockbox,.callout,.infer{
  background:var(--surface);border-color:var(--hair)!important}

/* every number is mono */
.stat-card-val,.af-stat-val,.kpi-val,.metric,.num,
table td,table th.num,.data,.tbl-num{
  font-family:var(--mono)!important;font-variant-numeric:tabular-nums}
.stat-card-val,.af-stat-val{letter-spacing:-0.04em}

/* tables: hairline rules, mono cells, label-xs headers */
table{border-collapse:collapse}
table th{font-family:var(--mono)!important;font-size:8.5px!important;font-weight:500!important;
  letter-spacing:1.5px!important;text-transform:uppercase;color:var(--ink)!important;opacity:.4;
  border-bottom:1px solid var(--hair)!important;background:transparent!important}
table td{border-bottom:1px solid var(--hair-soft)!important;color:var(--ink)}
table tr:hover td{background:var(--surface)}

/* rules and dividers become hairlines */
hr,.divider,.rule{border-color:var(--hair)!important;background:var(--hair)!important}

/* dark panels that were already dark keep a hairline so they read as a step, not a hole */
.clockbox,.chart-box.darkfig{background:var(--surface)!important;
  border:1px solid var(--hair)!important}

/* serif stays editorial, amber carries the accent */
.serif-italic,h1 em,.article-h1 em,.af-title em{color:var(--amber)}

/* scrollbars */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--surface-hi);border-radius:2px}

/* inline SVG: the page's charts carry hardcoded hex, remapped by role.
   The old ink #0A1320 was dark type on a light ground and becomes bone;
   the old paper #F1ECDF was the light ground and becomes ink. */
svg [fill="#0A1320"],svg [fill="#0a1320"]{fill:var(--ink)}
svg [stroke="#0A1320"],svg [stroke="#0a1320"]{stroke:var(--ink)}
svg [fill="#F1ECDF"],svg [fill="#f1ecdf"],svg [fill="#FAF7EF"]{fill:var(--ground)}
svg [stroke="#F1ECDF"],svg [stroke="#f1ecdf"]{stroke:var(--ground)}
svg [fill="#E6E0D0"]{fill:var(--surface)}
svg [fill="#13202F"],svg [fill="#1C2C3D"]{fill:var(--surface)}
svg [fill="#C24A2C"],svg [fill="#8C2F18"],svg [fill="#D96C4F"]{fill:var(--breach-fill)}
svg [stroke="#C24A2C"],svg [stroke="#8C2F18"],svg [stroke="#D96C4F"]{stroke:var(--breach-fill)}
svg [fill="#4A8B65"],svg [fill="#356048"],svg [fill="#6FB08C"]{fill:var(--comply-fill)}
svg [stroke="#4A8B65"],svg [stroke="#356048"],svg [stroke="#6FB08C"]{stroke:var(--comply-fill)}
svg [fill="#D9A441"],svg [fill="#A47521"]{fill:var(--amber)}
svg [stroke="#D9A441"],svg [stroke="#A47521"]{stroke:var(--amber)}
svg [fill="#5E89B8"]{fill:var(--sky)} svg [stroke="#5E89B8"]{stroke:var(--sky)}
svg text[fill="#C24A2C"],svg text[fill="#8C2F18"]{fill:var(--breach)}
svg text[fill="#4A8B65"],svg text[fill="#356048"]{fill:var(--comply)}


/* ---- contents page (src/App.jsx .wp-*), ported from the paper sheet.
   The rules are token-based, so redefining the tokens above re-themes them; the
   few Salesforce literals the paper sheet hardcoded are mapped onto sky/amber. ---- */
.wp-masthead{border-bottom:1px solid var(--ink);padding-bottom:18px;margin-bottom:28px}
.wp-kicker{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.wp-title{font-family:var(--serif);font-size:44px;line-height:1.08;font-weight:400;letter-spacing:-.005em;margin:0 0 10px}
.wp-sub{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--ink2);max-width:76ch;margin:0}
.wp-abstract{max-width:76ch;font-size:16px;line-height:1.55}
.wp-abstract p{margin:0 0 14px}
.wp-sections{counter-reset:wps}
.wp-sec{margin-top:40px;border-top:1px solid var(--ink);padding-top:12px;counter-increment:wps}
.wp-sec h2{font-family:var(--serif);font-size:22px;font-weight:600;margin:0 0 12px}
.wp-sec h2::before{content:counter(wps) ".  ";color:var(--ink3);font-weight:400}
.wp-sec p{max-width:76ch;margin:0 0 12px}
.wp-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;line-height:1.4}
.wp-table th{text-align:left;font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);border-bottom:1px solid var(--ink);padding:6px 8px 8px}
.wp-table td{padding:9px 8px;border-bottom:1px solid var(--rule-light);vertical-align:top}
.wp-table tr:last-child td{border-bottom:1px solid var(--rule)}
.wp-table td.no,.wp-table th.no{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;width:44px;color:var(--ink3)}
.wp-table td.date,.wp-table th.date{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;width:110px;color:var(--ink3);font-size:12px}
.wp-table td.kind{width:150px;color:var(--ink3)}
.wp-table td.t a{font-family:var(--serif);font-size:16px;color:var(--ink);text-decoration:none}
.wp-table td.t a:hover{text-decoration:underline;text-decoration-color:var(--rule)}
.wp-table td.t .d{display:block;font-family:var(--sans);font-size:13px;color:var(--ink2);margin-top:3px;max-width:68ch}
.wp-source{font-family:var(--sans);font-size:11.5px;color:var(--ink3);margin-top:10px;padding-bottom:8px;border-bottom:1px solid var(--rule-light)}
.wp-source b{font-weight:600}
.wp-list{list-style:none;padding:0;margin:0}
.wp-list li{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--rule-light);font-size:15px}
.wp-list li span:first-child{font-family:var(--sans);font-size:12px;color:var(--ink3);padding-top:3px}
.wp-list a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:2px}
.wp-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.wp-note{font-family:var(--sans);font-size:13px;color:var(--ink3);line-height:1.5;margin-top:36px;padding-top:12px;border-top:1px solid var(--rule)}
.wp-nav{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 28px;border-bottom:1px solid var(--rule);max-width:916px;margin:0 auto}
.wp-nav a{font-family:var(--sans);font-size:13px;color:var(--ink)}
.wp-nav .brand{font-family:var(--serif);font-size:17px;font-weight:600}
.wp-nav nav{display:flex;gap:22px}
@media(max-width:640px){.wp-title{font-size:32px}.wp-cols{grid-template-columns:1fr}.wp-list li{grid-template-columns:1fr;gap:2px}.wp-table td.kind{display:none}.wp-table th.kind{display:none}.article-card,.tool-card,.paper,.w,.desk{grid-template-columns:1fr!important}.article-card .ac-head,.tool-card .tc-eyebrow{grid-row:auto}.nav,.dl-nav{padding:12px 18px}}
@media print{.nav,.dl-nav,.footer,.dl-footer,.wp-nav{display:none}body{font-size:11pt}.article{max-width:none;padding:0}}
.wp-abstract a,.wp-sec p a,.wp-note a,.sources a,.chart-foot a,.tbl-cap a,.infer a,.callout a,.q-item a,.page-lede a,.tc-desc a,.ac-excerpt a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--rule);text-decoration-thickness:1px;text-underline-offset:3px}
.wp-abstract a:hover,.wp-sec p a:hover,.page-lede a:hover{text-decoration-color:var(--navy)}
.wp-nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}
.wp-table td.t a,.wp-list a,.d-title,.w-title a{color:var(--navy)}
.wp-table td.t a:hover,.wp-list a:hover{text-decoration:underline;text-decoration-color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
.wp-table td.t a::after{content:"  \2192";color:var(--ink3);font-family:var(--sans);font-size:13px}
.wp-table tbody tr:hover td{background:var(--paper2)}
.wp-nav{max-width:1000px;padding:16px 28px;align-items:center}
.wp-nav .brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:17px;font-weight:400;letter-spacing:-.02em}
.wp-nav .brand b{font-weight:700}
.wp-nav .brand small{font-family:var(--sans);font-size:11px;font-weight:400;color:var(--ink3);margin-left:2px}
.wp-nav nav{align-items:center;gap:26px}
.wp-nav nav a{font-size:14px}
.wp-nav-cta{border:1px solid var(--ink);padding:6px 12px;font-family:var(--sans);font-size:11px!important;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.wp-nav-cta:hover{background:var(--paper2);text-decoration:none!important}
.wp-hero{padding-bottom:36px;border-bottom:1px solid var(--ink);margin-bottom:12px}
.wp-hero .wp-kicker{justify-content:flex-start;align-items:center;gap:8px;color:var(--gold);margin-bottom:18px}
.wp-hero .wp-kicker .dot{width:7px;height:7px;background:var(--gold);display:inline-block}
.wp-hero .wp-title{font-size:clamp(40px,6.2vw,66px);line-height:1.02;letter-spacing:-.012em;max-width:860px;margin-bottom:22px}
.wp-hero .wp-title em{font-style:italic;font-weight:400}
.wp-hero .wp-sub{font-size:20px;line-height:1.5;max-width:640px;color:var(--ink2)}
.wp-ctas{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;max-width:760px}
.wp-cta{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--ink);color:var(--ink);text-decoration:none}
.wp-cta .k{grid-column:1;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.wp-cta .t{grid-column:1;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2}
.wp-cta .arr{grid-column:2;grid-row:1/span 2;font-family:var(--mono);font-size:18px;color:var(--gold)}
.wp-cta:hover{background:var(--paper2)}
.wp-cta.ink{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.wp-cta.ink .k{color:rgba(255,255,255,.7)}
.wp-cta.ink:hover{background:var(--sky)}
.wp-bench{margin-top:16px;font-family:var(--sans);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.wp-bench b{color:var(--ink);font-weight:600}
.wp-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.wp-sec-head a{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--navy);white-space:nowrap}
.wp-groups{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px}
.wp-group{padding-top:4px}
.wp-group h3{font-family:var(--serif);font-size:18px;font-weight:600;margin:18px 0 2px;color:var(--ink)}
.wp-group-blurb{font-family:var(--sans);font-size:13px;color:var(--ink3);margin:0 0 6px!important;max-width:60ch}
.wp-list li{grid-template-columns:72px 1fr;gap:14px;padding:9px 0;font-size:15px}
.wp-list .wp-no{font-family:var(--mono);font-size:11.5px;color:var(--ink3);padding-top:4px;white-space:nowrap}
.wp-list a{font-family:var(--serif);font-weight:600;color:var(--navy);text-decoration:none}
.wp-list a:hover{text-decoration:underline;text-decoration-color:var(--navy);text-underline-offset:3px}
.wp-list .d{display:block;font-family:var(--sans);font-size:13px;line-height:1.45;color:var(--ink2);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wp-list .m{display:block;font-family:var(--mono);font-size:11px;color:var(--ink3);margin-top:3px}
.wp-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
.wp-tile{display:flex;flex-direction:column;gap:5px;padding:18px 18px 16px;border:1px solid var(--rule);color:var(--ink);text-decoration:none}
.wp-tile:hover{border-color:var(--ink);background:var(--paper2)}
.wp-tile .k{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.wp-tile .t{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--navy)}
.wp-tile:hover .t{text-decoration:underline;text-underline-offset:3px}
.wp-tile .d{font-family:var(--sans);font-size:13.5px;line-height:1.45;color:var(--ink2)}
.wp-tile.ink{background:var(--ink);border-color:var(--ink);color:var(--ground)}
.wp-tile.ink .t{color:var(--paper)}
.wp-tile.ink .d{color:rgba(255,255,255,.78)}
.wp-tile.ink:hover{background:var(--sky)}
@media(max-width:760px){.wp-groups,.wp-tiles,.wp-ctas{grid-template-columns:1fr}.wp-hero .wp-sub{font-size:18px}.wp-nav nav{gap:14px;flex-wrap:wrap}.wp-list li{grid-template-columns:1fr}}
.wp-title,.sec-title,.article-body h2,.wp-sec h2,.wp-group h3,.ac-title,.af-title,.p-title,.wp-tile .t,.wp-cta .t{color:var(--head)}
.wp-tile:hover .t{color:var(--navy)}
.wp-hero,.wp-sec,.chart-box,.tools-divider,.sec-head,.article-featured,.tool-featured,.cat-bar,.sources{border-top-color:var(--head)!important}
.wp-hero .wp-kicker .dot{background:var(--navy)}
.wp-hero .wp-kicker,.page-eyebrow,.article-eyebrow-text,.wp-tile .k{color:var(--navy)}
.wp-nav-cta{border-color:var(--navy);color:var(--navy)!important}
.wp-nav-cta:hover{background:var(--navy)!important;color:var(--ground)!important}
.wp-cta.ink .t,.wp-cta.ink .arr,.wp-tile.ink .t,.wp-tile.ink .k{color:var(--ground)!important}
.wp-cta.ink:hover .t{text-decoration:underline;text-underline-offset:3px}
.wp-hero.band{margin:0 -28px;padding:0;border:0;background:var(--ink);color:var(--ground)}
.wp-kicker{color:var(--sky)}
.wp-kicker .dot{background:var(--sky)}
.wp-title{color:var(--ground)}
.wp-sub{color:rgba(255,255,255,.82)}
.wp-cta{border-color:rgba(255,255,255,.35);color:var(--ground)}
.wp-cta .k{color:rgba(255,255,255,.65)}
.wp-cta:hover{background:rgba(255,255,255,.08)}
.wp-cta.ink{background:var(--sky);border-color:var(--sky);color:var(--ground)}
.wp-cta.ink:hover{background:var(--sky)}
.wp-cta .arr{color:var(--amber)}
.wp-list li{grid-template-columns:112px 1fr;gap:14px;align-items:start}
.wp-list .thumb img{display:block;width:112px;aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--rule)}
.wp-list li:hover .thumb img{border-color:var(--navy)}
.wp-list .wp-no{display:block;margin-bottom:2px}
.wp-tile{padding:0 0 16px;overflow:hidden}
.wp-tile .tile-img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;margin-bottom:12px;border-bottom:1px solid var(--rule)}
.wp-tile .k,.wp-tile .t,.wp-tile .d{padding:0 18px}
.wp-tile.ink .tile-img{border-bottom-color:rgba(255,255,255,.2)}
@media(max-width:760px){.band-inner{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.latest-row{grid-template-columns:1fr}.wp-list li{grid-template-columns:1fr}.wp-list .thumb{display:none}}
.wp-cta .t,.band .wp-cta.ink .t{color:var(--ground)}


/* ---- inversion corrections ----
   The paper sheet used .ink and .band to mean "inverse block": dark panel on a light
   page, written as background:var(--ink);color:var(--ground). With the tokens flipped
   those became light panels on a dark page, which is how the hero came back cream.
   On terminal there is nothing to invert to, so an emphasis block is a SURFACE STEP.
   Elevation is a surface step, never an inversion and never a shadow. */
.wp-hero.band,.wp-tile.ink,.wp-cta.ink{
  background:var(--surface)!important;border-color:var(--hair)!important;color:var(--ink)!important}
.wp-hero.band{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.wp-tile.ink .t,.wp-tile.ink .k,.wp-cta.ink .t,.wp-cta.ink .arr,
.wp-cta .t,.band .wp-cta.ink .t,.wp-title,.wp-cta{color:var(--ink)!important}
.wp-cta.ink{background:var(--amber)!important;border-color:var(--amber)!important}
.wp-cta.ink .t,.wp-cta.ink .arr{color:#0a1320!important}
.wp-nav-cta:hover{background:var(--amber)!important;color:#0a1320!important}
.wp-cta{border-color:var(--hair)}
.wp-cta:hover,.wp-tile:hover,.wp-nav-cta:hover,.wp-table tbody tr:hover td{
  background:var(--surface-raised)!important}
.wp-tile:hover{border-color:var(--hair)!important}
/* the full-bleed band needs its gutter back or the text clips at the viewport edge */
.wp-root{padding-left:28px;padding-right:28px;overflow-x:hidden}
.wp-hero.band{margin-left:-28px;margin-right:-28px;padding:26px 28px}
@media(max-width:560px){
  .wp-root{padding-left:16px;padding-right:16px}
  .wp-hero.band{margin-left:-16px;margin-right:-16px;padding:20px 16px}}


/* ---- SPA strip and cards (src/App.jsx non-wp classes), ported from the paper
   sheet the same way. .stat-strip is what left the hero numbers running together. ---- */
.callout,.infer,.sources,.related-card,.q-item,.clockbox,.bank-box,.offer,.intervention,.cta-block,.opening,.pledge,.card,.card.ink,.stat,.readout,.readout-head,.verdict-wrap,.mech,.lr-tip,.tool-promo,.panel,.calc,.cta,.af-left,.af-right,.tool-card,.tool-card.accent,.tool-card.accent:hover,.article-card,.article-card:hover,.article-featured,.tool-featured,.tf-left,.tf-right,.w,.w.ink,.paper,.desk,.cta-band,.dl-cta-card,.dl-terminal,.dl-terminal-head,.dl-terminal-foot,.dl-teardown,.dl-quote-feature,.dl-audit-card,.dl-three-item,.proof,.tile{
  background:transparent!important;color:var(--ink)!important;border:0!important;transform:none!important}
.band-cover{display:block;text-decoration:none}
.band-cover img{display:block;width:100%;aspect-ratio:1200/630;border:1px solid rgba(255,255,255,.18)}
.band-cover:hover img{border-color:var(--sky)}
.band-cover-cap{display:block;margin-top:8px;font-family:var(--sans);font-size:11.5px;color:var(--sky)}
.stat-strip{max-width:944px;margin:0 auto;padding:0 28px 32px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.14)}
.stat{padding:18px 14px 0 0;border-left:1px solid rgba(255,255,255,.12);padding-left:14px}
.stat:first-child{border-left:0;padding-left:0}
.stat .n{display:block;font-family:var(--mono);font-size:28px;font-weight:600;color:var(--amber);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat .n small{font-size:16px;margin-left:2px;color:var(--amber)}
.stat .l{display:block;font-family:var(--sans);font-size:12px;line-height:1.35;color:var(--ground);margin-top:4px}
.stat .s{display:block;font-family:var(--sans);font-size:10.5px;color:var(--sky);margin-top:3px}
.latest-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--ink)}
.latest-card img{display:block;width:100%;aspect-ratio:1200/630;border:1px solid var(--rule)}
.latest-card:hover img{border-color:var(--navy);outline:1px solid var(--navy)}
.latest-card .k{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);margin-top:4px}
.latest-card .t{font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.2;color:var(--head)}
.latest-card:hover .t{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.latest-card .d{font-family:var(--sans);font-size:13.5px;line-height:1.45;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){.band-inner{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.latest-row{grid-template-columns:1fr}.wp-list li{grid-template-columns:1fr}.wp-list .thumb{display:none}}

/* every number is mono, including the hero strip */
.stat .n{font-family:var(--mono)!important;letter-spacing:-0.04em}
.stat .l,.stat .s{font-family:var(--sans)}
.stat .s{color:var(--ink3)}
.latest-card,.band-cover{background:var(--surface);border:1px solid var(--hair);border-radius:2px}
.band-text{color:var(--ink)}


/* ---- stat strip contrast ----
   The paper sheet set .stat .l and friends to var(--ground) because they sat on a dark
   hero band. On terminal the ground IS dark, so that was dark type on dark. Labels take
   ink-muted, which is the readable floor; the source line takes ink-faint. */
.stat .l{color:var(--ink2)!important}
.stat .s{color:var(--ink3)!important}
.stat .n{color:var(--amber)!important}
.band-text,.band-cover-cap{color:var(--ink2)!important}


/* ---- original homepage (dl-*) ----
   The homepage ships as a built bundle with its own stylesheet, so the page-level
   de-inversion in apply_terminal.py never sees it. Twelve rules there are inverse
   blocks written background:var(--dl-ink);color:var(--dl-paper), a dark card on a
   cream page. Same rule as everywhere else: on terminal an emphasis block is a
   surface step, and the only elevation is that step. */
.dl-terminal,.dl-cta-primary,.dl-tool-card-accent,.dl-teardown,
.dl-quote-feature,.dl-audit-card,.dl-avatar{
  background:var(--surface)!important;color:var(--ink)!important;
  border:1px solid var(--hair)!important;border-radius:2px!important}
.dl-terminal-head,.dl-terminal-foot{
  background:var(--surface-raised)!important;border-color:var(--hair)!important}
.dl-terminal-block{border-color:var(--hair-soft)!important}
.dl-terminal-block-label span,.dl-tool-card-accent .dl-tool-desc{color:var(--ink)!important}
.dl-nav-cta{background:var(--amber)!important;color:#0a1320!important;border-radius:2px!important}
.dl-nav-cta:hover{background:#e4b45e!important}

/* nothing rounder than 4px, and elevation is never a shadow */
[class^="dl-"],[class*=" dl-"]{box-shadow:none!important}
[class^="dl-"],[class*=" dl-"]{border-radius:2px}
.dl-terminal-live-dot{border-radius:50%!important}
.dl-terminal:hover{transform:none!important}

/* numbers in mono, as everywhere */
.dl-stat-val,.dl-terminal-val,.dl-terminal-metric,.dl-no{
  font-family:var(--mono)!important;font-variant-numeric:tabular-nums}

/* ── Clickable means clickable: every article card, featured block, homepage CTA and tile ── */
.article-card,.article-featured,.related-card,.dl-cta-card,.dl-terminal,.wp-cta,.wp-tile,.latest-card{cursor:pointer;transition:border-color .12s,background .12s,transform .08s}
.article-card:hover,.article-featured:hover,.related-card:hover,.dl-cta-card:hover,.dl-terminal:hover{border-color:var(--amber)!important;background:var(--surface)!important;transform:translateY(-2px)}
.article-card:hover .ac-title,.article-featured:hover .af-title,.related-card:hover .related-card-title,.dl-cta-card:hover .dl-cta-title{color:var(--amber)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-card:hover .ac-cta,.article-featured:hover .af-cta{color:var(--amber)!important;opacity:1!important}
.ac-cta,.af-cta{opacity:.85!important}
.article-card .ac-cta::after,.article-featured .af-cta::after{content:"";display:inline-block;width:0;height:1px;background:var(--amber);transition:width .15s;margin-left:6px}
.article-card:hover .ac-cta::after,.article-featured:hover .af-cta::after{width:18px}

/* ── Dark-native charts: an SVG whose first element is a #0a1320 ground was authored for this skin.
   The remaps above are for light-authored charts; leave these alone. Case-insensitive on purpose. ── */
svg:has(> rect[fill="#0a1320" i]:first-child) [fill="#0a1320" i]{fill:#0a1320}
svg:has(> rect[fill="#0a1320" i]:first-child) [stroke="#0a1320" i]{stroke:#0a1320}
svg:has(> rect[fill="#0a1320" i]:first-child) [fill="#f1ecdf" i]{fill:#f1ecdf}
svg:has(> rect[fill="#0a1320" i]:first-child) [stroke="#f1ecdf" i]{stroke:#f1ecdf}
svg:has(> rect[fill="#0a1320" i]:first-child) [fill="#13202f" i],svg:has(> rect[fill="#0a1320" i]:first-child) [fill="#1c2c3d" i]{fill:#13202f}