* { margin:0; padding:0; box-sizing:border-box }
body { font-family: 'Courier New', Courier, monospace; background:#080808; color:#f5f5f4; line-height:1.7; font-size:15px }
a { color:#a8a29e; text-decoration:none }
a:hover { color:#d6d3d1; text-decoration:underline }
.wrap { max-width:760px; margin:0 auto; padding:0 24px }
header { border-bottom:1px solid #a8a29e22; padding:20px 0 }
header .wrap { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap }
.logo { font-size:1.1rem; font-weight:700; color:#d6d3d1; letter-spacing:-.5px }
.logo span { color:#737373 }
nav a { color:#737373; font-size:.85rem; margin-left:18px }
nav a:hover { color:#a8a29e }
h1 { font-size:1.9rem; font-weight:700; color:#d6d3d1; margin:32px 0 12px; line-height:1.25 }
h2 { font-size:1.25rem; font-weight:700; color:#a8a29e; margin:28px 0 10px }
h3 { font-size:1rem; font-weight:700; color:#d6d3d1; margin:20px 0 8px }
p { margin:0 0 16px; color:#f5f5f4cc }
.hero { padding:52px 0 40px; border-bottom:1px solid #a8a29e22 }
.hero .tag { display:inline-block; background:#a8a29e18; color:#a8a29e; border:1px solid #a8a29e40; padding:3px 10px; border-radius:4px; font-size:.8rem; margin-bottom:14px }
.hero p { font-size:1.05rem; color:#f5f5f4bb; max-width:580px }
.install { background:#111111; border:1px solid #a8a29e30; border-left:3px solid #a8a29e; border-radius:4px; padding:14px 18px; margin:18px 0; font-size:.9rem; overflow-x:auto }
.install code { color:#d6d3d1; white-space:pre }
.features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:24px 0 }
.feature { background:#111111; border:1px solid #a8a29e20; border-radius:6px; padding:18px }
.feature h3 { margin-top:0 }
.posts { margin:12px 0 }
.post-item { padding:14px 0; border-bottom:1px solid #a8a29e15 }
.post-item h3 { margin:0 0 4px; font-size:1rem }
.post-item .meta { color:#737373; font-size:.8rem }
.prose h2 { margin-top:32px }
.prose p { color:#f5f5f4cc }
.prose code { background:#111111; color:#d6d3d1; padding:2px 6px; border-radius:3px; font-size:.9em }
.prose pre { background:#111111; border:1px solid #a8a29e25; border-radius:4px; padding:16px; overflow-x:auto; margin:16px 0 }
.prose pre code { background:none; padding:0 }
footer { border-top:1px solid #a8a29e22; padding:24px 0; margin-top:52px; color:#737373; font-size:.82rem }
footer .wrap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }