:root{color-scheme:light;--ink:#172239;--muted:#526176;--line:#dbe3ee;--paper:#fff;--accent:#254ddd}
*{box-sizing:border-box}
html{background:#f4f6fa;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
body{margin:0;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
a{color:inherit}
.page{max-width:1020px;margin:0 auto;padding:30px 26px 28px}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 0 28px}
.brand{font-size:14px;font-weight:800;letter-spacing:.06em}
.badge{font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:var(--paper)}
.hero{padding:36px 0 34px;border-top:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:var(--accent);margin:0 0 18px}
h1{font-size:clamp(30px,5vw,43px);line-height:1.25;letter-spacing:-.045em;margin:0 0 20px}
.lead{font-size:16px;color:var(--muted);max-width:720px;margin:0 0 26px}
.button{display:inline-flex;gap:26px;align-items:center;text-decoration:none;background:var(--accent);color:#fff;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:650;min-height:48px}
.button:hover{background:#1c3bab}
a:focus-visible{outline:3px solid #b37400;outline-offset:4px}
.caption{font-size:12px;color:var(--muted);margin:12px 0 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px}
h2{font-size:17px;margin:0 0 17px;line-height:1.5;letter-spacing:-.02em}
.card p{font-size:14px;margin:0 0 14px;color:var(--muted)}
.card strong{color:var(--ink)}
dl{margin:0;font-size:14px}
dl>div{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #edf1f6}
dt{color:var(--muted)}
dd{margin:0}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;word-break:break-word}
.card .note{font-size:12px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.notice{margin-top:20px;padding:24px 25px;background:#edf2fd;border-radius:14px}
.notice h2{margin-bottom:10px}
.notice p{font-size:13px;color:#344865;margin:0 0 10px}
.notice p:last-child{margin:0}
footer{font-size:12px;color:var(--muted);padding-top:26px}
@media(max-width:660px){.page{padding:22px 18px}.masthead{flex-wrap:wrap;padding-bottom:20px}.hero{padding:26px 0}.grid{grid-template-columns:1fr}.card{padding:21px}.notice{padding:21px}.button{width:100%;justify-content:space-between}}