:root{--ink:#17202a;--muted:#526174;--line:#dbe3ee;--soft:#f7f9fc;--blue:#2563eb;--green:#0f766e}
*{box-sizing:border-box}
html,body{margin:0;max-width:100%;overflow-x:hidden}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft);line-height:1.85}
a{color:#1455b8;text-underline-offset:3px}
.inner,main{max-width:1080px;margin:0 auto;padding:0 20px}
.site-header,.site-footer{background:#fff;border-bottom:1px solid var(--line)}
.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:34px;color:var(--muted)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:14px;padding-bottom:14px}
.brand{font-weight:800;color:var(--ink);text-decoration:none}
nav{display:flex;gap:12px;flex-wrap:wrap;font-size:14px}
nav a{text-decoration:none}
.hero{padding:42px 0 24px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid var(--line);border-radius:8px;margin:24px 0}
.eyebrow{color:var(--green);font-weight:800;margin:0 0 8px}
h1{font-size:clamp(30px,5vw,46px);line-height:1.22;letter-spacing:0;margin:0 0 14px}
h2{font-size:1.48rem;line-height:1.4;letter-spacing:0;margin:0 0 12px}
h3{font-size:1.12rem;margin:18px 0 8px}
.lead{font-size:18px;color:#334155;max-width:880px}
.disclaimer{font-size:.95rem;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}
section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;margin:20px 0}
.notice{border-left:4px solid var(--green);background:#eefbf7;padding:14px 16px;margin:16px 0}
ul,ol{padding-left:1.25em}
li{margin:6px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.mini{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fbfdff}
.mini strong,.cards strong{display:block}
.mini span,.cards span{display:block;color:var(--muted);font-size:.95rem;margin-top:4px}
.cards{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.cards a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:13px}
.check{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 18px;list-style:none;padding-left:0}
.check li::before{content:"□ ";font-weight:800;color:var(--green)}
.faq dt{font-weight:800;margin-top:16px}
.faq dd{margin:6px 0 0 0;color:#334155}
@media(max-width:640px){.inner,main{padding:0 16px}.header-inner{display:block}.brand{display:block;margin-bottom:10px}section,.hero{padding:18px}nav{gap:10px}.lead{font-size:16px}}