/* One proportional instrument panel, measured against the owner's 1341 x 1173 reference. */
:where(html[data-screen="1"]) body.is-measuring{--page-bg:#000000;background-color:var(--page-bg);background-image:none;--ink:#f5f6f8;--muted:#b5bfce;--line:#545c67}
html:where([data-screen="1"])[data-theme="light"] body.is-measuring{--page-bg:#fdfdfe;--ink:#172233;--muted:#667286;--line:#d9e0e9;background-image:none}
:where(html[data-screen="1"]) body.is-measuring .site-header{height:68px}
:where(html[data-screen="1"]) body.is-measuring .test-section{padding:0 12px 12px;min-height:calc(100svh - 68px)}
:where(html[data-screen="1"]) body.is-measuring .measurement-dashboard{display:block;container-type:inline-size;position:relative;padding:0;width:min(1341px,100%,calc((100svh - 82px)*1.14322));max-width:none;aspect-ratio:1341/1173;margin:0 auto;text-align:center}
:where(html[data-screen="1"]) .measurement-dashboard .speed-layout{top:2.13%;left:4.77%;right:4.77%;position:absolute}
:where(html[data-screen="1"]) .measurement-dashboard .section-heading{display:flex;justify-content:space-between;align-items:center}
:where(html[data-screen="1"]) .measurement-dashboard .result-section{width:95.5%;max-width:none}
:where(html[data-screen="1"]) .measurement-dashboard .section-heading h2{font-size:1.79cqw;font-weight:600;letter-spacing:0;margin:0}
:where(html[data-screen="1"]) .measurement-dashboard .section-heading time{font-size:1.49cqw;color:var(--muted);margin:0}
:where(html[data-screen="1"]) .measurement-dashboard .live-metrics{position:absolute;top:5.5%;left:4.77%;width:90.46%;height:10%;margin:0;padding:0 2.7% 1%;max-width:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2%;border-bottom:1px solid var(--line)}
:where(html[data-screen="1"]) .measurement-dashboard .live-metric{transform:translateX(-2.65cqw);text-align:center;align-self:auto;grid-row:auto;grid-column:auto}
:where(html[data-screen="1"]) .measurement-dashboard .metric-label{font-size:1.64cqw;line-height:1.3;color:var(--ink);margin-bottom:1cqw}
:where(html[data-screen="1"]) .measurement-dashboard .metric-label i{font-size:1.9cqw;margin-right:.35cqw}
:where(html[data-screen="1"]) .measurement-dashboard .live-metric strong{font-size:min(40px,5.22cqw);line-height:1;font-weight:500;letter-spacing:-.09cqw;font-variant-numeric:tabular-nums}
:where(html[data-screen="1"]) .measurement-dashboard .live-metric small{display:inline;font-size:1.49cqw;color:var(--muted);margin-left:.55cqw}
:where(html[data-screen="1"]) .measurement-dashboard .instruments{position:absolute;left:0;top:22.5%;width:100%;height:47.74%;margin:0;max-width:none;display:block}
:where(html[data-screen="1"]) body.is-measuring .measurement-dashboard .instruments .speed-gauge{position:absolute;top:0;left:25.35%;width:44.74%;min-width:0;max-width:none;aspect-ratio:600/560;margin:0;z-index:2;container-type:normal}
:where(html[data-screen="1"]) .instruments .gauge-svg{width:100%;height:100%;overflow:visible}
:where(html[data-screen="1"]) .instruments .aux-instrument{position:absolute;width:31.32%;margin:0;z-index:1}
:where(html[data-screen="1"]) .instruments .instrument-ping{left:3.13%;top:13.21%}
:where(html[data-screen="1"]) .instruments .instrument-jitter{left:62.42%;top:11.96%}
:where(html[data-screen="1"]) .instruments .aux-dial{position:relative;aspect-ratio:1}
:where(html[data-screen="1"]) .instruments .aux-dial>svg{width:100%;height:100%;overflow:visible}
:where(html[data-screen="1"]) .instruments figcaption{position:absolute;top:-4.77cqw;left:0;width:100%;font-size:1.79cqw;color:var(--ink);line-height:1.3;white-space:nowrap}
:where(html[data-screen="1"]) .face-light{stop-color:#191e25}:where(html[data-screen="1"]) .face-dark{stop-color:#0e1116}
:where(html[data-screen="1"]) .aux-face{fill:url(#dial-face)}
:where(html[data-screen="1"]) .aux-inner-rim{stroke:#505863;stroke-width:2}
:where(html[data-screen="1"]) .aux-scale text{fill:var(--ink);font:24px 'Segoe UI',Arial,sans-serif}
:where(html[data-screen="1"]) .aux-tick{stroke:#fafafa;stroke-width:2}:where(html[data-screen="1"]) .aux-minor{stroke:#e9edf1;stroke-width:1}
:where(html[data-screen="1"]) .aux-needle{transition:transform .8s cubic-bezier(.2,.75,.3,1);filter:drop-shadow(2px 3px 2px #0008)}
:where(html[data-screen="1"]) .instrument-ping{--needle-colour:#ff8d13}:where(html[data-screen="1"]) .instrument-jitter{--needle-colour:#ff292f}
:where(html[data-screen="1"]) .aux-needle-blade{fill:var(--needle-colour);stroke:#472a27;stroke-width:.7}:where(html[data-screen="1"]) .aux-needle-highlight{stroke:#ffffff90;stroke-width:1}
:where(html[data-screen="1"]) .aux-hub-shadow{fill:#05080c;filter:drop-shadow(2px 5px 4px #000b)}
:where(html[data-screen="1"]) .aux-hub{fill:url(#hub-metal);stroke:#070a10;stroke-width:1.5}:where(html[data-screen="1"]) .aux-cap{fill:url(#hub-cap);stroke:#61717a;stroke-width:1.2}
:where(html[data-screen="1"]) .instrument-ping .aux-cap{stroke:#ff8d13}
:where(html[data-screen="1"]) .instruments .aux-readout{position:absolute;top:26%;left:12%;width:76%;display:flex;flex-direction:column;align-items:center;color:var(--ink);line-height:1}
:where(html[data-screen="1"]) .instruments .aux-readout strong{font-size:3.28cqw;font-weight:500;font-variant-numeric:tabular-nums}
:where(html[data-screen="1"]) .instruments .aux-readout small{font-size:1.64cqw;margin-top:.25cqw}
:where(html[data-screen="1"]) .aux-unit{fill:none;stroke:#9aa6b6;stroke-width:1.5}:where(html[data-screen="1"]) .aux-unit-label{fill:var(--ink);font:22px 'Segoe UI',Arial,sans-serif}
:where(html[data-screen="1"]) .instruments #gauge-scale{filter:none}:where(html[data-screen="1"]) .instruments #gauge-scale text{fill:var(--ink)}
:where(html[data-screen="1"]) .instruments #gauge-scale line{stroke:#d8dce1;stroke-linecap:butt}
:where(html[data-screen="1"]) .instruments .gauge-rim{stroke:#edf4fb;stroke-width:1;opacity:.6}
:where(html[data-screen="1"]) .instruments .gauge-arc-track{stroke:#b78bf9;stroke-width:11;opacity:.22}
:where(html[data-screen="1"]) .instruments .gauge-arc{stroke:var(--quality-colour,#b98aff);stroke-width:11;filter:none;stroke-linecap:butt}
:where(html[data-screen="1"]) .instruments .gauge-inner-track,:where(html[data-screen="1"]) .instruments .gauge-inner-arc,:where(html[data-screen="1"]) .instruments .gauge-backlight,:where(html[data-screen="1"]) #speed-quality-marker{display:none}
:where(html[data-screen="1"]) .instruments .gauge-inner-glow{display:block;fill:none;stroke:var(--quality-colour,#b98aff);stroke-width:29;stroke-linecap:round;opacity:.68;filter:blur(8px);pointer-events:none}
:where(html[data-screen="1"]) .aux-band-aura{filter:blur(8px);opacity:0;transition:opacity .5s;pointer-events:none}
:where(html[data-screen="1"]) .has-value .aux-band-aura{opacity:.62}
html:where([data-screen="1"])[data-theme="light"] .instruments .gauge-inner-glow{opacity:.42;stroke-width:25;filter:blur(7px)}
html:where([data-screen="1"])[data-theme="light"] .has-value .aux-band-aura{opacity:.38}
:where(html[data-screen="1"]) .instruments .dial-heading{position:absolute;top:27.3%;left:10%;width:80%;font-size:2.23cqw;line-height:1.3;color:var(--ink)}
:where(html[data-screen="1"]) .dial-heading small{display:flex;justify-content:center;gap:1.1cqw;font-size:1.64cqw;margin-top:.6cqw}
:where(html[data-screen="1"]) .dial-heading i{font-style:normal;color:#50ebed}:where(html[data-screen="1"]) .dial-heading small>span+span i{color:#c58aee}
:where(html[data-screen="1"]) .instruments .gauge-readout{top:62.5%;left:10%;right:10%;color:var(--ink);line-height:1}
:where(html[data-screen="1"]) .instruments .gauge-readout strong,:where(html[data-screen="1"]) body.is-complete .instruments .gauge-readout strong{font-size:min(66px,7.6cqw);line-height:1;font-weight:450;letter-spacing:-.14cqw;text-shadow:none}
:where(html[data-screen="1"]) .instruments .gauge-readout>span,:where(html[data-screen="1"]) body.is-complete .instruments .gauge-readout>span{font-size:1.64cqw;margin-top:1.6cqw;color:var(--muted)}
:where(html[data-screen="1"]) .instruments .gauge-readout em,:where(html[data-screen="1"]) body.is-complete .instruments .gauge-readout em{font-size:1.64cqw;margin-top:1.7cqw;color:#d09af4!important}
:where(html[data-screen="1"]) .instruments .hub-light{stroke:#aa55df;filter:none}
:where(html[data-screen="1"]) .measurement-dashboard .chart-wrap{position:absolute;top:69.39%;left:13.72%;width:68.53%;max-width:none;margin:0}
:where(html[data-screen="1"]) body.is-measuring .measurement-dashboard .speed-chart{height:4.62cqw;display:block}
:where(html[data-screen="1"]) .measurement-dashboard .chart-grid{stroke:#515c69;stroke-width:.65}
:where(html[data-screen="1"]) .measurement-dashboard .chart-legend{font-size:1.34cqw;margin-top:1.1cqw;gap:2cqw;line-height:1.5}
:where(html[data-screen="1"]) .measurement-dashboard .gauge-progress{position:absolute;top:80.22%;left:12.45%;width:70.47%;max-width:none;height:.15cqw;min-height:1px;margin:0;background:#38414f}
:where(html[data-screen="1"]) .measurement-dashboard .gauge-status{position:absolute;top:82.27%;left:0;width:100%;font-size:1.49cqw;line-height:1.4;min-height:0;margin:0;color:var(--muted)}
:where(html[data-screen="1"]) .measurement-dashboard .gauge-actions{position:absolute;top:85.5%;left:0;width:100%;min-height:0;display:flex;justify-content:center}
:where(html[data-screen="1"]) .measurement-dashboard .gauge-actions button{font-size:1.64cqw;padding:1.55cqw 2.15cqw;min-height:0;border-radius:4cqw;line-height:1.3;border:1.5px solid #b9c2ce;background:transparent;color:var(--ink)}
html:where([data-screen="1"])[data-theme="light"] .face-light{stop-color:#fff}html:where([data-screen="1"])[data-theme="light"] .face-dark{stop-color:#f8fafd}
html:where([data-screen="1"])[data-theme="light"] .aux-inner-rim{stroke:#dde3e9}
html:where([data-screen="1"])[data-theme="light"] .instruments #gauge-scale line{stroke:#8f99a9}
html:where([data-screen="1"])[data-theme="light"] .instruments #gauge-scale text{fill:#172233}
html:where([data-screen="1"])[data-theme="light"] .instruments .gauge-arc-track{stroke:#d5baed;opacity:.4}
html:where([data-screen="1"])[data-theme="light"] .instruments .gauge-readout em{color:#7824a3!important}
html:where([data-screen="1"])[data-theme="light"] .dial-heading i{color:#00848b}html:where([data-screen="1"])[data-theme="light"] .dial-heading small>span+span i{color:#852ba9}
html:where([data-screen="1"])[data-theme="light"] .chart-grid{stroke:#d4dce8}
html:where([data-screen="1"])[data-theme="light"] .measurement-dashboard .gauge-progress{background:#eee5f5}
html:where([data-screen="1"])[data-theme="light"] .aux-needle{filter:drop-shadow(2px 3px 2px #20304055)}
/* On narrow viewports the persistent product cards remain below the panel. */
@media(max-width:999px){:where(html[data-screen="1"]) body.is-measuring .measurement-dashboard{width:min(100%,calc((100svh - 310px)*1.14322))}:where(html[data-screen="1"]) .result-promos{max-width:750px;margin:28px auto 0}:where(html[data-screen="1"]) .result-promos h2{font-size:14px}:where(html[data-screen="1"]) .result-promos>.app-promo,:where(html[data-screen="1"]) .result-promos>.player-result-promo{padding:38px 16px 14px}}
@media(min-width:1000px) and (max-width:1199px){:where(html[data-screen="1"]) .result-promos>.app-promo,:where(html[data-screen="1"]) .result-promos>.player-result-promo{width:150px;min-height:220px;padding:42px 22px 24px}:where(html[data-screen="1"]) .result-promos h2{font-size:15px}:where(html[data-screen="1"]) .result-promos p{font-size:11px}:where(html[data-screen="1"]) .result-promos .app-promo-button{font-size:10px;padding:10px}}
@media(max-width:600px){:where(html[data-screen="1"]) body.is-measuring .test-section{padding:0 8px 12px}:where(html[data-screen="1"]) .measurement-dashboard .live-metric small{display:block;font-size:2.5cqw;margin-top:1cqw}:where(html[data-screen="1"]) .measurement-dashboard .metric-label{font-size:2.6cqw}:where(html[data-screen="1"]) .measurement-dashboard .section-heading h2{font-size:3.2cqw}:where(html[data-screen="1"]) .measurement-dashboard .section-heading time{font-size:2.5cqw}:where(html[data-screen="1"]) .measurement-dashboard .gauge-actions button{font-size:3.2cqw;padding:2.4cqw 3.5cqw}:where(html[data-screen="1"]) .measurement-dashboard .gauge-status{font-size:2.8cqw}:where(html[data-screen="1"]) .measurement-dashboard .chart-legend{font-size:2.5cqw}:where(html[data-screen="1"]) .measurement-dashboard .gauge-actions{top:93%}}
@media(prefers-reduced-motion:reduce){:where(html[data-screen="1"]) .aux-needle{transition:none}}