:root{color-scheme:light;--ink:#183840;--accent:#1d6467;--line:#bdd2cf;--paper:#fffefa;--wash:#edf4f1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:500 22px/1.85 system-ui,-apple-system,"Yu Gothic UI",Meiryo,sans-serif;overflow-wrap:anywhere}a{color:#175c66;text-underline-offset:.22em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b75c29;outline-offset:4px}.wrap{width:min(1120px,calc(100% - 56px));margin-inline:auto}.hero{padding-top:56px;padding-bottom:16px}.eyebrow{font-weight:750;color:var(--accent);margin:0 0 12px}h1{font-size:clamp(30px,3.3vw,46px);line-height:1.5;margin:0;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere}h2{font-size:34px;line-height:1.6;margin:0 0 28px}h3{font-size:28px;line-height:1.6;margin:0 0 20px}h4{font-size:25px;margin:0 0 8px}p{margin:0 0 24px}.lead{margin-top:14px}.contents{margin:32px 0 56px;border-block:1px solid var(--line);padding:12px 0}.contents a{display:block;padding:12px 4px;font-weight:750}.chapter{padding:48px 0;border-top:3px solid var(--accent)}.step{margin:0 0 64px}.num{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;background:var(--accent);color:white;border-radius:50%;margin-right:12px}.mode{background:var(--wash);border-left:5px solid var(--accent);padding:20px 24px;margin-bottom:18px}.mode p{margin:0}.shot{margin:28px 0 32px}.shot button{display:block;width:100%;padding:0;border:1px solid var(--line);background:#10202c;border-radius:12px;overflow:hidden;cursor:zoom-in}.shot img{display:block;width:100%;height:auto}.zoom-hint{display:block;padding:8px 12px;background:var(--wash);color:var(--ink);font:600 20px/1.6 system-ui,sans-serif}.compact{max-width:700px}.portrait{max-width:700px}.phone{max-width:620px}.notice{padding:20px 24px;background:#fff2d9;border-left:5px solid #b27826;font-weight:750}.supplement{padding:28px;background:var(--wash);border-radius:12px;margin-bottom:32px}.supplement h2{font-size:28px}details{margin-top:16px}summary{cursor:pointer;font-weight:750}details p,details dl{margin-top:20px}dt{font-weight:800}dd{margin:0 0 20px}ol{padding-left:1.5em}li{margin-bottom:14px}.support-link{border-top:1px solid var(--line);padding:28px 0;font-weight:750}footer.wrap{padding-block:32px 48px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}.lightbox{padding:56px 12px 12px;border:0;border-radius:12px;max-width:96vw;max-height:96vh;background:#10202c}.lightbox::backdrop{background:#000c}.lightbox img{display:block;max-width:90vw;max-height:80vh;object-fit:contain}.image-close{position:absolute;top:10px;right:12px;padding:8px 16px;font:700 20px/1.2 system-ui;border:0;border-radius:8px;cursor:pointer}
@media(max-width:600px){body{font-size:20px}.wrap{width:calc(100% - 32px)}.hero{padding-top:32px}h2{font-size:29px}h3{font-size:25px}h4{font-size:23px}.chapter{padding-top:32px}.step{margin-bottom:44px}.supplement,.notice,.mode{padding:18px}.zoom-hint{font-size:18px}.num{margin-right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}