:root{color-scheme:light;--blue:#0000d4;--ink:#1e1919;--muted:#5f5a59;--line:#e8e5e0;--paper:#f7f5f2}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.9;overflow-wrap:anywhere}
header,main,footer{width:min(100% - 40px,840px);margin-inline:auto}header{padding:28px 0;border-bottom:1px solid var(--line)}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.brand{display:inline-block;color:var(--blue);font-size:22px;font-weight:800;letter-spacing:.04em;text-decoration:none}.brand span{display:block;color:var(--muted);font-size:12px;font-weight:400}
main{padding:40px 0 48px}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;margin:0}h1{font-size:clamp(24px,4vw,34px);line-height:1.5;margin:12px 0 18px}h2{font-size:20px;line-height:1.6;padding-bottom:10px;border-bottom:1px solid var(--line);margin:38px 0 18px}p{margin:14px 0}.lead{color:var(--muted)}ul{padding-left:1.5em}li{margin:8px 0}.back{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:24px 0 36px;color:var(--muted);font-size:13px}nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:16px}
@media print{html{background:white}header,main,footer{width:100%}h2{break-after:avoid}p,li{orphans:3;widows:3}a{color:inherit}nav,.back{display:none}}