/* WhatDx 6.3.1 integrated premium design: A typography / B colors, structure & components.
   Additive site-wide layer. Deliberately preserves existing text, clinical operations,
   hero ARTIFACT src, JS controllers, and print pagination. */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{
  --wdx63-page:#F2F5F5;--wdx63-paper:#FFFFFF;--wdx63-ink:#1B2F34;
  --wdx63-muted:#4B6268;--wdx63-accent:#145766;--wdx63-hover:#103E4B;
  --wdx63-wash:#E8F0F2;--wdx63-line:#C8D6D9;--wdx63-strong:#94B3BA;
  --wdx63-softshadow:0 1px 3px rgba(5,43,51,.04),0 18px 46px -31px rgba(17,61,75,.24);
  --wdx63-display:'Newsreader',Georgia,serif;
  --wdx63-body:'Plus Jakarta Sans','Noto Sans Bengali','Noto Sans Devanagari','Noto Sans Arabic','Noto Sans SC',system-ui,sans-serif;
  --wdx63-section:clamp(60px,6.2vw,92px);--wdx63-wrap:1240px;
}
@media screen {
 html {scroll-padding-top:88px}
 body {text-rendering:optimizeLegibility}
 body :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--wdx63-accent);outline-offset:3px}
 body :is(button,a){-webkit-tap-highlight-color:rgba(20,87,102,.12)}
 /* TYPOGRAPHY: A's Newsreader + Jakarta, even where older styles use other families */
 body.reference-home,body:has(.legal-main),body:has(.clinician-page-hero),body:has(.cg-main),body:has(.app-shell),body.landing{
   color:var(--wdx63-ink);font-family:var(--wdx63-body);background:var(--wdx63-page);
 }
 body :is(.ref-hero,.ref-free,.ref-philosophy,.ref-purchase,.wdx-journeys,.wdx62-real,
   .legal-main,.clinician-page-hero,.cg-main,.landing-shell,.app-shell) :is(h1,h2,h3){text-wrap:balance}
 /* HOME: preserve report-style hero image/artifact exactly as deployed */
 body.reference-home{
   --ref-bg:var(--wdx63-page);--ref-paper:var(--wdx63-paper);--ref-ink:var(--wdx63-ink);
   --ref-sub:var(--wdx63-muted);--ref-rule:var(--wdx63-line);--ref-green:var(--wdx63-accent);
   --ref-sage:var(--wdx63-wash);--ref-wash:var(--wdx63-wash);
 }
 body.reference-home .ref-shell,body.reference-home .wdx-j-shell,body.reference-home .wdx62-real-shell{
   width:min(var(--wdx63-wrap),calc(100% - 44px));max-width:var(--wdx63-wrap);margin-inline:auto;
 }
 body.reference-home .ref-header{position:sticky;top:0;z-index:1001;
   background:rgba(255,255,255,.98);border-bottom:1px solid var(--wdx63-line);
   -webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px);
 }
 body.reference-home .ref-nav{min-height:72px;gap:clamp(10px,1.6vw,25px);}
 body.reference-home .ref-wordmark{color:var(--wdx63-ink)}
 body.reference-home .ref-nav nav a{color:var(--wdx63-muted)}
 body.reference-home .ref-nav nav a:hover{color:var(--wdx63-accent)}
 body.reference-home .wdx-language-picker select{border-color:var(--wdx63-line);background:var(--wdx63-paper);color:var(--wdx63-ink);border-radius:6px}
 body.reference-home .ref-nav-cta{display:inline-flex;align-items:center;justify-content:center;
   background:var(--wdx63-accent);color:#fff;border:1px solid var(--wdx63-accent);
   border-radius:6px;box-shadow:none;min-height:43px;white-space:nowrap;font-weight:700;
 }
 body.reference-home .ref-nav-cta:hover{background:var(--wdx63-hover)}
 body.reference-home .wdx-analysis-hero{padding-block:clamp(42px,6vw,75px) clamp(44px,6vw,70px);}
 body.reference-home .wdx-analysis-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
   gap:clamp(24px,3.5vw,40px);align-items:center;}
 body.reference-home .wdx-analysis-visual{grid-column:2;grid-row:1;margin:0;min-width:0}
 body.reference-home .wdx-analysis-copy{grid-column:1;grid-row:1;min-width:0;padding-block:15px}
 body.reference-home .wdx-analysis-layout > :not(.wdx-analysis-copy){grid-column:2;grid-row:1;min-width:0}
 body.reference-home :is(.wdx-board-card,.wdx-analysis-artifact,.wdx-artifact-card){
   border:1px solid var(--wdx63-strong);border-radius:8px;box-shadow:none;background:var(--wdx63-paper)}
 body.reference-home .wdx-analysis-hero h1{font-family:var(--wdx63-display);font-weight:500;
   font-size:clamp(42px,4.05vw,59px);line-height:1.065;letter-spacing:-.026em;
   color:var(--wdx63-ink);max-width:19ch;}
 body.reference-home .wdx-analysis-hero h1 em{font-style:italic;color:var(--wdx63-accent)}
 body.reference-home .ref-hero-eyebrow{border-radius:4px;background:var(--wdx63-wash);color:var(--wdx63-accent)}
 body.reference-home .wdx-analysis-hero :is(.ref-hero-lede,.ref-hero-detail){color:var(--wdx63-muted);line-height:1.7;font-family:var(--wdx63-body);}
 body.reference-home .wdx-analysis-hero .ref-hero-detail strong{color:var(--wdx63-ink)}
 body.reference-home .wdx-analysis-visual a{background:var(--wdx63-paper);border:1px solid var(--wdx63-strong);
   border-radius:8px;padding:4px;box-shadow:none;overflow:hidden;}
 body.reference-home .wdx-analysis-visual img{border-radius:4px;max-width:100%;height:auto}
 body.reference-home .wdx-analysis-visual figcaption{color:var(--wdx63-muted)}
 body.reference-home .ref-btn{border-radius:6px;min-height:47px;font-family:var(--wdx63-body);font-weight:700;
   transition:transform 160ms ease-out,background-color 160ms ease-out,border-color 160ms ease-out;}
 body.reference-home .ref-btn-primary{background:var(--wdx63-accent);color:white;border-color:var(--wdx63-accent);}
 body.reference-home .ref-btn-primary:hover{background:var(--wdx63-hover)}
 body.reference-home .ref-btn-outline{color:var(--wdx63-accent);border-color:var(--wdx63-strong);background:white}
 body.reference-home .ref-btn-outline:hover{background:var(--wdx63-wash)}
 body.reference-home .ref-free{background:var(--wdx63-page);padding-block:var(--wdx63-section)}
 body.reference-home :is(.ref-free,.ref-philosophy,.wdx62-real,.wdx-story,.wdx-faq) h2{
   font-family:var(--wdx63-display);font-weight:500;line-height:1.12;letter-spacing:-.018em;
   color:var(--wdx63-ink);}
 body.reference-home .ref-free-card{background:white;border:1px solid var(--wdx63-strong);
   border-radius:8px;box-shadow:none;padding:clamp(22px,3vw,36px);}
 body.reference-home :is(.ref-free-card,.ref-purchase-card,.ref-screen-result) :is(input,textarea,select){border-color:var(--wdx63-line);border-radius:6px;background:#fff;color:var(--wdx63-ink)}
 body.reference-home .ref-screen-progress{border-color:var(--wdx63-line)}
 body.reference-home :is(.ref-free-card,.ref-purchase-card) :is(label,p,small){color:var(--wdx63-muted)}
 /* Fictional story controls: B's quiet, crisp frame; retain all portrait/icon contents and JS */
 body.reference-home .wdx-story{background:var(--wdx63-paper);padding-block:var(--wdx63-section)}
 body.reference-home #the-loop .wdx-j-case{background:white;border:1px solid var(--wdx63-line);
   border-radius:6px;box-shadow:none;transition:background-color .16s,border-color .16s;}
 body.reference-home #the-loop .wdx-j-case.is-current{background:var(--wdx63-wash);border-color:var(--wdx63-accent);
   box-shadow:inset 0 0 0 1px var(--wdx63-accent)}
 body.reference-home #the-loop .wdx-j-case-icon{border-radius:6px;border-color:var(--wdx63-line)}
 body.reference-home #the-loop .wdx-j-case-icon img{border-radius:5px}
 body.reference-home :is(.wdx-j-dashboard,.wdx-j-board,.wdx-j-aside,.wdx-j-stage){border-color:var(--wdx63-line);box-shadow:none}
 body.reference-home .wdx62-real{background:#E9F0F1;border-color:var(--wdx63-line);
   color:var(--wdx63-ink);padding-block:var(--wdx63-section)}
 body.reference-home .wdx62-intro h2{font-family:var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home .wdx62-intro>p{color:var(--wdx63-muted)}
 body.reference-home .wdx62-case{border:1px solid var(--wdx63-line);background:white;
   border-radius:8px;box-shadow:none;padding:24px;}
 body.reference-home .wdx62-case h3{font-family:var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home .wdx62-before{background:var(--wdx63-wash);border-color:var(--wdx63-line);border-radius:6px}
 body.reference-home .wdx62-nav{border-color:var(--wdx63-strong);color:var(--wdx63-accent);background:white}
 body.reference-home .wdx62-reveal{border-radius:6px}
 body.reference-home .ref-philosophy{background:var(--wdx63-paper);padding-block:var(--wdx63-section)}
 body.reference-home .ref-pillars article{border-color:var(--wdx63-line);box-shadow:none}
 body.reference-home .ref-comparison{border-color:var(--wdx63-line);border-radius:8px;overflow-x:auto}
 body.reference-home .ref-purchase{padding-block:var(--wdx63-section);max-width:var(--wdx63-wrap)}
 body.reference-home .ref-purchase-card{background:white;border:1px solid var(--wdx63-line);border-radius:8px;
   box-shadow:none;max-width:850px;margin-inline:auto;padding:clamp(24px,4vw,42px)}
 body.reference-home .ref-price strong{color:var(--wdx63-accent);font-variant-numeric:tabular-nums}
 body.reference-home .case-mode-option{border-color:var(--wdx63-line);border-radius:6px}
 body.reference-home .case-mode-option:has(input:checked){border-color:var(--wdx63-accent);background:var(--wdx63-wash)}
 body.reference-home .wdx-faq{background:var(--wdx63-paper);padding-block:var(--wdx63-section)}
 body.reference-home .wdx-faq details,body.reference-home .wdx-faq-accordion{border-color:var(--wdx63-line)}
 body.reference-home .ref-footer{background:var(--wdx63-page);border-color:var(--wdx63-line)}
 body.reference-home :is(.case-disclaimer-dialog,.wdx-llm-dialog){border:1px solid var(--wdx63-line);
   border-radius:8px;background:white;color:var(--wdx63-ink);box-shadow:var(--wdx63-softshadow)}
 /* Shared public/editorial page treatment. No page content or nav labels changed. */
 body:has(.legal-main),body:has(.clinician-page-hero){--paper:var(--wdx63-page);--ink:var(--wdx63-ink);
   --muted:var(--wdx63-muted);--line:var(--wdx63-line);--teal:var(--wdx63-accent);--teal-dark:var(--wdx63-hover);
   --soft:var(--wdx63-wash);}
 body:has(.legal-main) .legal-header,body:has(.clinician-page-hero) .site-header{
   position:sticky;top:0;z-index:1001;background:rgba(255,255,255,.98);border-bottom:1px solid var(--wdx63-line);}
 body:has(.legal-main) .legal-shell,body:has(.clinician-page-hero) .shell{max-width:var(--wdx63-wrap)}
 body:has(.legal-main) .legal-main,body:has(.clinician-page-hero) .clinician-page-hero{
   background:var(--wdx63-page);color:var(--wdx63-ink)}
 body:has(.legal-main) .legal-main{padding-top:var(--wdx63-section)}
 body:has(.legal-main) :is(.legal-main h1,.legal-content h2,.legal-content h3,.about-card h3),
 body:has(.clinician-page-hero) :is(.clinician-page-hero h1,.section-heading h2,.clinician-hero-card h3,.clinician-value-card h3,.selection-card h3,.objective-card h3){
   font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink);letter-spacing:-.02em}
 body:has(.clinician-page-hero) .clinician-page-hero{padding-block:var(--wdx63-section);background:var(--wdx63-page)}
 body:has(.clinician-page-hero) .clinician-page-grid{gap:clamp(20px,3vw,40px)}
 body:has(.clinician-page-hero) .section-pad{padding-block:var(--wdx63-section);background:var(--wdx63-paper);border-color:var(--wdx63-line)}
 body:has(.clinician-page-hero) :is(.clinician-hero-card,.clinician-value-card,.selection-card,.objective-card),
 body:has(.legal-main) :is(.about-card,.legal-notice){background:white;border-color:var(--wdx63-line);border-radius:8px;box-shadow:none}
 body:has(.clinician-page-hero) :is(.button,.button-primary,.button-dark),body:has(.legal-main) .legal-cta{
   border-radius:6px;box-shadow:none}
 body:has(.clinician-page-hero) :is(.button-primary,.button-dark),body:has(.legal-main) .legal-cta{
   background:var(--wdx63-accent);border-color:var(--wdx63-accent);color:#fff}
 body:has(.legal-main) .legal-lede,body:has(.clinician-page-hero) :is(.hero-lede,.section-heading p){color:var(--wdx63-muted)}
 body:has(.legal-main) .legal-content .prose :is(p,li){color:var(--wdx63-muted);max-width:74ch}
 body:has(.legal-main) .legal-content .toc{border-color:var(--wdx63-line)}
 /* Research library + condition-specific case guides */
 body:has(.cg-main){--bg:var(--wdx63-page);--paper:var(--wdx63-paper);--forest:var(--wdx63-accent);
   --ink:var(--wdx63-ink);--muted:var(--wdx63-muted);--border:var(--wdx63-line);--mint:var(--wdx63-wash)}
 body:has(.cg-main) .cg-header{position:sticky;top:0;z-index:1001;background:rgba(255,255,255,.98);border-bottom:1px solid var(--wdx63-line)}
 body:has(.cg-main) .cg-wrap{max-width:min(100% - 44px,var(--wdx63-wrap))}
 body:has(.cg-main) .cg-nav{min-height:72px}
 body:has(.cg-main) .cg-main{padding-bottom:var(--wdx63-section)}
 body:has(.cg-main) :is(.cg-hero h1,.cg-answer h2,.cg-section-heading h2,.cg-deep h2,.cg-related h2,.cg-safety h2,.cg-question-title,.cg-result-title,.cg-mechanisms h3){font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink)}
 body:has(.cg-main) :is(.cg-micro-card,.cg-mechanisms article,.cg-related-grid a,.cg-answer-summary,.cg-table-scroll,.cg-option){background:white;border-color:var(--wdx63-line);border-radius:8px;box-shadow:none}
 body:has(.cg-main) .cg-micro-card{padding:clamp(20px,3vw,32px);border-color:var(--wdx63-strong)}
 body:has(.cg-main) .cg-answer{background:var(--wdx63-wash);border-color:var(--wdx63-accent);border-radius:0 8px 8px 0}
 body:has(.cg-main) .cg-option:hover,body:has(.cg-main) .cg-option.selected{border-color:var(--wdx63-accent);background:var(--wdx63-wash)}
 body:has(.cg-main) .cg-button{background:var(--wdx63-accent);color:white;border-radius:6px}
 body:has(.cg-main) :is(input,select,textarea){border-color:var(--wdx63-line);border-radius:6px}
 /* Private case acquisition, research session, generated full dossier */
 body.landing,body:has(.app-shell){--ink:var(--wdx63-ink);--muted:var(--wdx63-muted);
   --paper:var(--wdx63-page);--white:var(--wdx63-paper);--rule:var(--wdx63-line);
   --accent:var(--wdx63-accent);--accent-dark:var(--wdx63-hover);--navy:var(--wdx63-ink);
   --soft:var(--wdx63-wash);--teal-soft:var(--wdx63-wash);
   --shadow:var(--wdx63-softshadow);--serif:var(--wdx63-display);--sans:var(--wdx63-body);
   background:var(--wdx63-page);line-height:1.65;font-family:var(--wdx63-body)}
 body.landing .landing-shell,body:has(.app-shell) .app-shell{max-width:var(--wdx63-wrap)}
 body.landing .masthead h1{font:500 clamp(40px,5vw,64px)/1.08 var(--wdx63-display);letter-spacing:-.025em}
 body.landing .paper-panel,body:has(.app-shell) :is(.paper-panel,.research-compass,.processing-panel,.question-panel,.closed-panel){
   border:1px solid var(--wdx63-line);border-radius:8px;background:white;box-shadow:none;}
 body.landing .paper-panel :is(h2,h3),body:has(.app-shell) :is(.paper-panel h2,.paper-panel h3,.research-compass h2){
   font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink)}
 body.landing :is(.btn,.btn-primary),body:has(.app-shell) :is(.btn,.btn-primary){border-radius:6px;box-shadow:none}
 body.landing .btn-primary,body:has(.app-shell) .btn-primary{background:var(--wdx63-accent);border-color:var(--wdx63-accent);color:white}
 body.landing :is(input,textarea,select),body:has(.app-shell) :is(input,textarea,select){border:1px solid var(--wdx63-line);border-radius:6px;background:white;color:var(--wdx63-ink)}
 body:has(.app-shell) .topbar{max-width:none;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-color:var(--wdx63-line);box-shadow:none}
 body:has(.app-shell) .report-panel{background:white;border:1px solid var(--wdx63-line);
   border-top:3px solid var(--wdx63-accent);border-radius:8px;box-shadow:none;
   padding:clamp(20px,4vw,46px);color:var(--wdx63-ink)}
 body:has(.app-shell) .report-panel :is(h1,h2,h3,h4){font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink)}
 body:has(.app-shell) .report-panel :is(p,li){line-height:1.7;overflow-wrap:anywhere}
 body:has(.app-shell) .report-panel :is(table,pre){max-width:100%}
 body:has(.app-shell) .report-panel table{border-color:var(--wdx63-line)}
 body:has(.app-shell) .report-panel :is(th,td){border-color:var(--wdx63-line);vertical-align:top}
 body:has(.app-shell) .report-panel th{background:var(--wdx63-wash);color:var(--wdx63-ink)}
 body:has(.app-shell) .report-panel blockquote{border-inline-start:3px solid var(--wdx63-accent);background:var(--wdx63-wash)}
 body:has(.app-shell) .progress-bar{background:var(--wdx63-accent)}
 /* Editorial desk and analytics: optional private admin interfaces share B's visual language. */
 body:has(.ed-main),body:has(.ed-login),body:has(.cards):has(.heading){
   background:var(--wdx63-page);color:var(--wdx63-ink);
   font-family:var(--wdx63-body)}
 body:has(.ed-main) .ed-header,body:has(.cards):has(.heading) .top{
   position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--wdx63-line)}
 body:has(.ed-main) :is(.ed-page-top h1,.ed-main h2),body:has(.ed-login) h1,
 body:has(.cards):has(.heading) .heading h1{font-family:var(--wdx63-display);font-weight:500}
 body:has(.ed-main) :is(.ed-workspace,.ed-sidebar,.ed-section),body:has(.ed-login) .ed-login-card,
 body:has(.cards):has(.heading) :is(.card,.panel){border-color:var(--wdx63-line);border-radius:8px;box-shadow:none}
 /* Copy-neutral sticky purchase action on EXISTING home header only: never rewrite its text. */
 .wdx63-header-cta{white-space:nowrap;flex-shrink:0}
 @media(max-width:1000px){body.reference-home .wdx-analysis-layout{grid-template-columns:1fr;gap:26px}
   body.reference-home .wdx-analysis-copy{grid-column:1;grid-row:1;padding-block:0}
   body.reference-home .wdx-analysis-visual{grid-column:1;grid-row:2}
   body.reference-home .wdx-analysis-layout > :not(.wdx-analysis-copy){grid-column:1;grid-row:2}
   body.reference-home .wdx-analysis-hero h1{max-width:22ch}
 }
 @media(max-width:780px){body:has(.clinician-page-hero) .clinician-page-hero{padding-block:60px}
   body.reference-home .ref-nav nav{display:none!important}
   body.reference-home .ref-nav{flex-wrap:nowrap;min-height:64px;gap:8px}
   body.reference-home .ref-wordmark{flex:0 1 auto}
   body.reference-home .wdx-language-picker{margin-inline-start:auto;min-width:0}
   body.reference-home .ref-nav-cta{margin-inline-start:0}
 }
 @media(max-width:620px){html{scroll-padding-top:75px}
   body.reference-home .ref-shell,body.reference-home .wdx-j-shell,body.reference-home .wdx62-real-shell{width:calc(100% - 30px)}
   body.reference-home .wdx-analysis-hero{padding-block:35px 52px}
   body.reference-home .wdx-analysis-hero h1{font-size:clamp(38px,9vw,52px);line-height:1.1}
   body.reference-home .wdx-analysis-hero :is(.ref-hero-lede,.ref-hero-detail){font-size:14px}
   body.reference-home .ref-wordmark{font-size:21px}
   body.reference-home .ref-wordmark span{display:none!important}
   body.reference-home .wdx-language-picker select{max-width:82px;font-size:10px;padding-inline:4px;min-height:39px}
   body.reference-home .ref-nav-cta{font-size:10.5px;padding:8px 9px;min-height:39px;letter-spacing:0}
   body.reference-home .wdx62-case{padding:20px}
   body.reference-home .wdx62-rail{grid-auto-columns:minmax(280px,87%)}
   body:has(.cg-main) .cg-wrap{max-width:calc(100% - 30px)}
   body.landing .landing-shell{padding-inline:16px}
   body:has(.app-shell) .app-shell{padding-inline:16px}
   body:has(.app-shell) .report-panel{padding:20px 16px}
   body:has(.legal-main) .legal-main{padding-top:50px}
 }
 /* script-sensitive content should not be visually altered during printing */
}
@media print {
  body.reference-home .ref-header,body:has(.legal-main) .legal-header,
  body:has(.clinician-page-hero) .site-header,body:has(.cg-main) .cg-header{position:static}
  body:has(.app-shell) .report-panel{box-shadow:none!important;border:0!important;padding:0!important}
  body:has(.app-shell) .report-panel :is(h1,h2,h3,h4){font-family:Georgia,serif;color:#1B2F34}
  body:has(.app-shell) .report-panel :is(h2,h3){border-color:#C8D6D9;color:#145766}
  body:has(.app-shell) .report-panel th{background:#E8F0F2!important;color:#145766!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}
  body.reference-home .ref-btn,body.reference-home .wdx-j-case{transition:none!important}}


/* ==============================================================
   V6.3.1 PRODUCTION-MARKUP CORRECTIONS
   Directly traced to index.php, home-clarity-v058.js, case-stories-v058.css,
   and the current supporting page and app templates. This replaces v063;
   it is not a second cascading premium stylesheet.
   ============================================================== */
@media screen {
/* Universal typography/consistent component materiality */
 body.reference-home{font-family:var(--wdx63-body);background:var(--wdx63-page);color:var(--wdx63-ink)}
 body.reference-home .ref-shell{width:min(1160px,calc(100% - 48px));max-width:1160px}
 body.reference-home :is(.ref-eyebrow,.wdx62-case-no,.wdx-story-panelhead){letter-spacing:.06em}
 body.reference-home :is(.ref-hero,.wdx-story,.wdx62-real,.ref-free,.ref-philosophy,.ref-purchase,.wdx-faq){box-sizing:border-box}
 body.reference-home :is(.ref-hero,.wdx-story,.wdx62-real,.ref-free,.ref-philosophy,.ref-purchase,.wdx-faq) :is(p,li){overflow-wrap:break-word}
 body.reference-home :is(.ref-btn,.ref-nav-cta,.wdx-story-btn,.wdx-story-cta,.ref-purchase-submit,.ref-screen-finish button,.ref-clarify-send){border-radius:6px;font-family:var(--wdx63-body);font-weight:700;box-shadow:none}
 body.reference-home :is(.ref-free-card,.ref-purchase-card,.wdx-story-panel,.wdx62-case){border:1px solid var(--wdx63-line);border-radius:8px;background:var(--wdx63-paper);box-shadow:none}
 /* Header: faithful existing navigation words, visible existing ₹799 action */
 body.reference-home .ref-header{position:sticky;top:0;z-index:1050;box-shadow:0 1px 0 rgba(18,59,70,.035)}
 body.reference-home .ref-nav{display:flex;flex-wrap:nowrap;align-items:center;min-height:72px;gap:12px}
 body.reference-home .ref-nav nav{gap:clamp(10px,1.1vw,16px);min-width:0}
 body.reference-home .ref-nav nav a{white-space:nowrap}
 body.reference-home .ref-nav-cta{flex:0 0 auto;white-space:nowrap;min-height:43px;padding:10px 16px}
 body.reference-home .wdx-language-picker{flex:0 0 auto}
 /* Actual hero: desktop copy LEFT, live dynamically generated report preview RIGHT. */
 body.reference-home .wdx-analysis-hero{padding:clamp(54px,6.5vw,84px) 0 clamp(66px,7vw,90px);text-align:left}
 body.reference-home .wdx-analysis-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,4.5vw,66px)}
 body.reference-home .wdx-analysis-layout>.wdx-analysis-copy{grid-area:1 / 1 / 2 / 2;width:100%;min-width:0;max-width:none}
 body.reference-home .wdx-analysis-layout>:not(.wdx-analysis-copy){grid-area:1 / 2 / 2 / 3;min-width:0;width:100%;max-width:none}
 body.reference-home .wdx-analysis-hero h1{font:500 clamp(45px,4.15vw,62px)/1.08 var(--wdx63-display);letter-spacing:-.025em;text-wrap:balance;max-width:19ch;margin:20px 0 19px}
 body.reference-home .wdx-analysis-hero h1 em{font-style:italic;color:var(--wdx63-accent)}
 body.reference-home .wdx-analysis-hero .ref-hero-lede{font-size:16px;line-height:1.72;max-width:60ch}
 body.reference-home .wdx-analysis-hero .ref-hero-detail{font-size:16px;line-height:1.72;max-width:61ch}
 body.reference-home .wdx-analysis-hero .ref-hero-actions{justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:25px}
 body.reference-home .wdx-analysis-hero .ref-hero-actions .ref-btn{min-height:47px;padding:12px 17px;font-size:13px}
 body.reference-home .wdx-analysis-hero .wdx-llm-linkline{margin-top:12px}
 body.reference-home .wdx-analysis-hero .wdx-llm-trigger{color:var(--wdx63-accent);font-family:var(--wdx63-body);border-color:var(--wdx63-line)}
 /* v0.5.8 injects this report preview in place of the older background image. */
 body.reference-home .wdx58-mini{width:100%;max-width:100%;padding:22px;background:var(--wdx63-paper);border:1px solid var(--wdx63-strong);border-radius:8px;box-shadow:var(--wdx63-softshadow);align-self:center;color:var(--wdx63-ink)}
 body.reference-home .wdx58-mini-top{border-color:var(--wdx63-line)}
 body.reference-home .wdx58-mini-tabs{background:var(--wdx63-wash);border-color:var(--wdx63-line);border-radius:6px}
 body.reference-home .wdx58-mini-tabs button{border-radius:4px;color:var(--wdx63-muted)}
 body.reference-home .wdx58-mini-tabs button[aria-pressed=true]{background:var(--wdx63-accent);color:#fff;box-shadow:none}
 body.reference-home .wdx58-mini-status{color:var(--wdx63-accent)}
 body.reference-home .wdx58-mini-status i{background:var(--wdx63-accent);box-shadow:0 0 0 3px var(--wdx63-wash)}
 body.reference-home .wdx58-mini-clues{gap:10px}
 body.reference-home .wdx58-mini-clue{border:1px solid var(--wdx63-line);background:var(--wdx63-page);border-radius:6px;padding:15px 9px}
 body.reference-home .wdx58-mini-clue span{color:var(--wdx63-accent);background:var(--wdx63-wash);border-radius:6px}
 body.reference-home .wdx58-mini-clue b{color:var(--wdx63-ink)}
 body.reference-home .wdx58-mini-connect{color:var(--wdx63-accent)}
 body.reference-home .wdx58-mini-connect span{background:var(--wdx63-line)}
 body.reference-home .wdx58-mini-report{background:var(--wdx63-accent);border-radius:6px;padding:20px}
 body.reference-home .wdx58-mini-report-top>span{background:rgba(255,255,255,.14)}
 body.reference-home .wdx58-mini-report-lines p{color:#f1f9fa}
 body.reference-home .wdx58-mini-note{color:var(--wdx63-muted)}
 /* fallback for old image if preview JavaScript is unavailable: same right column */
 body.reference-home .wdx-analysis-visual a{padding:6px;background:white;border-radius:8px;border-color:var(--wdx63-strong);box-shadow:var(--wdx63-softshadow)}
 body.reference-home .wdx-analysis-visual img{border-radius:4px}
 /* Stories use .wdx-story (not .wdx-journeys or .wdx-j-case). */
 body.reference-home #the-loop.wdx-story{background:var(--wdx63-paper);color:var(--wdx63-ink);padding:var(--wdx63-section) 0}
 body.reference-home #the-loop .wdx-story-shell{width:min(1160px,calc(100% - 48px));max-width:1160px}
 body.reference-home #the-loop .wdx-story-top{max-width:800px;margin:0 auto 32px}
 body.reference-home #the-loop .wdx-story-top h2{font:500 clamp(37px,4.1vw,56px)/1.12 var(--wdx63-display);letter-spacing:-.02em;color:var(--wdx63-ink);margin:12px 0}
 body.reference-home #the-loop .wdx-story-top p{color:var(--wdx63-muted);font-size:15px;line-height:1.75}
 body.reference-home #the-loop .wdx-story-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:12px;margin-bottom:19px}
 body.reference-home #the-loop .wdx-story-tab{min-height:99px;width:100%;min-width:0;padding:15px 16px;border:1px solid var(--wdx63-line);background:white;border-radius:8px;box-shadow:none;grid-template-columns:60px minmax(0,1fr);gap:13px;align-items:center;color:var(--wdx63-ink)}
 body.reference-home #the-loop .wdx-story-tab[aria-selected='true']{background:var(--wdx63-wash);border-color:var(--wdx63-accent);box-shadow:inset 0 0 0 1px var(--wdx63-accent)}
 body.reference-home #the-loop .wdx-story-tab:hover{transform:none;border-color:var(--wdx63-accent);box-shadow:none}
 body.reference-home #the-loop .wdx-story-avatar{width:60px;height:60px;border-radius:7px;border:1px solid var(--wdx63-line);background:white}
 body.reference-home #the-loop .wdx-story-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
 body.reference-home #the-loop .wdx-story-tab strong{font-size:14px;line-height:1.4;color:var(--wdx63-ink)}
 body.reference-home #the-loop .wdx-story-tab small{font-size:12px;line-height:1.55;color:var(--wdx63-muted)}
 body.reference-home #the-loop .wdx-story-panel{overflow:hidden;border:1px solid var(--wdx63-line);border-radius:8px;background:white;box-shadow:var(--wdx63-softshadow)}
 body.reference-home #the-loop .wdx-story-panelhead{color:var(--wdx63-muted);border-color:var(--wdx63-line)}
 body.reference-home #the-loop .wdx-story-brand{color:var(--wdx63-accent)}
 body.reference-home #the-loop .wdx-story-progress i,body.reference-home #the-loop .wdx-story-progress span{border-radius:3px}
 body.reference-home #the-loop .wdx-story-stage{padding:clamp(20px,3.2vw,38px);min-height:360px}
 body.reference-home #the-loop .wdx-story-copy h3{font:500 clamp(33px,3.65vw,47px)/1.12 var(--wdx63-display);letter-spacing:-.02em;color:var(--wdx63-ink)}
 body.reference-home #the-loop .wdx-story-copy p{color:var(--wdx63-muted);line-height:1.7}
 body.reference-home #the-loop .wdx-story-visual-v058{background:var(--wdx63-page);border:1px solid var(--wdx63-line);border-radius:6px}
 body.reference-home #the-loop .wdx-story-visual-v058 img{width:100%;max-width:100%;height:auto;object-fit:contain}
 body.reference-home #the-loop .wdx-story-controls{border-color:var(--wdx63-line)}
 body.reference-home #the-loop .wdx-story-btn,body.reference-home #the-loop .wdx-story-cta{background:var(--wdx63-accent);border-color:var(--wdx63-accent);color:#fff;border-radius:6px;min-height:44px}
 body.reference-home #the-loop .wdx-story-btn.is-secondary{background:white;color:var(--wdx63-accent);border-color:var(--wdx63-line)}
 body.reference-home #the-loop .wdx-story-btn:disabled{opacity:.48}
 body.reference-home #the-loop .wdx-story-bottom p{color:var(--wdx63-muted)}
 /* Four real-case cards: intentional whitespace, not nested color blocks. */
 body.reference-home #wdx62-real.wdx62-real{background:var(--wdx63-wash);border-block:1px solid var(--wdx63-line);padding:var(--wdx63-section) 0}
 body.reference-home #wdx62-real .wdx62-real-shell{width:min(1160px,calc(100% - 48px))}
 body.reference-home #wdx62-real .wdx62-intro{max-width:760px;margin-bottom:30px}
 body.reference-home #wdx62-real .wdx62-intro h2{font:500 clamp(37px,4.1vw,56px)/1.11 var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home #wdx62-real .wdx62-intro p{color:var(--wdx63-muted);font-size:15px;line-height:1.7}
 body.reference-home #wdx62-real .wdx62-case{border:1px solid var(--wdx63-line);border-radius:8px;padding:clamp(22px,2.5vw,30px);background:#fff;box-shadow:none}
 body.reference-home #wdx62-real .wdx62-case-no{color:var(--wdx63-accent)}
 body.reference-home #wdx62-real .wdx62-case h3{color:var(--wdx63-ink);font:500 clamp(26px,2.6vw,34px)/1.16 var(--wdx63-display);min-height:0}
 body.reference-home #wdx62-real .wdx62-before{background:transparent;border:0;border-inline-start:2px solid var(--wdx63-accent);border-radius:0;padding:2px 0 2px 16px;min-height:110px;margin-bottom:20px}
 body.reference-home #wdx62-real .wdx62-before p,body.reference-home #wdx62-real .wdx62-detail p{color:var(--wdx63-muted);font-size:14px;line-height:1.73}
 body.reference-home #wdx62-real .wdx62-details{border-color:var(--wdx63-line)}
 body.reference-home #wdx62-real .wdx62-details summary{color:var(--wdx63-accent)}
 body.reference-home #wdx62-real .wdx62-detail{border-color:var(--wdx63-line)}
 body.reference-home #wdx62-real .wdx62-value{background:var(--wdx63-wash);border-color:var(--wdx63-line);border-radius:6px}
 body.reference-home #wdx62-real .wdx62-nav{border-color:var(--wdx63-line);border-radius:6px;color:var(--wdx63-accent)}
 body.reference-home #wdx62-real .wdx62-note{color:var(--wdx63-muted)}
 /* Free suitability: heading must center even when earlier section CSS overrides it */
 body.reference-home #free-compass.ref-free{background:var(--wdx63-page);padding:var(--wdx63-section) 0}
 body.reference-home #free-compass .ref-free-inner{width:min(900px,calc(100% - 48px));max-width:900px;margin-inline:auto;text-align:center}
 body.reference-home #free-compass .ref-free-inner>.ref-eyebrow{display:block;text-align:center;color:var(--wdx63-accent)}
 body.reference-home #free-compass .ref-free-inner>h2{font:500 clamp(37px,4.1vw,55px)/1.11 var(--wdx63-display);letter-spacing:-.02em;color:var(--wdx63-ink);text-align:center;max-width:800px;margin:15px auto 18px;text-wrap:balance}
 body.reference-home #free-compass .ref-free-inner>.ref-free-lede{text-align:center;margin:0 auto 31px;max-width:66ch;color:var(--wdx63-muted)}
 body.reference-home #free-compass .ref-free-card{text-align:left;max-width:900px;margin:0 auto;border-radius:8px;border:1px solid var(--wdx63-strong);box-shadow:none;background:white;padding:clamp(23px,3vw,38px)}
 body.reference-home #free-compass .ref-free-field-heading{color:var(--wdx63-ink)}
 body.reference-home #free-compass .ref-free-field-number{color:var(--wdx63-accent)}
 body.reference-home #free-compass :is(input,textarea,select){border:1px solid var(--wdx63-line);border-radius:6px;background:white;color:var(--wdx63-ink);max-width:100%}
 body.reference-home #free-compass :is(button,summary){font-family:var(--wdx63-body)}
 body.reference-home #free-compass :is(.ref-free-navigator button,.ref-screen-finish button,.ref-clarify-send){background:var(--wdx63-accent);border-radius:6px;color:#fff}
 body.reference-home #free-compass :is(.ref-option,.ref-free-chip){border-color:var(--wdx63-line);border-radius:6px}
 /* Doctor philosophy + purchase + FAQ: B's strong panel hierarchy */
 body.reference-home #philosophy.ref-philosophy{background:white;padding:var(--wdx63-section) 0}
 body.reference-home #philosophy h2{font:500 clamp(37px,4.1vw,55px)/1.12 var(--wdx63-display);color:var(--wdx63-ink);max-width:800px}
 body.reference-home #philosophy .ref-pillars{gap:30px}
 body.reference-home #philosophy .ref-pillars article{border-top-color:var(--wdx63-line)}
 body.reference-home #philosophy .ref-pillars article span{color:var(--wdx63-accent)}
 body.reference-home #philosophy .ref-pillars article h3{font:500 29px/1.18 var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home #philosophy .ref-comparison{border:1px solid var(--wdx63-line);border-radius:8px}
 body.reference-home #philosophy .ref-comparison th,body.reference-home #philosophy .ref-comparison td{border-color:var(--wdx63-line)}
 body.reference-home #start-case.ref-purchase{width:min(1160px,calc(100% - 48px));max-width:1160px;padding:var(--wdx63-section) 0}
 body.reference-home #start-case .ref-purchase-card{max-width:850px;margin-inline:auto;background:#fff;border:1px solid var(--wdx63-strong);border-radius:8px;padding:clamp(24px,4vw,43px)}
 body.reference-home #start-case .ref-purchase-head h2{font:500 clamp(30px,3.3vw,44px)/1.12 var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home #start-case .ref-price strong{color:var(--wdx63-accent);font-variant-numeric:tabular-nums}
 body.reference-home #start-case :is(.case-mode-options,.case-mode-option,.ref-purchase-points){border-color:var(--wdx63-line)}
 body.reference-home #start-case .case-mode-option{border-radius:6px}
 body.reference-home #start-case .case-mode-option:has(input:checked){background:var(--wdx63-wash);border-color:var(--wdx63-accent)}
 body.reference-home #start-case .ref-purchase-submit{border-radius:6px;background:var(--wdx63-accent);color:#fff}
 body.reference-home #common-questions.wdx-faq{background:white;padding:var(--wdx63-section) 0}
 body.reference-home #common-questions :is(h2,h3){font-family:var(--wdx63-display);color:var(--wdx63-ink)}
 body.reference-home #common-questions :is(details,summary){border-color:var(--wdx63-line)}
 /* Supporting pages align their typography and card material with the SAME tokens. */
 body:has(.legal-main) .legal-header,body:has(.clinician-page-hero) .site-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--wdx63-line);box-shadow:none}
 body:has(.legal-main) .legal-main h1,body:has(.clinician-page-hero) .clinician-page-hero h1{font-family:var(--wdx63-display);font-weight:500;line-height:1.08}
 body:has(.legal-main) :is(.legal-cta,.about-card,.legal-notice),body:has(.clinician-page-hero) :is(.button,.button-primary,.button-dark,.clinician-hero-card,.clinician-value-card,.selection-card,.objective-card){border-radius:8px;box-shadow:none}
 body:has(.clinician-page-hero) .clinician-page-hero{background:var(--wdx63-page)}
 body:has(.clinician-page-hero) .section-pad{background:white}
 body:has(.clinician-page-hero) .referral-toolkit{background:var(--wdx63-accent);border-radius:8px}
 body:has(.legal-main) .legal-lede,body:has(.clinician-page-hero) .hero-lede{line-height:1.72}
 /* Brochure uses an embedded CSS system rather than external .legal-main classes. */
 body:has(.brandline):not(.reference-home){background:var(--wdx63-page);color:var(--wdx63-ink);font-family:var(--wdx63-body)}
 body:has(.brandline) .brandline{color:var(--wdx63-ink);border-color:var(--wdx63-line)}
 body:has(.brandline) :is(h1,h2,h3){font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink)}
 body:has(.brandline) :is(.card,.panel,.note,.callout){border-color:var(--wdx63-line);border-radius:8px;box-shadow:none}
 /* Application pages and patient report: real present classes, not prototype guesses. */
 body.landing,body:has(.app-shell){font-family:var(--wdx63-body);background:var(--wdx63-page);color:var(--wdx63-ink)}
 body.landing .landing-shell,body:has(.app-shell) .app-shell{width:min(1120px,calc(100% - 40px));max-width:1120px}
 body.landing :is(.masthead h1,.paper-panel h2,.paper-panel h3),body:has(.app-shell) :is(.report-panel h1,.report-panel h2,.report-panel h3,.question-prompt,.paper-panel h2){font-family:var(--wdx63-display);font-weight:500;color:var(--wdx63-ink)}
 body.landing :is(.paper-panel,.research-compass),body:has(.app-shell) :is(.paper-panel,.research-compass,.question-panel,.processing-panel,.report-panel){border:1px solid var(--wdx63-line);border-radius:8px;box-shadow:none;background:#fff}
 body:has(.app-shell) .report-panel{border-top:3px solid var(--wdx63-accent);padding:clamp(22px,4vw,46px)}
 body:has(.app-shell) .report-panel :is(p,li){line-height:1.72}
 body:has(.app-shell) .report-panel :is(th,td){border-color:var(--wdx63-line)}
 body:has(.app-shell) .report-panel th{background:var(--wdx63-wash)}
 body:has(.app-shell) .topbar{background:#fff;box-shadow:none}
 body:has(.app-shell) .question-panel{padding:clamp(20px,3vw,30px)}
 body:has(.app-shell) .report-panel :is(img,table,pre){max-width:100%}
 body:has(.app-shell) .report-panel pre{white-space:pre-wrap;overflow-wrap:anywhere}
 body:has(.app-shell) .report-panel table{border-collapse:collapse}
 body:has(.app-shell) .report-panel blockquote{background:var(--wdx63-wash);border-color:var(--wdx63-accent)}
 body:has(.cg-main) .cg-header{background:#fff}
 body:has(.cg-main) :is(.cg-micro-card,.cg-option,.cg-related-grid a){box-shadow:none;border-radius:8px}
 body:has(.cg-main) :is(.cg-button,.cg-cta){border-radius:6px}
 /* Print-only/report-specific layout remains owned by original stylesheet. */
}
@media screen and (max-width:1000px){
 body.reference-home .wdx-analysis-layout{grid-template-columns:1fr;gap:32px}
 body.reference-home .wdx-analysis-layout>.wdx-analysis-copy{grid-area:1 / 1 / 2 / 2}
 body.reference-home .wdx-analysis-layout>:not(.wdx-analysis-copy){grid-area:2 / 1 / 3 / 2;width:min(100%,740px);margin-inline:auto}
 body.reference-home .wdx-analysis-hero h1{max-width:22ch}
}
@media screen and (max-width:800px){
 body.reference-home #the-loop .wdx-story-stage .wdx-story-grid-v058{grid-template-columns:1fr}
 body.reference-home #the-loop .wdx-story-visual-v058{max-width:100%}
}
@media screen and (max-width:680px){
 body.reference-home .ref-nav{min-height:64px;gap:8px}
 body.reference-home .ref-nav nav{display:none}
 body.reference-home .ref-wordmark span{display:none}
 body.reference-home .wdx-language-picker{margin-inline-start:auto}
 body.reference-home .ref-nav-cta{padding:9px 10px;font-size:10px}
 body.reference-home .ref-shell,body.reference-home #the-loop .wdx-story-shell,body.reference-home #wdx62-real .wdx62-real-shell,body.reference-home #free-compass .ref-free-inner,body.reference-home #start-case.ref-purchase{width:calc(100% - 30px)}
 body.reference-home .wdx-analysis-hero{padding:42px 0 55px}
 body.reference-home .wdx-analysis-hero h1{font-size:clamp(37px,9.1vw,50px);line-height:1.09;max-width:none}
 body.reference-home .wdx58-mini{padding:14px}
 body.reference-home .wdx58-mini-clues{gap:6px}
 body.reference-home .wdx58-mini-clue{padding:12px 6px}
 body.reference-home #the-loop .wdx-story-tabs{display:grid;grid-template-columns:1fr;gap:8px}
 body.reference-home #the-loop .wdx-story-tab{min-height:78px;padding:11px 13px;grid-template-columns:54px 1fr}
 body.reference-home #the-loop .wdx-story-avatar{width:54px;height:54px}
 body.reference-home #the-loop .wdx-story-stage{padding:20px 16px;min-height:0}
 body.reference-home #the-loop .wdx-story-controls{padding:15px}
 body.reference-home #wdx62-real .wdx62-rail{grid-auto-columns:90%;scroll-padding-inline:2px}
 body.reference-home #wdx62-real .wdx62-case{padding:19px}
 body.reference-home #wdx62-real .wdx62-before{min-height:0}
 body.reference-home #free-compass .ref-free-inner>h2{font-size:clamp(34px,8.2vw,44px)}
 body.reference-home #free-compass .ref-free-card{padding:20px 17px}
 body.reference-home #philosophy .ref-pillars{grid-template-columns:1fr}
 body.reference-home #start-case .ref-purchase-card{padding:23px 18px}
 body.landing .landing-shell,body:has(.app-shell) .app-shell{width:100%;padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){
 body.reference-home #the-loop :is(button,a){transition:none!important;animation:none!important}
 body.reference-home #wdx62-real *{animation:none!important;scroll-behavior:auto!important}
}