:root{--bg:#0e1a24;--panel:#13232f;--line:#21384a;--fg:#e8eef2;--muted:#9fb3c1;--accent:#ffb020;--link:#7cc0e8;
--crit:#ff5c5c;--high:#ff9a3d;--med:#ffd24a;--low:#5fa8d3;--info:#8aa0b0;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#f6f8fa;--panel:#fff;--line:#dde5ea;--fg:#14212b;--muted:#566874;
--accent:#b86e00;--link:#0f5f8f;--crit:#c62828;--high:#c25a00;--med:#8a6d00;--low:#1f6f9f;--info:#5a6b77;color-scheme:light}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--link)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left))}
header.top{border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.01em}
.brand img{width:34px;height:34px;border-radius:8px}.brand b{color:var(--accent)}
.btn{display:inline-block;background:var(--accent);color:#0e1a24;font-weight:600;text-decoration:none;padding:9px 16px;border-radius:8px;font-size:15px}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.hero{padding:40px 0 8px}.hero h1{font-size:clamp(26px,5vw,36px);line-height:1.2;margin:0 0 10px;text-wrap:balance;letter-spacing:-.02em}
.hero p{color:var(--muted);margin:0 0 18px;max-width:60ch}.cta{display:flex;gap:10px;flex-wrap:wrap}
.list{list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px;min-width:0}
.card a.t{color:var(--fg);text-decoration:none;font-weight:600;font-size:17px;line-height:1.35}.card a.t:hover{color:var(--accent)}
.meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--muted);margin-bottom:6px}
.pill{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid currentColor}
.sev-critical{color:var(--crit)}.sev-high{color:var(--high)}.sev-medium{color:var(--med)}.sev-low{color:var(--low)}.sev-info{color:var(--info)}
.tags{display:flex;gap:6px;flex-wrap:wrap}.tags a{font-size:13px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.tags a:hover{color:var(--accent);border-color:var(--accent)}
article{padding:32px 0}article h1{font-size:clamp(24px,4.6vw,32px);line-height:1.25;margin:8px 0 14px;text-wrap:balance;letter-spacing:-.015em}
article .lead{font-size:18px}dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:20px 0;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
dl.facts dt{color:var(--muted);font-size:14px}dl.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
@media (max-width:520px){dl.facts{grid-template-columns:1fr}dl.facts dd{margin-bottom:8px}}
ol.steps li{margin:6px 0}.tip{border-left:3px solid var(--accent);padding:4px 12px;margin:18px 0;color:var(--muted)}
.join{margin:28px 0;padding:18px;border:1px solid var(--accent);border-radius:10px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.join p{margin:0}footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding:20px 0 40px}
footer .wrap{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}h2.sec{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:28px 0 0}