/* THEVOR Intelligence · design-system layer — all modes use the same semantic palette. */
body[data-theme="light"]{
 --bg:#F7F9FA;--bg2:#EFF4F5;--panel:#FFFFFF;--panel2:#F5F9F9;--line:#D7E3E6;--line2:#E2EBEC;
 --text:#142C3C;--muted:#4D6574;--muted2:#526C7A;--teal:#006E70;--teal2:#006468;
 --amber:#B27C34;--red:#B94E5F;--shadow:0 22px 60px rgba(32,71,79,.09);
 --nav:rgba(255,255,255,.94);--hero-bg:#F6FAFA;--section-bg:#F1F6F6;--footer-bg:#EAF1F3;
 --card:#FFFFFF;--card-soft:#F4F8F8;--hover:#E4F2F1;--strong:#142C3C;--faint:#718894;
 --surface-alt:#EDF4F4;--accent-soft:#DDF2ED;--accent-ink:#075E5C;--accent-on:#FFFFFF;
 --outline:#D2E0E3;--shadow-soft:0 10px 30px rgba(23,54,68,.06);--console-bg:#FFFFFF;--chartline:#9DCBC8;
 color-scheme:light;
}
body[data-theme="mid"]{
 --bg:#172A37;--bg2:#1C3441;--panel:#223845;--panel2:#294453;--line:#3A5563;--line2:#2F4A58;
 --text:#EDF7F6;--muted:#B4C9D1;--muted2:#9AB4C0;--teal:#68DFCC;--teal2:#93F3E0;
 --amber:#F0C37C;--red:#F6A3A8;--shadow:0 22px 60px rgba(0,9,15,.25);
 --nav:rgba(23,42,55,.95);--hero-bg:#192F3A;--section-bg:#1A313D;--footer-bg:#102632;
 --card:#223A48;--card-soft:#294553;--hover:#325260;--strong:#EDF7F6;--faint:#AAC2CA;
 --surface-alt:#29414F;--accent-soft:#214F4D;--accent-ink:#9CF4E4;--accent-on:#092B2D;
 --outline:#496B75;--shadow-soft:0 10px 30px rgba(0,8,13,.16);--console-bg:#203643;--chartline:#396B6C;
 color-scheme:dark;
}
body[data-theme="dark"]{
 --bg:#07141F;--bg2:#0C1D2A;--panel:#102432;--panel2:#16303E;--line:#254450;--line2:#203A47;
 --text:#F1F9F8;--muted:#B0C4CC;--muted2:#90ACB8;--teal:#64E6D0;--teal2:#A7F7E7;
 --amber:#EFBE74;--red:#F08C95;--shadow:0 24px 75px rgba(0,0,0,.35);
 --nav:rgba(7,20,31,.96);--hero-bg:#081925;--section-bg:#0A1F2B;--footer-bg:#06131E;
 --card:#102635;--card-soft:#183440;--hover:#214451;--strong:#F1F9F8;--faint:#A9C0CA;
 --surface-alt:#17333F;--accent-soft:#164840;--accent-ink:#B8FFED;--accent-on:#072B2B;
 --outline:#355C64;--shadow-soft:0 10px 30px rgba(0,0,0,.23);--console-bg:#0C2130;--chartline:#285C62;
 color-scheme:dark;
}
body[data-theme]{background:var(--bg);color:var(--text);transition:background-color .22s ease,color .22s ease}
body[data-theme] .site-header{background:var(--nav);border-color:var(--line);box-shadow:0 3px 20px rgba(0,0,0,.025)}
body[data-theme] .announcement{background:var(--accent-soft);color:var(--accent-ink)}
body[data-theme] .announcement strong,body[data-theme] .announcement a{color:var(--accent-ink)}
body[data-theme] .announcement-sep{background:var(--outline)}
body[data-theme] .announcement-indicator{background:var(--teal);box-shadow:0 0 0 4px rgba(16,145,133,.1)}
body[data-theme] .logo-mark{width:44px;height:47px;flex:none}
body[data-theme] .logo-mark img{height:47px;width:44px;object-fit:contain;display:block}
body[data-theme] .logo-type{font-size:20px;letter-spacing:.045em;color:var(--strong);font-weight:830}
body[data-theme] .logo-type small{color:var(--teal);font-size:9px;letter-spacing:.28em;font-weight:700;margin-top:5px}
body[data-theme] .nav{gap:20px;height:82px}
body[data-theme] .nav-links{gap:19px}
body[data-theme] .nav-links a{color:var(--muted);font-size:12px;font-weight:650}
body[data-theme] .nav-links a:hover,body[data-theme] .nav-links a.active{color:var(--teal)}
body[data-theme] .nav-cta{background:var(--teal);border:1px solid var(--teal);color:var(--accent-on);font-size:12px;font-weight:750}
body[data-theme] .nav-cta:hover{filter:brightness(1.08);background:var(--teal)}
body[data-theme] .theme-switcher{background:var(--surface-alt);border:1px solid var(--line);gap:2px;padding:4px;border-radius:999px;flex:none}
body[data-theme] .theme-btn{color:var(--muted);border-radius:999px;padding:8px 10px;font-size:10px;min-height:31px;min-width:42px}
body[data-theme] .theme-btn.active{background:var(--teal);color:var(--accent-on);box-shadow:0 3px 12px rgba(0,0,0,.08)}
body[data-theme] .theme-btn:hover:not(.active){color:var(--text);background:var(--hover)}
body[data-theme] .menu-toggle{color:var(--text)}
body[data-theme] .menu-toggle span{background:var(--text)}
body[data-theme] .nav-links.show{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
body[data-theme] .hero-section{background:radial-gradient(ellipse at 78% 22%,var(--accent-soft),transparent 43%),linear-gradient(170deg,var(--hero-bg) 4%,var(--bg) 91%)}
body[data-theme] .grid-backdrop{opacity:.43;background-image:linear-gradient(var(--chartline) 1px,transparent 1px),linear-gradient(90deg,var(--chartline) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent 12%,black 70%,transparent 100%)}
body[data-theme] .ambient-one{background:var(--accent-soft)}
body[data-theme] .hero-grid{padding-top:104px;padding-bottom:95px;gap:64px}
body[data-theme] .eyebrow,body[data-theme] .section-kicker{color:var(--teal)}
body[data-theme] .hero-copy h1{font-size:clamp(46px,5.3vw,78px);letter-spacing:-.067em;line-height:1.11;max-width:730px}
body[data-theme] .hero-copy h1 em,body[data-theme] h2 span,body[data-theme] .final-cta h2 em{color:var(--teal)}
body[data-theme] .hero-hook{color:var(--teal);font-weight:750;font-size:19px;line-height:1.5;letter-spacing:-.02em;margin-top:24px}
body[data-theme] .hero-lead{color:var(--muted);font-size:16px;line-height:1.9;margin-top:11px}
body[data-theme] .hero-trust,body[data-theme] .metric-label{color:var(--muted)}
body[data-theme] .trust-symbol{color:var(--teal)}
body[data-theme] .trust-symbol~i{background:var(--outline)}
body[data-theme] .button-primary{background:var(--teal);border-color:var(--teal);color:var(--accent-on)}
body[data-theme] .button-primary:hover{filter:brightness(1.07);background:var(--teal)}
body[data-theme] .button-outline{background:var(--card);border:1px solid var(--outline);color:var(--strong)}
body[data-theme] .button-outline:hover{border-color:var(--teal)}
body[data-theme] .console-window{background:var(--console-bg);border-color:var(--line);box-shadow:var(--shadow)}
body[data-theme] .console-top{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .console-main{background:var(--console-bg)}
body[data-theme] .console-bottom{background:var(--card-soft);border-color:var(--line);color:var(--muted)}
body[data-theme] .console-path,body[data-theme] .console-path strong,body[data-theme] .console-sample,body[data-theme] .micro-label{color:var(--muted2)}
body[data-theme] .small-status{color:var(--accent-ink);border-color:var(--outline);background:var(--accent-soft)}
body[data-theme] .console-heading h3,body[data-theme] .console-step b{color:var(--text)}
body[data-theme] .console-paths,body[data-theme] .console-step{border-color:var(--line)}
body[data-theme] .console-step.active{background:var(--accent-soft)}
body[data-theme] .console-step small{color:var(--muted2)}
body[data-theme] .step-node,body[data-theme] .step-node.good{background:var(--accent-soft);border-color:var(--outline);color:var(--teal)}
body[data-theme] .step-activity,body[data-theme] .metric-source{color:var(--teal)}
body[data-theme] .chart-grid{background:repeating-linear-gradient(0deg,transparent 0 25px,var(--line2) 26px),repeating-linear-gradient(90deg,transparent 0 68px,var(--line2) 69px)}
body[data-theme] .mini-chart,body[data-theme] .hero-metrics{border-color:var(--line)}
body[data-theme] .floating-tag{background:var(--panel);border-color:var(--outline);color:var(--muted);box-shadow:var(--shadow-soft)}
body[data-theme] .floating-tag strong{color:var(--strong)}
body[data-theme] .section-aside p,body[data-theme] .center-head p,body[data-theme] .section-header p,body[data-theme] .feature-card p{color:var(--muted)}
body[data-theme] .section-aside a{color:var(--teal)}
body[data-theme] .intro-section{background:transparent}
body[data-theme] .capability-grid,body[data-theme] .feature-card{border-color:var(--line)}
body[data-theme] .feature-card{background:var(--card)}
body[data-theme] .feature-icon,body[data-theme] .feature-index,body[data-theme] .feature-card>span{color:var(--teal)}
body[data-theme] .feature-card h3,body[data-theme] .tech-card h3,body[data-theme] .result-card h3{color:var(--strong)}
body[data-theme] .architecture-section{background:var(--section-bg)}
body[data-theme] .pipeline-item{background:var(--card);border-color:var(--line);color:var(--text)}
body[data-theme] .pipeline-item:hover,body[data-theme] .pipeline-item.active{background:var(--accent-soft);border-color:var(--teal)}
body[data-theme] .pipeline-item small,body[data-theme] .pipeline-n,body[data-theme] .pipeline-arrow{color:var(--muted2)}
body[data-theme] .pipeline-panel{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-soft)}
body[data-theme] .pipeline-panel p,body[data-theme] .pipeline-panel .panel-contract{color:var(--muted)}
body[data-theme] .panel-contract{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .panel-contract strong,body[data-theme] .panel-kind,body[data-theme] .panel-index{color:var(--teal)}
body[data-theme] .architecture-footnote{color:var(--muted);border-color:var(--line)}
body[data-theme] .demo-section{background:var(--bg)}
body[data-theme] .demo-badge{background:var(--accent-soft);border-color:var(--outline);color:var(--accent-ink)}
body[data-theme] .demo-subtext p,body[data-theme] .sidebar-tip,body[data-theme] .stage-lead,body[data-theme] .stage-hint,body[data-theme] .demo-disclaimer{color:var(--muted)}
body[data-theme] .demo-shell{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-soft)}
body[data-theme] .demo-sidebar{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .sidebar-top,body[data-theme] .demo-content-top,body[data-theme] .demo-navigation{border-color:var(--line)}
body[data-theme] .demo-step{color:var(--muted)}
body[data-theme] .demo-step:hover,body[data-theme] .demo-step.active{background:var(--accent-soft);color:var(--strong)}
body[data-theme] .demo-step.active{border-color:var(--teal)}
body[data-theme] .demo-step>span{color:var(--teal)}
body[data-theme] .demo-content,body[data-theme] .demo-stage{background:var(--card);color:var(--strong)}
body[data-theme] .stage-surface,body[data-theme] .detail-pill{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .stage-surface p,body[data-theme] .detail-pill span{color:var(--muted)}
body[data-theme] .stage-label{color:var(--teal)}
body[data-theme] .toggle-row{background:var(--card-soft);border-color:var(--line);color:var(--text)}
body[data-theme] .toggle-row small{color:var(--muted)}
body[data-theme] .switch-track{background:var(--line)}
body[data-theme] .gate-status{background:var(--accent-soft);border-color:var(--outline);color:var(--accent-ink)}
body[data-theme] .gate-status small{color:var(--muted)}
body[data-theme] .gate-status.blocked{background:var(--card-soft);border-color:var(--red);color:var(--red)}
body[data-theme] .code-panel{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .code-header{background:var(--surface-alt);border-color:var(--line);color:var(--muted)}
body[data-theme] .code-panel pre{color:var(--strong)}
body[data-theme] .criterion{background:var(--accent-soft);border-color:var(--line);color:var(--accent-ink)}
body[data-theme] .event-row,body[data-theme] .event-expanded,body[data-theme] .finding-card,body[data-theme] .review-result{background:var(--card-soft);border-color:var(--line);color:var(--strong)}
body[data-theme] .event-row:hover,body[data-theme] .event-row.selected,body[data-theme] .review-button:hover,body[data-theme] .review-button.selected{border-color:var(--teal);background:var(--accent-soft)}
body[data-theme] .event-info small,body[data-theme] .event-expanded,body[data-theme] .finding-card p{color:var(--muted)}
body[data-theme] .event-badge,body[data-theme] .review-badge{background:var(--accent-soft);color:var(--accent-ink)}
body[data-theme] .review-button{background:var(--card);border-color:var(--line);color:var(--text)}
body[data-theme] .finding-deduction{background:var(--surface-alt);border-color:var(--line);color:var(--muted)}
body[data-theme] .review-controls button{color:var(--text)}
body[data-theme] .showcase-section{background:var(--section-bg);border-color:var(--line)}
body[data-theme] .shot-card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-soft)}
body[data-theme] .shot-frame{background:var(--card-soft)}
body[data-theme] .shot-frame img{background:var(--card-soft)}
body[data-theme] .shot-caption strong{color:var(--strong)}
body[data-theme] .shot-caption span,body[data-theme] .showcase-proof{color:var(--muted)}
body[data-theme] .results-section{background:var(--bg)}
body[data-theme] .result-card,body[data-theme] .tech-card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-soft)}
body[data-theme] .card-header,body[data-theme] .comparison-meta,body[data-theme] .score-pair small,body[data-theme] .result-caption,body[data-theme] .legend,body[data-theme] .callout-quiet small{color:var(--muted)}
body[data-theme] .bar-track,body[data-theme] .score-line{background:var(--line2)}
body[data-theme] .bar-fill,body[data-theme] .score-line>span{background:var(--teal)}
body[data-theme] .bar-base,body[data-theme] .score-line>span.secondary-score{background:var(--muted2)}
body[data-theme] .callout-quiet{background:var(--accent-soft);border-color:var(--outline);color:var(--text)}
body[data-theme] .evidence-note{color:var(--muted);border-color:var(--line)}
body[data-theme] .technology-section{background:var(--section-bg)}
body[data-theme] .tech-top,body[data-theme] .tech-card p{color:var(--muted)}
body[data-theme] .resources-row,body[data-theme] .resources-row a{border-color:var(--line)}
body[data-theme] .resources-row a,body[data-theme] .resources-row a strong{color:var(--text)}
body[data-theme] .resources-row a:hover{color:var(--teal)}
body[data-theme] .resources-row small,body[data-theme] .resources-row b{color:var(--muted)}
body[data-theme] .resources-row a>span{color:var(--teal);border-color:var(--line)}
body[data-theme] .contact-section{background:linear-gradient(110deg,var(--bg) 0%,var(--section-bg) 100%)}
body[data-theme] .contact-grid>div:first-child>p{color:var(--muted)}
body[data-theme] .contact-card{background:var(--card);border-color:var(--line);box-shadow:var(--shadow-soft)}
body[data-theme] .contact-card h3{color:var(--strong)}
body[data-theme] .contact-card>p,body[data-theme] .contact-secondary{color:var(--muted)}
body[data-theme] .contact-secondary a{color:var(--teal)}
body[data-theme] .final-cta{background:linear-gradient(120deg,var(--section-bg),var(--accent-soft));border-color:var(--line)}
body[data-theme] .final-cta p{color:var(--muted)}
body[data-theme] .site-footer{background:var(--footer-bg);border-top:1px solid var(--line)}
body[data-theme] .footer-main>div:first-child p,body[data-theme] .footer-main>div:not(:first-child) a,body[data-theme] .footer-bottom{color:var(--muted)}
body[data-theme] .footer-main h4{color:var(--strong)}
body[data-theme] .footer-bottom{border-color:var(--line)}
body[data-theme] .footer-site-label{color:var(--teal);font-weight:750}
body[data-theme] .footer-contact-link{display:block;color:var(--teal);font-size:12px;margin-top:14px;overflow-wrap:anywhere}
body[data-theme] .platform-dialog{background:var(--panel);border-color:var(--line);color:var(--text)}
body[data-theme] .platform-dialog p,body[data-theme] .dialog-close,body[data-theme] .dialog-info{color:var(--muted)}
body[data-theme] .dialog-info{background:var(--card-soft);border-color:var(--line)}
body[data-theme] .dialog-icon{color:var(--teal);border-color:var(--line)}
/* Identity and purpose */
.brand-purpose{background:var(--bg);padding-top:108px;padding-bottom:100px}
.purpose-header{align-items:end}
.purpose-intro{color:var(--muted);font-size:15px;line-height:1.85;max-width:390px}
.purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.purpose-card{padding:35px 38px;border:1px solid var(--line);background:var(--card);border-radius:14px;box-shadow:var(--shadow-soft)}
.purpose-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--teal);font-size:27px;margin-bottom:26px}
.purpose-card h3{font-size:28px;margin-top:12px;color:var(--strong)}
.purpose-card p{font-size:14px;margin-top:14px;line-height:1.85;max-width:500px;color:var(--muted)}
.brand-principles{margin-top:22px;padding:24px 29px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:var(--card-soft);border:1px solid var(--line);border-radius:13px}
.principles-label{font-size:11px;font-weight:750;letter-spacing:.13em;color:var(--muted2);margin-right:auto}
.brand-principles span:not(.principles-label){font-weight:680;color:var(--strong);font-size:13px;display:inline-flex;align-items:center;gap:9px}
.brand-principles i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--teal)}
/* Carefully reduce brand section white space so the story remains scannable. */
body[data-theme] .intro-section{padding-top:93px}
body[data-theme] .hero-grid{gap:50px}
body[data-theme] .hero-trust{margin-top:28px}
/* Theme controls available on mobile too; never hide them. */
@media (max-width:1250px){body[data-theme] .nav{gap:12px}body[data-theme] .nav-links{gap:11px}body[data-theme] .nav-links a{font-size:11px}body[data-theme] .logo-type{font-size:18px}body[data-theme] .theme-btn{padding:7px 8px}body[data-theme] .nav-cta{padding:10px 11px}}
@media (max-width:890px){
 body[data-theme] .nav{height:auto;min-height:82px;gap:13px;flex-wrap:wrap;padding:12px 0}
 body[data-theme] .nav-links{top:82px;display:none}
 body[data-theme] .nav-links.show{display:flex}
 body[data-theme] .theme-switcher{display:flex;order:2;margin-left:auto}
 body[data-theme] .menu-toggle{order:1;margin-left:auto}
 body[data-theme] .nav-cta{order:3}
 body[data-theme] .hero-grid{grid-template-columns:1fr;padding-top:78px;padding-bottom:60px}
 .purpose-grid{grid-template-columns:1fr}
 .purpose-header{gap:15px}
 .brand-principles{gap:16px}
}
@media (max-width:630px){
 body[data-theme] .nav{min-height:72px;gap:7px}
 body[data-theme] .logo-type{font-size:16px}
 body[data-theme] .logo-mark,body[data-theme] .logo-mark img{height:39px;width:37px}
 body[data-theme] .nav-cta{order:2;margin-left:0;padding:9px 10px;font-size:0}
 body[data-theme] .nav-cta span{font-size:14px}
 body[data-theme] .theme-switcher{order:4;width:100%;justify-content:space-around;margin-left:0;margin-top:3px;padding:3px}
 body[data-theme] .theme-btn{flex:1;padding:7px 10px;font-size:10px}
 body[data-theme] .nav-links{top:112px}
 body[data-theme] .hero-grid{padding-top:62px;gap:45px}
 body[data-theme] .hero-copy h1{font-size:clamp(42px,10vw,56px)}
 body[data-theme] .hero-hook{font-size:17px}
 .brand-purpose{padding-top:75px;padding-bottom:80px}
 .purpose-card{padding:27px 24px}
 .purpose-card h3{font-size:24px}
 .brand-principles{padding:19px;gap:15px}
 .principles-label{width:100%;margin-right:0}
}
/* Focus visibility & accessible motion */
body[data-theme] button:focus-visible,body[data-theme] a:focus-visible,body[data-theme] input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media(prefers-reduced-motion:reduce){body[data-theme]{transition:none}}

.contact-direct{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;padding:17px 19px;background:var(--card-soft);border:1px solid var(--line);border-radius:9px;align-items:center}.contact-direct>span{font-size:10px;letter-spacing:.13em;font-weight:800;color:var(--muted2)}.contact-direct a{font-size:13px;color:var(--teal);font-weight:750;overflow-wrap:anywhere}


/* Accessible theme refinement — Demo, cards and controls. All text/background pairings
   follow the same semantic tokens in Light, Mid and Dark. */
body[data-theme="light"]{
  --note-bg:#FFF5E5;
  --note-text:#593F24;
  --note-mark:#755017;
  --disabled-ink:#4D6574;
}
body[data-theme="mid"]{
  --note-bg:#3D3530;
  --note-text:#F3E0BD;
  --note-mark:#F7CE83;
  --disabled-ink:#B4C9D1;
}
body[data-theme="dark"]{
  --note-bg:#312920;
  --note-text:#F3DEC0;
  --note-mark:#FFCF89;
  --disabled-ink:#B0C4CC;
}
body[data-theme] .demo-content-top h3,
body[data-theme] .sidebar-top strong,
body[data-theme] .stage-surface h4,
body[data-theme] .detail-pill strong,
body[data-theme] .event-info strong,
body[data-theme] .finding-card h4,
body[data-theme] .event-summary strong {
  color:var(--strong);
}
body[data-theme] .detail-pill strong {font-size:13px;line-height:1.55;font-weight:700;overflow-wrap:anywhere}
body[data-theme] .detail-pill span {color:var(--muted);font-size:10px;font-weight:650;line-height:1.5}
body[data-theme] .stage-label,
body[data-theme] .sidebar-top small,
body[data-theme] #demo-counter {color:var(--teal)}
body[data-theme] .demo-step,
body[data-theme] .demo-step:not([aria-current="step"]) {color:var(--muted)}
body[data-theme] .demo-step:not([aria-current="step"]):hover {
  background:var(--hover);color:var(--strong);
}
body[data-theme] .demo-step[aria-current="step"] {
  background:var(--accent-soft);
  color:var(--strong);
  box-shadow:inset 3px 0 0 var(--teal);
}
body[data-theme] .demo-step span {border-color:var(--outline);color:var(--accent-ink)}
body[data-theme] .demo-step[aria-current="step"] span {
  background:var(--teal);border-color:var(--teal);color:var(--accent-on);
}
body[data-theme] .stage-hint {
  background:var(--note-bg);border-left:3px solid var(--note-mark);
  color:var(--note-text);font-size:12px;line-height:1.75;
}
body[data-theme] .stage-hint span {color:var(--note-mark);font-weight:800}
body[data-theme] .stage-lead {color:var(--muted)}
body[data-theme] .stage-surface p {color:var(--muted)}
body[data-theme] .stage-surface {background:var(--card-soft)}
body[data-theme] .detail-pill {background:var(--card);border-color:var(--outline)}
body[data-theme] .text-button {color:var(--text)}
body[data-theme] .text-button:disabled {
  color:var(--disabled-ink);opacity:1;cursor:not-allowed;
  text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px;
}
body[data-theme] .demo-disclaimer {color:var(--muted)}
body[data-theme] .code-header span,
body[data-theme] .code-header button {color:var(--text)}
body[data-theme] .code-header button {border-color:var(--outline)}
body[data-theme] .code-header button:hover {background:var(--hover);border-color:var(--teal)}
body[data-theme] .event-summary>div {background:var(--card-soft);border-color:var(--line)}
body[data-theme] .event-summary small {color:var(--muted)}
body[data-theme] .event-badge.no-match {
  background:var(--surface-alt);color:var(--muted);border:1px solid var(--outline);
}
body[data-theme] .finding-meta span {color:var(--accent-ink);border-color:var(--outline);background:var(--accent-soft)}
body[data-theme] .review-result {color:var(--accent-ink)}
body[data-theme] .review-button.selected {color:var(--strong);font-weight:700}
body[data-theme] .demo-step:focus-visible,
body[data-theme] .theme-btn:focus-visible {outline:3px solid var(--teal);outline-offset:2px}


/* Final semantic text audit across the entire site (not only the demo). */
body[data-theme] .comparison-meta strong,
body[data-theme] .callout-quiet b,
body[data-theme] .large-stat span,
body[data-theme] .shot-fallback strong {color:var(--strong)}
body[data-theme] .research-tag {color:var(--accent-ink);background:var(--accent-soft);border-color:var(--outline)}
body[data-theme] .shot-fallback small,
body[data-theme] .evidence-note p,
body[data-theme] .large-stat span,
body[data-theme] .tech-top span {color:var(--muted)}
body[data-theme] .evidence-note>span {color:var(--note-mark)}
body[data-theme] .feature-index {color:var(--muted)}
body[data-theme] .console-step small,
body[data-theme] .console-path,
body[data-theme] .console-path strong,
body[data-theme] .console-sample,
body[data-theme] .micro-label,
body[data-theme] .principles-label {color:var(--muted)}
body[data-theme] .console-step.muted {opacity:.95}
body[data-theme] .console-step.active small {color:var(--muted)}
body[data-theme] .step-activity {color:var(--accent-ink)}
body[data-theme] .footer-site-label,
body[data-theme] .footer-contact-link,
body[data-theme] .logo-type small {color:var(--teal)}
body[data-theme] .shot-fallback {background:var(--card-soft)}