*{box-sizing:border-box}body{margin:0;background:#f5f7f8;color:#20333e;font-family:"Yu Gothic UI",Meiryo,sans-serif;line-height:1.85}header{background:#102d3b;color:white;padding:22px max(24px,calc((100vw - 980px)/2))}header a{color:white;text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;margin-top:16px}.brand{font-size:20px;font-weight:700;letter-spacing:.04em}.draft{background:#fff0d4;color:#694600;padding:10px 24px;text-align:center;font-size:13px}main{max-width:980px;margin:auto;padding:48px 24px 64px}.eyebrow{color:#397687;font-size:13px;letter-spacing:.12em}h1{font-size:clamp(30px,5vw,48px);line-height:1.3;margin:12px 0 16px}h2{font-size:21px;margin:0 0 12px}.lead{font-size:19px;color:#577080;margin-bottom:40px}section{background:white;border:1px solid #dce5e9;border-radius:12px;padding:26px 30px;margin:18px 0}p{margin:0}footer{border-top:1px solid #dce5e9;padding:28px 24px;text-align:center;font-size:13px;color:#526a76}footer a{color:#175f76}a:focus-visible{outline:3px solid #f5c05c;outline-offset:4px}@media(max-width:600px){main{padding-top:30px}section{padding:22px}nav{gap:14px}.lead{font-size:17px}}