* { margin:0; padding:0; box-sizing:border-box }
body { font-family: 'Courier New', Courier, monospace; background:#0f0a06; color:#fed7aa; line-height:1.7; font-size:15px }
a { color:#fb923c; text-decoration:none }
a:hover { color:#fdba74; text-decoration:underline }
.wrap { max-width:760px; margin:0 auto; padding:0 24px }
header { border-bottom:1px solid #fb923c22; 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:#fdba74; letter-spacing:-.5px }
.logo span { color:#78716c }
nav a { color:#78716c; font-size:.85rem; margin-left:18px }
nav a:hover { color:#fb923c }
h1 { font-size:1.9rem; font-weight:700; color:#fdba74; margin:32px 0 12px; line-height:1.25 }
h2 { font-size:1.25rem; font-weight:700; color:#fb923c; margin:28px 0 10px }
h3 { font-size:1rem; font-weight:700; color:#fdba74; margin:20px 0 8px }
p { margin:0 0 16px; color:#fed7aacc }
.hero { padding:52px 0 40px; border-bottom:1px solid #fb923c22 }
.hero .tag { display:inline-block; background:#fb923c18; color:#fb923c; border:1px solid #fb923c40; padding:3px 10px; border-radius:4px; font-size:.8rem; margin-bottom:14px }
.hero p { font-size:1.05rem; color:#fed7aabb; max-width:580px }
.install { background:#1c1208; border:1px solid #fb923c30; border-left:3px solid #fb923c; border-radius:4px; padding:14px 18px; margin:18px 0; font-size:.9rem; overflow-x:auto }
.install code { color:#fdba74; white-space:pre }
.features { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin:24px 0 }
.feature { background:#1c1208; border:1px solid #fb923c20; border-radius:6px; padding:18px }
.feature h3 { margin-top:0 }
.posts { margin:12px 0 }
.post-item { padding:14px 0; border-bottom:1px solid #fb923c15 }
.post-item h3 { margin:0 0 4px; font-size:1rem }
.post-item .meta { color:#78716c; font-size:.8rem }
.prose h2 { margin-top:32px }
.prose p { color:#fed7aacc }
.prose code { background:#1c1208; color:#fdba74; padding:2px 6px; border-radius:3px; font-size:.9em }
.prose pre { background:#1c1208; border:1px solid #fb923c25; border-radius:4px; padding:16px; overflow-x:auto; margin:16px 0 }
.prose pre code { background:none; padding:0 }
footer { border-top:1px solid #fb923c22; padding:24px 0; margin-top:52px; color:#78716c; font-size:.82rem }
footer .wrap { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap }