:root{
  --navy:#071a2b; --navy2:#0c2a43; --mint:#25d39a; --mint2:#a7f3d8;
  --ink:#13283a; --muted:#5d7283; --line:#dfe8ee; --panel:#f7fafc; --soft:#edfbf6;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#eef3f6;line-height:1.65}
a{color:#0b6f88;text-decoration:none} a:hover{text-decoration:underline}
.site-header{background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff;padding:34px 20px 28px;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner,.container{max-width:940px;margin:0 auto}
.brand{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mint2)}
.site-header h1{margin:9px 0 5px;font-size:clamp(30px,5vw,46px);line-height:1.08}
.site-header p{margin:0;color:#c7d8e5;font-size:16px}
nav{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
nav a{color:#d8e8f2;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:13px}
nav a[aria-current="page"]{background:var(--mint);border-color:var(--mint);color:#082131;font-weight:800}
.container{padding:28px 20px 54px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,34px);box-shadow:0 12px 38px rgba(8,32,49,.06)}
.notice{background:var(--soft);border:1px solid #bdeedc;border-radius:14px;padding:16px 18px;margin:18px 0 24px}
.notice strong{color:#087455}
h2{margin:32px 0 10px;font-size:22px;color:#0a2438}
h3{margin:24px 0 7px;font-size:17px}
p,li{font-size:16px}
ul{padding-left:22px}.meta{font-size:14px;color:var(--muted);margin-top:3px}
.kv{display:grid;grid-template-columns:minmax(140px,220px) 1fr;border-top:1px solid var(--line);margin-top:15px}
.kv div{padding:12px 0;border-bottom:1px solid var(--line)}
.kv div:nth-child(odd){font-weight:700;padding-right:18px}
.button{display:inline-block;background:var(--mint);color:#092536!important;font-weight:800;border-radius:10px;padding:11px 15px;margin:5px 8px 5px 0;text-decoration:none!important}
.button.secondary{background:#edf3f7;color:#15364b!important}
.footer{max-width:940px;margin:0 auto;padding:0 20px 40px;color:#6d7f8c;font-size:13px}
.footer a{color:#526f82}
@media(max-width:640px){.kv{grid-template-columns:1fr}.kv div:nth-child(odd){border-bottom:0;padding-bottom:2px}.kv div:nth-child(even){padding-top:2px}.site-header{padding-top:25px}}