:root { color-scheme: light; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1f2937; background: #f5f6f8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 780px; margin: 32px auto; padding: 32px; background: #fff; border: 1px solid #dde2e8; border-radius: 6px; overflow-wrap: anywhere; }
h1 { font-size: 30px; line-height: 1.2; }
h2 { font-size: 21px; line-height: 1.3; margin-top: 32px; }
a { color: #2256b9; text-underline-offset: 3px; }
:focus-visible { outline: 2px solid #2256b9; outline-offset: 3px; }
@media (max-width: 600px) { main { margin: 0; border: 0; border-radius: 0; padding: 24px; } }
@media (forced-colors: active) { :focus-visible { outline-color: Highlight; } }