:root{--ink:#0C1220;--sub:#3B4F6B;--faint:#5C6F86;--line:#D9E3EE;--accent-ink:#12568B;--night:#070E20;--jp:"Zen Kaku Gothic New",-apple-system,"Hiragino Sans",sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:#F3F7FB;-webkit-text-size-adjust:100%}
body{margin:0;background:#F3F7FB;color:var(--ink);font-family:var(--jp);line-height:1.9;-webkit-font-smoothing:antialiased}
.wrap{width:min(760px,100% - 40px);margin-inline:auto}
.bar{background:var(--night);color:#fff;padding-top:env(safe-area-inset-top)}
.bar .wrap{height:60px;display:flex;align-items:center}
.brand{color:#fff;display:inline-flex}
.wm{width:104px;height:18px}
.doc{padding:56px 0 72px}
.doc h1{font-size:clamp(24px,4.4vw,32px);line-height:1.45;margin:0 0 8px;font-weight:900}
.doc .date{color:var(--faint);font-size:14px;margin:0 0 28px}
.doc h2{font-size:18.5px;margin:40px 0 10px;font-weight:700}
.doc p,.doc li{font-size:16px;color:var(--sub)}
.doc p{margin:0 0 12px}
.doc ul{margin:0 0 12px;padding-left:1.3em}
.doc a{color:var(--accent-ink);text-underline-offset:3px}
.doc .back{margin-top:48px}
.foot{background:var(--night);color:#8EA2BE;font-size:13px;padding:24px 0 calc(28px + env(safe-area-inset-bottom))}
.card{background:#fff;border-radius:24px;padding:36px 28px;box-shadow:0 20px 50px -30px rgba(12,24,48,.3);text-align:center}
.card h1{margin-bottom:14px}
.card p{margin:0}