:root{
  --bg:#17181b;--fg:#e4e1d8;--muted:#8b8778;--accent:#d8954a;--line:#2b2d31;--card:#1d1f23;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.7 "Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:720px;margin:0 auto;padding:52px 22px 80px}
.mono{font-family:"SFMono-Regular",Menlo,Consolas,monospace}
header{margin-bottom:40px;border-bottom:1px solid var(--line);padding-bottom:22px}
header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:4px;text-transform:uppercase}
header h1 a{color:var(--fg);text-decoration:none}
header h1 a:hover{color:var(--accent)}
.tag{color:var(--muted);font-size:14px;margin-top:8px;letter-spacing:.02em}
nav{margin-top:16px;font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px}
nav a{color:var(--accent);text-decoration:none;margin-right:18px}
nav a:hover{color:#edb877}
nav a[aria-current="page"]{color:var(--muted)}

.post{display:grid;grid-template-columns:92px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.post:last-of-type{border-bottom:0}
.date{color:var(--muted);font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:12px;padding-top:4px}
.post h2{margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.3}
.post h2 a{color:var(--fg);text-decoration:none}
.post h2 a:hover{color:var(--accent)}
.post p{margin:0;color:#c3bfb4;font-size:15px}

.full h1{font-size:25px;line-height:1.3;margin:0 0 6px;font-weight:700}
.full .date{margin:0 0 24px;padding:0}
.full p{margin:0 0 16px;color:#d4d0c6}
.full blockquote{margin:22px 0;padding:14px 18px;background:var(--card);border-left:3px solid var(--accent);
  color:#b8b3a6;font-size:15px}
.full ul{padding-left:22px}.full li{margin:6px 0;color:#d4d0c6}
.back{display:inline-block;margin-top:26px;color:var(--accent);text-decoration:none;
  font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px}
.back:hover{color:#edb877}
footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--muted);font-size:12px;font-family:"SFMono-Regular",Menlo,Consolas,monospace}
@media(max-width:560px){.wrap{padding:36px 16px}.post{grid-template-columns:1fr;gap:6px}
  header h1{font-size:23px;letter-spacing:2px}}