/* Old‑internet terminal vibes (dark) */
:root{
--bg:#0a0f0a; /* near‑black */
--fg:#cde6c1; /* phosphor tint */
--fg-dim:#9db69a; /* dim text */
--accent:#7CFC00; /* green */
--accent-2:#00e0e0; /* cyan */
--link:#9aff99; /* link green */
--link-visited:#79c0ff;/* visited cyan */
--border:#123;
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}


.term-wrap{max-width:820px;margin:0 auto;padding:1.2rem 1rem}


header .brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.6rem}
.logo{display:flex;gap:.6rem;align-items:center;text-decoration:none;color:var(--fg)}
.logo svg{fill:var(--accent)}
.nav a{margin-left:1rem;color:var(--link);text-decoration:none}
.nav a:hover{text-decoration:underline}


h1,h2,h3{color:var(--accent);margin:1.2rem 0 .6rem}
p{margin:.6rem 0}
a{color:var(--link)}
a:visited{color:var(--link-visited)}


.post .meta{color:var(--fg-dim);font-size:.9rem;margin:.2rem 0 1rem}
.excerpt{display:block;color:var(--fg-dim);margin:.2rem 0 1rem}


code, pre{background:#081008;border:1px solid #0f2210;color:#b8ffb8}
pre{padding:.75rem;overflow:auto;border-radius:6px}


/* subtle scanlines */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,0.04),rgba(255,255,255,0.04) 1px,transparent 1px,transparent 2px);mix-blend-mode:overlay;opacity:.06}


.foot{border-top:1px solid var(--border);margin-top:2rem;color:var(--fg-dim)}