:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; }
body { margin: 0; background: #fff; color: #202124; }
main { max-width: 760px; margin: 0 auto; padding: 28px 20px 64px; overflow-wrap: anywhere; }
h1 { font-size: clamp(24px, 5.2vw, 34px); line-height: 1.25; margin: 24px 0 16px; }
h2 { font-size: 21px; line-height: 1.4; margin-top: 32px; }
p, li { font-size: 17px; }
a { color: #1556bf; text-underline-offset: 3px; }
nav ul { list-style: none; padding: 0; }
nav li { padding: 14px 0; border-bottom: 1px solid #ddd; }
aside { background: #f2f2f2; border-left: 3px solid #666; padding: 14px 16px; margin: 20px 0; }
.meta { color: #616161; font-size: 14px; }
@media (prefers-color-scheme: dark) { body { background: #171719; color: #ededf0; } a { color: #90b7ff; } aside { background: #26262a; } .meta { color: #b5b5bf; } nav li { border-color: #404047; } }
@media print { main { max-width: none; padding: 0; } nav { display: none; } a { color: inherit; } }