:root{--ink:#233c35;--paper:#f7f6f1;--line:#dce0d7;--muted:#64766b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}header,main,footer{max-width:1120px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:25px;font-weight:bold;text-decoration:none;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:2px}nav{display:flex;gap:24px;font-size:12px}.notice{padding:12px 30px;background:#e9eddf;border-block:1px solid var(--line);font-size:12px;text-align:center}.hero{padding:56px 0 72px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);font-weight:bold}h1{font-size:clamp(36px,6vw,64px);line-height:1.4;letter-spacing:3px;margin:24px 0}h2{font-size:26px;line-height:1.5}h3{font-size:18px}p,li{font-size:14px}.hero p{line-height:2.2}.cta{display:inline-block;background:var(--ink);color:white;padding:12px 24px;border-radius:6px;text-decoration:none;margin-top:18px}#guides{padding:42px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid article,.grid section{padding:25px;background:#eeeee5;border-radius:8px}.num{font-size:12px;letter-spacing:2px;color:var(--muted)}.guide{padding:36px 0;border-top:1px solid var(--line)}.guide>p,.guide>ul{max-width:800px}.small{font-size:11px;color:var(--muted)}footer{display:flex;gap:30px;border-top:1px solid var(--line);font-size:12px;align-items:center;margin-top:30px}footer strong{margin-right:auto;font-size:19px}@media(max-width:720px){header,main,footer{padding:22px}header{display:block}nav{margin-top:18px;gap:18px;font-size:11px}.hero{padding:35px 0 45px}.grid{grid-template-columns:1fr}.guide{padding:28px 0}h2{font-size:23px}footer{flex-wrap:wrap;gap:14px}footer strong{width:100%}.notice{text-align:left;padding:12px 22px}}

.audience{display:inline-block;font-size:12px;background:#e4e9d2;padding:7px 13px;border-radius:30px;margin-top:18px}.scope{padding:42px 0 0}.status{font-size:10px;border:1px solid #bcc9ab;color:var(--muted);padding:5px 8px;border-radius:4px}
