/* ============================================================
   BC NEWS — SITE-NATIVE design system
   Tokens lifted verbatim from the live Brough Chat app build
   (fh-early-access-final-20261014.html, shipped 2026-10-14):
   --bg #09122b · --bg-deep #050a19 · --surface #111d3d ·
   --orange #ff7a18 · --orange-2 #ffb05d · --blue #24a9ff ·
   --purple #9867ff · --text #f7f8fc · --muted #b7c0d5 ·
   --line rgba(255,255,255,.13) · shadow 0 18px 50px rgba(0,0,0,.3)
   Type: Barlow Condensed (display) + DM Sans (body) — the app's faces.
   ============================================================ */
:root{
  --bg:#09122b; --bg-deep:#050a19; --surface:#111d3d; --surface2:#172547;
  --orange:#ff7a18; --orange-2:#ffb05d; --blue:#24a9ff; --purple:#9867ff;
  --pink:#ff5ca5; --text:#f7f8fc; --muted:#b7c0d5; --faint:#8fa0c4;
  --line:rgba(255,255,255,.13);
  --shadow:0 18px 50px rgba(0,0,0,.3);
  --panel:linear-gradient(160deg,#172547 0%,#0d1436 100%);
  --bar-hot:linear-gradient(90deg,#ff7a18,#ffb05d,#ff2e93);
  --bar-cool:linear-gradient(90deg,#24a9ff,#9867ff);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"DM Sans",sans-serif; color:var(--text);
  background:
    radial-gradient(900px 480px at 12% -60px, rgba(152,103,255,.28), transparent 60%),
    radial-gradient(820px 460px at 88% -40px, rgba(36,169,255,.22), transparent 60%),
    radial-gradient(1000px 600px at 50% 115%, rgba(255,122,24,.14), transparent 60%),
    linear-gradient(180deg,#04061a 0%,#0a1030 55%,#050a19 100%);
  min-height:100vh;
}
.wrap{width:min(1180px,100% - 40px); margin:0 auto}
a{color:inherit; text-decoration:none}

/* ---------- MASTHEAD: typographic wordmark, NO logo image ---------- */
.masthead{text-align:center; padding:28px 16px 0}
.presents{font-size:11px; letter-spacing:.38em; color:var(--faint); text-transform:uppercase; font-weight:700}
.wordmark{
  font-family:"Barlow Condensed",sans-serif; font-weight:700; text-transform:uppercase;
  font-size:clamp(66px,13vw,132px); line-height:.92; letter-spacing:.01em; margin-top:4px;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 14px 30px rgba(36,169,255,.20));
}
.wordmark .bc{
  background:linear-gradient(180deg,#ffe3b3 0%,#ffb05d 26%,#ff7a18 50%,#a83e00 55%,#ff8a2a 63%,#ffc46b 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.wordmark .news{
  background:linear-gradient(180deg,#ffffff 0%,#dceaff 26%,#79d1ff 50%,#1c4d7d 56%,#24a9ff 66%,#d6f0ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.tagline{font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:clamp(11px,3vw,19px);
  letter-spacing:.1em; color:var(--orange-2); text-transform:uppercase; margin-top:8px; white-space:nowrap}
.subline{color:var(--muted); font-size:14.5px; margin-top:8px}
.masthead--slim{padding:20px 16px 0}
.masthead--slim .wordmark{font-size:clamp(42px,7vw,62px)}

/* ---------- NAV: one horizontal swipeable chip rail (app-style) ---------- */
.nav{display:flex; gap:8px; flex-wrap:nowrap; overflow-x:auto; padding:16px 2px 6px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch}
.nav::-webkit-scrollbar{display:none}
.nav a{
  flex:0 0 auto; font-family:"Barlow Condensed",sans-serif; font-weight:600; font-size:15.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--text); background:rgba(23,37,71,.75);
  border:1px solid var(--line); border-radius:999px; padding:7px 15px; white-space:nowrap;
}
.nav a:hover{border-color:rgba(255,176,93,.65)}

/* ---------- SECTION HEADS ---------- */
.section{margin-top:40px}
.section--lead{margin-top:24px}
.sec-head{display:flex; align-items:baseline; gap:14px; border-bottom:1px solid var(--line); padding-bottom:10px}
.sec-head h2{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(28px,4vw,38px);
  text-transform:uppercase; letter-spacing:.02em}
.sec-head h2 .slash{color:var(--orange)}
.sec-head .sec-note{margin-left:auto; color:var(--faint); font-size:12.5px; text-transform:uppercase; letter-spacing:.12em}

/* ---------- STORY TILE ---------- */
.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:18px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--panel); border:1px solid var(--line); border-radius:18px; overflow:hidden;
  box-shadow:var(--shadow); display:flex; flex-direction:column; position:relative}
.tile::before{content:""; display:block; height:7px; background:var(--bar-hot)}
.tile--cool::before{background:var(--bar-cool)}
.tile--wide{grid-column:span 2}
.thumb{position:relative; aspect-ratio:16/9; overflow:hidden; background:#0a1030}
.thumb img{width:100%; height:100%; object-fit:cover; display:block}
.thumb::after{content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 32%,transparent 68%,rgba(3,6,17,.38));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), inset 0 -34px 44px rgba(0,0,0,.35); pointer-events:none}
/* BC NEWS wordmark bug — every story carries its brand, screenshot-ready */
.bug{position:absolute; top:10px; left:10px; z-index:3; background:rgba(3,6,17,.74);
  border:1px solid rgba(255,255,255,.22); border-radius:8px; padding:3px 9px 4px;
  font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:13px; letter-spacing:.14em}
.bug .b1{color:var(--orange-2)}
.bug .b2{color:#79d1ff}
.play{position:absolute; right:14px; bottom:14px; width:52px; height:52px; border-radius:50%;
  background:linear-gradient(145deg,var(--orange-2),var(--orange)); display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.5); z-index:2}
.play::before{content:""; border-left:17px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; margin-left:4px}
/* typographic panel (no verified thumbnail — disclosed in notes) */
.thumb--typo{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  background:linear-gradient(145deg,#1c4d7d 0%,#321d59 78%); text-align:center; padding:18px}
.thumb--typo .t1{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(30px,4.4vw,46px);
  text-transform:uppercase; line-height:.98; color:#fff; text-shadow:0 3px 0 rgba(0,0,0,.4)}
.thumb--typo .t2{font-family:"Barlow Condensed",sans-serif; font-weight:600; letter-spacing:.3em; font-size:13px; color:var(--orange-2); text-transform:uppercase}
.thumb--typo::before,.thumb--typo::after{content:""; position:absolute; width:130px; height:130px; opacity:.14;
  background:linear-gradient(145deg,#fff,transparent); clip-path:polygon(50% 0,100% 100%,0 100%)}
.thumb--typo::before{left:-30px; top:-40px; transform:rotate(24deg)}
.tile-body{padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; flex:1}
.kicker{align-self:flex-start; font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:.09em; text-transform:uppercase; color:#fff; padding:5px 13px; border-radius:999px; white-space:nowrap; max-width:100%;
  background:linear-gradient(90deg,#ff7a18,#ff5d7a); box-shadow:inset 0 1px 0 rgba(255,255,255,.4), 0 6px 14px rgba(0,0,0,.3)}
.kicker--cool{background:linear-gradient(90deg,#24a9ff,#9867ff)}
.tile h3{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(25px,2.6vw,31px);
  line-height:1.04; text-transform:uppercase}
.dek{color:var(--muted); font-size:15px; line-height:1.55}
.meta{margin-top:auto; color:var(--faint); font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:700}
.meta .go{color:var(--orange-2)}

/* ---------- FAMILY VERDICT BAND ---------- */
.verdict{border-top:1px solid var(--line); background:rgba(4,7,18,.55); padding:16px 20px 18px}
.verdict-head{display:flex; align-items:center; gap:10px}
.verdict-head .vt{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:16px; letter-spacing:.16em}
.chip{margin-left:auto; font-size:10.5px; font-weight:700; letter-spacing:.14em; padding:4px 10px; border-radius:999px; text-transform:uppercase}
.chip--live{color:#7dffb0; border:1px solid rgba(125,255,176,.5)}
.chip--live::before{content:"● "; color:#39e07a}
.chip--prop{color:var(--orange-2); border:1px solid rgba(255,176,93,.55)}
.verdict-q{font-weight:700; font-size:16px; margin:10px 0 12px; line-height:1.4}
.vrow{display:flex; align-items:center; gap:12px; background:var(--surface2); border:1px solid rgba(255,255,255,.07);
  border-radius:10px; padding:8px 12px; margin-top:7px; font-size:14px}
.vrow .bar{flex:1; height:6px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden}
.vrow .bar i{display:block; height:100%; background:linear-gradient(90deg,var(--orange),var(--orange-2))}
.vrow .pct{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:17px; color:var(--orange-2); min-width:38px; text-align:right}
.vrow--lead{border-color:rgba(255,176,93,.55)}
.vfoot{color:var(--faint); font-size:12px; margin-top:10px; letter-spacing:.06em; text-transform:uppercase}
.cast{display:block; text-align:center; margin-top:13px; padding:12px; border-radius:12px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2)); color:#fff;
  font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:19px; letter-spacing:.14em; text-transform:uppercase;
  text-shadow:0 1px 2px rgba(120,40,0,.45); box-shadow:0 10px 24px rgba(255,122,24,.3)}
.cast--off{background:rgba(255,255,255,.07); color:var(--faint); text-shadow:none; box-shadow:none; border:1px dashed rgba(255,255,255,.22)}

/* ---------- SLIM VERDICT STRIP (tile bottom edge — secondary, stories lead) ---------- */
.vstrip{border-top:1px solid var(--line); background:rgba(4,7,18,.35); padding:11px 20px 13px;
  display:flex; align-items:baseline; gap:8px 12px; flex-wrap:wrap}
.vstrip .vl{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:.15em; color:var(--faint); text-transform:uppercase; white-space:nowrap}
.vstrip .vl .dot{color:#39e07a}
.vstrip .vl .prop{color:var(--orange-2)}
.vstrip .vt2{font-size:13.5px; color:var(--muted); line-height:1.45}
.vstrip .vt2 b{color:var(--text)}

/* ---------- ARTICLE CLOSING VERDICT BAND (secondary footer band) ---------- */
.verdict-band{margin-top:30px; max-width:760px; background:rgba(4,7,18,.35);
  border:1px solid var(--line); border-radius:18px; padding:18px 20px}
.verdict-band .verdict-head .vt{font-size:14.5px; color:var(--muted)}
.verdict-band .verdict-q{font-size:15px; margin:9px 0 4px}

/* ---------- TODAY'S VOTE GATEWAY (same frame as the tiles: one card treatment) ---------- */
.gateway{margin-top:20px; background:var(--panel); border:1px solid var(--line); border-radius:18px;
  overflow:hidden; box-shadow:var(--shadow); position:relative}
.gateway::before{content:""; display:block; height:7px; background:var(--bar-hot)}
.gateway-in{padding:20px 22px; display:flex; gap:20px; align-items:center; flex-wrap:wrap}
.gateway .gk{font-family:"Barlow Condensed",sans-serif; font-weight:700; letter-spacing:.16em; font-size:15px; color:var(--orange-2)}
.gateway .gq{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(26px,3.4vw,36px); text-transform:uppercase; line-height:1.02}
.gateway .gs{color:var(--muted); font-size:13.5px; margin-top:5px}
.gateway .cast{margin:0 0 0 auto; padding:13px 26px}

/* ---------- ARTICLE ---------- */
.crumb{display:flex; gap:10px; flex-wrap:wrap; padding:16px 0 12px}
.crumb a{font-family:"Barlow Condensed",sans-serif; font-weight:600; letter-spacing:.12em; font-size:15px;
  text-transform:uppercase; border:1px solid var(--line); border-radius:999px; padding:6px 15px; background:rgba(23,37,71,.7)}
.article h1{font-family:"Barlow Condensed",sans-serif; font-weight:700; text-transform:uppercase;
  font-size:clamp(34px,5.4vw,56px); line-height:.99; margin-top:12px}
.byline{color:var(--muted); font-size:14px; margin-top:8px}
.byline b{color:var(--text)}
.hero{margin-top:18px}
.caption{color:var(--faint); font-size:12.5px; margin-top:8px}
.prose{margin-top:22px; max-width:760px}
.prose p{font-size:17px; line-height:1.68; color:#e6ebf7; margin-top:14px}
.prose p.lede{font-size:19.5px; line-height:1.6; color:#fff}
.prose h2{font-family:"Barlow Condensed",sans-serif; font-weight:700; text-transform:uppercase;
  font-size:29px; margin-top:30px; letter-spacing:.02em}
.chapters{margin-top:14px; display:flex; flex-direction:column; gap:10px; max-width:760px}
.chapter{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:14px 18px; box-shadow:var(--shadow)}
.chapter .cn{font-family:"Barlow Condensed",sans-serif; font-weight:700; color:var(--orange-2); letter-spacing:.14em; font-size:13px}
.chapter h4{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:21px; text-transform:uppercase; margin-top:2px}
.chapter p{color:var(--muted); font-size:14.5px; line-height:1.5; margin-top:3px}
.panelrow{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.pchip{background:rgba(23,37,71,.75); border:1px solid var(--line); border-radius:14px; padding:10px 15px}
.pchip .pn{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:18px; text-transform:uppercase}
.pchip .pr{color:var(--faint); font-size:11px; letter-spacing:.14em; text-transform:uppercase}
.watchband{margin-top:26px; max-width:760px}
.sharebox{margin-top:30px; background:var(--panel); border:1px solid var(--line); border-radius:18px;
  box-shadow:var(--shadow); padding:22px; display:flex; gap:24px; flex-wrap:wrap; align-items:center}
.sharebox img.card{width:230px; border-radius:12px; box-shadow:0 16px 36px rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.15)}
.sharebox h3{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:27px; text-transform:uppercase}
.sharebox p{color:var(--muted); font-size:14.5px; line-height:1.55; margin-top:7px; max-width:420px}
.logobug{display:inline-flex; background:#000; border-radius:10px; padding:7px 12px; border:1px solid rgba(255,255,255,.16); margin-top:14px}
.logobug img{height:34px; display:block}

/* ---------- FOOTER ---------- */
footer{margin-top:48px; border-top:1px solid var(--line); padding:28px 0 44px; text-align:center}
footer .fwm{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:34px; text-transform:uppercase}
footer .fline{color:var(--muted); font-size:13.5px; margin-top:8px}
footer .flinks{margin-top:13px; color:var(--faint); font-size:12px; letter-spacing:.14em; text-transform:uppercase}
footer .flinks a{margin:0 10px}

/* ---------- RESPONSIVE ---------- */
@media (max-width:760px){
  .nav{-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent); mask-image:linear-gradient(90deg,#000 92%,transparent)}
  .grid,.grid--3{grid-template-columns:1fr}
  .tile--wide{grid-column:span 1}
  .gateway .cast{margin:4px 0 0; width:100%}
  .sharebox img.card{width:190px}
  .sec-head .sec-note{display:none}
}

/* ============================================================
   FULL-BUILD EXTENSIONS (2026-10-14) — article furniture the two
   design mocks did not need. Same tokens, same type, same spacing
   system. Nothing above this block was altered.
   ============================================================ */

/* video embed (package articles carry YouTube iframes) */
.video{position:relative; aspect-ratio:16/9; max-width:760px; margin-top:18px;
  border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow); background:#000}
.video iframe{position:absolute; inset:0; width:100%; height:100%; border:0}

/* prose lists, quotes, links */
.prose ul,.prose ol{margin:12px 0 0 22px; color:#e6ebf7; font-size:16.5px; line-height:1.65}
.prose li{margin-top:7px}
.prose a{color:var(--blue); text-decoration:underline; text-underline-offset:3px}
.prose blockquote{border-left:3px solid var(--orange); padding:4px 0 4px 18px; margin-top:16px;
  font-size:18.5px; line-height:1.6; color:#fff; max-width:760px}
.prose blockquote.charter{border-left:none; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  text-align:center; font-family:"Barlow Condensed",sans-serif; font-weight:600; text-transform:uppercase;
  letter-spacing:.06em; font-size:clamp(21px,3.4vw,27px); padding:20px 12px; margin-top:26px}
.ts{color:var(--orange-2); font-weight:700; font-size:.84em; letter-spacing:.05em; white-space:nowrap}

/* fact / analysis / unconfirmed labels (editorial standards system) */
.label-fact,.label-opinion,.label-unconfirmed{display:inline-block; font-size:11px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; padding:4px 11px; border-radius:999px}
.label-fact{background:rgba(28,90,44,.45); color:#7dff9a; border:1px solid rgba(80,200,110,.55)}
.label-opinion{background:rgba(58,28,110,.5); color:#cdb4ff; border:1px solid rgba(152,103,255,.6)}
.label-unconfirmed{background:rgba(96,66,8,.5); color:#ffd97d; border:1px solid rgba(220,170,60,.55)}
.prose>.label-fact,.prose>.label-opinion,.prose>.label-unconfirmed{margin-top:30px}

/* note box (allegations note etc.) */
.notebox{background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--orange);
  border-radius:12px; padding:14px 17px; color:var(--muted); max-width:760px; margin-top:18px;
  font-size:15px; line-height:1.62}
.notebox strong{color:var(--text)}

/* sources */
.srclist{list-style:none; margin-top:10px; max-width:760px}
.srclist li{color:var(--muted); font-size:14px; line-height:1.62; margin-top:9px}
.srclist a{color:var(--blue); text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere}

/* big typographic hero panel (RHOP story — no verified photo, disclosed) */
.heropanel{position:relative; max-width:760px; margin-top:18px; border-radius:16px; overflow:hidden;
  border:1px solid var(--line); box-shadow:var(--shadow); text-align:center; padding:38px 22px;
  background:linear-gradient(145deg,#1c4d7d 0%,#321d59 78%)}
.heropanel .hp-kicker{font-family:"Barlow Condensed",sans-serif; font-weight:600; letter-spacing:.3em;
  font-size:13px; color:var(--orange-2); text-transform:uppercase}
.heropanel .hp-title{font-family:"Barlow Condensed",sans-serif; font-weight:700; text-transform:uppercase;
  font-size:clamp(32px,6vw,50px); line-height:.98; color:#fff; text-shadow:0 3px 0 rgba(0,0,0,.4); margin-top:10px}
.heropanel .hp-sub{color:var(--muted); margin-top:10px; font-size:15px; line-height:1.55}
.statrow{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:22px}
.statchip{border:1px solid var(--line); background:rgba(6,11,29,.55); border-radius:999px;
  padding:7px 16px; font-size:13.5px; font-weight:700; color:var(--text)}
.statchip em{font-style:normal; color:var(--orange-2)}

/* generic content box (status cards, cast cards, CTA cards) */
.box{background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px 18px; box-shadow:var(--shadow)}
.box h3{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:20px; text-transform:uppercase; letter-spacing:.02em}
.box p{color:var(--muted); font-size:14.5px; line-height:1.58; margin-top:5px}
.box .bname{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:19px; text-transform:uppercase; text-align:center}
.box--center{text-align:center}

/* button rows (contact routes, article CTAs) */
.btnrow{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px; max-width:760px}
.btnrow .cast{margin-top:0; padding:11px 24px; font-size:17.5px}
.cast--blue{background:linear-gradient(90deg,var(--blue),var(--purple)); box-shadow:0 10px 24px rgba(36,169,255,.28)}

/* chip rows (browse-by-franchise, guest lists) */
.chiprow{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}
.chiprow a{font-family:"Barlow Condensed",sans-serif; font-weight:600; letter-spacing:.1em; font-size:15.5px;
  text-transform:uppercase; border:1px solid var(--line); border-radius:999px; padding:7px 16px; background:rgba(23,37,71,.7)}
.chiprow a:hover{border-color:rgba(255,176,93,.65)}

/* live-results rows injected by the read-only tally scripts */
.resrows{margin-top:4px}
.vnote{color:var(--faint); font-size:12.5px; margin-top:10px; line-height:1.55}
.verdict-band--wide{max-width:none}
.ctxlist{list-style:none; margin-top:12px}
.ctxlist li{background:var(--surface2); border:1px solid rgba(255,255,255,.07); border-radius:10px;
  padding:9px 13px; margin-top:7px; font-size:14.5px; color:var(--muted); line-height:1.5}
.ctxlist li strong{color:var(--text)}

/* ============================================================
   REFINEMENT EXTENSIONS (2026-10-14, owner final pass) — homepage
   rhythm: hero tile, compact headline rows, debate strip. Same
   tokens/system; nothing above altered.
   ============================================================ */
.tile--hero{grid-column:span 2}
.tile--hero .thumb{aspect-ratio:21/10}
.tile--hero h3{font-size:clamp(33px,4.4vw,49px)}
.tile--hero .dek{font-size:16.5px}
.hrows{display:flex; flex-direction:column; gap:10px; margin-top:18px}
.hrow{display:flex; gap:14px; align-items:center; background:var(--panel); border:1px solid var(--line);
  border-radius:14px; padding:12px 16px 12px 12px; box-shadow:var(--shadow)}
.hrow .hthumb{flex:0 0 88px; height:64px; border-radius:10px; overflow:hidden; position:relative;
  display:flex; align-items:center; justify-content:center; text-align:center; padding:4px;
  background:linear-gradient(145deg,#1c4d7d,#321d59); font-family:"Barlow Condensed",sans-serif;
  font-weight:700; font-size:15px; letter-spacing:.1em; color:#fff; text-transform:uppercase}
.hrow .hbody{min-width:0}
.hrow h3{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(19px,2.4vw,23px);
  text-transform:uppercase; line-height:1.06}
.hrow .meta{margin-top:4px}
.hrow .go{margin-left:auto; flex:0 0 auto; color:var(--orange-2); font-family:"Barlow Condensed",sans-serif;
  font-weight:700; font-size:19px; letter-spacing:.08em}
.dstrip{margin-top:40px; background:var(--panel); border:1px solid var(--line); border-radius:18px;
  overflow:hidden; box-shadow:var(--shadow)}
.dstrip::before{content:""; display:block; height:7px; background:var(--bar-hot)}
.dstrip-in{display:flex; gap:20px; align-items:center; padding:20px 22px; flex-wrap:wrap}
.dstrip .dk{font-family:"Barlow Condensed",sans-serif; font-weight:700; letter-spacing:.16em;
  font-size:14.5px; color:var(--orange-2); text-transform:uppercase}
.dstrip .dt{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:clamp(25px,3.2vw,34px);
  text-transform:uppercase; line-height:1.02; margin-top:3px}
.dstrip .ds{color:var(--muted); font-size:14px; margin-top:5px; max-width:560px; line-height:1.55}
.dstrip .cast{margin:0 0 0 auto}
@media (max-width:760px){
  .tile--hero{grid-column:span 1}
  .tile--hero .thumb{aspect-ratio:16/9}
  .dstrip .cast{margin:6px 0 0; width:100%}
  .hrow .go{display:none}
}
.sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* content-type labels (owner directive 2026-10-14): NEWS REPORTING /
   ANALYSIS / OPINION / DEBATE / INTERVIEW — visible in article headers */
.headtags{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.typetag{font-family:"Barlow Condensed",sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:.14em; text-transform:uppercase; padding:5px 12px; border-radius:999px; border:1px solid}
.typetag--news{color:#7dff9a; border-color:rgba(80,200,110,.55); background:rgba(28,90,44,.35)}
.typetag--analysis{color:#cdb4ff; border-color:rgba(152,103,255,.6); background:rgba(58,28,110,.4)}
.typetag--opinion{color:#ffd97d; border-color:rgba(220,170,60,.55); background:rgba(96,66,8,.4)}
.typetag--debate{color:var(--orange-2); border-color:rgba(255,176,93,.55); background:rgba(96,50,8,.35)}
.typetag--interview{color:#79d1ff; border-color:rgba(36,169,255,.55); background:rgba(20,60,110,.4)}