:root{color-scheme:light dark;--bg:#fff;--fg:#1d1d1f;--muted:#626269;--soft:#f5f5f7;--line:#d9d9de;--link:#065eac;--blue:#eaf3fc;--green:#eaf6ee;--warn:#fff4df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{max-width:980px;margin:0 auto;padding:28px 22px 60px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.7;background:var(--bg);color:var(--fg)}
a{color:var(--link);text-underline-offset:3px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:.35em 0}h2{font-size:1.55rem;margin:2.5em 0 .65em;scroll-margin-top:18px}h3{margin:1.5em 0 .35em;scroll-margin-top:18px}.lead{font-size:1.08rem;color:var(--muted)}.language-switch{display:flex;justify-content:flex-end;gap:14px}.language-switch [aria-current="page"]{font-weight:750}.toc{padding:18px 20px;border-radius:14px;background:var(--soft);margin:1.5em 0}.toc ol{margin:.5em 0;padding-left:1.4em;columns:2}.toc li{break-inside:avoid;margin:.25em 0}.steps{counter-reset:step;list-style:none;padding:0}.steps>li{counter-increment:step;position:relative;padding:0 0 1.2em 3.1em;min-height:3em}.steps>li::before{content:counter(step);position:absolute;left:0;top:.05em;width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;background:var(--link);color:var(--bg);font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card,.callout{padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.card h3{margin-top:0}.callout{margin:1.2em 0;border-left:5px solid var(--link);background:var(--blue)}.callout.safe{background:var(--green)}.callout.warn{background:var(--warn)}.screen{display:grid;grid-template-columns:minmax(220px,310px) 1fr;gap:24px;align-items:start;margin:1.5em 0;padding:18px;border:1px solid var(--line);border-radius:16px}.screen.wide{grid-template-columns:1fr}.screen img{display:block;width:100%;height:auto;border-radius:11px;background:var(--soft)}.screen .copy h3{margin-top:0}.video{max-width:720px;margin:1em auto;padding:14px;border-radius:14px;background:var(--soft)}.video video{display:block;width:100%;height:auto;border-radius:9px;background:#111}.caption,.meta{font-size:.9rem;color:var(--muted)}.meta{overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;font-size:.94rem}th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{white-space:nowrap}.table-wrap{overflow-x:auto}footer{margin-top:3em;padding:1em 0 2em;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
@media(max-width:720px){body{padding:20px 16px 45px}.toc ol{columns:1}.card-grid,.screen{grid-template-columns:1fr}.screen img{max-width:300px;margin:0 auto}.steps>li{padding-left:2.8em}}
@media(prefers-color-scheme:dark){:root{--bg:#1c1c1e;--fg:#f5f5f7;--muted:#aaaab0;--soft:#2c2c2e;--line:#48484a;--link:#70b7f5;--blue:#172d42;--green:#173528;--warn:#3d301b}}