:root{
 color-scheme:dark;
 --bg:#0d1721;
 --panel:#142431;
 --surface:#172c3b;
 --surface-raised:#1d3849;
 --line:#28495a;
 --text:#f4f8fb;
 --muted:#a9bfcd;
 --orange:#ff762e;
 --orange-bright:#ff8b42;
 --blue:#42c7ef;
 --cyan:#72e3f4;
 --teal:#48d1bd;
 --border-radius:8px;
 --space-1:4px;
 --space-2:8px;
 --space-3:12px;
 --space-4:16px;
 --space-5:24px;
 --type-page-title:26px;
 --type-section-title:18px;
 --type-card-title:15px;
 --type-body:14px;
 --type-helper:11px;
 --type-meta:12px;
 --type-small:13px;
 --type-lead:16px;
 --color-bg:var(--bg);
 --color-surface:var(--surface);
 --color-elevated:var(--surface-raised);
 --color-border:var(--line);
 --color-text:var(--text);
 --color-text-2:var(--muted);
 --color-accent:var(--orange);
 --color-accent-2:var(--blue);
 --color-success:#5ed39a;
 --color-warning:#f2b84b;
 --color-error:#ff7b72;
 --radius-card:10px;
 --radius-control:6px;
 --shadow-card:0 4px 14px #02091066;
 --shadow-raised:0 8px 22px #02091088;
 --button-height:44px;
 --icon-size:20px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,select,input{font:inherit}
button{cursor:pointer;touch-action:manipulation}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.app{width:min(1180px,100%);min-height:100svh;margin:auto;padding:0 max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.topbar{min-height:56px;gap:9px;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
.brand{gap:7px;color:var(--text)}
.brand-emblem{width:26px;height:29px;color:var(--orange-bright)}
.brand .brand-word{font-size:19px;font-weight:780;letter-spacing:0;color:var(--text)}
.top-label{margin-left:auto;color:#7f9aaa;font-size:var(--type-meta);letter-spacing:1px}
.topbar .quiet{min-height:40px;padding:6px 8px;color:var(--muted)}
.topbar .profile-shortcut{margin-left:auto}
.topbar #homeButton,.topbar #guideButton{min-height:40px;padding-inline:8px}
.section-navigation{gap:9px;padding:8px 0;border-bottom:1px solid #213b4a}
.section-navigation label{color:#9eb8c7;font-size:12px}
.section-navigation select{width:min(390px,70%);min-height:44px;padding:7px 10px;border:1px solid #315266;border-radius:6px;background:#102330;color:var(--text);font-size:16px}
.nav-note{color:#7f9aaa;font-size:var(--type-meta)}
.app>main,.app>section{margin-top:12px}
.app>main:not(#diagnosticsView){padding-bottom:18px}
.academy-view,.jobs-view,.profile-view,.workshop-view,.guide-view,.builder-view,.learning-view,.leaderboard-view{padding-top:8px}
.academy-view h1,.jobs-view h1,.profile-view h1,.workshop-view h1,.guide-view h1,.builder-view h1,.learning-view h1,.leaderboard-view h1{font-size:var(--type-page-title);line-height:1.18;letter-spacing:0}
.eyebrow{margin-bottom:4px;color:var(--orange-bright);font-size:var(--type-helper);font-weight:800;letter-spacing:1.1px}
.primary,.secondary,.quiet{min-height:var(--button-height);border-radius:6px;font-size:14px;font-weight:720}
.primary{padding:10px 16px;border:1px solid var(--orange);background:var(--orange);color:#21150d;box-shadow:0 4px 12px #ff762e2b}
.primary:hover{border-color:var(--orange-bright);background:var(--orange-bright)}
.secondary{padding:9px 14px;border:1px solid #34718c;background:#122a39;color:#d9f6fd}
.secondary:hover{border-color:var(--blue);background:#19374a}
.quiet{padding:8px 10px;color:#b8d8e5}
.quiet:hover{background:#173143;color:var(--text)}
.utility-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--blue)}
.utility-button:hover{border-color:#34718c;background:#142b3a}
.utility-button svg{width:20px;height:20px}
.back-button{border-color:#294858;color:var(--text)}
.mobile-bottom-nav{display:none}
.topbar #homeButton,.topbar #guideButton{display:none}
.top-nav{display:flex;align-items:center;gap:4px;margin-left:14px}
.top-nav a{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:6px;color:#9fb9c7;text-decoration:none;font-size:13px;font-weight:720}
.top-nav a:hover{background:#173143;color:var(--text)}
.top-nav a[aria-current=page]{background:#ff762e18;color:var(--orange-bright)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.home-organized{width:100%;max-width:1100px;margin-inline:auto;padding:10px 0 18px}
.home-organized .home-heading{margin:4px 0 8px}
.home-heading .eyebrow{font-size:var(--type-meta)}
.home-organized .home-heading h1{font-size:25px;font-weight:760;line-height:1.15;letter-spacing:0}
.home-organized .home-intro{margin:4px 0;color:#a9bfcd;font-size:13px;line-height:1.35}
.home-dashboard{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(280px,.86fr);gap:12px;margin:12px 0 16px}
.home-progress-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-width:0;overflow:hidden;border:1px solid #274b60;border-radius:8px;background:linear-gradient(100deg,#142b3b,#122431 58%,#172c39);box-shadow:inset 0 1px #ffffff08}
.progress-chip{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:62px;padding:8px 12px}
.progress-chip+.progress-chip{border-left:1px solid #294758}
.progress-chip>svg{width:22px;height:22px;color:var(--blue)}
.progress-chip-level>svg{color:var(--orange-bright)}
.progress-chip-streak>svg{color:var(--teal)}
.progress-chip-copy{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 6px;min-width:0}
.progress-chip-copy>span{color:#a5becb;font-size:var(--type-meta);font-weight:800;letter-spacing:.4px;white-space:normal;overflow-wrap:anywhere}
.progress-chip-copy>strong{grid-row:2;font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.progress-chip-xp .progress-chip-copy>strong{color:#dff8ff}
.progress-chip-level .progress-chip-copy>strong{color:#ffd0aa}
.progress-chip-streak .progress-chip-copy>strong{color:#8debd9}
.progress-chip .mini-progress{grid-column:1/-1;height:4px;margin-top:3px;overflow:hidden;border-radius:4px;background:#29404d}
.mini-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--orange-bright));box-shadow:0 0 8px #ff762e55;transition:width .25s ease}
.progress-chip small{grid-column:1/-1;color:#9ab1be;font-size:var(--type-meta);line-height:1.25;white-space:normal;overflow-wrap:anywhere}
.continue-card{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:148px;overflow:hidden;padding:13px;border:1px solid #34536a;border-radius:8px;background:linear-gradient(112deg,#173248 0%,#142b3c 52%,#192a35 100%);box-shadow:0 8px 22px #030b1280,inset 0 1px #ffffff0b}
.continue-card:before{position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--orange),#ffb061 34%,var(--blue));content:""}
.continue-visual{display:grid;place-items:center;align-self:stretch;min-width:0;overflow:hidden;border:1px solid #30536a;border-radius:6px;background:linear-gradient(145deg,#18394d,#0e202b)}
.continue-visual img{display:block;width:100%;height:122px;object-fit:contain;filter:drop-shadow(0 4px 7px #0008)}
.continue-copy{display:grid;gap:3px;min-width:0}
.continue-copy .eyebrow{margin:0;color:var(--cyan);font-size:var(--type-meta)}
.continue-copy h2{margin:0;color:#fff;font-size:17px;font-weight:760;line-height:1.18;overflow-wrap:anywhere}
.continue-copy p{margin:1px 0 3px;color:#acc5d2;font-size:var(--type-meta);line-height:1.3}
.course-progress-track{height:5px;overflow:hidden;border-radius:5px;background:#294453}
.course-progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--teal));box-shadow:0 0 9px #42c7ef65;transition:width .25s ease}
.continue-card .primary{min-width:100px;min-height:48px;padding-inline:14px;font-size:14px}
.home-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.hero-action{margin-top:10px}
.tool-gallery-subheading{margin:14px 0 8px;padding-top:10px;border-top:1px solid #294858;color:var(--color-text-2);font-size:var(--type-small);font-weight:760}
.destination-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;min-width:0;min-height:96px;height:auto;padding:16px;border:1px solid #25485b;border-radius:var(--radius-card);background:linear-gradient(125deg,#172e3e,#122431 70%);color:var(--text);text-align:left;box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s,background .15s}
.destination-card:hover{border-color:var(--blue);background:linear-gradient(125deg,#193a4d,#142a38 70%);transform:translateY(-1px)}
.destination-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.destination-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #2f586c;border-radius:8px;background:#173547;color:var(--blue)}
.destination-icon svg{display:block;width:24px;height:24px}
.destination-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.destination-copy strong{margin:0;color:#f6fafd;font-size:16px;font-weight:780;line-height:1.2}
.destination-copy span{color:#aec3cf;font-size:12.5px;line-height:1.4}
.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.hub-grid-compact{margin-bottom:22px}
.hub-card{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;min-width:0;min-height:88px;height:auto;padding:14px 30px 14px 14px;overflow:visible;border:1px solid #25485b;border-radius:var(--radius-card);background:linear-gradient(115deg,#172e3e,#132430 72%);color:var(--text);text-align:left;box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s,background .15s}
.hub-card:after{position:absolute;right:10px;top:50%;color:var(--blue);content:"›";font-size:22px;font-weight:500;line-height:1;transform:translateY(-53%)}
.hub-card:hover{border-color:var(--blue);background:linear-gradient(115deg,#193a4d,#15293a 72%);transform:translateY(-1px)}
.hub-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.hub-card .home-tile-icon{display:grid;width:40px;height:40px;place-items:center;border:1px solid #2f586c;border-radius:7px;background:#173547;color:var(--blue)}
.hub-card .home-tile-icon svg{display:block;width:22px;height:22px}
.hub-card .home-option-copy{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.hub-card .home-option-copy strong{margin:0;color:#f2f8fb;font-size:14px;font-weight:760;line-height:1.2}
.hub-card .home-option-copy>span:not(.option-detail){display:block;color:#b7cbd5;font-size:12.5px;line-height:1.35;white-space:normal}
.hub-card .option-detail{display:block;margin-top:2px;color:var(--blue);font-size:10.5px;font-weight:700;line-height:1.3}
.profile-links{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.home-organized .home-community-link{display:flex;align-items:center;gap:8px;width:max-content;min-height:36px;margin:10px 0 0;padding:5px 10px;border:1px solid #28516a;border-radius:6px;background:#122a38;color:#bdefff;text-align:left;font-size:var(--type-meta)}
.home-organized .home-community-link:before{color:var(--blue);content:"↗";font-size:14px}
.home-organized .home-community-link .home-tile-icon{display:none}
.home-organized .home-community-link .home-option-copy strong{font-size:var(--type-meta)}
.home-organized .home-community-link .home-option-copy>span:not(.option-detail){display:none}
.home-organized .home-community-link .option-detail{display:none}
.tool-gallery{margin:10px 0 14px;padding:12px;border:1px solid #28495a;border-radius:8px;background:linear-gradient(125deg,#132a38,#10222e);box-shadow:inset 0 1px #ffffff08}
.tool-gallery-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}
.tool-gallery-note{margin:0 0 9px;color:#b4c8d2;font-size:12px;line-height:1.4}
.tool-gallery-heading .eyebrow{margin:0;color:var(--blue);font-size:var(--type-meta)}
.tool-gallery-heading h2{margin:0;color:#f5f9fb;font-size:16px;font-weight:780}
.essentials-heading{margin:18px 0 8px;padding-top:12px;border-top:1px solid #294858;color:#f2f8fb;font-size:17px;line-height:1.25}
.tool-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tool-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;min-width:0;padding:7px;border:1px solid #2b5368;border-radius:7px;background:linear-gradient(145deg,#183246,#122431 74%);box-shadow:0 4px 12px #02091069,inset 0 1px #ffffff0a;transition:border-color .16s,box-shadow .16s}
.tool-card.is-interactive{cursor:pointer}
.tool-card.is-interactive:hover{transform:translateY(-2px);border-color:#42c7ef;box-shadow:0 7px 18px #02091088,0 0 14px #42c7ef16}
.tool-card.is-reference{cursor:default;pointer-events:none;user-select:none;opacity:.88}
.tool-card.is-reference:hover{transform:none;border-color:#2b5368;box-shadow:0 4px 12px #02091069,inset 0 1px #ffffff0a}
.tool-card-art{position:relative;display:grid;width:100%;aspect-ratio:16/10;place-items:center;overflow:hidden;border:1px solid #345a6c;border-radius:5px;background:linear-gradient(145deg,#1a4055,#0c1b26 75%);color:var(--cyan)}
.tool-card-art:before{position:absolute;inset:0;background:linear-gradient(90deg,#43c7ef08 1px,transparent 1px),linear-gradient(#43c7ef08 1px,transparent 1px);background-size:16px 16px;content:"";pointer-events:none}
.tool-card-art img,.tool-card-art .tool-render{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px #0008)}
.tool-render-badge{position:absolute;z-index:2;top:5px;right:5px;padding:3px 4px;border:1px solid #406378;border-radius:3px;background:#091720d9;color:#bfefff;font-size:var(--type-meta);font-weight:850;letter-spacing:.3px;line-height:1.1;white-space:nowrap}
.tool-card.is-reference .tool-render-badge{color:#d4e7ef;border-color:#566f7f;background:#101f2a}
.tool-card h3{margin:0;color:#f3f9fc;font-size:12px;font-weight:790;line-height:1.15;overflow-wrap:anywhere}
.tool-card p{margin:0;color:#b4c8d2;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){
 .app{padding:0 max(12px,env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .app[data-bottom-nav=hidden]{padding-bottom:max(18px,env(safe-area-inset-bottom))}
 .topbar{min-height:50px;flex-wrap:nowrap;gap:6px;padding-bottom:3px}
 .top-nav{display:none}
 .topbar #homeButton,.topbar #guideButton{display:none}
 .topbar>.profile-shortcut{margin-left:auto}
 .topbar .quiet{padding-inline:4px;font-size:12px}
 .section-navigation{gap:6px;padding:6px 0}
 .section-navigation select{width:calc(100% - 43px);min-height:44px;font-size:16px}
 .section-navigation label{font-size:var(--type-meta)}
 .nav-note,.top-label{display:none}
 .app>main,.app>section{margin-top:8px}
 .app>main:not(#diagnosticsView){padding-bottom:12px}
 .home-organized{padding:7px 0 12px}
 .home-organized .home-heading{margin:2px 0 7px}
 .home-organized .home-heading h1{font-size:22px}
 .home-organized .home-intro{font-size:12px}
 .home-dashboard{grid-template-columns:minmax(0,1fr);gap:8px;margin:9px 0 13px}
 .home-progress-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
 .progress-chip{grid-template-columns:20px minmax(0,1fr);gap:5px;min-height:56px;padding:6px 7px}
 .progress-chip>svg{width:18px;height:18px}
 .progress-chip-copy{grid-template-columns:1fr;gap:1px}
 .progress-chip-copy>strong{grid-row:auto;font-size:15px}
 .progress-chip-copy>span{font-size:var(--type-meta);letter-spacing:.2px}
 .progress-chip small{font-size:var(--type-meta)}
 .continue-card{grid-template-columns:62px minmax(0,1fr);gap:8px 10px;min-height:0;padding:11px}
 .continue-visual{grid-row:1/4;align-self:stretch}
 .continue-visual img{height:112px}
 .continue-copy{gap:3px}
 .continue-copy .eyebrow{font-size:var(--type-meta)}
 .continue-copy h2{font-size:15px}
 .continue-copy p{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
 .continue-card .primary{grid-column:2;min-height:44px;width:100%;font-size:13px}
 .home-destinations{grid-template-columns:minmax(0,1fr);gap:8px;margin:11px 0}
 .destination-card{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:0;padding:13px}
 .destination-icon{width:36px;height:36px}
 .destination-icon svg{width:20px;height:20px}
 .destination-copy strong{font-size:15px}
 .hub-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin:11px 0}
 .hub-grid-compact{margin-bottom:16px}
 .hub-card{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:0;padding:12px 26px 12px 10px}
 .hub-card .home-tile-icon{width:34px;height:34px}
 .hub-card .home-tile-icon svg{width:19px;height:19px}
 .hub-card .home-option-copy strong{font-size:13px}
 .tool-gallery{margin:8px 0 10px;padding:9px}
 .tool-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .tool-card{gap:5px;padding:6px}
 .tool-card-art{aspect-ratio:16/10}
 .tool-render-badge{top:4px;right:4px;font-size:8px}
 .tool-card h3{font-size:12px}
 .tool-card p{font-size:var(--type-meta);line-height:1.3}
 .mobile-bottom-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:calc(62px + env(safe-area-inset-bottom));padding:5px max(9px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));border-top:1px solid #2d5061;background:#0c1821f5;backdrop-filter:blur(14px)}
 .app[data-bottom-nav=hidden] .mobile-bottom-nav{display:none}
 .mobile-bottom-nav a{display:flex;min-width:0;min-height:44px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:6px;color:#8da9b9;text-decoration:none;font-size:var(--type-meta);font-weight:740;line-height:1.1}
 .mobile-bottom-nav svg{width:19px;height:19px}
 .mobile-bottom-nav a[aria-current=page]{background:#ff762e18;color:var(--orange-bright)}
 .mobile-bottom-nav a[aria-current=page] svg{color:var(--orange-bright);filter:drop-shadow(0 0 5px #ff762e63)}
 .academy-view h1,.jobs-view h1,.profile-view h1,.workshop-view h1,.guide-view h1,.builder-view h1,.learning-view h1,.leaderboard-view h1{font-size:23px}
}
@media(max-width:360px){
 .app{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left))}
 .continue-card{grid-template-columns:52px minmax(0,1fr);gap:8px}
 .progress-chip{grid-template-columns:17px minmax(0,1fr);gap:4px;padding-inline:5px}
 .progress-chip>svg{width:16px;height:16px}
 .progress-chip-copy>strong{font-size:14px}
 .hub-grid{gap:5px}
 .hub-card{gap:5px;padding:10px 24px 10px 8px}
}
@media(prefers-reduced-motion:reduce){.mini-progress span,.course-progress-track span,.hub-card,.destination-card{transition:none}.mobile-bottom-nav{backdrop-filter:none}}

.multimeter-layout .multimeter-hero{aspect-ratio:3/4;min-height:230px}
.diagnostic-meter-device{position:relative;display:grid;width:auto;height:100%;max-width:100%;aspect-ratio:2/3;place-items:center;overflow:hidden}
.diagnostic-meter-device .diagnostic-tool-photo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.meter-rotary{position:absolute;top:51%;left:50%;width:44%;min-width:58px;min-height:0;aspect-ratio:1;padding:0;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;box-shadow:none;color:transparent;touch-action:manipulation}
.meter-rotary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.meter-rotary-pointer{position:absolute;top:14%;left:calc(50% - 1.5px);width:3px;height:35%;transform-origin:50% 100%;border-radius:3px;background:linear-gradient(#d9f8ff,#42c7ef);box-shadow:0 0 5px #42c7ef99;transition:transform .16s ease}
.probe-connection-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0}
.probe-connection-strip>span{display:grid;gap:2px;min-width:0;padding:6px 8px;border:1px solid #2a4c5d;border-radius:4px;background:#0e202b;color:#b5c9d3;font-size:11px;line-height:1.25;overflow-wrap:anywhere}
.probe-connection-strip b{font-size:10px;letter-spacing:.3px}
.probe-connection-strip>span:first-child b{color:#ff8a7a}
.probe-connection-strip>span:last-child b{color:#c3d1d8}
.diagnostic-tool-field{grid-template-columns:14px minmax(0,1fr);align-items:center}
.diagnostic-tool-field>span:not(.probe-swatch){grid-column:1/-1}
.diagnostic-tool-field .probe-swatch{width:10px;height:10px;border:1px solid #849ca8;border-radius:50%;background:#131e26}
.diagnostic-tool-field .probe-swatch.red-lead{border-color:#ff725d;background:#e44d37;box-shadow:0 0 5px #e44d3755}
.diagnostic-tool-field .probe-swatch.black-lead{border-color:#b8c8ce;background:#15212a}
.test-light-indicator{transition:background .12s,box-shadow .12s}
.scan-tool-device{width:100%;min-width:0;overflow:hidden;border:1px solid #466477;border-radius:10px;background:linear-gradient(150deg,#334752,#1b2a34 55%,#111d26);box-shadow:0 10px 24px #02080e99,inset 0 1px #ffffff18}
.scan-device-bezel{margin:10px;padding:8px;border:1px solid #506d7d;border-radius:7px;background:#0a151d;box-shadow:inset 0 0 0 2px #071018}
.scan-device-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:0 5px 7px;color:#91adba}
.scan-device-bar strong{color:#e8f5fa;font-size:var(--type-meta);font-weight:850;letter-spacing:1px}
.scan-device-bar span{font-size:var(--type-meta);font-weight:800;letter-spacing:.4px}
.scan-device-bar span:before{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#48d1bd;box-shadow:0 0 6px #48d1bd88;content:""}
.scan-tool-layout{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;min-width:0;padding:8px;border:1px solid #315062;border-radius:4px;background:linear-gradient(145deg,#102a39,#0a1b26)}
.scan-menu{display:grid;align-content:start;gap:5px}
.scan-menu button{min-width:0;min-height:44px;padding:7px;border:1px solid #284a5e;border-radius:4px;background:#112633;color:#c2d7e0;text-align:left;font-size:12px;font-weight:760;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.scan-menu button[aria-pressed=true]{border-color:var(--cyan);background:#16374a;color:#effbff;box-shadow:inset 3px 0 var(--orange),0 0 10px #42c7ef17}
.scan-content{min-width:0;padding:2px}
.scan-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;padding:7px;border:1px solid #284759;border-radius:4px;background:#0d202c}
.scan-scope-field{display:grid;gap:3px;min-width:0;color:#abc4d0;font-size:var(--type-meta);font-weight:800}
.scan-scope-field select{min-width:0;width:100%;min-height:44px;padding:6px 8px;border:1px solid #315568;border-radius:4px;background:#102532;color:#e8f5fa;font-size:13px}
.scan-panel{padding:5px}
.scan-panel h3{font-size:13px}
.scan-device-grip{display:flex;align-items:center;gap:7px;height:18px;padding:0 15px 7px;color:#9babb3}
.scan-device-grip span{font-size:7px;font-weight:850;letter-spacing:.8px}
.scan-device-grip i{width:5px;height:5px;border-radius:50%;background:#18262e;box-shadow:inset 0 1px 2px #000}
.scan-device-grip span:last-child{margin-left:auto;color:#72d8c3}
@media(max-width:760px){
 .multimeter-layout .multimeter-hero{grid-row:auto;width:100%;height:220px;min-height:0;max-height:230px;aspect-ratio:auto}
 .diagnostic-meter-device{height:100%;max-width:100%}
 .meter-rotary{width:44%;min-width:54px}
 .scan-device-bezel{margin:6px;padding:5px}
 .scan-device-bar{min-height:28px}
 .scan-tool-layout{grid-template-columns:minmax(0,1fr);gap:6px;padding:5px}
 .scan-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .scan-menu button{padding:5px;min-height:44px;text-align:center;font-size:var(--type-meta)}
 .scan-scope{padding:5px}
 .scan-scope-field select{font-size:var(--type-meta)}
 .scan-content{padding:0}
 .scan-panel{padding:3px}
}

.diagnostic-tool-workspace{display:grid;gap:12px;margin:10px 0 20px;padding:12px;border:1px solid #2d5367;border-radius:8px;background:linear-gradient(145deg,#142c3b,#0f202b);box-shadow:0 8px 20px #030a1070}
.diagnostic-tool-header{display:flex;align-items:center;gap:12px;min-width:0}
.diagnostic-tool-header h2{margin:0;color:#f5f9fb;font-size:20px;line-height:1.15}
.diagnostic-tool-header .eyebrow{margin:0;color:var(--blue);font-size:var(--type-meta)}
.diagnostic-scenario-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 11px;border-left:3px solid var(--cyan);background:#10222e}
.diagnostic-scenario-banner>div{display:grid;gap:3px;min-width:0}
.diagnostic-scenario-banner .eyebrow{margin:0;font-size:var(--type-meta)}
.diagnostic-scenario-banner strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.diagnostic-scenario-select{display:grid;gap:3px;flex:0 0 auto;color:#afc4cf;font-size:12px}
.diagnostic-scenario-select select,.diagnostic-tool-field select{min-height:44px;padding:8px 10px;border:1px solid #355a70;border-radius:5px;background:#0e202c;color:#f2f7fa;font-size:14px}
.diagnostic-tool-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}
.diagnostic-tool-hero{position:relative;display:grid;grid-row:span 2;min-height:170px;aspect-ratio:16/10;place-items:center;overflow:hidden;border:1px solid #31576b;border-radius:6px;background:linear-gradient(145deg,#193d51,#0a1822 78%)}
.diagnostic-tool-hero:before{position:absolute;inset:0;background:linear-gradient(90deg,#42c7ef0a 1px,transparent 1px),linear-gradient(#42c7ef0a 1px,transparent 1px);background-size:18px 18px;content:""}
.diagnostic-tool-photo,.diagnostic-tool-hero>svg{position:relative;z-index:1;display:block;width:85%;height:85%;object-fit:contain;filter:drop-shadow(0 6px 10px #0009)}
.diagnostic-tool-hero>.tool-render-badge{top:7px;right:7px;font-size:8px}
.diagnostic-tool-hero.test-light-hero{grid-template-columns:1fr;grid-template-rows:1fr}
.test-light-indicator{position:absolute;z-index:2;right:16%;bottom:16%;width:15px;height:15px;border:2px solid #71909e;border-radius:50%;background:#11222d;box-shadow:0 0 0 5px #091720}
.test-light-indicator.bright{border-color:#ffe39a;background:#ffbf36;box-shadow:0 0 8px 4px #ffb82f92}
.test-light-indicator.dim{border-color:#c98d49;background:#a56a2d;box-shadow:0 0 6px 2px #e9973560}
.diagnostic-tool-field{display:grid;gap:4px;min-width:0;color:#c1d2db;font-size:12px;font-weight:700;line-height:1.25}
.diagnostic-tool-field select{width:100%;min-width:0}
.diagnostic-lead-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.diagnostic-tool-controls,.tool-controls{display:grid;align-content:start;gap:10px;min-width:0}
.diagnostic-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #284b5e;border-radius:6px;background:#0d1d27}
.diagnostic-segmented button{min-width:0;min-height:44px;padding:6px 4px;border:1px solid transparent;border-radius:4px;background:transparent;color:#c0d4df;font-size:12px;font-weight:750;line-height:1.2;white-space:normal}
.diagnostic-segmented button[aria-pressed=true]{border-color:#36718a;background:#17374a;color:#dcf7ff;box-shadow:inset 0 -2px var(--blue)}
.diagnostic-result{display:grid;gap:4px;min-width:0;padding:10px 12px;border:1px solid #294c60;border-radius:6px;background:#091821}
.diagnostic-result-caption{color:#a8c1ce;font-size:var(--type-meta);font-weight:850;letter-spacing:.5px}
.diagnostic-result-reading{color:#75e3f2;font:700 25px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.diagnostic-result-note{margin:0;color:#a9c0cc;font-size:var(--type-meta);line-height:1.35}
.diagnostic-result[data-state=bright] .diagnostic-result-reading{color:#ffd47b}
.diagnostic-result[data-state=dim] .diagnostic-result-reading{color:#efa75f}
.diagnostic-result[data-state=off] .diagnostic-result-reading{color:#91aab6}
.diagnostic-result.is-invalid{border-color:#79514b}
.diagnostic-tool-layout>.diagnostic-result{grid-column:1/-1}
.diagnostic-tool-layout>.tool-controls{grid-column:2;grid-row:1}
.diagnostic-tool-layout>.diagnostic-result{grid-row:2}
.scan-tool-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;min-width:0}
.scan-menu{display:grid;align-content:start;gap:5px}
.scan-menu button{min-height:44px;padding:8px 10px;border:1px solid #2b5065;border-radius:5px;background:#112734;color:#b9d4e0;text-align:left;font-size:12px;font-weight:730}
.scan-menu button[aria-pressed=true]{border-color:var(--orange);background:#2b281f;color:#ffe0c1;box-shadow:inset 3px 0 var(--orange)}
.scan-content,.scan-panel{min-width:0}
.scan-panel h3{margin:0 0 8px;color:#f2f8fb;font-size:15px}
.diagnostic-empty{margin:0;padding:11px;border:1px dashed #355468;border-radius:5px;color:#a4bac6;font-size:12px}
.dtc-list,.live-data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.dtc-card,.live-data-card,.actuator-card{display:grid;gap:5px;min-width:0;padding:9px;border:1px solid #2c5268;border-radius:5px;background:#112735}
.dtc-code{color:#ffb26d;font:750 15px ui-monospace,SFMono-Regular,Consolas,monospace}
.dtc-status{width:max-content;padding:3px 6px;border-radius:3px;background:#542d2a;color:#ffd6c4;font-size:var(--type-meta);font-weight:800}
.dtc-card p,.actuator-card p{margin:0;color:#b0c5d0;font-size:var(--type-meta);line-height:1.35}
.live-data-card span{color:#b4c8d2;font-size:12px;font-weight:700}
.live-data-card strong{color:#effaff;font-size:15px;font-variant-numeric:tabular-nums}
.live-data-card small{color:#9ab1be;font-size:var(--type-meta);line-height:1.25}
.actuator-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.actuator-card strong{color:#f1f8fb;font-size:12px}
.scan-feedback{min-height:18px;margin:7px 0 0;color:#a9dbea;font-size:var(--type-meta)}
@media(max-width:760px){
 .diagnostic-tool-workspace{gap:9px;margin:8px 0 14px;padding:9px}
 .diagnostic-tool-header{gap:8px}
 .diagnostic-tool-header h2{font-size:18px}
 .diagnostic-scenario-banner{align-items:flex-start;flex-direction:column}
 .diagnostic-scenario-select{width:100%}
 .diagnostic-tool-layout{grid-template-columns:minmax(0,1fr);gap:8px}
 .diagnostic-tool-hero{grid-row:auto;width:100%;min-height:0;aspect-ratio:16/8}
 .diagnostic-tool-controls,.tool-controls{grid-column:1!important;grid-row:auto!important}
 .diagnostic-tool-layout>.diagnostic-result{grid-column:1;grid-row:auto}
 .diagnostic-lead-row{gap:6px}
 .diagnostic-tool-field{font-size:var(--type-meta)}
 .scan-tool-layout{grid-template-columns:minmax(0,1fr);gap:8px}
 .scan-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 .scan-menu button{padding:6px;min-height:44px;text-align:center;font-size:var(--type-meta);line-height:1.2}
 .dtc-list,.live-data-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .dtc-card,.live-data-card,.actuator-card{padding:7px}
 .actuator-card{grid-template-columns:minmax(0,1fr)}
 .actuator-card button{width:100%}
}

@media(max-width:760px){
 .diagnostic-tool-field{font-size:12px;line-height:1.25}
 .scan-menu button{padding:6px 4px;min-height:44px;text-align:center;font-size:var(--type-meta);line-height:1.2;white-space:normal;overflow-wrap:anywhere}
 .scan-scope-field{font-size:var(--type-meta)}
 .scan-scope-field select{min-height:44px;font-size:13px}
}
@media(max-width:360px){
 .dtc-list,.live-data-list{grid-template-columns:minmax(0,1fr)}
 .scan-device-bar{flex-wrap:wrap}
 .scan-device-bar span{font-size:var(--type-meta);line-height:1.25}
}
.real-meter .lcd-top,.c-real-meter .lcd-top{font-size:10px;line-height:1.1}
.real-meter .lcd-top span:last-child,.c-real-meter .lcd-top span:last-child{font-size:10px}
.real-meter .port b,.c-real-meter .port b{font-size:9px}

@media(max-width:360px){
 .c-bench{grid-template-columns:minmax(0,1fr)}
 .c-instruments{grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px}
 .c-controls{width:min(100%,280px);max-width:280px}
 .c-real-meter{width:min(220px,100%);height:270px!important}
}
@media(max-width:440px){
 .leaderboard-podium{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px}
 .podium-card.place-1,.podium-card.place-2,.podium-card.place-3{order:initial;min-height:0;padding:16px 14px}
 .podium-card .podium-detail{margin-top:8px}
}