:root{color-scheme:light dark;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.6}
*{box-sizing:border-box}
body{margin:0;background:#f7f9fc;color:#172330;font-size:16px}
header,main,footer{max-width:760px;margin:auto;padding:24px}
header{border-bottom:1px solid #d9e1e8}
nav{display:flex;gap:16px;flex-wrap:wrap}
a{color:#126667;text-underline-offset:3px}
a:focus-visible{outline:3px solid #126667;outline-offset:4px;border-radius:2px}
h1{font-size:clamp(28px,5vw,34px);line-height:1.25;margin:20px 0 12px}
h2{font-size:20px;line-height:1.35;margin:32px 0 8px}
p,li{max-width:68ch}
ul{padding-left:24px}
.eyebrow{font-size:13px;font-weight:700;color:#126667;letter-spacing:.02em}
.panel{border:1px solid #d9e1e8;border-radius:12px;background:#fff;padding:20px;margin:24px 0}
.panel h2{margin-top:0}
footer{border-top:1px solid #d9e1e8;font-size:13px;color:#526272}
@media(prefers-color-scheme:dark){body{background:#101820;color:#edf4f7}header,footer{border-color:#33434f}.panel{background:#17232d;border-color:#33434f}a,.eyebrow{color:#77d6cf}footer{color:#afc0cb}a:focus-visible{outline-color:#77d6cf}}