:root { color-scheme: light dark; font-family: ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { max-width: 980px; margin: 0 auto; padding: 48px 24px 80px; line-height: 1.55; }
a { color: #58a6ff; }
h1 { margin-bottom: 8px; letter-spacing: -0.035em; }
h2 { letter-spacing: -0.02em; }
.lede { max-width: 760px; font-size: 1.08rem; color: #888; }
.install, .instructions { overflow-x: auto; padding: 18px; border: 1px solid #8885; border-radius: 10px; }
.skills { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 24px; }
.skill { padding: 20px; border: 1px solid #8885; border-radius: 12px; }
.skill h2 { margin: 0 0 4px; font-size: 1.15rem; }
.skill p { margin-bottom: 0; }
.slug, .meta { color: #888; font-size: .92rem; }
.meta { margin: 8px 0; }
.back { display: inline-block; margin-bottom: 24px; }
.description { max-width: 760px; font-size: 1.08rem; }
.instructions { white-space: pre-wrap; overflow-wrap: anywhere; font: .92rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }
@media (max-width: 560px) { body { padding: 28px 16px 56px; } .skills { grid-template-columns: 1fr; } }