@import url('./fonts.css');
/* C / Clarity: selected26October2026. Base widgets remain in site.css. */
:root{--paper:#fff;--ink:#18263c;--green:#2455df;--muted:#596b82;--line:#dbe1ec;--lime:#d8e9a2;font-family:'Manrope',Arial,sans-serif;font-weight:500;background:#fff;color:#18263c}body{background:#fff;font-family:'Manrope',Arial,sans-serif}.wrap{max-width:1260px;padding-left:40px;padding-right:40px}.review-bar{background:#f0f4fc;color:#52637a;font:10px/1.5 'DM Mono',monospace;padding:8px 12px;letter-spacing:.04em}.site-header{min-height:94px;gap:24px}.brand{font-family:'Manrope',Arial,sans-serif;font-size:26px;letter-spacing:-1.5px;color:#18263c;gap:9px;font-weight:800}.brand span:not(.brand-dot){font-weight:800}.clarity-mark{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:7px;background:#2455df;color:#fff;font-size:21px;letter-spacing:0}.site-header nav{gap:24px;font-size:12px;align-items:center}.site-header nav a{font-size:12px;min-height:44px;display:flex;align-items:center;padding:8px 0}.site-header nav a[aria-current]{color:#2455df;box-shadow:none}.languages{font-family:'Manrope',Arial,sans-serif;font-size:11px;gap:11px}.languages a{min-height:44px;display:flex;align-items:center}.guide-menu{position:relative}.guide-menu summary{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:44px;font-weight:600;list-style:none;font-size:12px}.guide-menu summary::-webkit-details-marker{display:none}.guide-menu[open] summary{color:#2455df}.guide-popover{position:absolute;right:0;top:100%;z-index:30;width:305px;max-width:calc(100vw - 36px);background:#fff;border:1px solid #cbd6e8;border-radius:8px;padding:10px 16px;box-shadow:0 10px 30px #18345415}.site-header .guide-popover a{font-size:12px;padding:10px 0;min-height:44px;line-height:1.5}.site-header .guide-popover a+a{border-top:1px solid #e8edf5}.home-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:42px 0 29px}.home-heading .eyebrow{color:#2455df;margin-bottom:13px;font-size:10px}.home-heading h1{font:800 clamp(38px,4.1vw,60px)/1.09 'Manrope',sans-serif;letter-spacing:-.06em;margin:0}.home-explainer{display:flex;gap:12px;max-width:315px;align-items:flex-start}.home-explainer p{font-size:13px;line-height:1.8;color:#596b82;margin:0}.home-explainer>span{font-size:36px;line-height:1;color:#2455df}.setup-steps{display:flex;gap:32px;list-style:none;padding:16px 0;margin:0;border-top:1px solid #dbe1ec;font-size:12px;color:#52647c;counter-reset:setup}.setup-steps li{display:flex;align-items:flex-start;gap:8px;counter-increment:setup}.setup-steps li:before{content:counter(setup);display:inline-flex;flex:none;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #a4b8de;color:#2455df;border-radius:50%;font:10px 'DM Mono',monospace}.test{border-radius:12px;border-color:#cbd6e8;background:#fff;box-shadow:none;grid-template-columns:310px minmax(0,1fr)}.test-controls{padding:28px 24px;background:#f6f8fc;border-right:1px solid #dbe1ec}.controls-intro{display:none}.test-controls label{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#50627a}.test-controls #start-test{margin:0 0 10px;background:#2455df;color:#fff;border-radius:6px;min-height:49px;font:700 14px 'Manrope',sans-serif}.test-controls p{color:#586b83}.test-controls .small{font-size:12px}.test-controls .status{font-size:12px;min-height:39px}select{border-color:#bdcce1;background:#fff;color:#18263c;font-family:'Manrope',sans-serif;font-size:13px}.instrument{background:#fff;color:#172b47;padding:25px 30px 20px;min-height:423px}.instrument .eyebrow{font:10px 'DM Mono',monospace;color:#596f8a;letter-spacing:.08em}.state-pill{color:#2455df;border-color:#b7c9ed;background:#edf3ff;font-size:11px}.reading{padding:15px 0 10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reading>div{flex-shrink:0;max-width:100%}.reading-value{font-family:'DM Mono',monospace;font-weight:400;font-size:clamp(52px,6vw,84px);letter-spacing:-.07em}.reading-unit{font:15px 'DM Mono',monospace;color:#526785}.reading p{font-size:12px;margin:0;color:#304763;max-width:210px}.reading .muted{color:#5b6f88}.graph-wrap{background:#142138;border-radius:6px;padding:12px 15px 10px}#frame-chart{height:116px}.graph-caption{font-family:'DM Mono',monospace;color:#c2d0db;font-size:9px}.progress-row{margin-top:16px}.progress-row span{color:#526785}progress{background:#e4e9f1}progress::-webkit-progress-bar{background:#e4e9f1}progress::-webkit-progress-value{background:#2455df}progress::-moz-progress-bar{background:#2455df}#load-canvas{background:#142138;border-color:#cbd6e8}.test-footnote{background:#fff;color:#52647b;padding:16px 24px}.test-footnote p{font-size:12px}.test-footnote button{color:#2455df;border-color:#cbd8ee;font-size:12px}.test-footnote a{color:#2455df}.result{background:#f9fbff;border-color:#dbe1ec}.result .eyebrow{color:#2455df}.result h2{font-family:'Manrope',Arial,sans-serif;font-weight:700}.metrics dt{font-size:12px;color:#53677f}.metrics dd{font-family:'DM Mono',monospace;font-weight:400;color:#17325f}.result .small{font-size:12px}.condition-note{display:flex;align-items:center;gap:9px;font:10px/1.6 'DM Mono',monospace;color:#526883;padding:14px 2px}.condition-note i{display:block;width:6px;height:6px;border-radius:50%;background:#2455df}.condition-note span:last-child{margin-left:auto;text-align:right}.clarity-next{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:48px 0 30px;border-bottom:1px solid #dbe1ec}.clarity-next h2{font:700 30px/1.2 'Manrope',sans-serif;letter-spacing:-.05em}.clarity-next .eyebrow{font-size:10px}.next-checks{display:flex;flex-direction:column}.next-checks>article{border-top:1px solid #dbe1ec;padding:17px 0;display:grid;grid-template-columns:25px 1fr;gap:8px 15px}.next-checks .step{font:11px 'DM Mono',monospace;color:#2455df;white-space:nowrap}.next-checks h3{font:700 16px/1.4 'Manrope',sans-serif;margin:0 0 8px;letter-spacing:-.02em}.next-checks p{font-size:13px;color:#596b82;line-height:1.6;margin:0}.next-checks a{text-decoration:none;color:#18263c}.next-checks a:hover{text-decoration:underline}.content-section{padding:46px 0}.content-section h2{font-weight:700;font-size:30px}.content-section li{margin-bottom:12px}.eyebrow{font-family:'DM Mono',monospace;color:#2455df;letter-spacing:.09em}.callout{background:#edf3ff;border-color:#2455df}.article{padding-top:44px}.article-heading{max-width:940px}.article-heading h1{font:800 clamp(32px,4.4vw,53px)/1.12 'Manrope',Arial,sans-serif;letter-spacing:-.05em;max-width:900px}.article-heading .lead{font-size:17px;max-width:780px;color:#5b6c82}.article-heading .eyebrow{font-size:10px}.guide-article .article-body{max-width:790px;padding-top:14px;border-top:1px solid #dbe1ec}.article-body{margin-top:28px}.article-body h2{font-family:'Manrope',sans-serif;font-weight:700;font-size:28px;line-height:1.25;margin-top:38px}.article-body h3{font-family:'Manrope',sans-serif;font-weight:700;font-size:19px}.article-body p,.article-body li{font-size:16px;line-height:1.85;color:#35485f}.article-body table{font-size:14px}.article-body th{background:#edf3ff}.tool-article .article-body{max-width:none}.tool-article .article-body>p,.tool-article .article-body>ul,.tool-article .article-body>ol,.tool-article .article-body>h2,.tool-article .article-body>h3{max-width:790px}.tool-article .article-heading h1{font-size:clamp(32px,4vw,48px)}.motion-settings{background:#f6f8fc;border-color:#cbd6e8}.motion-stage{background:#142138}.motion-tool:fullscreen{background:#fff}.motion-actions .primary{background:#2455df;color:#fff}.motion-tool .callout{max-width:900px}.site-footer{max-width:1260px;border-color:#dbe1ec;padding-top:35px}.site-footer .brand{font-size:22px}.site-footer p{color:#596b82}.site-footer nav{font-size:13px}.share-feedback{background:#edf3ff;color:#18263c}
/* Static screen inspection. Pattern colors are explicit, never theme-filtered. */
.screen-tool{margin:28px 0 42px}.screen-intro{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.screen-intro p{font-size:13px;line-height:1.6;margin:0;max-width:620px;color:#52647b}.screen-stage{position:relative;isolation:isolate;border:1px solid #b9c8df;border-radius:8px;height:420px;min-height:360px;overflow:hidden;background:#808080}.screen-surface{position:absolute;inset:0;z-index:0;background:rgb(128,128,128)}.screen-toolbar{position:absolute;bottom:18px;left:18px;right:18px;z-index:1;background:#fff;color:#18263c;border:1px solid #c5d1e2;box-shadow:0 6px 25px #172b4720;border-radius:8px;padding:18px;max-width:850px;margin:auto}.screen-toolbar label{display:block;font-weight:700;font-size:12px;margin-bottom:6px}.screen-toolbar p{font-size:12px!important;line-height:1.6!important;margin:10px 0!important;color:#35485f!important}.screen-toolbar-top{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.screen-step{font:11px 'DM Mono',monospace;white-space:nowrap;padding-bottom:12px}.screen-actions{display:flex;gap:8px;flex-wrap:wrap}.screen-actions button{font-size:12px;min-height:44px;background:#fff;color:#18263c;border-color:#bdcce1}.screen-stage:focus-visible{outline:3px solid #2455df;outline-offset:4px}.screen-stage.is-active:not(:fullscreen){height:75vh;min-height:420px}.screen-stage:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;max-width:none}.screen-stage:fullscreen .screen-toolbar{bottom:24px;left:24px;right:24px}.screen-status{font-size:13px!important;line-height:1.6!important;color:#52647b!important;margin:16px 0 0!important}.screen-help{font-size:12px!important;line-height:1.6!important;margin:12px 0!important;color:#52647b!important}.screen-stage.controls-hidden{cursor:pointer}
@media(max-width:1000px){.wrap{padding-left:24px;padding-right:24px}.site-header{min-height:90px;gap:18px}.site-header nav{order:0;width:auto;gap:18px}.brand{font-size:24px}.languages{font-size:10px;max-width:150px;gap:8px}.home-heading h1{font-size:44px}.home-explainer{max-width:285px}.test{grid-template-columns:270px minmax(0,1fr)}.reading{display:block}.reading p{margin-top:6px}.clarity-next{gap:35px}.test-controls{padding:24px 20px}.instrument{padding:24px}.article-heading .lead{font-size:16px}}
@media(max-width:720px){.wrap{padding-left:18px;padding-right:18px}.site-header{flex-wrap:wrap;padding-top:15px;padding-bottom:14px;gap:8px 16px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.site-header nav a,.guide-menu summary{font-size:11px}.site-header .guide-popover a{font-size:12px}.languages{max-width:145px;gap:6px;font-size:9px}.languages a{min-height:36px}.home-heading{padding:28px 0 24px}.home-heading h1{font-size:43px}.home-heading .eyebrow{font-size:9px}.home-explainer{display:none}.setup-steps{gap:15px;padding:16px 0;font-size:10px}.setup-steps li{flex:1;display:block}.setup-steps li:before{margin-bottom:7px}.test{display:flex;flex-direction:column}.test-controls{order:0;padding:20px;border-right:0;border-bottom:1px solid #dbe1ec}.instrument{order:1;padding:23px 20px;min-height:310px}.result{order:2;padding:24px 20px}.test-footnote{order:3;padding:16px 20px}.test-controls .small,.test-controls .status{font-size:12px}.reading{display:flex;gap:15px}.reading p{max-width:125px;font-size:11px}.reading-value{font-size:clamp(2rem,16vw,62px)}.reading-unit{font-size:13px}.graph-caption{font-size:9px}.test-footnote p,.test-footnote button{font-size:11px}.test-footnote button{margin-top:12px}.condition-note{font-size:9px;gap:6px}.condition-note span:last-child{max-width:130px}.clarity-next{grid-template-columns:1fr;gap:12px;padding-top:30px}.clarity-next h2{font-size:28px}.next-checks h3{font-size:16px}.next-checks p{font-size:13px}.article{padding-top:30px}.article-heading h1,.tool-article .article-heading h1{font-size:33px}.article-body h2{font-size:25px}.article-body p,.article-body li{font-size:16px;line-height:1.8}.article-heading .lead{font-size:16px}.screen-stage{height:470px}.screen-toolbar{left:10px;right:10px;bottom:10px;padding:14px}.screen-toolbar-top{grid-template-columns:1fr auto;gap:12px}.screen-actions{gap:6px}.screen-actions button{flex:1 1 42%;font-size:11px;padding:8px}.screen-intro{gap:12px}.screen-intro .primary{width:100%;justify-content:space-between}.screen-stage:fullscreen .screen-toolbar{bottom:12px;left:12px;right:12px;max-height:65dvh;overflow-y:auto}.screen-status{font-size:13px!important}.site-footer nav{gap:20px}}

.next-checks>article>.step{grid-column:1;grid-row:1;margin:0}.next-checks>article>div{grid-column:2;grid-row:1;min-width:0}.next-checks>article>p:empty{display:none}

@media(max-width:720px){.reading{flex-wrap:wrap}.next-checks>article{grid-template-columns:25px minmax(0,1fr)}}

.next-checks p a{color:#2455df;text-decoration:underline;text-underline-offset:3px}

/* Two additional display jobs; selected C layout retained. */
.planning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.planning-grid article{border-top:1px solid var(--line);padding-top:16px;min-width:0}.planning-grid h3{font-size:20px;line-height:1.4}.planning-grid p{font-size:15px;color:var(--muted)}.planning-grid a{color:#2455df;text-decoration:underline;text-underline-offset:3px}.site-header nav{gap:18px}
@media(max-width:720px){.planning-grid{grid-template-columns:1fr;gap:14px}.site-header nav{gap:6px;flex-wrap:wrap}.site-header .guide-popover{right:0}.site-header .tool-menu .guide-popover{right:-45px}}