:root{
  --bg:#101014; --panel:#17171d; --ink:#e8e6df; --muted:#9a97a3;
  --green:#7ee787; --amber:#ffb454; --red:#ff6b6b; --line:#2a2a33;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Georgia,'Times New Roman',serif;line-height:1.65}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
header.site{border-bottom:3px double var(--line);padding:28px 20px 18px;text-align:center}
.logo{font-family:'Courier New',monospace;font-weight:bold;font-size:42px;letter-spacing:2px;color:var(--ink)}
.logo .bit{color:var(--amber)}
.tagline{color:var(--muted);font-style:italic;margin-top:4px}
nav.main{margin-top:14px;font-family:'Courier New',monospace;font-size:14px;text-transform:uppercase;letter-spacing:1px}
nav.main a{margin:0 10px;color:var(--green)}
main{max-width:820px;margin:0 auto;padding:24px 20px 48px}
h1,h2,h3{font-family:'Courier New',monospace;line-height:1.3}
h1{font-size:30px}
h2{font-size:22px;color:var(--amber)}
.card{background:var(--panel);border:1px solid var(--line);padding:18px 20px;margin:16px 0}
.card h3{margin:0 0 6px;font-size:19px}
.card h3 a{color:var(--ink)}
.meta{color:var(--muted);font-size:13px;font-family:'Courier New',monospace}
article p{margin:14px 0}
article ul{margin:10px 0 10px 22px}
blockquote{border-left:3px solid var(--amber);margin:18px 0;padding:4px 16px;color:var(--muted);font-style:italic}
.kicker{font-family:'Courier New',monospace;color:var(--red);text-transform:uppercase;font-size:13px;letter-spacing:2px}
footer.site{border-top:3px double var(--line);padding:20px;text-align:center;color:var(--muted);font-size:14px}
.pixel{image-rendering:pixelated}
.btn{display:inline-block;border:1px solid var(--green);padding:6px 14px;font-family:'Courier New',monospace;font-size:14px}
@media (max-width:600px){.logo{font-size:32px}h1{font-size:25px}}