:root { color-scheme: dark; }
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0d0d10; color: #eee; font: 16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 32px 20px 64px; }
h1 { font-size: 1.9rem; margin: 24px 0 12px; }
h2 { font-size: 1.25rem; margin: 28px 0 8px; color: #ffb097; }
p, li { color: #c9c9ce; margin-bottom: 10px; }
ul { padding-left: 22px; }
a { color: #ff5c33; text-decoration: none; }
nav { padding: 18px 20px; border-bottom: 1px solid #26262c; display: flex; gap: 18px; flex-wrap: wrap; }
nav a { color: #aaa; font-size: 0.95rem; }
.badge { display: inline-block; background: #1c1c22; border-radius: 10px; padding: 10px 14px; margin: 6px 6px 6px 0; font-size: 0.95rem; }
footer { text-align: center; color: #666; font-size: 0.85rem; padding: 24px; }