:root{--bg:#fff;--ink:#0b0d10;--muted:#5b6675;--line:#e6e9ef;--soft:#f6f7fa;--accent:#d11f2a;--shadow:0 10px 30px rgba(11,13,16,.08);--radius:14px;--max:1180px;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.35}
a{color:inherit}::selection{background:rgba(209,31,42,.18)}
.skip{position:absolute;left:-999px;top:10px;background:var(--ink);color:#fff;padding:10px 12px;border-radius:10px} .skip:focus{left:10px;z-index:10}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}

.masthead{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line)}
.topbar{max-width:var(--max);margin:0 auto;padding:12px 16px;display:flex;gap:14px;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center;min-width:240px}
.mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--ink),#2a2f39);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.6px}
.name{font-weight:850;letter-spacing:.2px}
.tag{font-size:12px;color:var(--muted)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chip{font-size:12px;border:1px solid var(--line);background:var(--soft);padding:8px 10px;border-radius:999px;color:#1a2230}
.cta{font-size:12px;font-weight:750;text-decoration:none;border-radius:999px;padding:9px 12px;background:var(--accent);color:#fff;border:1px solid rgba(0,0,0,.08)}
.cta:hover{filter:brightness(.95)}

.topicrail{display:flex;gap:10px;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:8px 16px 12px}
.topics{display:flex;gap:10px;flex-wrap:wrap}
.topics a{font-size:12px;text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#fff}
.topics a:hover{border-color:#cfd6e2;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.trending{display:flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden}
.trending .label{font:700 11px/1 var(--mono);text-transform:uppercase;color:var(--accent);letter-spacing:.8px}
.tick{font:600 12px/1.2 var(--sans);color:#1a2230}
.dot{color:#9aa5b4}

.grid{padding:18px 0 6px;display:grid;grid-template-columns:1.35fr .95fr .7fr;gap:14px;align-items:start}
.lead{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.heroArt{height:220px;background:
 radial-gradient(1200px 280px at 20% 10%, rgba(209,31,42,.22), transparent 55%),
 linear-gradient(135deg,#0b0d10,#171b23 55%,#0b0d10);
 position:relative}
.heroArt:before{content:"";position:absolute;inset:0;background:
 linear-gradient(transparent 60%, rgba(11,13,16,.75)),
 repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 24px);
 mix-blend-mode:screen;opacity:.35}
.heroArt:after{content:"";position:absolute;inset:24px 18px auto auto;width:120px;height:120px;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.02));transform:rotate(8deg)}
.lead .kickerRow{padding:14px 16px 0}
.kickerRow{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}
.kicker{font:800 11px/1 var(--mono);text-transform:uppercase;color:var(--accent);letter-spacing:.9px}
.time{font-family:var(--mono);font-size:11px;color:#6a7687}
.sep{color:#a4afbe}
.hed{margin:10px 16px 8px;font-size:30px;letter-spacing:-.4px;line-height:1.08}
.dek{margin:0 16px 14px;color:#2b3442;font-size:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 16px 16px}
.link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:750;font-size:13px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--soft)}
.link:hover{border-color:#cfd6e2;background:#fff}
.link.ghost{background:#fff}

.stack{display:flex;flex-direction:column;gap:12px}
.card{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(11,13,16,.10);border-color:#d6deea}
.thumb{height:100%;min-height:96px}
.t1{background:linear-gradient(135deg, rgba(209,31,42,.25), transparent 55%), radial-gradient(260px 120px at 70% 20%, rgba(11,13,16,.30), transparent 60%), linear-gradient(135deg,#121722,#0b0d10)}
.t2{background:linear-gradient(135deg, rgba(209,31,42,.18), transparent 55%), repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 16px), linear-gradient(135deg,#101623,#0b0d10)}
.t3{background:radial-gradient(260px 120px at 40% 20%, rgba(209,31,42,.22), transparent 60%), linear-gradient(135deg,#161b25,#0b0d10)}
.cardBody{padding:12px 12px 12px 0}
.h2{margin:8px 0 6px;font-size:16px;letter-spacing:-.2px;line-height:1.15}
.mini{margin:0;color:var(--muted);font-size:13px}

.rail{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}
.railHead{padding:12px 12px 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--soft))}
.railTitle{margin:0 0 8px;font-size:14px;letter-spacing:.2px}
.railTabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font:700 12px/1 var(--sans)}
.tab:hover{border-color:#cfd6e2}
.tab.isActive{background:rgba(209,31,42,.10);border-color:rgba(209,31,42,.25)}
.pane{display:none;padding:12px}
.pane.isActive{display:block;animation:fade .18s ease}
@keyframes fade{from{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:none}}
.brief{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.brief li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.brief .tag{font:800 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.8px;color:#1a2230;background:var(--soft);border:1px solid var(--line);padding:6px 8px;border-radius:999px}
.brief .txt{font-size:13px;color:#253041}
.meter{margin-top:12px;border-top:1px dashed #d8deea;padding-top:12px}
.mLabel{font:800 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.9px;color:#1a2230;margin-bottom:8px}
.bar{height:10px;border-radius:999px;background:#eef1f7;border:1px solid var(--line);overflow:hidden}
.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#ff4b4b);border-radius:999px}
.mNote{margin-top:8px;color:var(--muted);font-size:12px}
.small{margin:10px 0 0;color:var(--muted);font-size:12px}

.latest{padding:18px 0}
.sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}
.sectionHead h2{margin:0;font-size:16px;letter-spacing:.2px}
.sub{color:var(--muted);font-size:13px}
.ticker{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pill{font:800 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.9px;border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:999px}
.latestGrid{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.row{display:grid;grid-template-columns:60px 1fr 110px;gap:12px;align-items:center;padding:12px 12px;border-top:1px solid var(--line)}
.row:first-child{border-top:none}
.row .t{font:700 12px/1 var(--mono);color:#6a7687}
.row .a{color:var(--ink);text-decoration:none;font-weight:750;letter-spacing:-.1px}
.row .a:hover{text-decoration:underline;text-decoration-color:rgba(209,31,42,.55)}
.row .desk{justify-self:end;font:800 11px/1 var(--mono);text-transform:uppercase;letter-spacing:.9px;color:var(--accent)}

.rails{padding:6px 0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.railCol{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}
.railCol .sectionHead{padding:12px 12px 8px;margin:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--soft))}
.more{font-size:12px;text-decoration:none;color:var(--muted)}
.more:hover{color:var(--ink)}
.railCards{padding:12px;display:flex;flex-direction:column;gap:10px}
.miniCard{padding:10px 10px;border-radius:12px;border:1px solid var(--line);background:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.miniCard:hover{background:var(--soft);border-color:#d6deea;transform:translateY(-1px)}
.miniCard h3{margin:0 0 6px;font-size:14px;letter-spacing:-.15px;line-height:1.2}
.miniCard p{margin:0;color:var(--muted);font-size:12.5px}

.standards{padding:10px 0 24px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}
.panel h3{margin:0 0 8px;font-size:14px}
.panel ul{margin:0;padding-left:18px;color:#2b3442}
.panel li{margin:6px 0;font-size:13px}
.panel p{margin:0 0 10px;color:#2b3442;font-size:13px}

.footer{border-top:1px solid var(--line);background:#0b0d10;color:#e8ecf4;margin-top:12px}
.footGrid{display:grid;grid-template-columns:1.2fr 1.4fr;gap:18px;padding:20px 16px}
.footer .mark{background:linear-gradient(135deg,#fff,#cfd6e2);color:#0b0d10}
.footer .tag{color:#b8c2d3}
.fine{color:#b8c2d3;font-size:12.5px;margin:10px 0 0}
.footCols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.col h4{margin:0 0 8px;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#fff;font-family:var(--mono)}
.col a{display:block;color:#cfd6e2;text-decoration:none;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.col a:hover{color:#fff}
.bottom{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding:12px 16px}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:980px){.grid{grid-template-columns:1.35fr .95fr}.rail{grid-column:1/-1}.rails{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:56px 1fr 100px}}
@media (max-width:640px){.topicrail{gap:8px;flex-direction:column;align-items:flex-start}.trending{width:100%}.grid{grid-template-columns:1fr}.hed{font-size:26px}.card{grid-template-columns:84px 1fr}.rails{grid-template-columns:1fr}.two{grid-template-columns:1fr}.row{grid-template-columns:50px 1fr;grid-template-areas:"t a""desk desk"}.row .desk{justify-self:start}.footGrid{grid-template-columns:1fr}.footCols{grid-template-columns:1fr}}

.visual-reports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.visual-reports article{border:1px solid #d7d7d7;background:#fff;padding:12px}
.visual-reports img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.visual-reports h2{font-size:18px;line-height:1.1;margin:12px 0 0}
.article .photo{display:block;width:100%;max-height:420px;object-fit:cover;background:#111}
@media(max-width:760px){.visual-reports{grid-template-columns:1fr}}