:root{--bg:#050505;--panel:#0c0c0c;--line:#252525;--ink:#f5f5f5;--mut:#aaa;--dim:#777;--accent:#19d98e}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}
a{color:inherit}
.top{border-bottom:1px solid var(--line);background:#080808}
.nav{max-width:980px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.nav a{text-decoration:none;margin-left:18px}.nav .brand{margin:0;font-size:20px;letter-spacing:1.5px}.brand b{background:var(--accent);color:#04140e;padding:0 6px}
.wrap{max-width:820px;margin:auto;padding:24px 20px}
.crumbs{font-size:13px;color:var(--dim);margin-bottom:24px}
.category{display:inline-block;background:var(--accent);color:#04140e;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:1px}
h1{font-size:clamp(36px,7vw,62px);line-height:1.05;margin:16px 0 12px;letter-spacing:-.02em}
.excerpt{font-size:19px;color:var(--mut);margin:0 0 12px}
.meta{color:var(--dim);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.content{font-size:17px;color:#e6e6e6}.content h2{font-size:30px;line-height:1.2;color:var(--accent);margin:38px 0 12px}.content h3,.content h4{margin:28px 0 10px}.content p{margin:0 0 18px}.content li{margin:6px 0}.content blockquote{margin:20px 0;border-left:3px solid var(--accent);padding:8px 18px;color:var(--mut);background:var(--panel)}
code,pre{font-family:"JetBrains Mono",monospace}code{background:#151515;padding:2px 5px}pre{overflow:auto;padding:16px;background:#0b0b0b;border:1px solid var(--line)}
.notice{margin:38px 0 20px;padding:18px;border:1px solid var(--line);background:var(--panel);color:var(--mut)}
footer{border-top:1px solid var(--line);color:var(--dim);font-size:13px}
@media(max-width:640px){.nav{align-items:flex-start;flex-direction:column}.nav div{display:flex;flex-wrap:wrap;gap:12px}.nav a{margin-left:0}h1{font-size:38px}.excerpt{font-size:17px}.content{font-size:16px}}