:root{color-scheme:light dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
*{box-sizing:border-box}
body{margin:0;background:#f5f7fb;color:#182235}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
header{padding:14px 0 28px;border-bottom:1px solid #cad3df}
.brand{font-weight:750;letter-spacing:.02em}
main{padding-top:24px}
h1{font-size:clamp(2rem,5vw,2.8rem);line-height:1.15;margin:0 0 20px}
h2{font-size:1.24rem;margin:30px 0 10px}
p,li{max-width:72ch}
a{color:#1553a2;text-underline-offset:3px}
a:focus-visible{outline:3px solid #126bd1;outline-offset:3px}
.note{padding:18px 20px;border-left:4px solid #1553a2;background:#e8eef8;border-radius:0 10px 10px 0}
footer{margin-top:48px;padding-top:20px;border-top:1px solid #cad3df;font-size:.94rem}
@media(prefers-color-scheme:dark){body{background:#121a28;color:#edf3fd}header,footer{border-color:#45536b}a{color:#8cbdff}.note{background:#203450;border-color:#8cbdff}}