:root { color-scheme: dark; --ink:#f7f4f5; --muted:#aba2a5; --dim:#746c70; --void:#08090b; --surface:#0d0f12; --line:#29252a; --hot:#ff465c; --hot-soft:rgba(255,70,92,.1); --cyan:#6ee7e0; --max:1280px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--void); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.45; }
body::before { position:fixed; inset:0; z-index:-1; content:""; pointer-events:none; background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.018) 80px),linear-gradient(115deg,rgba(255,70,92,.045),transparent 42%); }
a { color:inherit; }
button,input { font:inherit; }
button { letter-spacing:0; }
section { scroll-margin-top:80px; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.topbar { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:58px; padding:0 max(20px,calc((100vw - var(--max))/2)); border-bottom:1px solid var(--line); background:rgba(8,9,11,.92); backdrop-filter:blur(16px); }
.brand { display:inline-flex; align-items:center; gap:10px; width:max-content; font-weight:850; text-decoration:none; }
.brand-mark { display:grid; width:32px; height:32px; place-items:center; border:1px solid #3b3237; background:var(--void); }
.brand-mark img { display:block; width:24px; height:24px; }
.brand:hover .brand-mark { border-color:var(--hot); }
.edition { display:flex; align-items:center; gap:8px; margin:0; color:var(--dim); font:700 .72rem/1 ui-monospace,monospace; text-transform:uppercase; }
.edition span { width:6px; height:6px; border-radius:50%; background:var(--hot); box-shadow:0 0 12px var(--hot); }
nav { display:flex; justify-content:flex-end; gap:22px; color:var(--muted); font-size:.82rem; font-weight:700; }
nav a { text-decoration:none; }
nav a:hover { color:var(--ink); }
.hero { width:min(calc(100% - 40px),var(--max)); margin:0 auto; padding:clamp(46px,6vw,76px) 0 40px; }
.eyebrow { margin:0 0 10px; color:var(--hot); font:800 .72rem/1.2 ui-monospace,monospace; text-transform:uppercase; }
.hero h1 { margin:0; max-width:1050px; font-size:clamp(2.8rem,5.6vw,5.5rem); line-height:.96; letter-spacing:0; }
.hero h1 em { color:var(--hot); font-style:normal; }
.hero-deck { max-width:650px; margin:18px 0 0; color:var(--muted); font-size:clamp(1rem,1.6vw,1.15rem); }
.briefing-strip { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:24px; padding:13px max(20px,calc((100vw - var(--max))/2)); border-block:1px solid var(--line); background:#0b0c0f; }
.briefing-strip p { margin:0; color:var(--muted); font-size:.78rem; }
.briefing-strip p span { margin-right:8px; color:var(--ink); font-weight:800; text-transform:uppercase; }
.briefing-strip a { color:var(--hot); font-size:.78rem; font-weight:800; text-decoration:none; }
.recap-band,.sources { padding:clamp(44px,6vw,76px) max(20px,calc((100vw - var(--max))/2)); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }
h2 { margin:0; font-size:clamp(2.2rem,4vw,4rem); line-height:.98; letter-spacing:0; }
.search { width:min(100%,280px); }
.search input { width:100%; height:40px; border:0; border-bottom:1px solid var(--line); border-radius:0; padding:0 2px; background:transparent; color:var(--ink); outline:none; }
.search input::placeholder { color:var(--dim); }
.search input:focus { border-color:var(--hot); }
.filter-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; border-block:1px solid var(--line); padding:10px 0; }
.filters,.platforms { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.platforms>span:first-child { margin-right:4px; color:var(--dim); font:700 .68rem/1 ui-monospace,monospace; text-transform:uppercase; }
.filter,.platform { min-height:30px; border:1px solid transparent; border-radius:2px; padding:0 10px; background:transparent; color:var(--muted); cursor:pointer; font-size:.76rem; font-weight:750; }
.filter:hover,.platform:hover { color:var(--ink); border-color:var(--line); }
.filter.active,.platform.active { border-color:var(--hot); background:var(--hot-soft); color:var(--hot); }
.platform-count { color:var(--dim); font:700 .65rem/1 ui-monospace,monospace; }
.scope-status { min-height:17px; margin:10px 0 0; color:var(--dim); font:650 .7rem/1.4 ui-monospace,monospace; }
.recap-list { margin-top:16px; border-top:1px solid var(--line); }
.recap { display:grid; grid-template-columns:48px minmax(0,1fr) minmax(250px,.52fr); gap:clamp(16px,3vw,42px); align-items:center; min-height:152px; border-bottom:1px solid var(--line); padding:22px 0; transition:background .18s ease; }
.recap:hover { background:rgba(255,255,255,.018); }
.recap[hidden] { display:none; }
.recap-index { align-self:start; padding-top:2px; color:var(--dim); font:650 .7rem/1 ui-monospace,monospace; }
.recap-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; margin-bottom:8px; color:var(--dim); font:700 .68rem/1 ui-monospace,monospace; text-transform:uppercase; }
.tag { color:var(--hot); }
.critical .tag::before { content:"●"; margin-right:6px; font-size:.55rem; }
.status,.cve { display:inline-flex; min-height:22px; align-items:center; border:1px solid var(--line); padding:0 7px; color:var(--muted); }
.status.patch { border-color:rgba(110,231,224,.42); color:var(--cyan); }
.status.exploited { border-color:rgba(255,70,92,.56); background:var(--hot-soft); color:var(--hot); }
.status.no-patch { border-color:rgba(241,188,93,.5); color:#f1bc5d; }
.status.zero-day { border-color:var(--hot); background:var(--hot); color:#180308; }
.status.campaign { border-color:rgba(241,188,93,.42); color:#f1bc5d; }
.status.observed,.status.incident { color:var(--muted); }
.cve { border-color:transparent; padding-inline:0; color:var(--dim); }
.recap h3 { max-width:740px; margin:0; font-size:clamp(1.35rem,2.4vw,2.35rem); line-height:1.04; letter-spacing:0; }
.recap-content>p { max-width:680px; margin:10px 0 0; color:var(--muted); font-size:.86rem; }
.recap-action { align-self:stretch; display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--line); padding-left:clamp(16px,2.5vw,32px); }
.recap-action p { margin:0 0 14px; color:var(--muted); font-size:.82rem; }
.recap-action strong { display:block; margin-bottom:3px; color:var(--cyan); font:750 .68rem/1.3 ui-monospace,monospace; text-transform:uppercase; }
.recap-action a { width:max-content; color:var(--ink); font-size:.78rem; font-weight:800; text-decoration:none; }
.recap-action a span { color:var(--hot); }
.lead { min-height:208px; background:linear-gradient(90deg,var(--hot-soft),transparent 64%); }
.lead .recap-index { color:var(--hot); }
.lead h3 { font-size:clamp(1.9rem,3.8vw,3.8rem); }
.watch-section { margin-top:clamp(54px,7vw,88px); }
.watch-heading { display:grid; grid-template-columns:minmax(240px,.7fr) minmax(300px,.5fr); gap:clamp(28px,6vw,84px); align-items:end; padding-bottom:20px; }
.watch-heading>p { margin:0; color:var(--muted); font-size:.84rem; }
.watch-heading>p strong { color:var(--cyan); font:750 .72rem/1.3 ui-monospace,monospace; text-transform:uppercase; }
.watch-list { border-top:1px solid var(--line); }
.watch-list .recap { min-height:138px; }
.watch-list .recap h3 { font-size:clamp(1.3rem,2.2vw,2rem); }
.watch-section[hidden] { display:none; }
.empty-state { border-bottom:1px solid var(--line); margin:0; padding:28px 0; color:var(--muted); }
.sources { display:grid; grid-template-columns:minmax(220px,.38fr) minmax(0,1fr); gap:clamp(32px,6vw,86px); border-top:1px solid var(--line); }
.source-intro>p:last-child { max-width:340px; margin:18px 0 0; color:var(--muted); font-size:.84rem; }
.source-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 40px; }
.source-group h3 { margin:0; padding-bottom:10px; border-bottom:1px solid var(--hot); color:var(--dim); font:750 .68rem/1.3 ui-monospace,monospace; text-transform:uppercase; }
.source-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.source-links a { display:flex; align-items:center; justify-content:space-between; min-height:48px; border-bottom:1px solid var(--line); color:var(--muted); font-size:.82rem; font-weight:750; text-decoration:none; }
.source-links a:hover { color:var(--ink); }
.source-links a span { color:var(--hot); }
footer { padding:20px max(20px,calc((100vw - var(--max))/2)); border-top:1px solid var(--line); color:var(--dim); font:650 .68rem/1.4 ui-monospace,monospace; text-transform:uppercase; }
footer p { margin:0; }
a:focus-visible,button:focus-visible,input:focus-visible { outline:2px solid var(--hot); outline-offset:4px; }
@media (max-width:900px) {
  .topbar { grid-template-columns:1fr auto; }
  .edition { display:none; }
  .recap { grid-template-columns:34px 1fr; }
  .recap-action { grid-column:2; border-left:0; padding:0; }
  .lead { min-height:0; }
}
@media (max-width:680px) {
  .topbar { min-height:52px; }
  .brand>span:last-child { font-size:.84rem; }
  nav { gap:12px; font-size:.74rem; }
  .hero { width:min(calc(100% - 32px),var(--max)); padding:44px 0 34px; }
  .hero h1 { font-size:clamp(2.65rem,13vw,4.3rem); }
  .briefing-strip { grid-template-columns:1fr; gap:7px; }
  .section-heading,.filter-bar { align-items:stretch; flex-direction:column; }
  .search { width:100%; }
  .recap { grid-template-columns:24px minmax(0,1fr); gap:10px; padding:20px 0; }
  .recap h3,.lead h3 { font-size:clamp(1.45rem,7.2vw,2rem); }
  .recap-action { grid-column:2; }
  .watch-heading { grid-template-columns:1fr; }
  .sources { grid-template-columns:1fr; }
  .source-groups { grid-template-columns:1fr; }
  .source-links { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .recap { transition:none; } }

:root{--neon:var(--hot);--deep:var(--surface)}
/* Editorial and researcher surfaces */
[hidden] { display:none !important; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; min-height:44px; padding:9px 15px; color:var(--ink); border:1px solid var(--line); border-radius:3px; background:var(--deep); }
button:disabled { cursor:default; opacity:.55; }
input,select,textarea { color:var(--ink); background:#130b0e; border:1px solid #784451; border-radius:3px; padding:10px; max-width:100%; }
input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--neon); outline-offset:3px; }
input[type=checkbox],input[type=range] { accent-color:var(--neon); }
input[type=checkbox] { width:19px;height:19px;flex-shrink:0; }
input[type=range] { width:100%;padding:0; }
label { font-size:1rem; }
.hero h1 { margin:0; font-size:clamp(2.6rem,5vw,4.6rem); line-height:1.06; }
.hero { grid-template-columns:minmax(0,1fr) minmax(280px,410px); gap:40px; padding-block:40px; }
.hero p { max-width:600px; }
.hero em { color:var(--neon);font-style:normal; }
.recap-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.recap { min-height:0; padding:24px;gap:16px; }
.recap h3 { font-size:1.45rem;line-height:1.25;margin:10px 0 0; }
.recap h3 a {color:var(--ink);text-decoration:none; }
.recap h3 a:hover {color:var(--neon); }
.disclosure,.metadata,.status { font-size:.875rem; line-height:1.5; color:var(--muted); }
.recap .disclosure {margin-top:12px;color:#ffc08a; }
.recap .status { margin-top:8px; }
.recap-meta {font-size:.875rem;align-items:start;flex-wrap:wrap; }
.tag {font-size:.8rem; }
.tldr { list-style:none;padding:0;margin:0;display:grid;gap:14px; }
.tldr li {display:grid;grid-template-columns:125px 1fr;gap:12px;line-height:1.55; }
.tldr strong {font-size:.875rem;color:var(--ink); }
.tldr span {color:var(--muted); }
.card-bottom {margin-top:auto;border-top:1px solid var(--line);padding-top:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:.875rem; }
.card-bottom span {color:var(--muted); }
.card-bottom a {font-size:1rem; }
.feed-controls {display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:20px 0; }
.feed-controls label {display:grid;align-content:start;gap:8px; }
.feed-controls .toggle {display:flex;flex-wrap:wrap;align-items:center;gap:10px; }
.toggle small {width:100%;font-size:.875rem;color:var(--muted); }
#noiseLabel {font-size:.875rem;color:var(--muted); }
.noise-options {border-block:1px solid var(--line);padding:16px 0; }
summary {cursor:pointer;font-weight:750;padding:8px 0; }
.hide-topics {display:flex;flex-wrap:wrap;gap:16px;margin:16px 0; }
.hide-topics label,.toggle {display:flex;align-items:center;gap:9px; }
.standards {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px; }
.standards p {margin:0;color:var(--muted); }
.standards strong {display:block;margin-bottom:6px;color:var(--ink); }
.story-page {max-width:1280px;margin:0 auto;padding:42px clamp(18px,4vw,56px) 64px; }
.story-page h1 {font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;margin:20px 0;overflow-wrap:anywhere; }
.story-head {max-width:1000px;margin:26px 0; }
.story-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:32px; }
.executive,.deep-dive,.next-steps,.source-row,.community-note,.review-item {border:1px solid var(--line);padding:24px;background:var(--deep); }
.next-steps {border-top:3px solid var(--neon);align-self:start;position:sticky;top:95px; }
.next-steps h3 {font-size:1.1rem;margin:14px 0 10px; }
.next-steps ul {padding-left:20px; }
.next-steps li {margin-bottom:12px; }
.deep-dive {margin-top:24px; }
.deep-dive p,.next-steps li,.source-trail>p,#community-story>p {color:var(--muted); }
pre {white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;border:1px solid var(--line);padding:16px;background:#090709; }
.timeline {margin-top:32px; }
.story-page h2 {font-size:1.65rem;line-height:1.2;margin:26px 0 16px; }
.timeline>div {border-left:2px solid var(--neon);padding:0 0 10px 18px; }
.timeline time {font-size:.875rem;color:var(--neon); }
.timeline p {margin:8px 0 16px;color:var(--muted); }
.source-trail {margin-top:36px; }
.source-row {margin-top:12px; }
.source-row>a {font-weight:750;color:var(--neon); }
.source-row .disclosure {color:#ffc08a;margin-top:8px; }
.source-row>p {font-size:.875rem;color:var(--muted); }
.source-row>span {font-size:.875rem; }
#community-story {margin-top:40px; }
.community-note,.review-item {margin:16px 0; }
.user-text {white-space:pre-wrap;overflow-wrap:anywhere; }
.votes,.moderation-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px; }
form {max-width:760px;display:grid;gap:20px;margin-top:24px; }
form label {display:grid;gap:8px; }
form button {justify-self:start;background:var(--neon);color:#180308;font-weight:750; }
.form-status,.action-status,.vote-status {color:#ffbac5; }
#methodologyFields {display:grid;gap:16px; }
.loading {padding:70px 24px; }
.skip {position:absolute;left:16px;top:-100px;z-index:50;padding:12px;background:var(--deep); }
.skip:focus {top:8px; }
footer {display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.875rem; }
footer a {color:var(--neon); }
@media(max-width:1000px){.recap-grid{grid-template-columns:1fr}.story-layout{grid-template-columns:1fr}.next-steps{position:static}.hero{grid-template-columns:1fr}.feed-controls{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.feed-controls,.standards{grid-template-columns:1fr}.tldr li{grid-template-columns:1fr;gap:4px}.recap{padding:18px}.story-page{padding-top:24px}.executive,.deep-dive,.next-steps{padding:18px}.topbar{position:relative}.hero{gap:20px}.hero h1{font-size:2.65rem}h2{line-height:1.15}.platforms{grid-template-columns:1fr 1fr}.platform{font-size:.875rem;padding:10px;overflow-wrap:anywhere}}

.topbar{grid-template-columns:1fr auto;gap:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:60px;z-index:30;background:var(--void);padding:12px}
.recap-grid{display:block}.recap{grid-template-columns:34px minmax(0,1fr) minmax(240px,.5fr);border-top:0;background:transparent;padding:24px 0}.recap h3 a{text-decoration:none}.recap h3 a:hover{color:var(--hot)}.recap .status{font-size:.72rem;line-height:1.4;margin:0 0 8px}.recap .disclosure{font-size:.7rem;margin:8px 0}.recap h3{font-size:clamp(1.3rem,2.3vw,2rem)}.recap-index{padding-top:5px}.card-bottom{display:block}.recap-action{font-size:.84rem}.recap-action a{white-space:normal;width:auto}.org-scope{border-block:1px solid var(--line);padding:16px 0;margin-bottom:18px}.org-scope h3{font-size:1.1rem;margin:0}.org-scope>p{font-size:.82rem;color:var(--muted)}.platform{min-height:40px}.feed-controls{font-size:.82rem}.feed-controls input[type=range]{max-width:180px}.sources.editorial{display:block}.standards{margin-top:24px}.story-page h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08}.story-page h2{font-size:1.6rem}.story-head{margin-top:24px}.story-head .status{display:block;width:fit-content;padding:5px 8px}.source-row,.community-note{overflow-wrap:anywhere}.source-trail,.timeline,#community-story{margin-top:40px}.story-page{max-width:1280px}.deep-dive pre{white-space:pre-wrap}.source-row h3{font-size:1rem}.standards p{font-size:.9rem}.loading{padding:60px 20px}
@media(max-width:900px){.recap{grid-template-columns:28px minmax(0,1fr)}.recap-action{grid-column:2;border-left:0;padding:0}.topbar{flex-wrap:wrap}.story-layout{grid-template-columns:1fr}}
@media(max-width:560px){.topbar{display:flex;position:relative;flex-wrap:wrap;padding-block:12px;gap:12px}nav{flex-wrap:wrap;gap:14px}.platforms{display:flex}.platform{font-size:.8rem}.hero h1{font-size:2.7rem}.recap{grid-template-columns:20px minmax(0,1fr)}.recap h3{font-size:1.5rem}.recap-action{grid-column:2}.briefing-strip{font-size:.8rem}.story-page{padding:30px 20px}}