:root { color-scheme: light; font-family: system-ui, sans-serif; color: #202b35; background: #f7f8fa; }
* { box-sizing: border-box; }
body { margin: 0; padding: 24px; line-height: 1.65; }
main { max-width: 760px; margin: 0 auto; }
header { padding: 20px 0; }
h1 { font-size: clamp(2rem, 6vw, 3rem); line-height: 1.15; letter-spacing: -.025em; margin: 12px 0; }
h2 { font-size: 1.3rem; line-height: 1.35; margin-top: 0; }
.eyebrow { color: #4d6577; font-weight: 650; }
.intro { font-size: 1.15rem; }
.draft { padding: 10px 14px; border: 1px solid #c5a55f; background: #fff7df; border-radius: 6px; font-size: .9rem; }
section { padding: 24px; margin: 16px 0; border: 1px solid #dce2e7; border-radius: 10px; background: #fff; }
p:last-child { margin-bottom: 0; }
li + li { margin-top: 12px; }
a { color: #165c87; text-underline-offset: 3px; overflow-wrap: anywhere; }
a:focus-visible { outline: 3px solid #165c87; outline-offset: 4px; }
footer { padding: 24px 0 40px; }
@media (max-width: 480px) { body { padding: 16px; } section { padding: 18px; } ul { padding-left: 22px; } }