@font-face{font-family:LabSans;src:local("Segoe UI");font-display:swap}
:root{--ink:#213b51;--muted:#66796e;--green:#315e7b;--accent:#c2d9e8;--paper:#f7f7f3;--line:#d9e1d4;--stage-surface:#eef2f6;font-family:LabSans,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b28125;outline-offset:4px}button{border:0}input,select{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);min-height:44px;padding:9px 12px}input{min-width:0}select{cursor:pointer}button{min-height:44px;border-radius:8px}h1,h2,h3,h4,p{margin:0}button,select,input{transition:background .15s,border-color .15s}button:hover:not(:disabled){filter:brightness(.96)}
.site-nav{position:sticky;top:0;z-index:20;background:rgba(247,248,241,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{max-width:1400px;margin:auto;padding:14px 40px;display:flex;align-items:center;gap:25px;min-height:76px}.home-link{text-decoration:none;font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px;min-height:44px}.home-link span{font-size:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin:auto;font-size:14px;letter-spacing:.01em}.brand b{font-weight:600}.brand img{border-radius:10px}.language-control{width:74px}.language-control select{width:100%;background:transparent}
main{max-width:1360px;margin:auto;padding:0 40px}.hero{display:grid;grid-template-columns:1fr 270px;align-items:center;gap:55px;padding:66px 0 52px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;display:flex;align-items:center;gap:9px;text-transform:uppercase;line-height:1.6}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#4f8066}.eyebrow.muted{color:var(--muted)}h1{font-size:clamp(42px,4.4vw,65px);font-weight:450;letter-spacing:-.055em;line-height:1.06;margin:18px 0 23px}h1 em{font-style:normal;color:#718b5c}.intro{max-width:560px;line-height:1.8;font-size:14px;color:#617467}.hero-note{padding:24px 28px;border-left:1px solid #c9d3bf;position:relative}.hero-number{font-size:62px;font-weight:400;letter-spacing:-.065em;line-height:1}.hero-number>span{font-size:18px;letter-spacing:-.02em;margin-left:8px}.hero-rule{width:44px;height:3px;background:#9eb97a;margin:17px 0}.hero-note>p{font-size:12px;font-weight:600;margin-bottom:17px}.spec{font-size:10px;display:flex;justify-content:space-between;gap:14px;margin-top:10px;color:var(--muted)}.spec strong{font-weight:600;color:var(--ink)}
.lab-section{padding-bottom:50px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-top h2{font-size:25px;font-weight:500;letter-spacing:-.035em;margin-top:4px}.mode-switch{display:flex;padding:4px;background:#e6ebdf;border-radius:10px;gap:3px}.mode-switch button{padding:8px 22px;background:transparent;min-width:95px;font-size:12px;font-weight:600;color:#6d7b67}.mode-switch button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px #23351a0a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.bench-column{min-width:0}.bench-card{border:1px solid var(--line);background:var(--stage-surface);border-radius:15px;overflow:hidden}.bench-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #dfe5d9;background:#f8faf4;gap:10px}.task-code{font:10px Consolas,monospace;letter-spacing:.07em;color:#5a7565}.unit-control{font-size:10px;display:flex;align-items:center;gap:10px;color:var(--muted)}.unit-control select{font-size:11px;padding:3px 8px;min-height:32px}.zero-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 22px;gap:8px}.zero-status{font-size:10px;color:#866839}.zero-status.ready{color:#28624c}.text-button{background:transparent;color:var(--green);font-size:11px;font-weight:600;padding:7px 8px}.zero-bar button{font-size:10px;min-height:36px}
#instrumentMount{width:100%;touch-action:pan-y;position:relative;isolation:isolate;border-radius:8px}#instrumentMount:focus-visible{outline-offset:-5px}.instrument-svg{width:100%;display:block;color:#3a4e44;overflow:hidden}.slider-grip{cursor:ns-resize;touch-action:none}.engraving text{font-family:Consolas,"Courier New",monospace}.instrument-caption{font:11px Consolas,monospace;letter-spacing:2px;fill:#637d6e}.instrument-caption.small{font-size:9px;letter-spacing:1px}.drag-caption{font:9px Consolas,monospace;letter-spacing:.7px;fill:#487467}.place-ghost{fill:none;stroke:#a9b6a4;stroke-dasharray:5 5;stroke-width:1.5}.place-ghost text{stroke:none;fill:#7a8f77;font:12px "Segoe UI",sans-serif}.object-shape{filter:drop-shadow(0 5px 4px #2e422514)}.contact-strip{display:flex;align-items:center;justify-content:space-between;margin:0 22px;padding:12px 0;border-top:1px solid #d7e0d1;gap:10px}.contact-status{font-size:11px;color:#75836c}.contact-status.contact{color:#14644e;font-weight:600}.contact-status.gap{color:#836b35}.lock-button{font-size:10px;padding:5px 10px;min-height:32px;border:1px solid #d1dbca;background:#f7f9f2;color:#5c735d}.lock-button[aria-pressed=true]{background:#d3e2c4;color:#284e38}.adjustments{display:flex;align-items:flex-end;gap:15px;padding:15px 22px 19px;background:#e4ebdc}.adjustments>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#637660;display:block;margin-bottom:7px}.adjustments>div>div{display:flex;gap:5px}.adjustments button{min-height:38px;font-size:11px;min-width:58px;padding:7px 10px;background:#fff;color:#2d533d;border:1px solid #d2ddca;white-space:nowrap}.adjustments .close-button{margin-left:auto;background:transparent;font-size:10px;white-space:normal;min-width:68px}.inspection-card{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:15px;padding:17px 20px}.inspection-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.inspection-heading label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;min-height:32px}.inspection-heading label+label{font-size:9px;color:var(--muted);font-weight:400}.inspection-heading input,.worked-toggle input{min-height:16px;width:15px;height:15px;accent-color:var(--green);padding:0}.inspection-note{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 14px}.inspection-svg{width:100%;display:block;color:#2c4438;overflow:hidden}.inspection-unit{font:10px Consolas,monospace;fill:#697b68}.aligned-tick{color:#126852}.alignment-guide{stroke:#126852;stroke-width:1;stroke-dasharray:3 3}.resolution-tag{font:10px Consolas,monospace;color:var(--muted)}.model-note{font-size:9px;line-height:1.8;color:#7b8772;margin:14px 4px 0}
.task-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px 22px}.task-panel>.eyebrow{font-size:8px;letter-spacing:.09em;color:#849077}.task-panel h3{font-size:26px;letter-spacing:-.045em;font-weight:500;margin-top:14px}.task-description{font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px;min-height:41px}.object-tray{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:19px 0 16px}.object-option{padding:7px 5px;background:#f5f6f1;border:1px solid #e6eadf;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:9px;min-width:0}.object-option svg{width:100%;max-width:65px;height:52px}.object-option span{font-size:8px;line-height:1.5;max-width:74px}.object-option[aria-pressed=true]{border-color:#658353;background:#edf3e3;box-shadow:inset 0 0 0 1px #658353}.object-actions{display:flex;gap:8px}.primary{background:var(--green);color:#fff;padding:11px 16px;font-size:11px;font-weight:600;border:1px solid var(--green)}.secondary{background:transparent;border:1px solid var(--line);color:#36583e;padding:10px 15px;font-size:11px;font-weight:600}.object-actions button{flex:1;padding:9px 8px;min-width:0;font-size:10px}.answer-block{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}.answer-block h4{font-size:16px;font-weight:500;letter-spacing:-.025em;margin-bottom:16px}.answer-block label:not(.worked-toggle){font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.answer-input-row{display:flex;gap:7px}.answer-input-row input{width:100%;font:27px Consolas,monospace;background:#f8faf4;min-height:58px;padding:10px 12px}.answer-input-row select{width:72px;background:#f8faf4}.input-help{font-size:9px;line-height:1.6;color:#7c8977;margin:9px 0 15px}.submit-button{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:11px}.submit-button span{font-size:17px}.hint-actions{display:flex;justify-content:space-between;gap:3px;margin-top:8px}.hint-actions button{font-size:9px;padding:8px 0}.feedback{padding:12px;margin-top:13px;border-radius:7px;font-size:11px;line-height:1.7}.feedback.notice{background:#f6f1e3;color:#796133}.feedback.success{background:#e7f1e0;color:#35643c}.worked-reading{background:#eff4e8;padding:13px;border-left:2px solid #89a56b;margin-top:14px}.worked-reading>span{font-size:9px;color:#5f7955}.worked-reading p{font:12px/1.8 Consolas,monospace;margin-top:6px;overflow-wrap:anywhere}.worked-toggle{font-size:9px;display:flex;gap:7px;align-items:center;color:var(--muted);margin-top:15px;line-height:1.5}.next-button{width:100%;background:#e2edcf;color:#2d5735;border:1px solid #d1e0bb;margin-top:21px;font-size:11px;font-weight:600;padding:11px}.target-unit{font-size:11px;color:var(--muted);margin:-8px 0 15px}
.lesson-card,.setup-card{margin-top:27px;border:1px solid var(--line);border-radius:13px;background:#f0f3e8;padding:22px}.lesson-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.lesson-steps button{background:transparent;color:#78856e;text-align:left;font-size:9px;line-height:1.6;padding:7px 8px;border-radius:6px}.lesson-steps span{display:block;font:13px Consolas,monospace;margin-bottom:6px}.lesson-steps button[aria-pressed=true]{background:#fff;color:#305d3a;box-shadow:0 1px 4px #183d3408}.lesson-card>p{font-size:12px;line-height:1.8;border-top:1px solid #dce3d0;padding-top:17px;margin:15px 8px 0;color:#5d7158}.setup-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.setup-card form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.setup-card form label{font-size:10px;display:flex;flex-direction:column;gap:7px}.setup-card input{width:160px}.setup-card select{font-size:12px}.setup-card .small-note{margin-top:6px}
.notebook-card{margin-top:40px;padding:27px;border:1px solid var(--line);border-radius:13px;background:#fff}.notebook-card .section-top{margin-bottom:7px}.small-note{font-size:10px;line-height:1.7;color:var(--muted)}.empty-notebook{min-height:95px;display:flex;align-items:center;justify-content:center;gap:12px;color:#85927a;font-size:12px}.empty-notebook>span{font-size:22px;font-weight:300}.table-scroll{overflow-x:auto;margin-top:21px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;min-width:550px}th{font-weight:500;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#829075;padding:9px 12px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf0e8}tr:last-child td{border-bottom:0}td small{display:block;margin-top:4px;color:#8a957e;font:9px Consolas,monospace}td b{font-weight:500}.record-result{font-size:9px;border-radius:4px;padding:5px 7px;white-space:nowrap}.record-result.success{background:#eaf2df;color:#456b3b}.record-result.review{background:#faf0df;color:#896b39}.record-result.assisted{background:#e9eeea;color:#667666}
.teacher-card{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px;border:1px solid var(--line);border-radius:13px}.teacher-card h3{font-size:21px;font-weight:500;letter-spacing:-.03em;margin-top:6px}.teacher-card p:not(.eyebrow){font-size:11px;line-height:1.8;color:var(--muted);max-width:470px;margin-top:8px}.teacher-actions{display:flex;flex-direction:column;gap:8px;min-width:180px}.teacher-actions label{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}.teacher-actions select{font-size:11px;min-height:34px}.guide{border-top:1px solid var(--line);margin-top:27px;padding:20px 3px;color:var(--muted);font-size:12px;line-height:1.9}.guide summary{cursor:pointer;font-weight:600;color:var(--ink);min-height:44px}.guide h3{font-size:18px;margin:8px 0}.guide p{max-width:850px;margin-bottom:10px}.site-footer{max-width:1280px;margin:0 auto;border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.08em;color:#77856c}.site-footer a{text-decoration: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}.loading{padding:40px}
#printRoot{display:none}
@media(min-width:1500px){.hero{padding-top:78px;padding-bottom:64px}}
@media(max-width:1100px){main{padding:0 25px}.nav-inner{padding-left:25px;padding-right:25px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.task-panel{padding:21px 17px}.adjustments{gap:9px;padding-left:15px;padding-right:15px}.adjustments button{min-width:48px;font-size:10px;padding:7px}.hero{gap:30px}.site-footer{margin:0 25px}.setup-card{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.task-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:25px}.task-panel>.eyebrow,.task-panel>h3,.task-description,.object-tray,.object-actions{grid-column:1}.answer-block{grid-column:2;grid-row:1/span 5;border-top:0;border-left:1px solid var(--line);padding:0 0 0 25px;margin:0}.next-button{grid-column:2;margin-top:15px}.hero{grid-template-columns:1fr 220px;padding-top:45px}.hero-note{padding:20px}.hero-number{font-size:52px}.lesson-steps{grid-template-columns:repeat(3,1fr)}.adjustments{justify-content:space-between;gap:15px}.adjustments .close-button{margin-left:0}.adjustments button{min-height:44px;min-width:65px}.inspection-heading label+label{font-size:10px}}
@media(max-width:580px){main{padding:0 15px}.nav-inner{padding:8px 15px;gap:12px;min-height:65px}.brand{font-size:11px;gap:7px}.brand img{width:29px;height:29px}.language-control{width:62px}.language-control select{font-size:11px;padding:6px}.home-link{font-size:11px;gap:5px}.hero{padding:35px 0 29px;grid-template-columns:1fr;gap:22px}h1{font-size:46px;margin:14px 0 17px}.intro{font-size:12px;max-width:355px}.hero-note{display:flex;flex-wrap:wrap;align-items:center;border-left:0;border-top:1px solid var(--line);padding:17px 0 0;gap:13px}.hero-number{font-size:34px;min-width:96px}.hero-number>span{font-size:13px;margin-left:5px}.hero-rule{display:none}.hero-note>p{font-size:10px;margin:0;flex:1}.spec{display:none}.section-top{gap:8px;margin-bottom:16px}.section-top h2{font-size:22px}.eyebrow{font-size:8px}.mode-switch button{min-width:68px;padding:7px 13px;font-size:10px}.bench-toolbar{padding:12px 13px}.task-code{font-size:8px;max-width:155px;line-height:1.6}.unit-control{gap:5px;font-size:8px}.zero-bar{padding:5px 13px}.zero-status{font-size:8px}.zero-bar button{font-size:9px}.contact-strip{margin:0 13px;gap:5px}.contact-status{font-size:9px}.lock-button{font-size:9px;padding:5px 6px}.adjustments{padding:13px;gap:8px;flex-wrap:wrap}.adjustments>div{flex:1}.adjustments>div>span{font-size:8px}.adjustments>div>div{gap:4px}.adjustments button{min-width:0;flex:1;padding:8px 7px;font-size:10px;min-height:44px}.adjustments .close-button{flex:0 0 100%;margin-top:3px;background:#f2f6eb}.inspection-card{padding:13px}.inspection-heading{gap:7px;align-items:flex-start;flex-wrap:wrap}.inspection-heading label{font-size:11px}.inspection-heading label+label{font-size:9px}.inspection-note{font-size:9px}.inspection-svg{min-height:99px}.task-panel{display:block;padding:22px}.task-panel h3{font-size:26px}.task-description{min-height:0;font-size:12px}.object-tray{margin:17px 0}.object-option{padding:8px}.object-option svg{height:57px}.object-option span{font-size:10px}.object-actions button{font-size:11px}.answer-block{margin-top:23px;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.answer-block h4{font-size:18px}.answer-block label:not(.worked-toggle){font-size:11px}.input-help{font-size:10px}.submit-button{font-size:12px}.hint-actions button{font-size:10px}.worked-toggle{font-size:11px;min-height:36px}.worked-reading p{font-size:15px}.next-button{font-size:12px}.lesson-card{padding:14px}.lesson-steps{gap:5px}.lesson-steps button{font-size:9px}.lesson-card>p{font-size:11px;margin-left:3px;margin-right:3px}.setup-card{padding:18px}.setup-card form{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.setup-card form label:first-child{grid-column:1/-1}.setup-card input{width:100%}.setup-card form button{grid-column:1/-1}.setup-card select{width:100%}.notebook-card{margin-top:25px;padding:19px}.notebook-card .section-top{align-items:flex-start}.notebook-card .section-top h2{font-size:21px;max-width:190px}.notebook-card .secondary{font-size:10px;padding:8px 10px;white-space:nowrap}.small-note{font-size:9px}.empty-notebook{font-size:11px;line-height:1.8;justify-content:flex-start}.teacher-card{display:block;padding:21px}.teacher-card h3{font-size:23px}.teacher-actions{margin-top:21px;display:grid;grid-template-columns:1fr}.teacher-actions label{justify-content:flex-start}.teacher-card p:not(.eyebrow){font-size:11px}.guide{font-size:11px}.site-footer{margin:0 15px;font-size:8px;padding-top:20px;flex-wrap:wrap}.site-footer>span:nth-child(2){display:none}.model-note{font-size:8px}.inspection-unit{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{
  html,body{background:#fff;margin:0;color:#000;scroll-behavior:auto}
  .app-shell,noscript{display:none!important}#printRoot{display:block!important;font-family:Arial,sans-serif;color:#000}
  .print-page{height:var(--page-height,273mm);display:flex;flex-direction:column;break-after:page;page-break-after:always;padding:0;overflow:hidden}
  .print-page:last-child{break-after:auto;page-break-after:auto}
  .print-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #000;padding-bottom:4mm}
  .print-heading p{font-size:7pt;letter-spacing:1pt}.print-heading h1{font-size:20pt;line-height:1.2;margin:2mm 0 0;letter-spacing:-.5pt;color:#000}
  .print-heading>span{font:12pt Consolas,monospace}.print-instructions{font-size:9pt;line-height:1.5;margin-top:3mm}
  .print-name{font-size:9pt;margin-top:4mm}.print-questions{display:flex;flex-direction:column;gap:4mm;margin-top:6mm}
  .print-question{break-inside:avoid;page-break-inside:avoid;border:1px solid #777;border-radius:0;padding:3mm;height:89mm}
  .print-question-heading{display:flex;justify-content:space-between;gap:3mm;font-size:9pt}.print-question-heading>span{font:7pt Consolas,monospace}
  .print-scale-row{display:flex;align-items:center;gap:4mm;margin-top:2mm}.print-object{width:15mm;flex-shrink:0}.print-object svg{display:block;width:100%;height:17mm;filter:grayscale(1)}
  .print-scale-row .inspection-svg{width:calc(100% - 19mm);height:53mm;min-height:0;color:#000}.print-scale-row .engraving{color:#000}.print-scale-row .aligned-tick{color:#000}.print-scale-row .alignment-guide{stroke:#000}.print-scale-row .inspection-unit{fill:#000}
  .print-response,.print-answer{font:10pt/1.4 Consolas,monospace;margin-top:1mm}.print-page footer{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #777;padding-top:3mm;font-size:7pt;gap:4mm}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}button,input,select{display:none!important}
}

.completion-note { margin: 24px 0; padding: 20px 24px; border: 1px solid #bccda1; border-radius: 12px; background: #edf3e1; }
.completion-note p { margin: 6px 0 0; }
.scale-window { overflow-x: auto; overscroll-behavior-x: contain; border-radius: 10px; }
.scale-window .inspection-svg { min-width: 600px; }
.pan-note { display: none; }
@media (max-width: 700px) { .pan-note { display: block; font-size: 12px; color: #526a61; margin: 10px 0 0; } }
.start-guide-button { margin-top: 22px; font-size: 13px; padding: 12px 20px; }
#onboardingMount { scroll-margin-top: 90px; }
.onboarding-card { margin-bottom: 24px; border: 1px solid #bccba6; border-radius: 15px; padding: 23px 26px; background: #f0f5e6; }
.onboarding-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.onboarding-top .text-button { min-height: 44px; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; }
.onboarding-progress { list-style: none; margin: 8px 0 20px; padding: 0; display: flex; gap: 22px; flex-wrap: wrap; }
.onboarding-progress li { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #5e7054; }
.onboarding-progress li > span { display: grid; place-items: center; width: 25px; height: 25px; border: 1px solid #a7b795; border-radius: 50%; background: #fff; font-size: 12px; flex-shrink: 0; }
.onboarding-progress .current { color: #183d34; font-weight: 700; }
.onboarding-progress .current > span { background: #145747; color: #fff; border-color: #145747; }
.onboarding-progress .complete > span { background: #d8e7c6; color: #284c2b; }
.guide-counter { font: 11px Consolas,monospace; color: #536c43; margin-bottom: 7px; }
.onboarding-content h3 { font-size: 23px; font-weight: 600; line-height: 1.3; letter-spacing: -.025em; }
#guideInstruction { font-size: 14px; line-height: 1.75; color: #405b43; max-width: 830px; margin-top: 10px; }
.onboarding-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 19px; }
.onboarding-actions button { font-size: 13px; padding: 11px 18px; }
.onboarding-target { outline: 3px solid #ad7816; outline-offset: 4px; box-shadow: 0 0 0 7px #fff8dc; }
#instrumentMount.onboarding-target { outline-offset: -5px; box-shadow: none; }
.scale-window.onboarding-target { outline-offset: -3px; box-shadow: none; }
.guide-scale-window { overflow-x: auto; overscroll-behavior-x: contain; margin-top: 16px; border: 1px solid #cad6ba; border-radius: 10px; background: #f6f8f4; max-width: 830px; }
.guide-scale-window .inspection-svg { min-width: 600px; }
.guide-scale-note { font-size: 12px; line-height: 1.65; color: #405b43; margin-top: 9px; }
.onboarding-resume { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border: 1px dashed #bccba6; border-radius: 10px; padding: 12px 18px; font-size: 13px; }
.set-code-help { max-width: 350px; font-size: 12px; line-height: 1.65; margin-top: 8px; color: #52694c; }
.telemetry-notice { max-width: 1280px; margin: 0 auto 28px; padding: 18px 20px; border-top: 1px solid var(--line); display: flex; align-items: center; flex-wrap: wrap; gap: 14px; font-size: 12px; line-height: 1.7; color: #52694c; }
.telemetry-notice p { flex: 1 1 360px; }
.telemetry-notice button { font-size: 12px; }
@media print { .telemetry-notice { display: none !important; } }
@media (max-width: 580px) {
  .start-guide-button { width: 100%; font-size: 13px; }
  .onboarding-card { padding: 17px; margin-bottom: 18px; }
  .onboarding-top { gap: 8px; align-items: flex-start; }
  .onboarding-top .eyebrow { padding-top: 13px; }
  .onboarding-top .text-button { font-size: 11px; max-width: 130px; padding: 6px; }
  .onboarding-progress { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 7px 0 20px; }
  .onboarding-progress li { font-size: 11px; gap: 6px; }
  .onboarding-progress li > span { width: 22px; height: 22px; font-size: 11px; }
  .onboarding-content h3 { font-size: 22px; }
  #guideInstruction { font-size: 13px; }
  .onboarding-actions { flex-direction: column; }
  .onboarding-actions button { font-size: 12px; width: 100%; }
  .onboarding-resume { font-size: 12px; padding: 12px; }
  .onboarding-resume button { flex-shrink: 0; }
  .set-code-help { font-size: 12px; }
}
.ratchet-row { display: flex; align-items: center; gap: 14px; padding: 12px 20px; border-top: 1px solid #d5dee6; background: #edf2f6; }
.ratchet-row button { font-size: 12px; background: #315e7b; border-color: #315e7b; }
.ratchet-row span { font-size: 11px; color: #315e7b; }
.hero h1 em { color: #7c684f; }
.hero-number { font-size: 55px; }
.onboarding-card { background: #eef3f7; border-color: #c5d3dd; }
.onboarding-progress .current > span { background: #315e7b; border-color: #315e7b; }
.onboarding-content h3, #guideInstruction, .guide-scale-note { color: #28465b; }
.guide-counter { color: #4c6680; }
.guide-scale-window { background: #f5f7fa; border-color: #c5d3dd; }
.aligned-tick { color: #466d9b; }
.alignment-guide { stroke: #466d9b; }
.slider-grip { cursor: ns-resize; touch-action: none; }
@media (max-width:580px) { .ratchet-row { padding: 12px; flex-wrap: wrap; } .ratchet-row button { width: 100%; } .hero h1 { font-size: 42px; } .hero-number { font-size: 34px; } }