:root { --bg:#0b0f14; --card:#121821; --muted:#8aa0b3; --text:#e8f0f8; --accent:#7cc4ff; }
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:16px}
header{position:sticky;top:0;backdrop-filter:saturate(1.2) blur(6px);background:rgba(11,15,20,.7);border-bottom:1px solid #1e2631;z-index:10}
.nav{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{font-weight:700;letter-spacing:.3px}
.spacer{flex:1}
.pill{padding:8px 12px;border-radius:999px;background:#16202b}
.hero{display:grid;gap:8px;padding:24px 0}
.hero h1{margin:0;font-size:clamp(1.4rem,3vw,2.2rem)}
.hero p{color:var(--muted);margin:0}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid #1e2631;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.card h3{margin:16px 16px 4px}
.card p{margin:0 16px 16px;color:var(--muted)}
.card .pad{padding:16px}
.badge{display:inline-block;font-size:.8rem;background:#16202b;border:1px solid #263241;border-radius:999px;padding:4px 8px;margin-right:8px;color:var(--muted)}
.list{display:grid;gap:8px}
.list a{display:flex;justify-content:space-between;border:1px solid #1e2631;background:#0f141b;border-radius:12px;padding:10px 12px}
.muted{color:var(--muted)}
.nowrap{white-space:nowrap}
hr.sep{border:0;border-top:1px solid #1e2631;margin:20px 0}
.footer{color:var(--muted);border-top:1px solid #1e2631;margin-top:32px;padding:24px 0;font-size:.95rem}
blockquote{margin:0;padding:12px 16px;border-left:4px solid #263241;background:#101622;border-radius:8px}
code, pre{background:#0f141b;border:1px solid #1e2631;border-radius:8px;padding:2px 6px}
pre{padding:12px;overflow:auto}
.dossier{border:1px solid #1e2631;border-radius:12px;background:#101622;padding:12px 14px}
.dossier summary{cursor:pointer;font-weight:700;letter-spacing:.2px}
.dossier summary::-webkit-details-marker{display:none}
.dossier summary::after{content:"▾";padding-left:8px;font-size:.9rem;color:var(--muted)}
.dossier[open] summary::after{content:"▴"}
.dossier-body{display:grid;gap:12px;padding-top:8px}