
:root{--ink:#17364d;--blue:#126d9b;--muted:#596d79;--line:#dce5ea;--bg:#f5f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Meiryo",sans-serif;line-height:1.9;background:var(--bg)}a{color:var(--blue)}header{background:#fff;border-bottom:1px solid var(--line);padding:16px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}header strong{font-size:17px}header a{text-decoration:none;font-size:14px}.hero{max-width:1180px;margin:auto;padding:54px 24px 30px}.label{font-size:13px;letter-spacing:.1em;color:var(--blue);font-weight:700}h1{font-size:clamp(28px,4vw,42px);line-height:1.5;margin:8px 0 14px}p{margin:10px 0 18px}.hero p{max-width:760px;color:var(--muted)}.layout{max-width:1180px;margin:auto;padding:0 24px 65px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px}aside nav{position:sticky;top:24px}nav a{display:block;text-decoration:none;border-left:2px solid var(--line);padding:9px 16px;font-size:14px}nav a:hover{background:#e9f2f7;border-color:var(--blue)}main{min-width:0}section{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;margin-bottom:24px}h2{margin:0 0 18px;font-size:23px;line-height:1.6}h2 small{display:block;font-size:12px;letter-spacing:.08em;color:var(--blue);margin-bottom:3px}h3{font-size:17px;margin:22px 0 8px}ol{padding-left:24px}li{padding-left:5px;margin:9px 0}strong{font-weight:700}.note{padding:16px 20px;background:#eef5f9;border-radius:8px;font-size:14px}.status{border-left:3px solid #bc8629;background:#fff8e9;padding:16px 20px;font-size:14px;margin:0 0 26px}figure{margin:24px 0 6px}figure img{width:100%;display:block;border:1px solid var(--line);border-radius:8px}figure a{display:block;cursor:zoom-in}figcaption{font-size:12px;color:var(--muted);margin-top:8px}figcaption span{display:block}blockquote{margin:18px 0;padding:16px 20px;background:var(--bg);border-left:3px solid #6e9eb6;font-size:14px}details{border-top:1px solid var(--line);padding:16px 0}details:last-child{padding-bottom:0}summary{cursor:pointer;font-weight:700}details p{font-size:14px;margin-bottom:0}.footer{text-align:center;padding:20px 24px 40px;font-size:12px;color:var(--muted)}dialog{border:0;border-radius:10px;padding:12px;max-width:96vw;max-height:95vh}dialog::backdrop{background:#102333d9}dialog img{display:block;max-width:90vw;max-height:82vh;object-fit:contain}dialog button{display:block;margin:0 0 10px auto;padding:8px 18px;border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #e6a93a;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:10}@media(max-width:800px){header{padding:14px 20px}.hero{padding:32px 20px 22px}.layout{display:block;padding:0 20px 40px}aside nav{position:static;display:flex;overflow-x:auto;padding-bottom:20px}nav a{white-space:nowrap;border-left:0;border-bottom:2px solid var(--line);padding:8px 12px}section{padding:22px 18px}h2{font-size:21px}header strong{font-size:14px}}@media print{aside,header,dialog,.status,figcaption span{display:none}.layout{display:block;padding:0}.hero{padding:0}section{break-inside:avoid;border:0;padding:15px 0}body{background:white}details{display:block}details p{display:block}}
