@import url("https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@100..125,700..900&family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Chivo+Mono:wght@400;500;700&family=Permanent+Marker&display=swap");

/* ═══════════════════════════════════════════════════════════════════════
   MSB INTEL. VOX EDITION (2026-10-02, Marc in writing: "I want the whole
   website to be Vox themed / style to make it super epic").
   One layer, appended to the end of styles.css (every page links it) and
   loaded after override.css on the front page. Delete this block and the
   vox.css link to roll back to the dark wire desk.
   The four BRAND-SPEC devices, ported to the page:
     1. marker circle   one per screen, around the lead figure
     2. paper field + halftone   paper body, flat colour fields per section
     3. torn paper edge   between fields, under every hero cutout
     4. red full stop   MSB INTEL. everywhere the wordmark appears
   Selectors carry `html:not(#vox) body` so they outrank each page's inline <style>.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --v-torn-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='24' preserveAspectRatio='none'%3E%3Cpath d='M0,24 L0.0,6.2 L6.4,9.5 L12.0,8.4 L20.3,3.6 L29.9,3.4 L38.8,3.7 L44.6,7.2 L57.0,4.2 L64.0,9.3 L77.6,8.8 L86.1,12.8 L91.6,11.6 L99.2,4.4 L105.2,6.1 L117.6,4.8 L127.8,9.4 L136.2,8.5 L141.7,3.6 L148.6,9.8 L157.4,6.1 L167.7,7.5 L175.4,10.9 L186.7,5.4 L196.9,8.3 L209.7,10.3 L217.3,12.8 L223.4,7.2 L235.2,4.5 L244.6,3.4 L255.6,10.6 L265.8,11.8 L273.6,10.0 L283.9,8.8 L293.0,11.4 L306.5,7.7 L317.5,3.6 L328.8,9.5 L342.8,11.2 L350.3,6.9 L361.4,3.2 L370.5,4.7 L376.6,3.6 L388.5,4.3 L395.7,6.9 L408.5,3.8 L417.6,8.5 L430.5,11.2 L443.3,5.8 L452.1,6.6 L465.0,12.6 L471.4,4.8 L478.5,5.3 L487.8,8.9 L495.2,3.0 L504.0,6.7 L514.1,12.5 L525.3,8.2 L535.8,9.8 L541.3,12.0 L553.3,11.7 L565.5,6.9 L574.1,4.0 L584.8,3.6 L590.4,5.1 L596.9,6.4 L600,3.0 L600,24 Z' fill='black'/%3E%3C/svg%3E");
  --v-torn-bot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='24' preserveAspectRatio='none'%3E%3Cg transform='translate(0,24) scale(1,-1)'%3E%3Cpath d='M0,24 L0.0,6.2 L6.4,9.5 L12.0,8.4 L20.3,3.6 L29.9,3.4 L38.8,3.7 L44.6,7.2 L57.0,4.2 L64.0,9.3 L77.6,8.8 L86.1,12.8 L91.6,11.6 L99.2,4.4 L105.2,6.1 L117.6,4.8 L127.8,9.4 L136.2,8.5 L141.7,3.6 L148.6,9.8 L157.4,6.1 L167.7,7.5 L175.4,10.9 L186.7,5.4 L196.9,8.3 L209.7,10.3 L217.3,12.8 L223.4,7.2 L235.2,4.5 L244.6,3.4 L255.6,10.6 L265.8,11.8 L273.6,10.0 L283.9,8.8 L293.0,11.4 L306.5,7.7 L317.5,3.6 L328.8,9.5 L342.8,11.2 L350.3,6.9 L361.4,3.2 L370.5,4.7 L376.6,3.6 L388.5,4.3 L395.7,6.9 L408.5,3.8 L417.6,8.5 L430.5,11.2 L443.3,5.8 L452.1,6.6 L465.0,12.6 L471.4,4.8 L478.5,5.3 L487.8,8.9 L495.2,3.0 L504.0,6.7 L514.1,12.5 L525.3,8.2 L535.8,9.8 L541.3,12.0 L553.3,11.7 L565.5,6.9 L574.1,4.0 L584.8,3.6 L590.4,5.1 L596.9,6.4 L600,3.0 L600,24 Z' fill='black'/%3E%3C/g%3E%3C/svg%3E");
  --v-marker: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cpath d='M187.5,34.9 L191.2,39.3 L194.3,43.7 L193.2,48.4 L192.9,53.0 L190.2,57.7 L188.8,62.0 L183.0,65.9 L176.4,70.0 L169.8,74.1 L161.7,76.5 L154.0,79.9 L143.4,82.3 L133.1,84.1 L123.1,85.9 L111.8,85.7 L100.5,85.7 L89.2,85.9 L78.0,84.7 L67.7,83.9 L56.6,81.9 L47.0,79.2 L38.1,75.4 L30.4,72.1 L24.3,68.0 L17.9,64.0 L12.2,60.0 L9.3,55.3 L5.8,50.4 L6.3,45.3 L7.1,40.5 L9.0,35.5 L10.5,30.7 L15.8,26.2 L20.7,22.4 L27.7,17.6 L35.3,14.2 L44.4,11.7 L53.5,8.8 L63.7,5.6 L74.7,4.8 L85.4,3.1 L96.8,3.5 L108.0,2.2 L119.3,4.0 L130.3,3.8 L140.6,6.4 L150.3,8.9 L158.7,10.5 L167.9,14.1 L175.8,17.7 L182.0,21.3 L185.7,25.8 L189.7,30.2 L192.9,34.6 L193.7,39.2 L197.7,44.0 L195.1,49.0 L193.3,53.7 L189.1,58.3 L182.8,62.7' fill='none' stroke='%230A0A0B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --v-marker-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cpath d='M187.2,34.7 L190.8,39.3 L194.1,43.8 L193.9,48.4 L193.4,53.0 L191.2,57.6 L188.3,61.8 L183.2,66.0 L176.7,70.4 L170.2,73.9 L162.6,77.5 L153.3,80.0 L143.8,82.2 L133.7,84.0 L122.8,85.3 L111.9,86.4 L100.5,87.0 L89.3,86.0 L77.9,85.5 L67.7,82.8 L57.2,80.7 L47.8,78.2 L38.2,76.1 L29.8,71.9 L23.0,68.6 L18.2,64.5 L11.6,59.6 L8.1,55.0 L6.9,50.4 L5.2,45.3 L6.6,40.4 L8.6,35.7 L11.8,30.7 L16.8,26.3 L21.4,22.4 L28.3,17.9 L35.7,15.0 L43.7,10.9 L53.3,9.1 L64.2,7.0 L74.4,5.0 L85.7,3.6 L96.8,2.4 L108.0,3.4 L119.4,3.3 L130.2,5.2 L140.0,5.9 L150.2,9.0 L160.1,10.9 L168.2,14.6 L175.7,18.1 L182.0,21.6 L185.9,25.6 L191.1,30.1 L191.8,34.6 L193.3,39.2 L195.9,44.0 L194.5,48.9 L191.9,53.9 L187.7,58.3 L182.0,62.6' fill='none' stroke='%23EDE9E0' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --v-marker-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cpath d='M187.2,34.8 L190.4,39.0 L193.5,43.8 L193.9,48.4 L192.3,53.1 L191.0,57.6 L188.4,61.9 L183.0,66.4 L178.1,70.0 L170.8,74.0 L162.5,76.9 L153.2,79.3 L143.3,81.6 L133.7,83.7 L122.6,84.7 L111.8,86.7 L100.5,85.9 L89.3,85.6 L78.2,84.4 L67.5,83.0 L56.6,82.0 L47.4,78.4 L37.8,75.5 L30.7,71.7 L23.6,68.4 L17.4,64.0 L12.7,59.5 L9.7,54.9 L7.2,50.2 L7.2,45.3 L7.1,40.4 L8.2,35.5 L11.0,30.7 L14.9,26.4 L21.7,21.6 L28.7,17.8 L35.5,15.0 L43.9,10.8 L53.7,8.2 L63.7,6.8 L74.6,4.6 L85.5,3.0 L96.8,2.7 L108.1,2.6 L119.3,3.9 L129.7,5.1 L140.3,6.8 L150.7,8.3 L159.6,10.9 L168.0,14.2 L174.0,17.4 L181.7,21.5 L186.4,25.6 L189.1,29.9 L192.1,34.7 L193.3,39.2 L196.0,44.1 L196.4,48.9 L192.1,53.7 L188.6,58.5 L182.9,62.8' fill='none' stroke='%23E51A22' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  --v-hl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M2,14 C40,9 90,12 198,8 L197,33 C120,36 60,31 3,35 Z' fill='%23E9B44C' fill-opacity='0.9'/%3E%3C/svg%3E");
  --v-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.09 0 0 0 0 0.08 0 0 0 0 0.07 0 0 0 0.2 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  --paper: #EDE9E0;
  --sheet: #F7F4EE;
  --ink-v: #0A0A0B;
  --ink-v2: #45423B;
  --ink-v3: #77736A;
  --navy: #0A0A0B;
  --yellow: #E9B44C;
  --coral: #E51A22;
  --teal: #0A0A0B;
  --stop: #E51A22;
  --gold-ink: #9A7B33;             /* house gold, darkened to read on paper */
  --v-display: "Archivo", "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --v-text: "Newsreader", "Source Serif 4", Georgia, serif;
  --v-mono: "Chivo Mono", "IBM Plex Mono", ui-monospace, monospace;
  --v-hand: "Permanent Marker", "Marker Felt", "Comic Sans MS", cursive;
  --v-halftone: radial-gradient(rgba(10,10,11,0.17) 1.05px, transparent 1.6px);
  --v-halftone-light: radial-gradient(rgba(237,233,224,0.16) 1.05px, transparent 1.6px);
  --v-cut-shadow: 0 1px 0 rgba(10,10,11,0.06), 5px 7px 0 rgba(10,10,11,0.16);
  --v-tear-mask: linear-gradient(#000, #000) top / 100% calc(100% - 11px) no-repeat, var(--v-torn-bot) bottom / 420px 12px repeat-x;
}

/* ── 0. PAPER FIELD ─────────────────────────────────────────────────────── */
html:not(#vox) body {
  background-color: var(--paper) !important;
  background-image: var(--v-grain) !important;
  background-size: 220px 220px !important;
  color: var(--ink-v) !important;
  --ink: #0A0A0B; --ink-dim: #45423B; --ink-faint: #77736A; --ink-soft: #5B574F;
  --line: rgba(10,10,11,0.16); --line-strong: rgba(10,10,11,0.34); --rule: rgba(10,10,11,0.18);
  --panel: var(--sheet); --bg-raise: var(--sheet); --bg: var(--paper);
  --red: #E51A22; --gold: #9A7B33; --gold-deep: #9A7B33;
}
html:not(#vox) body::before { opacity: 0.0 !important; }                       /* old film grain off; paper grain lives on body */
html:not(#vox) body ::selection { background: var(--yellow); color: var(--ink-v); }
html:not(#vox) body .mono { font-family: var(--v-mono); }

/* ── 1. TAPE: ink strip, yellow wire mark ───────────────────────────────── */
html:not(#vox) body .tape { background: var(--ink-v) !important; border-bottom: 0 !important; color: var(--paper) !important; }
html:not(#vox) body .tape-clock { border-right-color: rgba(237,233,224,0.18) !important; }
html:not(#vox) body .tape-mark { background: var(--yellow) !important; color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 900 !important; letter-spacing: 0.04em !important; transform: rotate(-2deg); display: inline-block; }
html:not(#vox) body #utc-clock, html:not(#vox) body .tape-track .qt span, html:not(#vox) body .tape-loading { color: rgba(237,233,224,0.62) !important; }
html:not(#vox) body .tape .up { color: #F2C14E !important; }
html:not(#vox) body .tape .down { color: #FF8A73 !important; }

/* ── 2. MASTHEAD: heavy grotesk nameplate, round red full stop ──────────── */
html:not(#vox) body .masthead { background: transparent; }
html:not(#vox) body .masthead-title {
  white-space: nowrap;
  font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 112%;
  color: var(--ink-v) !important; letter-spacing: -0.05em !important; text-transform: uppercase;
}
html:not(#vox) body .masthead-dot { width: 0.17em !important; height: 0.17em !important; border-radius: 50% !important; background: var(--stop) !important; margin-left: 0.04em !important; vertical-align: baseline; }
html:not(#vox) body .masthead-date { color: var(--ink-v2) !important; border-bottom: 2px solid var(--ink-v) !important; font-family: var(--v-mono) !important; }
html:not(#vox) body .masthead-tag {
  display: inline-block !important; justify-self: start; width: max-content; max-width: 100%;
  font-family: var(--v-display) !important; font-weight: 800 !important; font-size: 13px !important;
  letter-spacing: 0.14em !important; color: var(--ink-v) !important; text-transform: uppercase;
  padding: 5px 12px 4px !important; margin-top: 12px !important;
  background: var(--v-hl) center / 100% 100% no-repeat;
}
html:not(#vox) body .redrule { height: 4px !important; background: var(--ink-v) !important; box-shadow: 0 5px 0 -3px var(--ink-v); }
html:not(#vox) body .mast-nav { border-top: 0 !important; }
html:not(#vox) body .mast-nav a { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.04em !important; padding: 2px 4px; }
html:not(#vox) body .mast-nav a:hover { background: var(--v-hl) center / 100% 100% no-repeat; color: var(--ink-v) !important; }
html:not(#vox) body .mast-nav .nav-contact { color: var(--stop) !important; }
html:not(#vox) body .digest { color: var(--ink-v2) !important; border-bottom: 1px solid var(--line) !important; }
html:not(#vox) body .digest b { color: var(--ink-v) !important; background: var(--yellow); padding: 1px 7px; }
html:not(#vox) body .digest a { color: var(--ink-v2) !important; }
html:not(#vox) body .digest .dsq { color: var(--stop) !important; }
html:not(#vox) body .social-btn, html:not(#vox) body .sb-x, html:not(#vox) body .sb-tg {
  background: var(--sheet) !important; color: var(--ink-v) !important; border: 2px solid var(--ink-v) !important;
  border-radius: 2px !important; box-shadow: 3px 3px 0 var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important;
}
html:not(#vox) body .social-btn:hover { transform: translate(1px, 1px) !important; box-shadow: 2px 2px 0 var(--ink-v) !important; background: var(--yellow) !important; }

/* ── 3. SECTION LABELS: torn black paper tags ───────────────────────────── */
html:not(#vox) body .section-label, html:not(#vox) body .rail-h, html:not(#vox) body .dtable h4, html:not(#vox) body .dcard h4,
html:not(#vox) body .sharebar-label, html:not(#vox) body .fc-label, html:not(#vox) body .dblinks-label {
  font-family: var(--v-display) !important; font-weight: 900 !important; text-transform: uppercase !important;
  letter-spacing: 0.06em !important; font-size: 13px !important;
}
html:not(#vox) body .section-label {
  display: inline-flex !important; width: auto !important; align-items: center; gap: 8px;
  background: var(--ink-v); color: var(--paper) !important; padding: 7px 18px 6px 12px !important;
  border: 0 !important; transform: rotate(-1.2deg); transform-origin: left center;
  clip-path: polygon(0 0, 100% 0, 97% 18%, 100% 36%, 96.5% 55%, 100% 74%, 97% 90%, 100% 100%, 0 100%);
  margin-bottom: 6px; align-self: flex-start; justify-self: start;
}
html:not(#vox) body .rail-h, html:not(#vox) body .dtable h4, html:not(#vox) body .dcard h4, html:not(#vox) body .sharebar-label, html:not(#vox) body .dblinks-label { color: var(--ink-v) !important; }
html:not(#vox) body .section-label::before, html:not(#vox) body .section-label::after,
html:not(#vox) body .rail-h::before, html:not(#vox) body .rail-h::after, html:not(#vox) body .dtable h4::before, html:not(#vox) body .dtable h4::after,
html:not(#vox) body .dcard h4::before, html:not(#vox) body .dcard h4::after, html:not(#vox) body .sharebar-label::before, html:not(#vox) body .sharebar-label::after,
html:not(#vox) body .dblinks-label::before, html:not(#vox) body .dblinks-label::after { content: none !important; }
html:not(#vox) body .live-dot { background: var(--stop) !important; }

/* category tags: paper chips, one flat colour each */
html:not(#vox) body .tag, html:not(#vox) body .tag-outline, html:not(#vox) body .wire-list .tag, html:not(#vox) body .ax-tag, html:not(#vox) body .article-meta .tag {
  display: inline-block !important; background: var(--yellow) !important; color: var(--ink-v) !important;
  font-family: var(--v-display) !important; font-weight: 900 !important; font-size: 10.5px !important; letter-spacing: 0.08em !important;
  padding: 3px 8px 2px !important; border: 0 !important; border-radius: 0 !important; transform: rotate(-1.5deg);
}
html:not(#vox) body .tag.t-policy { background: var(--sheet) !important; box-shadow: inset 0 0 0 1.5px var(--ink-v); }
html:not(#vox) body .tag.t-macro { background: var(--teal) !important; color: var(--paper) !important; }
html:not(#vox) body .tag.t-rails, html:not(#vox) body .tag.t-products { background: var(--navy) !important; color: var(--paper) !important; }
html:not(#vox) body .tag.t-exchanges, html:not(#vox) body .tag.t-stablecoins { background: var(--coral) !important; color: var(--paper) !important; }

/* ── 4. THE LEAD: grotesk head, marker circle, cutout hero ──────────────── */
html:not(#vox) body .front-two > .lead { border-right: 2px solid var(--ink-v) !important; }
html:not(#vox) body .kicker { color: var(--ink-v2) !important; font-family: var(--v-mono) !important; }
html:not(#vox) body .front-two .lead-head, html:not(#vox) body .lead-head {
  font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 104%;
  color: var(--ink-v) !important; letter-spacing: -0.03em !important; line-height: 0.98 !important;
}
html:not(#vox) body .lead-head em {
  font-family: inherit !important; font-style: normal !important; font-weight: 900 !important; color: var(--ink-v) !important;
  position: relative; display: inline-block; white-space: nowrap; z-index: 0;
}
html:not(#vox) body .lead-head em::after {                                     /* THE marker circle (one per screen) */
  content: ""; position: absolute; inset: -0.2em -0.34em -0.16em -0.3em; z-index: -1;
  background: var(--v-marker-red) center / 100% 100% no-repeat; transform: rotate(-3deg); pointer-events: none;
}
html:not(#vox) body .lead-link:hover .lead-head { color: var(--ink-v) !important; }
html:not(#vox) body .lead-link:hover .lead-head em::before { opacity: 1; }
html:not(#vox) body .lead-art {
  position: relative; background: #FBF8F0 !important; padding: 9px 9px 0 !important; border: 0 !important;
  box-shadow: var(--v-cut-shadow); transform: rotate(-0.7deg); margin-top: 14px !important;
  -webkit-mask: var(--v-tear-mask); mask: var(--v-tear-mask);
}
html:not(#vox) body .lead-art img { padding-bottom: 14px; background: #FBF8F0; filter: saturate(1.05) contrast(1.03); }
html:not(#vox) body .lead-art::after {                                         /* halftone pass over the hero */
  content: "" !important; display: block !important; position: absolute; inset: 9px 9px 14px; box-shadow: none !important;
  background: var(--v-halftone) 0 0 / 6px 6px; mix-blend-mode: multiply; opacity: 0.55; pointer-events: none;
}
html:not(#vox) body .front-two .lead-deck, html:not(#vox) body .lead-deck { font-family: var(--v-text) !important; font-style: normal !important; color: var(--ink-v) !important; font-size: clamp(17px, 1.45vw, 20px) !important; }
html:not(#vox) body .front-two .lead-deck::first-letter { font-family: var(--v-display); font-weight: 900; color: var(--stop) !important; }
html:not(#vox) body .byline { color: var(--ink-v3) !important; font-family: var(--v-mono) !important; }

/* sparkline strip: three paper slips */
html:not(#vox) body .spark-row { border: 0 !important; gap: 12px !important; }
html:not(#vox) body .spark-t { background: var(--sheet); border: 0 !important; box-shadow: var(--v-cut-shadow); }
html:not(#vox) body .spark-t:nth-child(2) { transform: rotate(0.6deg); }
html:not(#vox) body .spark-t:nth-child(3) { transform: rotate(-0.5deg); }
html:not(#vox) body .spark-t figcaption, html:not(#vox) body .spark-t figcaption b, html:not(#vox) body .spark-t .spark-v { color: var(--ink-v) !important; }

/* the chart-of-the-day canvas is printed dark: mount it as a pinned print */
html:not(#vox) body .spark-row > a { display: block; grid-column: 1 / -1; background: #FBF8F0; padding: 9px; box-shadow: var(--v-cut-shadow); transform: rotate(0.5deg); position: relative; margin-bottom: 8px; }
html:not(#vox) body .spark-row > a::before { content: ""; position: absolute; top: -11px; left: 50%; width: 120px; height: 24px; transform: translateX(-50%) rotate(-2.5deg); background: rgba(233,178,30,0.55); box-shadow: 0 1px 1px rgba(10,10,11,0.12); z-index: 1; }
html:not(#vox) body .spark-row > a canvas { display: block; width: 100%; height: auto; }

/* ── 5. RAIL: flip watch on a yellow field, panels as paper sheets ──────── */
html:not(#vox) body .flipwatch {
  position: relative; background: var(--yellow) !important; border: 0 !important; color: var(--ink-v);
  box-shadow: var(--v-cut-shadow); transform: rotate(0.8deg); overflow: hidden;
}
html:not(#vox) body .flipwatch::after { content: ""; position: absolute; right: -30px; bottom: -30px; width: 150px; height: 150px; background: var(--v-halftone) 0 0 / 7px 7px; border-radius: 50%; pointer-events: none; }
html:not(#vox) body .flipwatch h4 { color: var(--ink-v) !important; font-family: var(--v-hand) !important; font-weight: 400 !important; font-size: 19px !important; letter-spacing: 0.02em !important; text-transform: none !important; }
html:not(#vox) body #flipwatch-body, html:not(#vox) body .flipwatch p, html:not(#vox) body .flipwatch b { color: var(--ink-v) !important; position: relative; z-index: 1; }
html:not(#vox) body .rail .section-label { border: 0 !important; padding: 7px 18px 6px 12px !important; }
html:not(#vox) body .rail .glance, html:not(#vox) body .killed-box, html:not(#vox) body .rail-latest {
  background: var(--sheet) !important; border: 0 !important; box-shadow: var(--v-cut-shadow);
}
html:not(#vox) body .rail .glance { padding: 4px 16px 8px !important; }
html:not(#vox) body .glance dt { color: var(--ink-v2) !important; }
html:not(#vox) body .glance dd { color: var(--ink-v) !important; font-family: var(--v-mono) !important; }
html:not(#vox) body .up, html:not(#vox) body .g-chg.up { color: var(--gold-ink) !important; }
html:not(#vox) body .down, html:not(#vox) body .g-chg.down { color: var(--coral) !important; }
html:not(#vox) body .lanes-list a { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; }
html:not(#vox) body .lanes-list a::before { background: var(--stop) !important; border-radius: 50%; }
html:not(#vox) body .lanes-list a:hover { background: var(--v-hl) left center / 100% 80% no-repeat; }
html:not(#vox) body .rail-latest time { color: var(--ink-v3) !important; }
html:not(#vox) body .rail-latest a { color: var(--ink-v) !important; }
html:not(#vox) body .rail-latest a:hover { color: var(--stop) !important; }

/* ── 6. THE WIRE: ledger on paper, thumbs as pinned cutouts ─────────────── */
html:not(#vox) body .wire-full { border-top: 2px solid var(--ink-v) !important; }
html:not(#vox) body .wire-list li { border-bottom: 1px dashed rgba(10,10,11,0.28) !important; }
html:not(#vox) body .wire-list time { color: var(--ink-v3) !important; }
html:not(#vox) body .wire-list a, html:not(#vox) body .wire-full .wire-list a {
  color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; letter-spacing: -0.01em;
  background-image: none !important;
}
html:not(#vox) body .wire-list a:hover { background: var(--v-hl) center / 100% 100% no-repeat !important; color: var(--ink-v) !important; }
html:not(#vox) body .wire-list p { color: var(--ink-v2) !important; font-family: var(--v-text); }
html:not(#vox) body .wthumb, html:not(#vox) body .wire-full .wire-list li .wthumb {
  border: 3px solid #FBF8F0 !important; border-radius: 0 !important; box-shadow: 2px 3px 0 rgba(10,10,11,0.2) !important; transform: rotate(1.4deg);
}
html:not(#vox) body .wire-list li:nth-child(even) .wthumb { transform: rotate(-1.6deg); }
html:not(#vox) body .wire-seeall, html:not(#vox) body .wire-more { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; text-decoration-color: var(--stop) !important; text-decoration-thickness: 2px !important; }

/* ── 7. DATA DESK: navy field, halftone, torn top and bottom ────────────── */
html:not(#vox) body .datadesk-wrap {
  position: relative; background: var(--navy) !important; border: 0 !important; margin-top: 30px; margin-bottom: 30px;
  --ink: #EDE9E0; --ink-dim: rgba(237,233,224,0.72); --ink-faint: rgba(237,233,224,0.5); --line: rgba(237,233,224,0.16);
  --gold: #E9B44C; --gold-deep: #E9B44C;
}
html:not(#vox) body .datadesk-wrap::before, html:not(#vox) body .datadesk-wrap::after {
  content: ""; position: absolute; left: 0; right: 0; height: 22px; background: var(--navy); pointer-events: none;
}
html:not(#vox) body .datadesk-wrap::before { top: -21px; -webkit-mask: var(--v-torn-top) 0 0 / 520px 22px repeat-x; mask: var(--v-torn-top) 0 0 / 520px 22px repeat-x; }
html:not(#vox) body .datadesk-wrap::after { bottom: -21px; -webkit-mask: var(--v-torn-bot) 0 0 / 520px 22px repeat-x; mask: var(--v-torn-bot) 0 0 / 520px 22px repeat-x; }
html:not(#vox) body .datadesk { position: relative; background: var(--v-halftone-light) 0 0 / 8px 8px; }
html:not(#vox) body .datadesk .section-label { background: var(--yellow) !important; color: var(--ink-v) !important; }
html:not(#vox) body .datadesk-stamp { color: var(--paper) !important; font-family: var(--v-hand) !important; font-size: 15px !important; letter-spacing: 0.02em !important; transform: rotate(-2deg); }
html:not(#vox) body .feature-chart figcaption, html:not(#vox) body .fc-label { color: rgba(237,233,224,0.78) !important; }
html:not(#vox) body .fc-price { color: #E9B44C !important; }
html:not(#vox) body .fc-meta { color: rgba(237,233,224,0.55) !important; }
html:not(#vox) body .fc-dl button { color: var(--paper) !important; border: 1.5px solid rgba(237,233,224,0.5) !important; border-radius: 0 !important; }
html:not(#vox) body .fc-dl button:hover { background: var(--yellow) !important; color: var(--ink-v) !important; border-color: var(--yellow) !important; }
html:not(#vox) body .datadesk .sharebar-label { color: var(--paper) !important; }
html:not(#vox) body .sharebar-legend { color: rgba(237,233,224,0.8) !important; }
html:not(#vox) body .sharebar { border-radius: 0 !important; background: rgba(237,233,224,0.1) !important; }
/* tables and stat cards sit on paper sheets laid on the field */
html:not(#vox) body .datadesk .dtable, html:not(#vox) body .datadesk .dcard {
  background: var(--sheet) !important; border: 0 !important; border-radius: 0 !important; box-shadow: 6px 8px 0 rgba(0,0,0,0.28) !important;
  --ink: #0A0A0B; --ink-dim: #45423B; --ink-faint: #77736A; --line: rgba(10,10,11,0.14); color: var(--ink-v);
}
html:not(#vox) body .datadesk .dtable:nth-child(2) { transform: rotate(0.5deg); }
html:not(#vox) body .datadesk .dtable:nth-child(3) { transform: rotate(-0.4deg); }
html:not(#vox) body .datadesk .dtable tbody tr { opacity: 1 !important; transform: none !important; }
html:not(#vox) body .datadesk .dtable td, html:not(#vox) body .datadesk .dtable td b, html:not(#vox) body #gainers-table td:first-child, html:not(#vox) body #losers-table td:first-child { color: var(--ink-v) !important; }
html:not(#vox) body .datadesk .dtable h4 { border-bottom: 2px solid var(--ink-v) !important; }
html:not(#vox) body .datadesk .dtable td, html:not(#vox) body .datadesk .dtable th { color: var(--ink-v); border-bottom-color: rgba(10,10,11,0.12) !important; }
html:not(#vox) body .datadesk .dtable td:first-child { color: var(--ink-v3) !important; }
html:not(#vox) body .datadesk .dtable .gap { color: var(--gold-ink) !important; }
html:not(#vox) body .datadesk .up { color: var(--gold-ink) !important; }
html:not(#vox) body .datadesk .down { color: var(--coral) !important; }
html:not(#vox) body .dcard b { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 900 !important; font-size: 26px !important; }
html:not(#vox) body .dcard span { color: var(--ink-v3) !important; }
html:not(#vox) body .dcard:nth-child(1) { background: var(--yellow) !important; }
html:not(#vox) body .dblinks { border-top-color: rgba(237,233,224,0.2) !important; }
html:not(#vox) body .dblinks-label { color: var(--paper) !important; }
html:not(#vox) body .dbl { background: var(--sheet) !important; border: 0 !important; border-radius: 0 !important; box-shadow: 3px 4px 0 rgba(0,0,0,0.3); color: var(--ink-v) !important; }
html:not(#vox) body .dbl b { color: var(--ink-v) !important; }
html:not(#vox) body .dbl i { color: var(--stop) !important; }
html:not(#vox) body .dbl:hover { background: var(--yellow) !important; }

/* ── 8. WATCHLIST, FEATURES, DESK ───────────────────────────────────────── */
html:not(#vox) body .names-stand, html:not(#vox) body .features-stand { font-family: var(--v-text) !important; color: var(--ink-v) !important; font-style: normal !important; }
html:not(#vox) body .watch-grid { column-rule: 1px dashed rgba(10,10,11,0.3) !important; }
html:not(#vox) body .watch-grid p { color: var(--ink-v2) !important; border-bottom-color: rgba(10,10,11,0.14) !important; }
html:not(#vox) body .watch-grid p strong { color: var(--ink-v) !important; font-family: var(--v-display); font-weight: 900; }
/* the four signature lanes: one flat field each, cut and pinned */
html:not(#vox) body .fcard {
  position: relative; border: 0 !important; border-radius: 0 !important; box-shadow: var(--v-cut-shadow) !important; overflow: hidden;
  background: var(--sheet) !important; color: var(--ink-v);
}
html:not(#vox) body .fcard:nth-child(1) { background: var(--yellow) !important; transform: rotate(-0.8deg); }
html:not(#vox) body .fcard:nth-child(2) { background: var(--coral) !important; color: var(--paper); transform: rotate(0.6deg); }
html:not(#vox) body .fcard:nth-child(3) { background: var(--sheet) !important; color: var(--ink-v); transform: rotate(-0.4deg); }
html:not(#vox) body .fcard:nth-child(4) { background: var(--navy) !important; color: var(--paper); transform: rotate(0.7deg); }
html:not(#vox) body .fcard::after { content: ""; position: absolute; right: -36px; top: -36px; width: 130px; height: 130px; border-radius: 50%; background: var(--v-halftone) 0 0 / 7px 7px; opacity: 0.8; pointer-events: none; }
html:not(#vox) body .fcard:nth-child(2)::after, html:not(#vox) body .fcard:nth-child(4)::after { background: var(--v-halftone-light) 0 0 / 7px 7px; }
html:not(#vox) body .fcard h4 { font-family: var(--v-display) !important; font-weight: 900 !important; color: inherit !important; font-size: clamp(1.25rem, 1.8vw, 1.6rem) !important; line-height: 1.02 !important; }
html:not(#vox) body .fcard p { color: inherit !important; opacity: 0.92; }
html:not(#vox) body .fcard-kicker { color: inherit !important; font-family: var(--v-hand) !important; font-weight: 400 !important; font-size: 15px !important; letter-spacing: 0.02em !important; text-transform: none !important; }
html:not(#vox) body .fcard:hover { transform: rotate(0deg) translateY(-3px) !important; }
html:not(#vox) body .deskstrip { border-top: 2px solid var(--ink-v) !important; }
html:not(#vox) body .ds-face { border: 4px solid #FBF8F0; box-shadow: 3px 4px 0 rgba(10,10,11,0.2); filter: grayscale(1) contrast(1.1) !important; border-radius: 0 !important; transform: rotate(-2deg); }
html:not(#vox) body .ds-who b { color: var(--ink-v) !important; font-family: var(--v-display); font-weight: 900; }
html:not(#vox) body .ds-who span { color: var(--ink-v2) !important; }
html:not(#vox) body .ds-who + .ds-who { border-left: 1px dashed rgba(10,10,11,0.3) !important; }
html:not(#vox) body .ds-link { color: var(--stop) !important; font-family: var(--v-display) !important; font-weight: 800 !important; }

/* ── 9. BRIEFING: coral field, torn both edges ──────────────────────────── */
html:not(#vox) body .briefing {
  position: relative; background: var(--coral) !important; border: 0 !important; margin-top: 34px; margin-bottom: 34px; color: var(--paper);
}
html:not(#vox) body .briefing::before, html:not(#vox) body .briefing::after { content: ""; position: absolute; left: 0; right: 0; height: 22px; background: var(--coral); pointer-events: none; }
html:not(#vox) body .briefing::before { top: -21px; -webkit-mask: var(--v-torn-top) 160px 0 / 560px 22px repeat-x; mask: var(--v-torn-top) 160px 0 / 560px 22px repeat-x; }
html:not(#vox) body .briefing::after { bottom: -21px; -webkit-mask: var(--v-torn-bot) 80px 0 / 560px 22px repeat-x; mask: var(--v-torn-bot) 80px 0 / 560px 22px repeat-x; }
html:not(#vox) body .briefing-inner { background: var(--v-halftone-light) 0 0 / 8px 8px; }
html:not(#vox) body .briefing h3 { font-family: var(--v-display) !important; font-weight: 900 !important; color: var(--paper) !important; font-size: clamp(2rem, 4.2vw, 3.4rem) !important; letter-spacing: -0.03em; }
html:not(#vox) body .briefing-sub { color: var(--paper) !important; font-family: var(--v-text); font-size: 17px !important; }
html:not(#vox) body .briefing-form input[type="email"] { background: var(--sheet) !important; border: 2px solid var(--ink-v) !important; border-radius: 0 !important; color: var(--ink-v) !important; }
html:not(#vox) body .briefing-form input[type="email"]::placeholder { color: var(--ink-v3) !important; }
html:not(#vox) body .briefing-form button { background: var(--ink-v) !important; color: var(--paper) !important; border-radius: 0 !important; box-shadow: 4px 4px 0 var(--yellow) !important; font-family: var(--v-display) !important; font-weight: 900 !important; text-transform: uppercase; letter-spacing: 0.06em; }
html:not(#vox) body .briefing-form button:hover { background: var(--yellow) !important; color: var(--ink-v) !important; box-shadow: 4px 4px 0 var(--ink-v) !important; }
html:not(#vox) body .briefing-msg.ok { color: var(--paper) !important; }

/* ── 10. CONTACT + FOOTER ───────────────────────────────────────────────── */
html:not(#vox) body .contact-grid { border-top: 2px solid var(--ink-v) !important; }
html:not(#vox) body .contact-cell { background: transparent !important; border: 0 !important; border-right: 1px dashed rgba(10,10,11,0.3) !important; }
html:not(#vox) body .contact-cell:last-child { border-right: 0 !important; }
html:not(#vox) body .contact-cell h4 { font-family: var(--v-display) !important; font-style: normal !important; font-weight: 900 !important; color: var(--ink-v) !important; text-transform: uppercase; letter-spacing: -0.01em; }
html:not(#vox) body .contact-cell p { color: var(--ink-v2) !important; }
html:not(#vox) body .c-link { color: var(--ink-v) !important; background: var(--v-hl) center bottom / 100% 55% no-repeat !important; text-decoration: none !important; padding: 0 3px !important; }
html:not(#vox) body .footer {
  position: relative; background: var(--ink-v) !important; color: rgba(237,233,224,0.6) !important; border: 0 !important; margin-top: 30px;
  --ink: #EDE9E0; --ink-dim: rgba(237,233,224,0.72); --ink-faint: rgba(237,233,224,0.5); --line: rgba(237,233,224,0.14);
}
html:not(#vox) body .footer::before { content: ""; position: absolute; left: 0; right: 0; top: -21px; height: 22px; background: var(--ink-v); -webkit-mask: var(--v-torn-top) 40px 0 / 500px 22px repeat-x; mask: var(--v-torn-top) 40px 0 / 500px 22px repeat-x; }
html:not(#vox) body .footer-mark { color: var(--paper) !important; font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 112%; letter-spacing: -0.04em !important; }
html:not(#vox) body .footer-mark span { border-radius: 50% !important; background: var(--stop) !important; }
html:not(#vox) body .footer a { color: rgba(237,233,224,0.8) !important; }
html:not(#vox) body .footer a:hover { color: var(--yellow) !important; }

/* ── 11. ARTICLE + ARCHIVE + ABOUT PAGES ────────────────────────────────── */
html:not(#vox) body .mast-mini { border-bottom: 4px solid var(--ink-v) !important; box-shadow: 0 5px 0 -3px var(--ink-v); align-items: center !important; }
html:not(#vox) body .mast-mini a.wordmark, html:not(#vox) body .mast-mini .wordmark {
  font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 112%; color: var(--ink-v) !important;
  letter-spacing: -0.04em !important; font-size: 1.75rem !important; text-decoration: none;
}
html:not(#vox) body .mast-mini .wordmark span, html:not(#vox) body .mast-mini .wordmark .dot { color: var(--stop) !important; }
html:not(#vox) body .mast-mini .mono, html:not(#vox) body .mast-mini nav a { color: var(--ink-v2) !important; font-family: var(--v-mono) !important; }
html:not(#vox) body .mast-mini .mono a { color: var(--stop) !important; }
html:not(#vox) body .article-title {
  font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 104%; color: var(--ink-v) !important;
  letter-spacing: -0.03em !important; line-height: 1.0 !important; font-size: clamp(2rem, 4.6vw, 3.3rem) !important;
}
html:not(#vox) body .article-meta { color: var(--ink-v3) !important; }
html:not(#vox) body .article-authorrow b, html:not(#vox) body .article-authorrow b a { color: var(--ink-v) !important; }
html:not(#vox) body .article-authorrow .av { background: var(--stop) !important; border-radius: 0 !important; transform: rotate(-4deg); font-family: var(--v-display); }
html:not(#vox) body .article-authorrow .pub { color: var(--ink-v3) !important; }
html:not(#vox) body .article-card {
  border: 0 !important; background: #FBF8F0; padding: 9px 9px 22px; box-shadow: var(--v-cut-shadow);
  transform: rotate(-0.6deg); -webkit-mask: var(--v-tear-mask); mask: var(--v-tear-mask);
}
html:not(#vox) body .article-body p { font-family: var(--v-text) !important; color: var(--ink-v) !important; font-size: 1.16rem !important; line-height: 1.66 !important; }
html:not(#vox) body .article-body p:first-child::first-letter { font-family: var(--v-display); font-weight: 900; float: left; font-size: 3.6em; line-height: 0.8; padding: 6px 10px 0 0; color: var(--stop); }
html:not(#vox) body .article-body a { color: var(--ink-v) !important; border-bottom: 0 !important; background: var(--v-hl) center bottom / 100% 45% no-repeat; }
html:not(#vox) body .article-body a:hover { background-size: 100% 100%; }
html:not(#vox) body .article-body strong, html:not(#vox) body .article-body b { background: var(--v-hl) center 70% / 100% 55% no-repeat; }
html:not(#vox) body .article-fig img { border: 0 !important; background: #FBF8F0; padding: 8px; box-shadow: var(--v-cut-shadow); transform: rotate(0.5deg); }
html:not(#vox) body .article-fig figcaption { color: var(--ink-v3) !important; }
html:not(#vox) body .article-related { border-top: 2px solid var(--ink-v) !important; }
html:not(#vox) body .article-related h4 {
  display: inline-block; background: var(--ink-v); color: var(--paper) !important; font-family: var(--v-display) !important; font-weight: 900 !important;
  padding: 6px 16px 5px 10px; transform: rotate(-1deg); clip-path: polygon(0 0, 100% 0, 96% 30%, 100% 60%, 96.5% 85%, 100% 100%, 0 100%);
}
html:not(#vox) body .article-related li { border-bottom: 1px dashed rgba(10,10,11,0.28) !important; }
html:not(#vox) body .article-related li img { border: 3px solid #FBF8F0 !important; box-shadow: 2px 3px 0 rgba(10,10,11,0.2); transform: rotate(-1.5deg); }
html:not(#vox) body .article-related a { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; }
html:not(#vox) body .article-related a:hover { color: var(--ink-v) !important; background: var(--v-hl) center / 100% 100% no-repeat; }
html:not(#vox) body .article-src, html:not(#vox) body .article-byline, html:not(#vox) body .article-disclaimer { color: var(--ink-v3) !important; border-top-color: var(--line) !important; }
html:not(#vox) body .article-src a { color: var(--stop) !important; }
html:not(#vox) body .article-about { background: var(--yellow) !important; border: 0 !important; border-radius: 0 !important; box-shadow: var(--v-cut-shadow); transform: rotate(0.4deg); position: relative; overflow: hidden; }
html:not(#vox) body .article-about::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 160px; height: 160px; border-radius: 50%; background: var(--v-halftone) 0 0 / 7px 7px; pointer-events: none; }
html:not(#vox) body .article-about b { font-family: var(--v-display); color: var(--ink-v) !important; }
html:not(#vox) body .article-about b i { color: var(--stop) !important; }
html:not(#vox) body .article-about p { color: var(--ink-v) !important; position: relative; z-index: 1; }
html:not(#vox) body .article-about .links a { color: var(--ink-v) !important; border-bottom: 2px solid var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 800 !important; }
html:not(#vox) body .rail-box { border: 0 !important; border-radius: 0 !important; background: var(--sheet); box-shadow: var(--v-cut-shadow); }
html:not(#vox) body .follow-btns a { border-radius: 0 !important; }
html:not(#vox) body .follow-btns a.fx { background: var(--ink-v) !important; color: var(--paper) !important; box-shadow: 3px 3px 0 var(--yellow); }
html:not(#vox) body .follow-btns a.ftg { border: 2px solid var(--ink-v) !important; color: var(--ink-v) !important; }

/* archive pages */
html:not(#vox) body .idx-title { font-family: var(--v-display) !important; font-weight: 900 !important; font-stretch: 112%; text-transform: uppercase; letter-spacing: -0.04em; font-size: clamp(2.6rem, 6vw, 4.4rem) !important; color: var(--ink-v); }
html:not(#vox) body .idx-sub { display: inline-block; background: var(--v-hl) center / 100% 100% no-repeat; color: var(--ink-v) !important; padding: 3px 10px; font-weight: 700; }
html:not(#vox) body .ax { border-bottom: 1px dashed rgba(10,10,11,0.28) !important; }
html:not(#vox) body .ax-th { background: #FBF8F0 !important; padding: 4px; border-radius: 0 !important; box-shadow: 3px 4px 0 rgba(10,10,11,0.18); transform: rotate(-1.2deg); }
html:not(#vox) body .ax:nth-child(even) .ax-th { transform: rotate(1.3deg); }
html:not(#vox) body .ax-k { color: var(--ink-v3) !important; }
html:not(#vox) body .ax-h { font-family: var(--v-display) !important; font-weight: 800 !important; color: var(--ink-v) !important; letter-spacing: -0.015em; }
html:not(#vox) body .ax-h:hover { text-decoration: none !important; background: var(--v-hl) center / 100% 100% no-repeat; }
html:not(#vox) body .idx-pager a { color: var(--ink-v) !important; font-family: var(--v-display) !important; font-weight: 900 !important; background: var(--yellow); padding: 6px 12px; box-shadow: 3px 3px 0 var(--ink-v); }

/* ── 12. DATA PAGES: the whole page is a navy field ─────────────────────────
   Their charts are drawn for a dark ground, so these pages keep it, as a
   Vox navy field with halftone instead of terminal black. */
html:not(#vox) body:has(.data-shell), html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) {
  background-color: var(--navy) !important;
  background-image: var(--v-halftone-light), var(--v-grain) !important;
  background-size: 9px 9px, 220px 220px !important;
  color: var(--paper) !important;
  --ink: #EDE9E0; --ink-dim: rgba(237,233,224,0.74); --ink-faint: rgba(237,233,224,0.5); --ink-soft: rgba(237,233,224,0.66);
  --line: rgba(237,233,224,0.15); --line-strong: rgba(237,233,224,0.3); --rule: rgba(237,233,224,0.16);
  --panel: rgba(10,18,38,0.55); --bg-raise: rgba(10,18,38,0.55); --bg: var(--navy); --gold: #E9B44C; --gold-deep: #E9B44C;
}
html:not(#vox) body:has(.data-shell) .mast-mini, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) .mast-mini { border-bottom-color: var(--paper) !important; box-shadow: 0 5px 0 -3px var(--paper); }
html:not(#vox) body:has(.data-shell) .mast-mini .wordmark, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) .mast-mini .wordmark { color: var(--paper) !important; }
html:not(#vox) body:has(.data-shell) .mast-mini nav a, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) .mast-mini nav a { color: rgba(237,233,224,0.8) !important; }
html:not(#vox) body:has(.data-shell) .up, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) .up { color: #E9B44C !important; }
html:not(#vox) body:has(.data-shell) .down, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) .down { color: #FF8A73 !important; }

html:not(#vox) body:has(.data-shell) h1, html:not(#vox) body:has(script[src*="chartlib"]):not(:has(.masthead)) h1 { font-family: var(--v-display) !important; font-weight: 900 !important; letter-spacing: -0.03em; }

/* ── 13. SMALL SCREENS + MOTION ─────────────────────────────────────────── */
@media (max-width: 960px) {
  html:not(#vox) body .masthead-tag { width: auto !important; white-space: normal !important; font-size: 11px !important; letter-spacing: 0.08em !important; line-height: 1.5; }
  html:not(#vox) body .masthead-date { white-space: normal !important; }
  html:not(#vox) body .front-two > .lead { border-right: 0 !important; }
  html:not(#vox) body .fcard, html:not(#vox) body .flipwatch, html:not(#vox) body .lead-art, html:not(#vox) body .article-card { transform: none !important; }
  html:not(#vox) body .contact-cell { border-right: 0 !important; border-bottom: 1px dashed rgba(10,10,11,0.3) !important; }
}
@media (prefers-reduced-motion: reduce) { html:not(#vox) body .fcard:hover { transform: none !important; } }