:root{--bg:#F6F8FB;--surface:#fff;--ink:#12203A;--ink-2:#4A5B78;--line:#DBE2ED;--brand:#3B5B8C}
@media (prefers-color-scheme:dark){:root{--bg:#0C1424;--surface:#131E33;--ink:#EAF0FA;--ink-2:#9FB0CC;--line:#26344F;--brand:#8FB0E4}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 "Segoe UI",system-ui,-apple-system,sans-serif}
header,main,footer{width:min(820px,100% - 32px);margin-inline:auto}
header{padding:22px 0;border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:800 22px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:-.02em}
.logo b{color:var(--brand)}
main{padding:36px 0 56px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}
h2{font-size:21px;margin:34px 0 8px}
.data{color:var(--ink-2);margin:0 0 24px}
p,li{color:var(--ink)}
ul{padding-left:22px}
li{margin-bottom:6px}
a{color:var(--brand)}
footer{padding:22px 0 40px;border-top:1px solid var(--line);color:var(--ink-2);font-size:15px}
footer a{color:var(--ink-2)}