:root{--paper:#f4f5f3;--ink:#252c2b;--muted:#58665f;--line:#cbd3cf;--orange:#f2941b;--sage:#536d65}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.85 Arial,"Meiryo","メイリオ",sans-serif}a{color:#315d51;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{font:inherit}.site{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{background:#303638;color:#fff}.side-inner{position:sticky;top:0;padding:1.6rem 1.25rem 2rem}.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-size:1.24rem;font-weight:700;line-height:1.5}.brand img{width:48px;height:48px}.brand small{display:block;font-size:.7rem;font-weight:500;color:#b9c8c1}.side nav{margin-top:2.6rem}.side nav a{display:block;padding:.6rem .65rem;border-left:3px solid transparent;color:#e4eae6;text-decoration:none;font-size:.95rem}.side nav a:hover,.side nav .active{background:#41514c}.side nav .active{border-left-color:var(--orange);font-weight:700}.skip{position:absolute;left:1rem;top:-10rem;background:#fff;padding:.5rem;z-index:10}.skip:focus{top:1rem}main{min-width:0}.hero{background:linear-gradient(135deg,#3d4143,#344a44);color:#fff;padding:2.8rem max(1.5rem,calc((100% - 920px)/2))}.hero .eyebrow{font-size:.8rem;letter-spacing:.12em;color:#c5d7ce;margin:0}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.3;margin:.3rem 0 .7rem}.hero p{max-width:48rem;margin:0}.hero a{color:#fff}.content{width:min(100% - 3rem,920px);margin:auto}.intro{padding:1.5rem 0}.intro p{margin:.5rem 0}.intro small{color:var(--muted)}.toc{border-top:1px solid var(--line);padding:1.8rem 0 2.5rem;scroll-margin-top:1rem}.toc h2{font-size:1.4rem;margin:0 0 .75rem}.toc ol{margin:0;padding-left:2.3rem}.toc li{padding:.2rem 0 .2rem .2rem}.toc li::marker{color:var(--muted);font-variant-numeric:tabular-nums}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.manual-section{border-top:1px solid var(--line);padding:2.8rem 0 2.5rem;scroll-margin-top:1rem}.manual-section h2{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.5;margin:0 0 .8rem}.section-number{color:#98703c;font-size:.86em;margin-right:.65rem;font-variant-numeric:tabular-nums}.manual-section h3{font-size:1.14rem;margin:1.7rem 0 .55rem;line-height:1.6}.manual-section p{margin:.7rem 0;max-width:54rem}.entry{color:var(--muted);font-size:.93rem;margin:.8rem 0 1.2rem!important}.entry strong{color:var(--ink)}.procedure{padding-left:1.65rem;margin:1.1rem 0}.procedure>li{padding-left:.4rem;margin:.8rem 0}.procedure>li::marker{font-weight:700;color:#315d51}.procedure li p{margin:.35rem 0}.result,.note{margin:1.2rem 0;padding:.8rem 1rem;border-left:3px solid var(--sage);background:#e9eeea}.note{background:#f0eee6;border-left-color:#b98640}.result p,.note p{margin:0}.figure{margin:1.5rem 0;max-width:848px}.figure>a{display:block;width:fit-content;max-width:100%;cursor:zoom-in;background:#fff;border:1px solid var(--line)}.figure img{display:block;max-width:100%;height:auto}.figure figcaption{margin:.5rem 0;font-size:.86rem;color:var(--muted)}.figure>a:has(.crop){width:100%;border:0;background:transparent}.figure .crop{display:block;position:relative;overflow:hidden;width:100%;max-width:100%}.figure .crop img{position:absolute;max-width:none;height:auto}.table-scroll{overflow-x:auto;margin:1rem 0}table{width:100%;border-collapse:collapse;font-size:.94rem}th,td{text-align:left;vertical-align:top;padding:.7rem .8rem;border-bottom:1px solid var(--line)}th{background:#e9edeb;font-weight:700}td:first-child{min-width:8rem}kbd{font: .88em Arial,"Meiryo",sans-serif;white-space:nowrap;border:1px solid #bdc8c0;border-bottom-width:2px;border-radius:3px;background:#fff;padding:.1rem .3rem}.to-toc{display:inline-block;margin-top:1rem;font-size:.88rem}.glossary{margin:1rem 0;padding-left:1.25rem}.glossary li{margin:.4rem 0}footer{background:#303638;color:#d7e1db;padding:1.25rem 1.5rem;font-size:.82rem}footer a{color:#e7efe9}.image-dialog{max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:4.5rem 1.5rem 1.5rem;border:0;background:transparent;color:#fff}.image-dialog::backdrop{background:#07110ff2}.image-dialog figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.image-dialog img{display:block;max-width:100%;max-height:calc(100dvh - 9rem);height:auto;width:auto;object-fit:contain}.image-dialog figcaption{font-size:.9rem;max-width:65rem}.dialog-toolbar{position:fixed;top:.65rem;right:1rem;display:flex;gap:.6rem;align-items:center}.dialog-toolbar button,.dialog-toolbar a{background:#172522;color:#fff;border:1px solid #9eafa7;padding:.5rem .85rem;text-decoration:none;cursor:pointer}.dialog-toolbar button:hover,.dialog-toolbar a:hover{background:#355d53}
@media(max-width:900px){.site{grid-template-columns:1fr}.side-inner{position:static;padding:1rem 1.25rem}.side nav{display:flex;flex-wrap:wrap;gap:.2rem;margin:.8rem 0 0}.side nav a{padding:.35rem .65rem}.hero{padding:2rem 1.5rem}}
@media(max-width:600px){body{font-size:.94rem}.content{width:calc(100% - 2rem)}.hero{padding:1.8rem 1rem}.manual-section{padding:2rem 0}.manual-section h2{font-size:1.32rem}.toc ol{padding-left:1.8rem}.procedure{padding-left:1.35rem}th,td{padding:.5rem}.image-dialog{padding:4.5rem .5rem 1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site{display:block}.side,.hero,.to-toc,.skip,footer,.image-dialog{display:none}.content{width:100%}.manual-section{break-before:page}.figure,table{break-inside:avoid}a{color:inherit}}