/* Equipment-studio appearance. Canonical read-aloud runtime remains shared. */
:root{--navy:#101f35;--ink:#223246;--rust:#5e50c9;--cream:#0a1424;--paper:#f8fafc;--line:#dce4ee;--sage:#eaf0f6;--muted:#52657d;--green:#216b67;--shadow:0 18px 55px #00000017;--mint:#72e4cd;--lavender:#b8b1ff}body{background:radial-gradient(ellipse at 85% 2%,#202b4c 0,transparent 34%),#0a1424;color:#233449;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}[hidden]{display:none!important}a{color:#276c77}.site-header{border-color:#ffffff16;max-width:1500px;padding:22px 4%;gap:20px}.site-header .brand{color:#f0f5ff;font:600 16px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.25px}.site-header .brand small{color:#9cb1ca;font-size:9px;letter-spacing:1.8px}.global-brand-symbol{background:#f7f5ec;border-radius:10px;padding:4px;box-sizing:content-box}.site-header nav{gap:22px}.site-header nav a{color:#c8d5e8;font-size:11px}main{max-width:1500px;padding:0 4%}.intro{padding:42px 0 30px;grid-template-columns:1.5fr 1fr;gap:7%;align-items:center}.intro .eyebrow{color:var(--mint);font-size:10px;letter-spacing:2px}.intro h1{font:650 clamp(40px,5.2vw,72px)/1.04 Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f7fc;letter-spacing:-2.8px;margin:15px 0}.intro h1 em{font-style:normal;color:var(--mint)}.intro .lede{color:#b5c6dc;font-size:15px;line-height:1.8;max-width:580px}.tags{gap:7px}.tags span{color:#cfdcf1;background:#ffffff08;border:1px solid #ffffff21;border-radius:30px;font-size:10px;padding:6px 10px}.studio-hero-card{background:linear-gradient(140deg,#24314e,#14263b);border:1px solid #aab8ef2b;border-radius:22px;padding:25px 28px;box-shadow:0 22px 55px #0002}.studio-hero-card h2{font:600 27px/1.15 Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f7fc;letter-spacing:-.7px;margin:18px 0 12px}.studio-hero-card p{color:#bfcee2;font-size:12px;line-height:1.8}.studio-hero-card .scope{font-size:10px;color:#9fb3cc}.studio-hero-card a{color:var(--mint);font-weight:600;font-size:12px}.surface-switch{display:flex;gap:8px;border:1px solid #afc8f02c;background:#122039;padding:7px;border-radius:15px;margin:0 0 24px}.surface-switch button{border:0;border-radius:10px;padding:13px 20px;background:transparent;color:#adc0d9;text-align:left;flex:1}.surface-switch button[aria-pressed=true]{background:#f1f5fa;color:#15283f;box-shadow:0 4px 15px #0002}.surface-switch span,.surface-switch small{display:block}.surface-switch span{font-size:14px;font-weight:650}.surface-switch small{font-size:10px;margin-top:4px;opacity:.85}#equipment-studio,#core-practice{scroll-margin-top:12px}.studio-nav{display:flex;gap:7px;margin-bottom:17px;flex-wrap:wrap}.studio-nav button{flex:1;background:#14243b;border:1px solid #a8bfd625;border-radius:12px;padding:14px 15px;color:#91a8c4;text-align:left;font-size:10px;white-space:nowrap}.studio-nav button span{font-size:12px;font-weight:600;margin-left:8px;color:#cdd8e8}.studio-nav button.active{background:#274443;border-color:#74dbbc75;color:#a4eed7}.studio-nav button.active span{color:#edfff7}.studio-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:22px;align-items:start}.model-card{border:1px solid #a4bbdf2a;border-radius:23px;padding:23px;background:linear-gradient(155deg,#17273e,#101d31);box-shadow:0 25px 70px #0003;position:sticky;top:14px;overflow:hidden}.model-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.studio-kicker{font-size:9px;font-weight:700;letter-spacing:1.9px;color:#367b79;margin:0 0 9px}.model-card .studio-kicker{color:#80b3b5}.model-card h2{color:#eff5ff;font:600 27px/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.6px;margin:0}.studio-pill{display:inline-block;background:#65cebd14;border:1px solid #74d5c13c;color:#a4e5d4;font-size:8px;font-weight:650;letter-spacing:.9px;white-space:nowrap;padding:6px 9px;border-radius:30px}.respirator-model{height:430px;position:relative;margin:15px -12px 0;background:radial-gradient(ellipse at 50% 48%,#2d506044,transparent 65%);border-radius:18px;overflow:hidden}.respirator-model canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2;cursor:grab}.respirator-model canvas:active{cursor:grabbing}.model-grid{position:absolute;inset:15% 0 0;opacity:.15;background-image:linear-gradient(#8eaccd22 1px,transparent 1px),linear-gradient(90deg,#8eaccd22 1px,transparent 1px);background-size:40px 40px;transform:perspective(350px) rotateX(45deg) scale(1.2);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.model-shadow{position:absolute;bottom:20%;left:20%;width:60%;height:35px;border-radius:50%;background:#0005;filter:blur(12px)}.model-hint{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.7px;color:#8da4bf;z-index:4;pointer-events:none}.model-hotspots{position:absolute;inset:0;z-index:3;pointer-events:none}.model-hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;min-width:28px;padding:0;border-radius:50%;background:#e9fcf5;color:#104b46;border:2px solid #83dbc2;box-shadow:0 0 0 4px #76e5c31a,0 4px 12px #001b2e70;font-size:10px;font-weight:750}.model-hotspot.selected{background:var(--mint);box-shadow:0 0 0 7px #76e5c32c}.model-toolbar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0}.model-toolbar>div{display:flex;gap:5px}.studio-button{border:1px solid #cdd9e6;border-radius:10px;background:#fff;color:#2b4059;padding:11px 13px;font-size:11px;font-weight:550;line-height:1.5;cursor:pointer}.studio-button:hover{background:#eff5fa;border-color:#91a8c0}.studio-button:disabled{opacity:.6}.studio-button.primary{display:inline-flex;background:#285c62;border-color:#285c62;color:white;font-weight:650;padding:13px 18px;box-shadow:0 5px 12px #163e4420}.studio-button.selected,.studio-button.active{background:#e2f4ef;border-color:#5caba0;color:#134f4a}.model-card .studio-button{background:#ffffff07;color:#c1d3e9;border-color:#a1b9d530;padding:8px 10px;font-size:10px}.model-card .studio-button:hover{background:#ffffff11}.model-disclosure{font-size:9px;line-height:1.8;color:#92a7c1;margin:12px 0}.model-part-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid #a4bad51b;padding-top:14px}.model-part-list button{display:flex;gap:9px;align-items:center;text-align:left;min-height:43px}.model-part-list button span{font-size:9px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #b1c8df33;border-radius:6px;flex:0 0 auto}.model-part-list button.reviewed span{border-color:#76d6bd88;color:#9becd2}.model-part-list button[aria-pressed=true]{border-color:#74d9c390;background:#7de1c215;color:#d9fff0}.studio-meter{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #a4bad51b;margin-top:16px;padding-top:15px;font-size:9px;color:#9fbcd0}.model-fallback{position:absolute;top:30%;left:12%;width:76%;padding:20px;color:#d4e6f3;z-index:4;background:#1b324a;border:1px solid #668798;border-radius:12px;font-size:13px}.respirator-model[data-renderer=fallback]{min-height:260px;height:280px}.studio-task{background:#f8fafc;border:1px solid #dce5ee;border-radius:23px;padding:28px;min-width:0;box-shadow:0 20px 50px #0002}.studio-task h2{font:650 29px/1.13 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.9px;color:#1a3048;margin:0 0 15px;scroll-margin-top:18px}.studio-task h3{font-size:15px;line-height:1.4;color:#253d55;margin:14px 0 10px}.studio-task p{font-size:12px;line-height:1.85;color:#4f637a}.studio-task .studio-kicker{font-size:9px;color:#367b79}.studio-instruction{margin-bottom:17px}.studio-mode-switch{display:flex;gap:7px;margin:17px 0}.studio-mode-switch button{flex:1}.studio-case-time{background:#eaf0f6;border:1px solid #d7e1eb;border-radius:11px;padding:12px 14px;display:flex;gap:6px;flex-direction:column;margin:15px 0}.studio-case-time span{font-size:8px;color:#677d91;letter-spacing:1.4px}.studio-case-time strong{font-size:11px;color:#264b60}.studio-case-time small{font-size:9px;color:#617589}.inspection-detail{border:1px solid #d5e2e8;background:#fff;border-radius:14px;padding:18px;margin:18px 0}.inspection-detail-head{display:flex;align-items:center;gap:10px}.inspection-detail-head h3{margin:0}.part-number{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:9px;background:#e1f4ee;color:#206c5c;font-size:12px;font-weight:700}.observation{background:#edf3f8;border-left:3px solid #7c8fce;border-radius:2px 7px 7px 2px;padding:12px 14px;margin:14px 0}.observation small{font-size:8px;letter-spacing:1px;color:#677b98}.observation p{margin:6px 0 0;font-size:12px}.guided-note{background:#e7f6ed;color:#235943!important;font-size:11px!important;padding:10px;border-radius:7px}.finding-buttons,.clean-choices{display:grid;gap:8px}.finding-buttons button,.clean-choices button{text-align:left}.studio-empty{padding:24px 20px;background:#eef3f7;border:1px dashed #b4c5d3;border-radius:14px;margin:20px 0}.studio-empty>span{color:#4c8d89;font-size:30px}.studio-empty h3{margin-top:8px}.studio-small{font-size:10px!important;line-height:1.8!important;color:#65788d!important}.studio-fieldset{min-width:0;margin:18px 0;padding:16px;border:1px solid #d3dfeb;border-radius:13px}.studio-fieldset legend{font-size:12px;line-height:1.6;font-weight:650;color:#2c435b;padding:0 5px}.studio-fieldset label{display:flex;align-items:start;gap:9px;margin:0;padding:12px 0;font-size:11px;line-height:1.7;border-top:1px solid #e0e8f0;color:#384f67}.studio-fieldset input{margin-top:4px;accent-color:#2b8176;flex-shrink:0}.studio-explanation{background:#e4f1ec;padding:12px;font-size:11px;line-height:1.8;border-radius:8px;margin:10px 0}.studio-progress-row{display:flex;gap:12px;align-items:center;font-size:10px;color:#537087;margin:20px 0}.studio-progress-track{height:5px;background:#dde7ef;border-radius:10px;overflow:hidden;flex:1}.studio-progress-track i{display:block;height:100%;background:#479c90;transition:width .2s}.studio-result{background:#e8f3ef;border:1px solid #b9d8ce;padding:18px;border-radius:13px;margin:20px 0}.studio-result>strong{font-size:11px;color:#28554c;line-height:1.6;display:block}.studio-scroll{overflow:auto;max-width:100%}.studio-scroll table{border-collapse:collapse;font-size:10px;width:100%;margin:13px 0;background:white}.studio-scroll th,.studio-scroll td{border:1px solid #cddae3;text-align:left;padding:9px;vertical-align:top;line-height:1.8}.studio-scroll th{background:#e8eff4;font-size:9px}.training-matrix{min-width:470px}.training-matrix caption{font-size:8px;letter-spacing:.5px;text-align:left;margin-bottom:8px;color:#72612f}.label-diagram-preview{background:white;border:1px solid #d3dfe9;border-radius:13px;padding:13px;margin:18px 0}.label-diagram-preview img{display:block;width:100%;height:auto;margin-bottom:10px}.label-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.label-tabs button{text-align:left;font-size:10px}.label-reading{background:#eaf2f5;border-left:3px solid #458c8e;padding:13px 16px;border-radius:0 10px 10px 0;margin:15px 0}.label-reading h3{margin:0 0 8px}.label-reading p{margin:0}.cartridge-label{background:#fffdf5;border:2px solid #686a68;border-radius:9px;padding:15px;margin:20px 0;color:#222}.cartridge-label>p{font-size:8px;letter-spacing:.7px;color:#805a2d}.cartridge-band{font-size:13px;font-weight:700;color:white;background:linear-gradient(90deg,#1c2023 65%,#8d3d9c 65%);padding:9px 12px;border-radius:4px}.cartridge-label h3{font-size:13px}.cartridge-label dl{margin:0}.cartridge-label dl>div{border-top:1px solid #ddd9cb;padding:8px 0}.cartridge-label dt{font-size:9px;font-weight:650;color:#655d4f}.cartridge-label dd{margin:3px 0 0;font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#242d30}.clean-steps{list-style:none;padding:0;margin:19px 0;display:grid;gap:7px}.clean-steps li{font-size:10px;color:#758499;display:flex;gap:10px;align-items:center;padding:7px 10px;border:1px solid #e0e7ef;border-radius:8px}.clean-steps li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8edf3;font-size:9px}.clean-steps li.current{border-color:#7bb8ac;background:#e6f5ef;color:#21594f;font-weight:650}.clean-steps li.done{color:#3b806c;background:#f0f6f3}.clean-current{border:1px solid #d2e1e6;padding:19px;border-radius:14px;background:white;margin:20px 0}.clean-current .studio-kicker{margin-bottom:8px}.post-clean-checks{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:15px 0}.post-clean-checks button{text-align:left;font-size:10px}.studio-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.studio-stat-grid>div{background:#e9f0f5;border-radius:10px;padding:14px 10px}.studio-stat-grid strong{display:block;font-size:23px;letter-spacing:-1px;color:#265367}.studio-stat-grid span{display:block;font-size:9px;line-height:1.7;color:#5d7588}.studio-record-actions{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.attempt-record{padding:15px;border:1px solid #d5e1eb;border-radius:11px;background:white;margin:13px 0}.attempt-record summary{font-size:11px;font-weight:650;color:#334f68;cursor:pointer}#studio-print-record>h3{font-size:14px}.studio-feedback{padding:15px 20px;border:1px solid #7cc5ad36;background:#1b353d;border-radius:12px;color:#b5e7d6;font-size:12px;line-height:1.8;margin:18px 0}.studio-feedback.bad{border-color:#e2b87566;background:#403624;color:#f9d5a5}.government-notice{padding:17px 20px;border:1px solid #a8b9db20;border-radius:12px;background:#15233a;color:#a9bcd5;margin:22px 0 30px}.government-notice strong{font-size:10px;color:#c5d5eb;letter-spacing:.3px}.government-notice p{font-size:10px;line-height:1.9;margin:6px 0 0}.core-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:25px;padding:25px;border:1px solid #a4bbdf2a;border-radius:17px;background:#f0f5fa;margin-bottom:22px}.core-intro h2{font:600 25px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}.core-intro p{font-size:12px;color:#5b7185}.core-intro label{font-size:11px}.core-intro select{padding:9px;margin-top:10px;max-width:100%}.lab-toolbar{color:#bdcde1}.lab-toolbar button{color:#92d5c2}.steps{border-color:#8098b44d;background:#1a304b}.steps button{background:#14283f;color:#d1dfef}.steps small{color:#9bb1ca}.steps button[aria-current=step]{background:#426e72}.feedback{background:#1a343d;border-color:#5aa68f;color:#c0e4da;border-radius:10px}.feedback.warn{color:#f2d4a2;background:#413527}.station{border-radius:18px;padding:25px;background:#f8fafc}.station h2,.notebook h2,.reference h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:600;letter-spacing:-.5px}.primary{background:#28676a;border-color:#28676a;border-radius:9px}.secondary{border-radius:9px}.respiratory-panel{border-radius:17px;background:#edf2f5;border-color:#d0dce5}.notebook{background:#f3f7fa;border-radius:18px;padding:27px}.reference{padding:28px;background:#f3f7fa;border-radius:18px;margin:28px 0}.reference details{background:white;border:1px solid #d3e0e9;border-radius:12px;padding:18px}.reference details summary{font-size:12px}.footer{color:#93a9c4;border-color:#627c9d33;padding:30px 4%}.footer .brand{color:#d2dfef;font:600 15px Inter,ui-sans-serif,system-ui,sans-serif}.footer a{color:#92d5c2}.footer p{font-size:10px}.studio-task a,.reference a{text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dc9f44;outline-offset:3px}#n95-diagram-dialog{width:min(1100px,94vw);max-height:94vh;border:1px solid #a1b9ca;border-radius:15px;background:white;color:#294159;padding:20px}#n95-diagram-dialog::backdrop{background:#071325dc}#n95-diagram-dialog img{display:block;width:100%;height:auto}#n95-diagram-dialog p{font-size:10px;line-height:1.8}#n95-diagram-dialog>button{position:sticky;top:0;margin-bottom:15px;float:right;z-index:1}
@media(min-width:1400px){.respirator-model{height:475px}}@media(max-width:1050px){.studio-layout{grid-template-columns:1fr}.model-card{position:relative;top:auto}.respirator-model{height:390px;max-width:660px;margin:15px auto 0}.model-part-list{grid-template-columns:repeat(4,1fr)}.model-card{padding:20px}.studio-nav button{padding:13px 10px}.studio-nav button span{font-size:11px;margin-left:4px}.intro{gap:4%;grid-template-columns:1.3fr 1fr}.intro h1{font-size:54px}.studio-hero-card{padding:23px}.studio-layout{gap:17px}.studio-task{padding:24px}.government-notice{margin-top:17px}.core-intro{grid-template-columns:1fr}}
@media(max-width:680px){main{padding:0 4%}.site-header{padding:17px 4%;align-items:start}.site-header .brand{font-size:13px;max-width:285px}.site-header nav{display:none}.intro{grid-template-columns:1fr;gap:24px;padding:28px 0}.intro h1{font-size:47px;letter-spacing:-1.9px}.intro .lede{font-size:13px}.studio-hero-card h2{font-size:24px;margin-top:13px}.studio-hero-card{padding:20px}.studio-hero-card p{font-size:11px}.surface-switch button{padding:12px 10px}.surface-switch span{font-size:11px}.surface-switch small{font-size:8px;line-height:1.6}.studio-nav{display:grid;grid-template-columns:1fr 1fr}.studio-nav button{padding:11px 10px}.studio-nav button span{font-size:10px}.model-part-list{grid-template-columns:1fr 1fr}.model-card{padding:17px}.respirator-model{height:345px;margin-left:-9px;margin-right:-9px}.model-card h2{font-size:24px}.studio-pill{font-size:7px}.studio-task{padding:20px;border-radius:18px}.studio-task h2{font-size:26px}.studio-task p{font-size:12px}.model-toolbar .studio-button{font-size:9px;padding:7px 9px}.model-toolbar{gap:8px}.model-toolbar>div{gap:4px}.label-tabs{grid-template-columns:1fr}.studio-stat-grid{grid-template-columns:1fr 1fr}.studio-stat-grid>div:last-child{grid-column:1/-1}.post-clean-checks{grid-template-columns:1fr}.finding-buttons button{font-size:11px}.government-notice{padding:15px}.reference{padding:20px}.notebook{padding:21px}.studio-feedback{font-size:11px;padding:13px 15px}.model-hotspot{width:29px;height:29px}.studio-scroll table{font-size:9px}.studio-scroll td,.studio-scroll th{padding:7px}.clean-current{padding:16px}}
@media(prefers-reduced-motion:reduce){.studio-progress-track i{transition:none}}
@media print{body{background:white!important}.government-notice{display:none!important}#equipment-studio{display:none!important}#core-practice{display:block!important}.surface-switch,.core-intro{display:none!important}body[data-studio-print=true] .site-header,body[data-studio-print=true] .intro,body[data-studio-print=true] .surface-switch,body[data-studio-print=true] #core-practice,body[data-studio-print=true] .reference,body[data-studio-print=true] .footer{display:none!important}body[data-studio-print=true] #equipment-studio{display:block!important}body[data-studio-print=true] #equipment-studio>*{display:none!important}body[data-studio-print=true] #equipment-studio .studio-layout{display:block!important}body[data-studio-print=true] .studio-layout>.model-card{display:none!important}body[data-studio-print=true] .studio-task{display:block!important;border:0;box-shadow:none;padding:0;background:white}body[data-studio-print=true] #studio-body>*{display:none!important}body[data-studio-print=true] #studio-body>#studio-print-record{display:block!important}body[data-studio-print=true] .studio-scroll{overflow:visible}.studio-result,.attempt-record{break-inside:avoid}}