:root{color-scheme:dark;--bg:#080f20;--panel:#121e35;--panel2:#0d182d;--edge:#263853;--muted:#9daec6;--text:#f2f6ff;--aqua:#52e1ca;--violet:#9ba8ff;--soft:#c9d7ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 55% 27% at 56% 4%,#19385a45,transparent 80%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}a:hover{color:var(--aqua)}button,input{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.content-width,.navigation,.site-footer{max-width:1190px;margin-inline:auto;padding-inline:24px}.site-header{border-bottom:1px solid #ffffff13;position:relative;z-index:2}.navigation{min-height:80px;display:flex;align-items:center;gap:35px}.brand{font-size:18px;font-weight:800;letter-spacing:-.7px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #6ae6d7a6;border-radius:12px;margin-right:10px;background:#ffffff;color:var(--aqua);font-size:24px;overflow:hidden;flex:0 0 auto}.brand-logo{display:block;width:100%;height:100%;object-fit:contain}.brand-accent{color:var(--aqua)}.brand-domain{color:#8ca2ba;font-weight:500;font-size:13px}.nav-links{display:flex;gap:29px;margin-left:auto}.nav-links a,.nav-cta{font-size:13px;font-weight:650;text-decoration:none;color:#c8d4e8}.nav-cta{padding:10px 17px;border:1px solid #355d64;border-radius:9px;color:var(--aqua);white-space:nowrap}.nav-cta span{margin-left:8px}.nav-cta:hover,.secondary-button:hover{background:#45d9c91c}.hero{display:grid;grid-template-columns:1fr .95fr;gap:5%;align-items:center;padding-top:73px;padding-bottom:82px}.eyebrow,.section-kicker,.panel-kicker,.learn-type{font-size:10px;letter-spacing:2.1px;font-weight:800;color:var(--aqua)}.eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-dot,.panel-live i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--aqua);box-shadow:0 0 11px #52e1ca90}.eyebrow-line{display:inline-block;width:20px;height:1px;background:#5e7692}.hero h1{font-size:clamp(38px,4.3vw,65px);line-height:1.1;letter-spacing:-2.6px;margin:25px 0 23px;max-width:650px}.hero h1 span{color:var(--aqua)}.hero-description{font-size:16px;color:#b3c4d9;line-height:1.9;max-width:510px}.hero-qualities{display:flex;gap:16px 26px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#c6d4e3}.test-panel{border:1px solid #37516e;background:linear-gradient(145deg,#1b2c45,#0d1b31 78%);box-shadow:0 20px 90px #0005;border-radius:22px;padding:27px 28px 19px;scroll-margin-top:20px}.test-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-kicker{font-size:9px;letter-spacing:1.8px;color:#8caac7}.test-panel h2{font-size:20px;letter-spacing:-.5px;margin:4px 0}.panel-live{font-size:11px;color:var(--aqua);border:1px solid #37746f;padding:5px 10px;border-radius:20px;white-space:nowrap}.panel-live i{margin-right:6px;width:6px;height:6px}.test-dial{height:294px;display:grid;place-items:center}.dial-outer{width:245px;height:245px;border:1px solid #37516b;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 17px #213b4d3d,0 0 60px #42e0c415}.dial-inner{width:216px;height:216px;border:2px solid #36d9bb;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 65%,#1e534d88,#102536 75%);position:relative;box-shadow:inset 0 0 35px #45e8ce1b,0 0 16px #52e1ca45}.start-button{color:white;cursor:pointer;border:0;background:transparent;height:100%;width:100%;border-radius:50%;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transition:transform .2s;color:var(--text)}.start-button:not(:disabled):hover{transform:scale(1.05);color:var(--aqua)}.start-button span:last-child{font-size:17px}.start-button:focus-visible,.secondary-button:focus-visible,.nav-cta:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.play-symbol{display:grid;place-items:center;color:#072d29;background:var(--aqua);width:48px;height:48px;border-radius:50%;font-size:17px;padding-left:3px}.chart-container{width:130px;height:55px;position:absolute;top:76px;left:36px}.chart-line{fill:none;stroke:var(--aqua);stroke-width:2}.hidden{display:none!important}.test-status{text-align:center;min-height:22px;font-size:13px;color:#c6d6e6;margin:0 0 23px}.test-panel-foot{border-top:1px solid #ffffff1c;padding-top:16px;display:flex;justify-content:space-between;gap:12px;color:#92a9bf;font-size:11px}.panel-point{width:7px;height:7px;background:var(--aqua);display:inline-block;border-radius:50%;margin-right:7px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.section-heading h2{font-size:clamp(24px,2.6vw,35px);letter-spacing:-1.2px;margin:8px 0}.section-heading p:not(.section-kicker){color:#a6b7cb;font-size:14px;margin:0}.section-kicker{margin:0;font-size:11px}.section-note{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#91a9c0}.stats-section{padding-bottom:66px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric-card,.info-card,.learn-card,.result-share{background:var(--panel2);border:1px solid var(--edge);border-radius:15px}.metric-card{padding:22px 18px;display:flex;flex-direction:column;min-height:188px;overflow:hidden}.metric-featured{border-color:#377f7c;background:linear-gradient(145deg,#14413f,#12283b)}.metric-symbol{font-size:22px;color:var(--aqua);height:40px}.metric-label{font-size:10px;color:#9dacc1;font-weight:850;letter-spacing:1.2px}.metric-value{font-size:clamp(21px,2.1vw,31px);font-weight:800;letter-spacing:-1px;white-space:nowrap;margin:5px 0 9px;font-variant-numeric:tabular-nums}.metric-desc{color:#99adc2;font-size:11px;margin-top:auto}.result-share{margin-top:18px;padding:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.result-share strong{font-size:15px}.result-share p{font-size:12px;color:#a2b5c9;margin:5px 0 0}.share-controls{display:flex;gap:8px;align-items:center;min-width:min(100%,420px)}.share-controls input{background:#081525;color:#d7e6f8;border:1px solid #35506b;border-radius:9px;padding:12px 13px;width:100%;font-size:12px;min-width:0}.secondary-button{border:1px solid #397c77;color:var(--aqua);background:#173933;cursor:pointer;padding:11px 14px;border-radius:9px;font-weight:750;white-space:nowrap}.secondary-button:disabled{opacity:.4;cursor:not-allowed}.fine-print{font-size:11px;color:#95a8ba;margin-top:12px}.insights-section,.learn-section,.faq-section{padding-bottom:70px}.insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{padding:26px 23px}.info-card h3{font-size:17px;margin:0 0 20px;letter-spacing:-.3px}.connection-info{margin:0}.connection-info div,.capability-list div{border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;gap:14px;padding:11px 0;align-items:center}.connection-info dt,.capability-list span{font-size:12px;color:#a9bfd4}.connection-info dd{font-size:12px;font-weight:650;margin:0;text-align:right;max-width:55%;overflow-wrap:anywhere}.hint,.card-sub{font-size:11px;color:#95a8bc;line-height:1.7;margin:18px 0 0}.card-sub{margin:-10px 0 9px}.capability-list strong{font-size:12px;font-weight:800}.tag{font-size:9px;letter-spacing:1px;padding:3px 6px;border:1px solid #496177;border-radius:5px;color:#a9c5db;margin-left:5px;white-space:nowrap}.learn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.learn-card{text-decoration:none;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:border-color .2s,transform .2s}.learn-card:hover{border-color:#398c89;transform:translateY(-2px)}.learn-icon{font-size:28px;color:var(--aqua)}.learn-card strong{font-size:21px;letter-spacing:-.5px;line-height:1.3;max-width:430px}.learn-card>span:not(.learn-icon):not(.learn-type){font-size:13px;color:#b1c1d2;line-height:1.8}.learn-card b{font-size:12px;color:var(--aqua);margin-top:11px}.faq-list{border-top:1px solid var(--edge)}.faq-list details{border-bottom:1px solid var(--edge);padding:0 13px}.faq-list summary{list-style:none;padding:21px 0;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:21px;color:var(--aqua);line-height:1}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:#b1c5d7;font-size:14px;max-width:850px;margin:0 0 22px}.faq-list a,.article-body a{color:var(--aqua)}.site-footer{border-top:1px solid #ffffff18;display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap;padding-top:33px;padding-bottom:35px;margin-top:16px;align-items:flex-start}.site-footer strong{font-size:16px}.site-footer p,.copyright{font-size:11px;color:#91a8c0}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px 20px;max-width:440px}.site-footer nav a{font-size:12px;color:#c0d0e2;text-decoration:none}.copyright{width:100%}.article-hero{padding-top:65px;padding-bottom:28px}.article-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.17;letter-spacing:-1.5px;margin:10px 0 20px;max-width:850px}.article-hero>p{max-width:780px;color:#bed0e0;font-size:16px;line-height:1.8}.article-body{max-width:850px;margin:0 auto 70px;padding:30px 28px;background:var(--panel2);border:1px solid var(--edge);border-radius:16px}.article-body h2{font-size:23px;margin:34px 0 12px;line-height:1.3}.article-body h2:first-child{margin-top:0}.article-body p,.article-body li{color:#bdcce0;font-size:15px;line-height:1.85}.article-body ul,.article-body ol{padding-left:23px}.article-body li{margin-bottom:12px}.article-cta{margin:26px 0;padding:20px;border:1px solid #326c69;background:#153332;border-radius:11px}.article-cta a{font-weight:800;color:var(--aqua)}.result-hero{padding-top:55px}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:35px}.result-grid .metric-card{min-height:140px}.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}.skip-link{position:absolute;top:-60px;left:10px;background:#fff;color:#000;padding:10px;z-index:9}.skip-link:focus{top:8px}
@media(max-width:1000px){.hero{grid-template-columns:1fr .9fr;gap:30px}.metrics-grid{grid-template-columns:repeat(3,1fr)}.insights-grid{grid-template-columns:1fr 1fr}.insights-grid>:first-child{grid-column:span 2}.brand-domain{display:none}.nav-links{gap:14px}}@media(max-width:720px){.navigation{min-height:68px;gap:12px}.nav-links{display:none}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:47px;padding-bottom:55px}.hero h1{letter-spacing:-1.3px}.test-panel{max-width:510px;width:100%;margin-inline:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insights-grid,.learn-grid,.result-grid{grid-template-columns:1fr 1fr}.insights-grid>:first-child{grid-column:span 2}.result-share{flex-direction:column;align-items:stretch}.share-controls{min-width:0}.section-note{display:none}}@media(max-width:500px){.content-width,.navigation,.site-footer{padding-inline:17px}.brand{font-size:15px}.brand-icon{width:32px;height:32px;margin-right:6px}.hero-description{font-size:15px}.hero-qualities{font-size:11px}.test-panel{padding:19px 15px 14px}.test-dial{height:276px}.dial-outer{width:228px;height:228px}.dial-inner{width:202px;height:202px}.chart-container{left:31px;top:75px}.metrics-grid{gap:9px}.metric-card{min-height:159px;padding:17px 13px}.metric-desc{font-size:10px}.metric-value{font-size:clamp(18px,5vw,26px)}.insights-grid,.learn-grid,.result-grid{grid-template-columns:1fr}.insights-grid>:first-child{grid-column:span 1}.section-heading h2{font-size:26px}.test-panel-foot{font-size:10px}.article-body{padding:23px 19px}.site-footer{gap:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V3 visual system — additions only, existing article and result layouts retained */
:root{--ink:#effaff;--quiet:#a8c0d8;--aqua:#55f0d2;--blue:#80b8ff;--glass:#0e1c32}
body{background:radial-gradient(ellipse 70% 20% at 48% 1%,#18456e80,transparent 85%),radial-gradient(ellipse 35% 23% at 97% 24%,#15696320,transparent 80%),#070f1e}
.navigation{min-height:82px}.brand-icon{background:linear-gradient(145deg,#51efd1,#64a6fa);color:#0c2333;box-shadow:0 4px 25px #55f0d244}.nav-links a{transition:color .16s}.nav-links a:hover{color:#55f0d2}
.new-hero{padding-top:76px;padding-bottom:63px;align-items:center;gap:6vw}.new-hero .hero-copy{padding-top:4px}
.new-hero h1{font-size:clamp(39px,4.5vw,70px);line-height:1.08;max-width:780px;letter-spacing:-2.7px;margin:22px 0 25px}
.new-hero h1 span{color:#68efd6;background:linear-gradient(110deg,#52eacc,#8faeff);background-clip:text;-webkit-text-fill-color:transparent}
.new-hero .hero-description{max-width:630px;font-size:clamp(15px,1.25vw,18px);line-height:1.8}
.trust-strip{display:flex;align-items:center;gap:16px;margin-top:31px;padding:17px 19px;max-width:540px;background:#0d1e324f;border:1px solid #31556b78;border-radius:14px}
.trust-symbol{font-size:31px;color:var(--aqua);line-height:1}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:13px}.trust-strip small{font-size:11px;color:var(--quiet);margin-top:4px;line-height:1.6}
.test-panel-v3{background:linear-gradient(155deg,#1e314f,#0b182c 55%,#102e344d);border-color:#446680b0;border-radius:27px;box-shadow:0 25px 100px #0008,0 0 90px #2bdabb0f;position:relative;overflow:hidden}
.test-panel-v3::before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#63ffe0,transparent)}
.test-configuration{background:#0a172a8a;border:1px solid #2f4d62;border-radius:14px;padding:12px 14px;margin-top:17px}
.test-configuration label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.test-configuration select,.profile-picker select{width:100%;border:1px solid #49718e;background:#12263f;color:#ecfaff;border-radius:10px;padding:10px 35px 10px 12px;cursor:pointer;appearance:auto}
.test-configuration p{font-size:10px;line-height:1.6;color:#adbed2;margin:7px 0 0}
.test-panel-v3 .test-dial{height:239px}.test-panel-v3 .dial-outer{height:205px;width:205px;box-shadow:0 0 0 15px #51d6cc12,0 0 76px #5bffe51b}
.test-panel-v3 .dial-inner{width:182px;height:182px;background:radial-gradient(circle at center,#14524e,#11243b 80%);box-shadow:inset 0 0 48px #54efd020,0 0 35px #52e1ca15}
.test-panel-v3 .start-button span:last-child{font-size:14px}.test-panel-v3 .play-symbol{width:48px;height:48px}
.test-panel-v3 .test-status{margin-bottom:13px;min-height:42px;line-height:1.55;font-size:12px}
.test-stage{display:flex;justify-content:space-between;font-size:11px;color:#cbdcea;margin-top:14px;margin-bottom:7px}
#test-progress{display:block;width:100%;height:6px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#253b51}
#test-progress::-webkit-progress-bar{background:#253b51;border-radius:99px}#test-progress::-webkit-progress-value{background:linear-gradient(90deg,#47ddb8,#81b7ff);border-radius:99px}#test-progress::-moz-progress-bar{background:#55e6d5;border-radius:99px}
.live-data{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;font-size:10px;color:#94acc4;letter-spacing:1px}
.live-data strong{font-size:12px;color:#c7fff1;letter-spacing:0}.real-trace{display:block;width:100%;height:42px;margin:9px 0 12px;background:linear-gradient(180deg,#1a4d5042,#0822360a);border-radius:8px}.real-trace .chart-line{stroke:#64f5d6;stroke-width:1.4;vector-effect:non-scaling-stroke}.trace-axis{stroke:#53738b;stroke-width:.5;stroke-dasharray:2 3}
.activity-section{padding-bottom:78px;scroll-margin-top:15px}.activity-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}.activity-heading h2{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;margin:10px 0}.activity-heading p:not(.section-kicker){color:#abc0d5;margin:0;font-size:14px;max-width:680px}.activity-mark{font-size:11px;letter-spacing:1.5px;color:#55e6d5;font-weight:750;white-space:nowrap}
.activity-shell{display:grid;grid-template-columns:.91fr 1.09fr;gap:18px}.profile-picker,.readiness-card{background:linear-gradient(145deg,#17283f,#0a1829);border:1px solid #314c66;border-radius:22px;padding:29px;box-shadow:0 12px 60px #0003}
.profile-picker{display:flex;flex-direction:column;gap:11px}.profile-picker>label{font-weight:800;font-size:14px}.profile-picker select{font-size:14px;min-height:49px;background:#091929}.profile-hint,.profile-guidance{font-size:12px;color:#a8bfd0;line-height:1.75;margin:0}.usage-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.usage-cards button{background:#19384b7a;border:1px solid #3b6276;border-radius:12px;padding:15px 12px;color:#d6f5f3;font-size:12px;font-weight:750;cursor:pointer;text-align:left;min-height:65px;transition:background .16s,border-color .16s}
.usage-cards button:hover{background:#22556a;border-color:#63e0c9}
.readiness-card{border-color:#39756e88;position:relative;overflow:hidden;background:radial-gradient(circle at 95% 8%,#3ac7ad17,transparent 38%),linear-gradient(145deg,#112d39,#0a1729)}
.readiness-top{display:flex;align-items:center;gap:9px;justify-content:space-between}.readiness-badge{border:1px solid #4d7287;background:#23445555;border-radius:999px;color:#d3f1ed;font-size:10px;padding:6px 10px;white-space:nowrap}.readiness-badge[data-level=good]{color:#67f9c8;border-color:#33866d}.readiness-badge[data-level=mixed]{color:#ffdd8a;border-color:#b38939}.readiness-badge[data-level=poor]{color:#ffb4a6;border-color:#a45358}
.profile-label{font-size:10px;font-weight:800;color:#74e7d6;letter-spacing:1px;margin:24px 0 8px}.readiness-card h3{font-size:clamp(20px,2vw,27px);margin:0;line-height:1.25;letter-spacing:-.5px}.readiness-card>p:not(.profile-label):not(.profile-guidance){color:#aec9d9;font-size:13px;max-width:530px;line-height:1.7}.readiness-list{list-style:none;margin:17px 0;padding:0}.readiness-list li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #ffffff15;padding:9px 0;font-size:12px}.readiness-list li span{color:#d5edeb}.readiness-list li strong{font-weight:650;text-align:right;font-variant-numeric:tabular-nums;color:#8ef4d9}.readiness-list li.caution strong{color:#ffd18d}.profile-guidance{margin-top:17px;border-top:1px solid #ffffff17;padding-top:15px}
.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{border-radius:18px;background:linear-gradient(150deg,#101e33,#0a182a);border-color:#31465b}.metric-featured{background:linear-gradient(140deg,#1d564f,#12283b);border-color:#54bdab}
.guide-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-tiles a{border:1px solid #34546d;background:linear-gradient(145deg,#162b44,#0c1d30);border-radius:17px;display:flex;flex-direction:column;padding:22px;gap:12px;text-decoration:none;min-height:182px;transition:transform .15s,border-color .15s}.guide-tiles a:hover{transform:translateY(-3px);border-color:#59bfb4}.guide-tiles span{font-size:10px;letter-spacing:1.2px;color:#77edd9;font-weight:750}.guide-tiles strong{font-size:19px;line-height:1.3}.guide-tiles small{font-size:12px;color:#b6c8dd;line-height:1.65}
.nav-links{flex-wrap:wrap}.nav-links a{font-size:12px}.page-quick-test{display:flex;flex-wrap:wrap;gap:10px;background:#15323c;border:1px solid #3a7e75;border-radius:16px;padding:23px;margin:23px 0 28px;align-items:center;justify-content:space-between}.page-quick-test strong{font-size:16px}.page-quick-test p{font-size:12px;margin:6px 0 0;color:#b6d4d4}.page-quick-test a{background:#60e3ca;color:#062c29;border-radius:9px;text-decoration:none;font-weight:800;padding:11px 16px;white-space:nowrap}
@media(max-width:1100px){.new-hero{gap:30px}.new-hero h1{font-size:clamp(35px,4vw,57px)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.new-hero{grid-template-columns:1fr;padding-top:42px;gap:26px}.new-hero h1{max-width:650px}.activity-shell{grid-template-columns:1fr}.activity-mark{display:none}.profile-picker,.readiness-card{padding:23px}.activity-section{padding-bottom:55px}.navigation{flex-wrap:wrap;padding-block:12px}.nav-links{display:flex;order:3;width:100%;gap:9px;overflow-x:auto;flex-wrap:nowrap;padding:8px 0 0;scrollbar-width:none}.nav-links a{white-space:nowrap}.nav-links::-webkit-scrollbar{display:none}.nav-cta{margin-left:auto}}
@media(max-width:500px){.new-hero h1{font-size:38px;letter-spacing:-1.9px}.new-hero .hero-description{font-size:14px}.test-panel-v3 .test-dial{height:223px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-tiles{grid-template-columns:1fr}.activity-shell{gap:12px}.readiness-list li{flex-direction:column;gap:3px}.readiness-list li strong{text-align:left}.usage-cards button{font-size:11px}.live-data strong{font-size:11px}}

/* V3.2: numeric readings never spill over their own cards. */
.metrics-grid > *, .result-grid > * { min-width:0; }
.metric-card .metric-value { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:5px; row-gap:0; min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:normal; font-size:clamp(17px,1.55vw,27px); line-height:1.25; letter-spacing:-.5px; }
.metric-value .metric-number { min-width:0; max-width:100%; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.metric-value .metric-unit { font-size:clamp(10px,0.95vw,14px); letter-spacing:0; white-space:nowrap; color:var(--quiet); font-weight:650; }
@media (max-width:600px) { .metric-card .metric-value { font-size:clamp(16px,4.1vw,24px); } .metric-value .metric-unit {font-size:11px;} }

/* V3.4: play button centered in the dial, percentage moved below the circle. */
.test-panel-v3 .dial-outer{
  --dial-progress:0%;position:relative;isolation:isolate;
  background:conic-gradient(var(--aqua) var(--dial-progress),transparent var(--dial-progress));
  border:2px solid transparent;box-shadow:0 0 0 11px #45d9c91a,0 0 45px #45d9c918;
}
.test-panel-v3 .dial-inner{z-index:1;max-width:calc(100% - 12px);max-height:calc(100% - 12px)}
.test-panel-v3 .test-dial{height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-top:12px}
.test-panel-v3 .start-button{gap:0;transition:none;}
.test-panel-v3 .start-button:hover{transform:none;}
.test-panel-v3 .dial-readout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
.test-panel-v3 .dial-readout .dial-percent{display:block;font-size:clamp(33px,3.2vw,42px);line-height:1;letter-spacing:-1.3px;font-weight:850;font-variant-numeric:tabular-nums;color:var(--text);}
.test-panel-v3 .dial-readout .start-text{display:block;font-size:13px;line-height:1.35;font-weight:800;color:var(--text);}
.test-panel-v3 .start-button.is-testing .play-symbol{font-size:0;width:37px;height:37px;padding:0;}
.test-panel-v3 .start-button.is-testing .play-symbol::after{content:'■';font-size:16px;line-height:37px;}
html[data-theme=light] .test-panel-v3 .dial-readout .dial-percent,
html[data-theme=light] .test-panel-v3 .dial-readout .start-text{color:#17354b;}
@media(max-width:500px){.test-panel-v3 .dial-readout .dial-percent{font-size:34px;}}

/* V3.6: clean, transparent header logo; no colored tile or distracting glow. */
.navigation .brand-icon {
  width:42px;
  height:42px;
  margin-right:9px;
  flex:0 0 42px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.navigation .brand-logo {
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 1px 5px rgba(26,205,191,.16));
}
/* A little breathing room between the precision selector and the start dial. */
.test-panel-v3 .test-dial {margin-top:22px;}
@media (max-width:500px) {
  .navigation .brand-icon {width:35px;height:35px;flex-basis:35px;margin-right:7px;}
  .test-panel-v3 .test-dial {margin-top:17px;}
}