* { margin:0; padding:0; box-sizing:border-box }
body { font-family: 'Courier New', Courier, monospace; background:#02090a; color:#dcfce7; line-height:1.7; font-size:15px }
a { color:#4ade80; text-decoration:none }
a:hover { color:#86efac; text-decoration:underline }
.wrap { max-width:760px; margin:0 auto; padding:0 24px }
header { border-bottom:1px solid #4ade8022; 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:#86efac; letter-spacing:-.5px }
.logo span { color:#6b7280 }
nav a { color:#6b7280; font-size:.85rem; margin-left:18px }
nav a:hover { color:#4ade80 }
h1 { font-size:1.9rem; font-weight:700; color:#86efac; margin:32px 0 12px; line-height:1.25 }
h2 { font-size:1.25rem; font-weight:700; color:#4ade80; margin:28px 0 10px }
h3 { font-size:1rem; font-weight:700; color:#86efac; margin:20px 0 8px }
p { margin:0 0 16px; color:#dcfce7cc }
.hero { padding:52px 0 40px; border-bottom:1px solid #4ade8022 }
.hero .tag { display:inline-block; background:#4ade8018; color:#4ade80; border:1px solid #4ade8040; padding:3px 10px; border-radius:4px; font-size:.8rem; margin-bottom:14px }
.hero p { font-size:1.05rem; color:#dcfce7bb; max-width:580px }
.install { background:#081510; border:1px solid #4ade8030; border-left:3px solid #4ade80; border-radius:4px; padding:14px 18px; margin:18px 0; font-size:.9rem; overflow-x:auto }
.install code { color:#86efac; white-space:pre }
.features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:24px 0 }
.feature { background:#081510; border:1px solid #4ade8020; border-radius:6px; padding:18px }
.feature h3 { margin-top:0 }
.posts { margin:12px 0 }
.post-item { padding:14px 0; border-bottom:1px solid #4ade8015 }
.post-item h3 { margin:0 0 4px; font-size:1rem }
.post-item .meta { color:#6b7280; font-size:.8rem }
.prose h2 { margin-top:32px }
.prose p { color:#dcfce7cc }
.prose code { background:#081510; color:#86efac; padding:2px 6px; border-radius:3px; font-size:.9em }
.prose pre { background:#081510; border:1px solid #4ade8025; border-radius:4px; padding:16px; overflow-x:auto; margin:16px 0 }
.prose pre code { background:none; padding:0 }
footer { border-top:1px solid #4ade8022; padding:24px 0; margin-top:52px; color:#6b7280; font-size:.82rem }
footer .wrap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }