:root {color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --text:#243343; --sub:#607486; --bg:#f8fafb; --paper:#ffffff; --line:#dce5e9; --accent:#315c6d; --soft:#e9f4f1;}
* {box-sizing:border-box} html {font-size:16px} body {margin:0; background:var(--bg); color:var(--text); line-height:1.7}
a {color:var(--accent); text-underline-offset:3px} a:hover {text-decoration-thickness:2px}
.container {max-width:820px; margin:auto; padding:0 24px} header {background:var(--paper); border-bottom:1px solid var(--line)}
.head {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:21px 0}
.brand {font-weight:750; letter-spacing:-.03em; font-size:1.08rem; color:var(--text); text-decoration:none}
nav {display:flex; gap:22px; flex-wrap:wrap} nav a {font-size:.9rem; text-decoration:none; color:var(--sub)} nav a[aria-current=page] {color:var(--accent);font-weight:650}
main {padding:64px 0 80px} .eyebrow {font-size:.8rem; font-weight:750; color:var(--accent); text-transform:uppercase; letter-spacing:.1em}
h1 {font-size:clamp(2rem,4.5vw,3.15rem); line-height:1.13; letter-spacing:-.045em; margin:16px 0 22px; max-width:720px}
.lead {font-size:1.1rem; color:var(--sub); max-width:670px; line-height:1.75}
.panel {background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:clamp(24px,4vw,40px); margin-top:36px}
.panel h2:first-child {margin-top:0} h2 {font-size:1.28rem; letter-spacing:-.02em; margin:32px 0 8px} h3 {font-size:1.06rem;margin:24px 0 6px}
p {margin:0 0 15px} ul {padding-left:22px; margin:10px 0 22px} li {margin:7px 0}
.notice {background:var(--soft); border-radius:12px; padding:17px 20px; font-size:.95rem; margin:30px 0 0}
.meta {font-size:.85rem; color:var(--sub)} footer {border-top:1px solid var(--line);background:var(--paper)}
.foot {padding:25px 0; display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; font-size:.82rem;color:var(--sub)}
@media (max-width:560px){main{padding:42px 0 60px}.container{padding:0 18px}.head{align-items:flex-start;flex-direction:column}nav{gap:17px}}