:root{color-scheme:light;--ink:#152235;--muted:#586574;--accent:#176b72;--paper:#ffffff;--bg:#f3f6f8;--line:#dce4e8}
*{box-sizing:border-box}
html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}
body{margin:0;background:var(--bg);color:var(--ink)}
.container{width:min(850px,calc(100% - 40px));margin:auto}
header{background:#142432;color:#fff;border-bottom:4px solid #4b9a9e}
header .container{padding:34px 0 28px}
.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.77rem;color:#a9d4d4;font-weight:700;margin:0 0 5px}
h1{font-size:clamp(1.65rem,3.8vw,2.25rem);line-height:1.2;margin:0}
header p{margin:9px 0 0;color:#d8e3e9}
nav{display:flex;gap:22px;flex-wrap:wrap;margin-top:23px}
nav a{color:#fff;text-underline-offset:5px;font-weight:600}
nav a[aria-current=page]{text-decoration-thickness:3px}
main{background:var(--paper);padding:34px 38px;margin:30px auto;border:1px solid var(--line);border-radius:9px;box-shadow:0 4px 20px #1424320d}
h2{font-size:1.28rem;margin:24px 0 6px;line-height:1.35}
h2:first-child{margin-top:0}
p,ul{margin-top:8px}
li+li{margin-top:7px}
.note{background:#eff7f7;border-left:4px solid var(--accent);padding:14px 17px;border-radius:0 5px 5px 0}
a{color:#095d69}
a:hover{text-decoration-thickness:2px}
footer{padding:0 0 36px;color:var(--muted);font-size:.9rem}
footer p{margin:4px 0}
@media(max-width:550px){main{padding:24px 22px}}