:root{
  --bg:#f3f5f8;
  --card:#ffffff;
  --ink:#0d0f14;
  --muted:#5b616e;
  --line:rgba(17,19,25,.12);
  --shadow:0 10px 28px rgba(0,0,0,.08);
  --accent:#d0021b;
  --accentSoft:rgba(208,2,27,.08);
}

*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; color:var(--ink); background:var(--bg); }
a{ color:inherit; text-decoration:none; }
.wrap{ width:min(1180px, calc(100% - 24px)); margin:0 auto; }

.topStrip{ background:#0b0d12; color:#fff; font-size:13px; }
.topStripInner{ display:flex; align-items:center; justify-content:space-between; padding:10px 0; }
.topStripLeft{ display:flex; gap:10px; align-items:center; }
.topStripRight{ display:flex; gap:14px; align-items:center; }
.topStripLink{ color:#fff; opacity:.9; font-weight:800; }
.topStripLink:hover{ opacity:1; text-decoration:underline; }

.pillLive{ background:var(--accent); color:#fff; font-weight:900; padding:3px 8px; border-radius:999px; letter-spacing:.4px; }

.masthead{ background:#fff; border-bottom:1px solid var(--line); }
.mastheadInner{ display:flex; align-items:center; justify-content:space-between; padding:14px 0 10px; gap:14px; }
.brandStack{ display:flex; flex-direction:column; gap:3px; }
.logo{ height:34px; width:auto; display:block; }
.tagline{ font-weight:800; font-size:13px; color:var(--muted); }

.btnGhost{ border:1px solid var(--line); background:#fff; padding:9px 12px; border-radius:999px; font-weight:900; }
.btnGhost:hover{ border-color:rgba(208,2,27,.35); background:var(--accentSoft); color:var(--accent); }

.categoryBar{ display:flex; gap:8px; padding:10px 0 14px; overflow:auto; }
.cat{ border:1px solid var(--line); background:#fff; padding:9px 12px; border-radius:999px; font-weight:900; cursor:pointer; white-space:nowrap; }
.cat:hover{ border-color:rgba(208,2,27,.35); }
.cat.active{ background:var(--accent); border-color:var(--accent); color:#fff; }
.cat.rstv{ border-color:rgba(208,2,27,.35); }

.breaking{ background:var(--accent); color:#fff; }
.breakingInner{ display:flex; align-items:center; gap:12px; padding:10px 0; }
.breakingLabel{ font-weight:1000; letter-spacing:.6px; font-size:12px; background:rgba(0,0,0,.18); padding:6px 10px; border-radius:999px; }
.breakingMarquee{ overflow:hidden; width:100%; position:relative; }
.breakingTrack{ display:inline-flex; gap:18px; align-items:center; white-space:nowrap; will-change:transform; animation: marquee 28s linear infinite; }
.breakingTrack a{ font-weight:900; }
.breakingSep{ opacity:.85; }
@keyframes marquee{ 0%{ transform:translateX(0);} 100%{ transform:translateX(-50%);} }

.main{ padding:18px 0 30px; }
.grid{ display:grid; grid-template-columns: 1.5fr .8fr; gap:18px; align-items:start; }

.leadCard{ background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); overflow:hidden; }
.leadMedia{ aspect-ratio:16/9; background:#e9edf3; overflow:hidden; }
.leadMedia img{ width:100%; height:100%; object-fit:cover; display:block; }
.leadBody{ padding:16px; }
.kickerRow{ display:flex; gap:10px; align-items:center; margin-bottom:8px; }
.kicker{ font-weight:1000; font-size:12px; letter-spacing:.5px; color:var(--accent); text-transform:uppercase; }
.time{ font-size:12px; color:var(--muted); font-weight:800; }
.leadTitle{ margin:0 0 10px; font-size:26px; line-height:1.15; }
.leadSummary{ margin:0 0 14px; color:var(--muted); line-height:1.5; }
.leadMeta{ display:flex; justify-content:space-between; align-items:center; gap:12px; }
.readLink{ font-weight:1000; color:var(--accent); text-decoration:underline; text-decoration-color:rgba(208,2,27,.35); }

.rail{ background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); padding:14px; }
.railHeader{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.railHeader h3{ margin:0; font-size:16px; }
.pill{ background:rgba(17,19,25,.06); border:1px solid var(--line); padding:6px 10px; border-radius:999px; font-size:12px; font-weight:900; color:var(--muted); }

.latestBox{ display:flex; flex-direction:column; gap:10px; }
.latestItem{ display:flex; gap:10px; align-items:flex-start; padding:10px; border:1px solid rgba(17,19,25,.08); border-radius:14px; }
.latestItem:hover{ border-color:rgba(208,2,27,.25); background:rgba(208,2,27,.04); }
.latestThumb{ width:70px; height:52px; background:#e9edf3; border-radius:12px; overflow:hidden; flex:0 0 auto; }
.latestThumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.latestTitle{ margin:0 0 4px; font-size:14px; line-height:1.25; font-weight:950; }
.latestMeta{ font-size:12px; color:var(--muted); font-weight:800; }

.more{ margin-top:18px; }
.moreTitle{ margin:0 0 12px; font-size:16px; }
.cards{ display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); overflow:hidden; }
.thumb{ height:160px; background:#e9edf3; overflow:hidden; }
.thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.body{ padding:14px; }
.title{ margin:0 0 8px; font-size:16px; line-height:1.25; }
.summary{ margin:0 0 10px; color:var(--muted); line-height:1.45; font-size:13px; }
.metaRow{ display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; color:var(--muted); font-weight:800; }
.metaRow a{ color:var(--accent); text-decoration:underline; text-decoration-color:rgba(208,2,27,.35); font-weight:1000; }

.footer{ margin-top:20px; border-top:1px solid var(--line); background:#fff; }
.footerInner{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; color:var(--muted); font-weight:800; font-size:13px; }
.footerLinks a{ text-decoration:underline; text-decoration-color:rgba(17,19,25,.2); }

.muted{ color:var(--muted); font-weight:800; }

@media (max-width: 980px){
  .grid{ grid-template-columns:1fr; }
  .cards{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .cards{ grid-template-columns:1fr; }
  .leadTitle{ font-size:22px; }
}