@font-face{font-family:LineSeed;src:url('/assets/fonts/regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:LineSeed;src:url('/assets/fonts/bold.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
:root{color-scheme:light;--bg:#f5f7f9;--paper:#fff;--text:#183142;--muted:#647783;--line:#dfe7eb;--subtle:#eef4f6;--accent:#087f88;--accent-bg:#e8f6f5;--accent-line:#b9dfde;--shadow:0 18px 50px #1831421c}html[data-theme=dark]{color-scheme:dark;--bg:#101b24;--paper:#162630;--text:#e3eff3;--muted:#9fb3bc;--line:#2b414b;--subtle:#1c303a;--accent:#70d4cf;--accent-bg:#153d42;--accent-line:#326269;--shadow:0 18px 50px #0005}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:LineSeed,system-ui,sans-serif;font-size:15px;line-height:1.75}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p,ol,ul{margin:0}button{color:inherit}img{max-width:100%}.skip-link{position:fixed;left:12px;top:-80px;padding:9px 15px;background:var(--paper);color:var(--accent);z-index:200;border:1px solid var(--accent-line);border-radius:8px}.skip-link:focus{top:12px}.site-header{height:76px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{max-width:1360px;height:100%;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px}.brand-symbol{display:flex;align-items:center;justify-content:center;align-self:center;width:37px;height:37px;border-radius:11px;background:var(--accent);color:var(--paper);font-size:28px;line-height:1;font-weight:700}.brand-name{display:block;font-size:23px;line-height:1.15;letter-spacing:-.7px;font-weight:700}.brand-name b{font-size:12px;letter-spacing:0;border-left:1px solid var(--line);padding-left:9px;margin-left:4px;color:var(--accent)}.brand-name small{display:block;font-size:9px;letter-spacing:1px;font-weight:400;color:var(--muted);margin-top:5px}.header-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 13px;background:var(--accent);border:1px solid var(--accent);color:var(--paper);border-radius:9px;font-size:12px;font-weight:600;line-height:1.6}.button:hover{filter:brightness(.95)}html[data-theme=dark] .button{color:#102b30}.button-download{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-line)}html[data-theme=dark] .button-download{color:var(--accent)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--line);background:var(--paper);border-radius:9px}.icon-button:hover{background:var(--subtle)}.page-shell{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;padding:34px 32px 36px}.sidebar{position:sticky;top:106px;align-self:start;max-height:calc(100dvh - 135px);overflow-y:auto;padding:8px 0 15px}.sidebar-label{font-size:11px;color:var(--muted);font-weight:600;margin:0 0 13px;padding-left:7px}.toc-links{display:grid;gap:8px}.toc-links a{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:10px;font-size:12px;line-height:1.8;color:var(--muted)}.toc-links a>svg{margin-left:auto;opacity:.55}.toc-links a:hover,.toc-links a.is-current{background:var(--accent-bg);border-color:var(--accent-line);color:var(--accent)}.nav-number{font-size:10px;font-weight:700;color:var(--accent);flex-shrink:0}.sidebar-note{border-top:1px solid var(--line);margin-top:25px;padding:21px 7px 0;display:flex;gap:10px;font-size:11px;color:var(--muted);line-height:1.95}.sidebar-note>svg{color:var(--accent);margin-top:4px}.sidebar-note span{font-size:10px}.sidebar-download{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);margin:19px 7px 0;text-decoration:underline;text-underline-offset:4px}main{min-width:0}.intro{padding:4px 0 34px}.sample-status{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--accent-line);border-radius:7px;background:var(--accent-bg);color:var(--accent);font-size:10px;line-height:1.8;max-width:100%}.sample-status span:last-child{overflow-wrap:anywhere}.sample-status b{font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.intro h1{font-size:clamp(27px,3vw,37px);line-height:1.5;letter-spacing:-.9px;margin:16px 0 10px;font-weight:700}.intro-subtitle{color:var(--muted);font-size:14px;max-width:760px;line-height:1.95}.intro-facts{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:11px;color:var(--muted)}.intro-facts>span{display:inline-flex;gap:6px;align-items:center}.intro-facts svg{color:var(--accent)}.sample-note{display:flex;gap:10px;padding:15px 17px;background:var(--paper);border:1px solid var(--line);border-radius:11px;margin-top:24px;font-size:11px;line-height:1.95;color:var(--muted)}.sample-note>svg{color:var(--accent);margin-top:4px}.chapter{scroll-margin-top:100px;padding:31px 0 4px;border-top:1px solid var(--line);margin-top:8px}.chapter-header{margin-bottom:21px}.chapter-index{font-size:10px;font-weight:700;color:var(--accent);letter-spacing:.7px}.chapter-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:5px}.chapter-title-row h2{font-size:26px;line-height:1.6;letter-spacing:-.55px}.chapter-header>p{font-size:13px;color:var(--muted);line-height:1.95;margin-top:8px}.copy-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:33px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:10px;line-height:1.6;color:var(--muted);white-space:nowrap}.copy-link:hover{border-color:var(--accent-line);color:var(--accent)}.menu-trail{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;font-size:10px;color:var(--muted)}.menu-trail>svg{color:var(--accent)}.chapter-step-count{margin-left:6px;padding:2px 7px;background:var(--subtle);border:1px solid var(--line);border-radius:5px;font-size:9px}.chapter-steps{display:grid;gap:20px;padding-bottom:35px}.step-card{scroll-margin-top:95px;background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden}.step-head{display:flex;align-items:center;gap:13px;padding:18px 23px;border-bottom:1px solid var(--line);background:linear-gradient(100deg,var(--subtle),var(--paper))}.step-index{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-line);border-radius:11px;font-size:14px;font-weight:700}.step-overline{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-bottom:2px}.step-head h3{font-size:17px;font-weight:600;line-height:1.7}.step-permalink{margin-left:auto;align-self:center;color:var(--accent);font-size:15px;opacity:.65;padding:3px 5px}.step-permalink:hover{opacity:1}.step-grid{display:grid;grid-template-columns:minmax(180px,.4fr) minmax(0,1fr);gap:24px;padding:23px}.step-copy{min-width:0}.step-description{font-size:13px;line-height:2}.step-bullets{font-size:12px;line-height:1.95;color:var(--muted);padding-left:18px;margin-top:12px}.step-bullets li{padding-left:3px;margin-bottom:6px}.step-tip{display:flex;gap:7px;padding:11px 12px;margin-top:15px;border-left:3px solid var(--accent-line);background:var(--subtle);font-size:10px;line-height:1.9;border-radius:0 7px 7px 0;color:var(--muted)}.step-tip>svg{color:var(--accent);margin-top:3px}.image-card{min-width:0;margin:0;border:1px solid var(--line);border-radius:10px;background:var(--subtle);overflow:hidden;align-self:start}.shot-open{display:block;width:100%;border:0;background:none;padding:9px 9px 0;position:relative;line-height:normal;text-align:center}.shot-canvas{display:block;position:relative;margin:0 auto;width:100%;overflow:hidden;border-radius:6px;background:#fff}.shot-canvas>img{display:block;width:100%;height:auto;max-width:100%}.image-pin{position:absolute;display:flex;align-items:center;justify-content:center;width:25px;height:25px;transform:translate(-50%,-50%);border:2px solid #fff;background:#087f88;color:#fff;border-radius:50%;font-family:LineSeed,system-ui,sans-serif;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 6px #052a3c70;left:clamp(13px,var(--pin-x),calc(100% - 13px));top:clamp(13px,var(--pin-y),calc(100% - 13px))}.image-zoom-hint{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 0;color:var(--muted);font-size:9px;line-height:1.6}.shot-open:hover .image-zoom-hint{color:var(--accent)}.image-card figcaption{display:grid;gap:3px;border-top:1px solid var(--line);padding:10px 13px;font-size:10px;line-height:1.8;color:var(--muted);background:var(--paper)}.image-card figcaption strong{font-size:11px;font-weight:600;color:var(--text)}.marker-legend{list-style:none;display:grid;gap:8px;margin:0;padding:12px 13px;border-top:1px solid var(--line);background:var(--paper)}.marker-legend li{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.85;color:var(--text)}.legend-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:21px;height:21px;border-radius:50%;background:var(--accent-bg);border:1px solid var(--accent-line);color:var(--accent);font-size:10px;font-weight:700}.source-note{font-size:11px;color:var(--muted);line-height:1.9;border:1px solid var(--line);background:var(--paper);padding:13px 16px;border-radius:10px;margin:5px 0 26px;overflow-wrap:anywhere}.source-note summary{cursor:pointer;color:var(--muted);font-size:11px}.source-note p{margin:12px 0}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:22px 0 4px;border-top:1px solid var(--line);font-size:10px;line-height:1.9;color:var(--muted)}.page-footer strong{font-size:11px;font-weight:600;color:var(--text)}.page-footer p{font-size:10px;margin-top:4px}.footer-links{display:flex;gap:15px;flex-shrink:0}.footer-links a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--text);box-shadow:var(--shadow);padding:0;max-width:calc(100vw - 24px)}dialog::backdrop{background:#071823b3;backdrop-filter:blur(4px)}body.has-dialog{overflow:hidden}.image-dialog{width:min(1180px,calc(100vw - 28px));max-height:94dvh;overflow:auto}.image-dialog-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:var(--paper);border-bottom:1px solid var(--line)}.image-dialog-header h2{font-size:14px;line-height:1.7;font-weight:600}.dialog-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.zoom-size-button{border:1px solid var(--line);background:var(--paper);border-radius:7px;min-height:34px;padding:5px 9px;font-size:10px;color:var(--muted)}.zoom-viewport{overflow:auto;margin:13px;background:var(--subtle);border-radius:8px;padding:10px;max-height:65dvh;overscroll-behavior:contain}.zoom-viewport .shot-canvas{width:min(var(--natural-width),100%)}.zoom-viewport.is-native-size .shot-canvas{width:var(--natural-width);max-width:none}.zoom-viewport.is-native-size .shot-canvas>img{max-width:none}.image-dialog .marker-legend{border-top:0;margin:0 13px 12px;padding:10px 12px;background:var(--subtle);border-radius:8px}.image-dialog .marker-legend li{font-size:12px}.zoom-footer{font-size:10px;line-height:1.8;color:var(--muted);padding:0 17px 13px}.copy-dialog{width:480px;padding:22px;max-height:90dvh;overflow:auto}.copy-dialog h2{font-size:20px;margin-bottom:8px}.copy-dialog p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:14px}.copy-dialog input{width:100%;display:block;min-width:0;padding:11px 12px;font-size:12px;border:1px solid var(--line);border-radius:8px;background:var(--subtle);color:var(--text);margin-bottom:15px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100;background:var(--text);color:var(--paper);box-shadow:var(--shadow);padding:10px 16px;border-radius:9px;font-size:12px;max-width:calc(100vw - 28px);text-align:center}.toast:empty{display:none}.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}.print-document{max-width:1060px;margin:0 auto;padding:25px}.print-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:25px;font-size:12px}.print-toolbar>a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1180px){.page-shell{grid-template-columns:190px minmax(0,1fr);gap:24px;padding-left:24px;padding-right:24px}.step-grid{grid-template-columns:1fr;gap:17px}.step-copy{max-width:100%}.step-description{font-size:13px}.step-bullets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 25px}.step-bullets li{margin-bottom:3px}.step-tip{max-width:100%}.image-card{width:100%;max-width:740px;justify-self:center}.shot-open{padding:11px 11px 0}.shot-canvas{max-width:var(--natural-width)}}
@media(max-width:900px){.site-header{height:68px}.header-inner{padding:0 20px}.page-shell{display:block;padding:20px 22px 28px}.sidebar{position:static;max-height:none;overflow:visible;padding:0;margin-bottom:24px}.sidebar-label{padding:0;font-size:10px;margin-bottom:9px}.toc-links{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.toc-links a{flex-shrink:0;padding:9px 12px;background:var(--paper);border-color:var(--line);font-size:11px;gap:7px}.toc-links a>svg{margin-left:6px}.sidebar-note,.sidebar-download{display:none}.intro{padding-top:0;padding-bottom:28px}.intro h1{font-size:32px}.chapter{scroll-margin-top:88px}.step-card{scroll-margin-top:85px}.chapter-title-row h2{font-size:24px}.step-grid{padding:21px}.step-head{padding:16px 21px}.page-footer{flex-wrap:wrap}.chapter-step-count{font-size:9px}}
@media(max-width:540px){body{font-size:14px}.header-inner{padding:0 14px;gap:10px}.brand{gap:8px}.brand-symbol{width:32px;height:32px;border-radius:9px;font-size:25px}.brand-name{font-size:21px}.brand-name b{font-size:10px;margin-left:2px;padding-left:7px}.brand-name small{font-size:8px;letter-spacing:.4px;margin-top:5px}.header-actions{gap:6px}.button{font-size:10px;min-height:36px;padding:7px 9px;gap:6px}.button-download{font-size:9px}.icon-button{width:35px;height:35px}.page-shell{padding:18px 15px 25px}.sidebar{margin-bottom:19px}.sidebar-label{font-size:9px}.toc-links a{font-size:10px;padding:8px 10px;gap:6px}.nav-number{font-size:9px}.intro h1{font-size:27px;letter-spacing:-.6px;margin-top:14px}.intro-subtitle{font-size:12px;line-height:1.95}.sample-status{font-size:9px;padding:4px 8px}.intro-facts{font-size:10px;gap:12px;margin-top:14px}.sample-note{font-size:10px;padding:12px 13px;gap:8px;margin-top:18px}.chapter{padding-top:24px}.chapter-index{font-size:9px}.chapter-title-row{align-items:flex-start;gap:8px}.chapter-title-row h2{font-size:22px;line-height:1.65;letter-spacing:-.4px;min-width:0}.chapter-title-row .copy-link{min-width:29px;padding:7px;min-height:30px;margin-top:4px}.chapter-title-row .copy-link span{display:none}.chapter-header>p{font-size:12px}.menu-trail{font-size:9px;gap:5px;line-height:1.9}.chapter-step-count{margin-left:0}.chapter-header{margin-bottom:16px}.chapter-steps{gap:15px;padding-bottom:28px}.step-head{padding:14px;gap:10px}.step-index{width:34px;height:34px;font-size:12px;border-radius:9px}.step-overline{font-size:8px}.step-head h3{font-size:15px}.step-grid{padding:15px;gap:14px}.step-description{font-size:12px;line-height:1.95}.step-bullets{display:block;font-size:11px;padding-left:17px;margin-top:10px}.step-bullets li{margin-bottom:4px}.step-tip{font-size:10px;padding:10px}.shot-open{padding:7px 7px 0}.image-pin{width:21px;height:21px;font-size:10px;border-width:2px}.image-zoom-hint{font-size:8px;padding:7px 0}.image-card figcaption{padding:9px 10px;font-size:9px}.image-card figcaption strong{font-size:10px}.marker-legend{padding:10px;gap:7px}.marker-legend li{font-size:10px;gap:6px}.legend-number{min-width:19px;height:19px;font-size:9px}.source-note{padding:12px 13px;font-size:10px}.source-note summary{font-size:10px}.page-footer{padding-top:18px;gap:13px}.page-footer p{font-size:9px}.page-footer strong{font-size:10px}.footer-links{gap:13px;font-size:10px}.image-dialog-header{padding:10px;gap:8px}.image-dialog-header h2{font-size:12px;min-width:0}.dialog-actions{gap:5px}.zoom-size-button{font-size:9px;padding:5px 7px}.zoom-viewport{margin:8px;padding:6px;max-height:62dvh}.image-dialog .marker-legend{margin:0 8px 9px;padding:9px}.image-dialog .marker-legend li{font-size:10px}.zoom-footer{font-size:9px;padding:0 11px 11px}.copy-dialog{padding:17px}.copy-dialog h2{font-size:18px}.copy-dialog input{font-size:11px}.print-document{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{@page{size:A4;margin:14mm}html,html[data-theme=dark]{color-scheme:light;--bg:#fff;--paper:#fff;--text:#183142;--muted:#536a77;--line:#dce6ea;--subtle:#f3f7f8;--accent:#087f88;--accent-bg:#eaf7f6;--accent-line:#b9dfde}body{background:#fff;font-size:11px}.site-header,.sidebar,.copy-link,.step-permalink,.image-zoom-hint,.source-note,.footer-links,.print-toolbar,dialog,.toast,.skip-link{display:none!important}.page-shell{display:block;padding:0;max-width:none}.print-document{padding:0;margin:0;max-width:none}.intro{padding:0 0 16mm}.intro h1{font-size:29px;margin-top:5mm}.intro-subtitle{font-size:12px}.sample-status{font-size:10px}.intro-facts{font-size:10px}.sample-note{font-size:10px;background:#fff}.chapter{break-before:page;border:0;margin:0;padding:0}.chapter-header{margin-bottom:7mm}.chapter-title-row h2{font-size:24px}.chapter-header>p{font-size:11px}.menu-trail{font-size:10px}.chapter-steps{display:block;padding:0}.step-card{break-before:page;border:0;border-radius:0;overflow:visible;margin:0 0 8mm}.step-card:first-child{break-before:auto}.step-head{background:none;padding:0 0 4mm;border-bottom:1px solid var(--line);gap:10px}.step-index{width:28px;height:28px;font-size:11px}.step-head h3{font-size:17px}.step-overline{font-size:9px}.step-grid{display:block;padding:4mm 0 0}.step-copy{margin-bottom:4mm}.step-description{font-size:11px;line-height:1.9}.step-bullets{display:block;margin-top:2mm;font-size:10px;line-height:1.8}.step-bullets li{margin-bottom:1mm}.step-tip{font-size:9px;line-height:1.8;padding:2mm 3mm;margin-top:2mm}.image-card{display:block;max-width:none;width:100%;margin:0 auto;break-inside:avoid;background:#fff;border-color:var(--line)}.shot-open{padding:2mm;pointer-events:none}.shot-canvas{width:min(100%,calc(112mm * var(--shot-ratio)));max-width:100%;margin:0 auto}.shot-canvas>img{width:100%;height:auto}.image-pin{width:19px;height:19px;font-size:9px;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.image-card figcaption{padding:2mm 3mm;font-size:9px}.image-card figcaption strong{font-size:10px}.marker-legend{padding:2mm 3mm;gap:1.5mm}.marker-legend li{font-size:9px;line-height:1.7}.legend-number{min-width:17px;height:17px;font-size:8px}.page-footer{break-inside:avoid;font-size:9px;padding-top:4mm}.page-footer p{font-size:9px}}