*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#193c43;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.8}a{color:#245f65;text-underline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fcfdfc;border-bottom:1px solid #e3ebe8;padding:18px max(20px,calc((100vw - 920px)/2))}header .brand{color:#193c43;text-decoration:none;font-weight:700;font-size:19px}nav{display:flex;gap:20px;font-size:13px}main{max-width:920px;margin:auto;padding:58px 20px 82px}.eyebrow{color:#bb7658;font-size:12px;font-weight:700;letter-spacing:.2em}.lead{font-size:17px;max-width:760px;color:#4c6b6c}h1{font-size:clamp(32px,5vw,48px);line-height:1.35;letter-spacing:-.06em;margin:10px 0 22px}section{background:white;border:1px solid #e3ebe8;border-radius:12px;padding:22px 28px;margin:22px 0}h2{font-size:20px;letter-spacing:-.04em;margin:0 0 8px}section p{margin:0;font-size:14px;color:#506969}code{background:#eff4f2;padding:2px 5px;border-radius:4px}.start{display:inline-block;margin-top:22px;background:#214e55;color:white;text-decoration:none;border-radius:9px;padding:11px 20px;font-weight:700}.updated{color:#7c9290;font-size:12px}footer{border-top:1px solid #e3ebe8;padding:22px;display:flex;justify-content:center;gap:22px;font-size:12px}@media(max-width:600px){header{display:block}nav{margin-top:8px}main{padding-top:35px}section{padding:19px 20px}}