*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#1e293b;font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.85}header{padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}header img{height:32px}main{max-width:800px;margin:auto;padding:28px 22px 72px}h1{font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.35}h2{font-size:1.25rem;margin:38px 0 10px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.lead{font-size:1.05rem;color:#475569}.meta,.crumb{font-size:.84rem;color:#64748b}.note{background:#eef2ff;border-left:4px solid #4f46e5;padding:14px 18px;border-radius:6px;margin:22px 0}a{color:#3730a3}li{margin-bottom:8px}footer{text-align:center;border-top:1px solid #e2e8f0;padding:28px;color:#64748b;font-size:.82rem}footer a{margin:0 7px}