:root{--ink:#102a43;--muted:#526d82;--line:#d9e2ec;--paper:#f7fafc;--accent:#087e8b;--navy:#0b253e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}header{background:var(--navy);padding:28px max(7vw,24px);color:#fff}header p{margin:0;color:#b8d6e8;font-size:14px}header a{color:#fff;text-decoration:none;font-weight:800}main{max-width:860px;margin:32px auto;padding:32px max(7vw,24px);background:#fff;border:1px solid var(--line);border-radius:12px}h1{font-size:30px;line-height:1.2;margin:0 0 8px}h2{font-size:20px;margin-top:30px}a{color:var(--accent)}.updated,.note{color:var(--muted);font-size:14px}.notice{padding:14px 16px;background:#eef9fa;border-left:4px solid var(--accent);border-radius:5px}.card{padding:16px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}footer{max-width:860px;margin:0 auto 28px;padding:0 max(7vw,24px);font-size:13px;color:var(--muted)}footer nav{display:flex;gap:13px;flex-wrap:wrap}ul{padding-left:22px}@media(max-width:600px){main{margin:0;border-radius:0;border-left:0;border-right:0}h1{font-size:26px}}
body{background:radial-gradient(circle at 88% 0,#e2f3f3,transparent 32rem),#f2f7f8;color:#142b3e}
header{padding:30px max(6vw,24px);background:linear-gradient(125deg,#0b263d,#103d52 65%,#0b5664)}
header a{display:inline-flex;align-items:center;min-height:40px;border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:6px 12px}
header a:hover{background:rgba(255,255,255,.1)}
header p{margin-top:10px;color:#d0e8eb}
main{max-width:880px;margin:30px auto;padding:clamp(24px,4vw,44px);border-color:#d6e3e8;border-radius:18px;box-shadow:0 14px 36px rgba(17,54,69,.075)}
h1{font-size:clamp(28px,4vw,38px);letter-spacing:-.03em}
h2{padding-top:5px;border-top:1px solid #e5eef0;letter-spacing:-.015em}
p,li{line-height:1.7}
.card,.notice{border-radius:10px;padding:17px 20px}
footer{max-width:880px;padding:0 24px}
footer nav{gap:9px 18px}
footer a{font-weight:650;text-decoration:none}
footer a:hover{text-decoration:underline}
a:focus-visible{outline:3px solid #42bdca;outline-offset:3px}
@media(max-width:600px){main{margin:14px;border:1px solid #d6e3e8;border-radius:15px;padding:23px}footer{margin-top:22px}}