:root{color-scheme:light;--bg:#ffffff;--text:#242424;--muted:#707070;--line:#e7e7e7;--accent:#525252;--soft:#f6f6f6;--side:286px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button,summary{cursor:pointer}button{background:white;border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #656565;outline-offset:3px}.skip{position:fixed;top:-60px;left:10px;z-index:20;background:white;padding:8px 20px}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:fixed;inset:0 0 auto;background:#fffffff5;z-index:5;backdrop-filter:blur(12px)}.brand{font-size:18px;letter-spacing:-.4px;font-weight:650}.brand span{color:var(--muted);font-size:12px;margin-left:16px;font-weight:400}.edition{font-size:12px;color:var(--muted)}#menu-toggle{display:none}aside{position:fixed;top:64px;bottom:0;width:var(--side);border-right:0;padding:26px 18px;overflow-y:auto;scrollbar-width:none;background:#ffffff}aside::-webkit-scrollbar{display:none}input[type=search]{width:100%;border:1px solid #dfdfdf;background:#ffffff;color:var(--text);border-radius:7px;padding:9px 12px;font-size:13px;margin-bottom:22px}nav a{display:block;font-size:13px;color:#646464;padding:8px 11px;border-radius:6px;line-height:1.65;margin:2px 0}nav a:hover{color:#111111;background:#f1f1f1}nav a.active{color:var(--accent);background:#f0f0f0;font-weight:600}nav summary{font-size:13px;color:#464646;padding:9px 10px;list-style:none;display:flex;align-items:center;gap:8px;font-weight:550}nav summary::-webkit-details-marker{display:none}nav summary:before{content:'›';font-size:17px;color:#8d8d8d;line-height:1;transition:transform .15s}nav details[open]>summary:before{transform:rotate(90deg)}nav details details{margin-left:12px}nav details details summary{font-size:12px;font-weight:400;color:var(--muted)}.num{display:inline-block;width:24px;color:#929292;font-size:10px;font-variant-numeric:tabular-nums}main{margin-left:var(--side);padding:96px 60px 80px;max-width:1500px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--accent);margin:0 0 19px;font-weight:550}h1{font-size:30px;letter-spacing:-.6px;line-height:1.4;margin:0 0 22px;font-weight:650;overflow-wrap:anywhere}h2{font-size:21px;letter-spacing:-.4px;margin:44px 0 20px;line-height:1.5}h3{font-size:18px;line-height:1.7;margin:0 0 12px;font-weight:600}.lead{font-size:17px;line-height:1.9;color:#777777;max-width:720px;margin:0 0 32px}.rule{border:0;border-top:1px solid var(--line);margin:34px 0}.sectionlabel{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 22px}.sectionlabel h2{margin:0}.sectionlabel span{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.card video{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f4f4;border-radius:8px;display:block}.card a{display:block;margin-top:11px;font-size:14px;font-weight:550;line-height:1.7}.card small{color:var(--muted);font-size:11px}.card a:hover{color:var(--accent)}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 28px}.tags a{font-size:11px;color:#696969;border:1px solid #e5e5e5;border-radius:5px;padding:3px 9px}.tags a:hover{background:var(--soft)}.lesson-layout{display:grid;grid-template-columns:minmax(0,760px) 140px;gap:36px}.hero{margin:0}.hero video{width:100%;max-height:440px;aspect-ratio:16/9;object-fit:contain;background:#f3f3f3;display:block;border-radius:9px}.caption{font-size:11px;color:var(--muted);margin-top:10px;display:flex;justify-content:space-between;gap:12px}.toc{position:sticky;top:96px;align-self:start;font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:17px}.toc button{display:block;font-size:11px;text-align:left;border:0;padding:5px 0;color:var(--muted);line-height:1.6;background:none}.toc p{margin:0 0 12px;font-weight:550}.step{display:grid;grid-template-columns:30px 1fr;gap:16px;border-top:1px solid var(--line);padding:28px 0}.step>span{font-size:11px;color:#949494;padding-top:4px}.step p,.prose p,.prose li{font-size:15px;color:#4a4a4a;margin:0 0 16px;overflow-wrap:anywhere}.note{border-left:2px solid #afafaf;background:#f6f6f6;padding:16px 20px;margin:20px 0 0;font-size:14px;line-height:1.95;color:#525252;overflow-wrap:anywhere}.note strong{display:block;color:#474747;margin-bottom:6px}.note p{font-size:14px;color:inherit;margin:0 0 10px}.note p:last-child{margin:0}.flow{font-size:12px;line-height:2;color:#5e5e5e;border:1px solid #e6e6e6;padding:17px 20px;border-radius:7px;margin-top:24px;overflow-wrap:anywhere}.flow strong{display:block;margin-bottom:6px;font-weight:550}.sources{font-size:12px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line);margin-top:36px;line-height:2}.sources a,.prose a,.note a,.prevnext a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.sources ul{padding-left:18px;margin:10px 0}.prevnext{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:20px;padding-top:24px;font-size:12px}.prevnext a:last-child{text-align:right}.prose{max-width:790px}.prose img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:7px}.prose figure{margin:24px 0}.prose figcaption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;line-height:1.9}th{font-weight:550;color:#545454;background:#f7f7f7}td,th{padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{min-width:135px;color:#373737}table a{color:var(--accent);text-decoration:underline}.ref-search{max-width:500px}.term{padding:23px 0;border-top:1px solid var(--line)}.term h2{font-size:18px;margin:0 0 9px}.term p{margin:0;font-size:14px;color:#545454}.term .related{font-size:12px;margin-top:9px}.related a{color:var(--accent);margin-right:12px}.status{font-size:12px;color:var(--muted)}.version{font-size:12px;color:#727272;margin-top:20px}.intro-links{font-size:13px;color:var(--muted);margin-bottom:30px}.intro-links a{color:var(--accent);border-bottom:1px solid #d5d5d5}.foot{color:#909090;font-size:11px;margin-top:60px}html{scroll-behavior:smooth}section[id],div[id],article[id]{scroll-margin-top:90px}@media(max-width:1200px){main{padding-left:38px;padding-right:38px}.toc{display:none}.lesson-layout{display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:28px}}@media(max-width:760px){header{padding:0 20px}.brand span,.edition{display:none}#menu-toggle{display:block;font-size:12px}aside{display:none;z-index:4;box-shadow:8px 0 20px #00000008}body.menu aside{display:block}main{margin-left:0;padding:100px 22px 50px}h1{font-size:26px;letter-spacing:-.7px}.lead{font-size:15px}.grid{gap:24px 14px}.card a{font-size:12px}.caption{font-size:10px}.step{gap:8px;grid-template-columns:25px 1fr}.step p{font-size:14px}.hero video{max-height:none}.sectionlabel{align-items:start;flex-direction:column;gap:4px}td,th{padding:10px;font-size:12px}.prevnext{flex-direction:column}.prevnext a:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 展開された項目の文字を、親見出しの文字位置に揃える。 */
nav details>a{padding-left:28px}
nav details details{margin-left:18px}
nav details details>a{padding-left:28px}
nav details{margin-top:7px}
.operations{padding-left:22px;margin:12px 0 20px;font-size:15px;color:#454545}
.operations li{padding-left:3px;margin:8px 0;overflow-wrap:anywhere}
.step-check{margin:18px 0 0!important;padding:12px 0;color:#5b5b5b!important;font-size:13px!important}
.step-check strong{display:block;font-size:11px;letter-spacing:.04em;margin-bottom:5px;color:#777}
.step .table-wrap{margin-top:16px}
.step table{font-size:13px}
@media(max-width:760px){.operations{font-size:14px}.step td:first-child{min-width:110px}}
nav summary:before{display:inline-block;flex:0 0 10px;width:10px;text-align:center}

.annotated-overview{position:relative;line-height:0}.annotated-overview img{width:100%;display:block}.annotated-overview svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.overview-labels circle{fill:#fff;stroke:#e43c3c;stroke-width:2}.overview-labels text{fill:#bc2020;font-size:25px;font-weight:700;font-family:Arial,sans-serif}.overview-zoom{display:block}