*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#07090e;--bg-card:#0d111a;--bg-deep:#050710;--accent:#b8ff00;--accent-dim:rgba(184,255,0,.08);--accent-bdr:rgba(184,255,0,.28);--teal:#00d4aa;--text:#f0ede8;--muted:#6b7280;--dim:#9ca3af;--border:rgba(255,255,255,.07);--font-d:'Bebas Neue',sans-serif;--font-b:'Syne',sans-serif;--font-m:'IBM Plex Mono',monospace}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.7;overflow-x:hidden}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:rgba(7,9,14,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
nav .logo{font-family:var(--font-d);font-size:1.5rem;letter-spacing:.1em;color:var(--text)}nav .logo em{color:var(--accent);font-style:normal}
nav .crumb{font-family:var(--font-m);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--border);padding-left:1.25rem}
nav .crumb a{color:var(--muted)}nav .crumb a:hover{color:var(--accent)}
main{max-width:780px;margin:0 auto;padding:3rem 16px 5rem}
.badge{display:inline-block;font-family:var(--font-m);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-bdr);padding:.3rem .7rem;margin-bottom:1.25rem}
h1{font-family:var(--font-d);font-size:clamp(2.6rem,7vw,4.6rem);line-height:.95;letter-spacing:.02em;margin-bottom:1rem;font-weight:400}
.meta{font-family:var(--font-m);font-size:.75rem;color:var(--muted);margin-bottom:2.5rem}
article h2{font-family:var(--font-d);font-size:2rem;letter-spacing:.04em;font-weight:400;margin:2.6rem 0 .8rem;color:var(--accent)}
article h3{font-size:1.1rem;margin:1.8rem 0 .6rem}
article p,article ul,article ol,article table,article pre{margin-bottom:1.1rem}
article ul,article ol{padding-left:1.4rem}article li{margin-bottom:.35rem}
article strong{color:#fff}
code{font-family:var(--font-m);font-size:.85em;background:var(--accent-dim);color:var(--accent);padding:.1rem .35rem}
pre{background:var(--bg-deep);border:1px solid var(--border);border-left:2px solid var(--accent);padding:1rem;overflow-x:auto}
pre code{background:none;color:var(--text);padding:0;font-size:.8rem;line-height:1.6}
table{width:100%;border-collapse:collapse;font-size:.88rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--border);padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:var(--bg-card);font-family:var(--font-m);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.series{background:var(--bg-card);border:1px solid var(--border);padding:1.25rem 1.5rem;margin:3rem 0 0}
.series h4{font-family:var(--font-m);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem}
.series ol{padding-left:1.3rem}.series li{margin-bottom:.3rem}.series li.cur{color:var(--accent)}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;font-family:var(--font-m);font-size:.8rem}
.dl{display:inline-block;font-family:var(--font-m);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:var(--bg);padding:.65rem 1.3rem;margin:.5rem 0 1.5rem}
.dl:hover{text-decoration:none;opacity:.85}
.post{display:block;border:1px solid var(--border);background:var(--bg-card);padding:1.25rem 1.5rem;margin-bottom:1rem;color:var(--text);transition:border-color .2s}
.post:hover{border-color:var(--accent-bdr);text-decoration:none}
.post .n{font-family:var(--font-m);font-size:.7rem;color:var(--accent);letter-spacing:.14em}
.post h3{font-size:1.15rem;margin:.3rem 0}.post p{color:var(--dim);font-size:.9rem}
footer{border-top:1px solid var(--border);padding:2rem 16px;text-align:center;font-family:var(--font-m);font-size:.72rem;color:var(--muted)}
@media(max-width:600px){nav .crumb{display:none}}