:root{--bg:#f6f7f9;--card:#fff;--text:#1f2937;--muted:#667085;--line:#e5e7eb;--accent:#1f5f99}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.75}
header{background:#fff;border-bottom:1px solid var(--line)} .wrap{max-width:980px;margin:auto;padding:0 22px}
.nav{display:flex;gap:18px;flex-wrap:wrap;padding:16px 0}.nav a,a{color:var(--accent);text-decoration:none}.nav a:hover,a:hover{text-decoration:underline}
.hero{padding:64px 0 36px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.2;margin:0 0 14px}.lead{font-size:1.15rem;color:var(--muted);max-width:780px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px;margin:22px 0}h2{margin-top:0;font-size:1.55rem}h3{margin-bottom:.35rem}
.badge{display:inline-block;background:#eaf2f8;color:#174e79;padding:5px 10px;border-radius:999px;font-size:.9rem;margin:0 6px 6px 0}
footer{padding:38px 0 60px;color:var(--muted);font-size:.92rem}.small{font-size:.92rem;color:var(--muted)}ul{padding-left:1.2rem}