* { box-sizing: border-box; }
body { margin: 0; background: #0d0d12; color: #e0e0e0; font: 18px/1.75 system-ui, sans-serif; }
main { max-width: 820px; margin: 0 auto; padding: 32px 24px 64px; }
nav { margin-bottom: 32px; }
a { color: #72c5ff; }
h1, h2 { line-height: 1.3; color: #fff; }
h1 { font-size: clamp(1.8rem, 4vw, 2.5rem); }
h2 { margin-top: 2.2rem; font-size: 1.35rem; }
p, li { margin-bottom: 0.75rem; }
ul, ol { padding-left: 1.5rem; }
.lead { color: #c3cee0; font-size: 1.1rem; }
.note { padding: 16px 20px; border-left: 3px solid #72c5ff; background: #171b29; }
@media (max-width: 600px) { main { padding: 20px 16px 48px; } }