/* =========================================================
   bot-page-v3.css — Consolidated stylesheet for SCA V8.2 Dual Layout
   
   PART A: Essential base rules from bot-page-v2/v3.css
          (only rules JS files depend on that v8 doesn't override)
   PART B: All v8.2 inline CSS (previously 5 <style> blocks)
   
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@400;500&display=swap');


/* ══════════════════════════════════════════════════════════════
   PART A — BOT-PAGE BASE (JS dependencies only)
   ══════════════════════════════════════════════════════════════ */


/* ==========================================================
   A§1 — PAGE THEME VARIABLES
   Used by: bot-page.bundle.js adds body.sca-botpage on boot
   ========================================================== */

body.sca-botpage{ font-family: inherit; }

body.sca-botpage #scaBotCardRoot,
body.sca-botpage #scaInfoCardRoot{
  --sca-ink:     #253551;
  --sca-muted:   rgba(37,53,81,.72);
  --sca-border:  rgba(37,53,81,.12);
  --sca-surface: rgba(255,255,255,.68);
  --sca-shadow:  0 18px 55px rgba(17,24,39,.10);
  box-sizing: border-box;
  color: var(--sca-ink);
}

body.sca-botpage #scaBotCardRoot *,
body.sca-botpage #scaInfoCardRoot *{ box-sizing: border-box; }

body.sca-botpage .sca-cardShell{
  padding: 26px;
  border-radius: 28px;
  background: var(--sca-surface);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: var(--sca-shadow);
  backdrop-filter: blur(14px);
}

@media (max-width: 720px){
  body.sca-botpage .sca-cardShell{ padding: 14px; border-radius: 18px; }
}


/* ==========================================================
   A§2 — BADGE CLASSES (all states)
   Used by: bot-page.bundle.js setBadge()
   v8 hides #sca-badge visually but JS still sets these classes
   ========================================================== */

#sca-patient-card .sca-badge{
  font-size:14px;font-weight:800;padding:8px 12px;border-radius:999px;
  border:1px solid rgba(0,0,0,.12);white-space:nowrap;
}
#sca-patient-card .sca-badge-idle{ background:#d6dde9;color:#253551;border-color:rgba(37,53,81,.18);opacity:.90; }
#sca-patient-card .sca-badge-connecting{ background:#eef4ff;color:#1c4fb8;border-color:rgba(28,79,184,.25); }
#sca-patient-card .sca-badge-waiting{ background:#eef4ff;color:#1c4fb8;border-color:rgba(28,79,184,.25); }
#sca-patient-card .sca-badge-thinking{ background:#eef4ff;color:#1c4fb8;border-color:rgba(28,79,184,.25); }
#sca-patient-card .sca-badge-listening{ background:#eaf8f0;color:#0c6a3b;border-color:rgba(12,106,59,.25); }
#sca-patient-card .sca-badge-talking{ background:#fff1f3;color:#b0123a;border-color:rgba(176,18,58,.25); }
#sca-patient-card .sca-badge-error{ background:#fff1f3;color:#b0123a;border-color:rgba(176,18,58,.25); }


/* ==========================================================
   A§3 — WAKE TOGGLE
   Used by: wake-lock script in HTML
   ========================================================== */

#sca-patient-card .wake-toggle--header{ margin-left:auto;display:inline-flex;align-items:center;gap:10px; }
#sca-patient-card .wake-miniLabel{ font-size:14px;font-weight:800;color:rgba(37,53,81,.72);white-space:nowrap; }
#sca-patient-card .wake-miniWrap{ display:inline-flex;align-items:center;position:relative; }
@media(min-width:1025px){ #sca-patient-card .wake-toggle--header{display:none!important} }
@media(max-width:1024px){ #sca-patient-card .wake-toggle--header{display:inline-flex!important} }
#sca-patient-card #wakeSwitch{ position:absolute;opacity:0;width:52px;height:34px;margin:0;cursor:pointer; }
#sca-patient-card .wake-switch{ width:52px;height:34px;border-radius:999px;border:1px solid rgba(37,53,81,.18);background:rgba(255,255,255,.70);box-shadow:0 10px 26px rgba(17,24,39,.08);position:relative;display:inline-block; }
#sca-patient-card .wake-switch::after{ content:"";position:absolute;top:50%;left:4px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#253551;transition:transform .15s ease; }
#sca-patient-card #wakeSwitch:checked + .wake-switch{ background:#d6dde9;border-color:rgba(37,53,81,.24); }
#sca-patient-card #wakeSwitch:checked + .wake-switch::after{ transform:translate(18px,-50%); }
#sca-patient-card #wakeLabel{ display:none!important; }
#sca-patient-card .wake-note--header{ margin-left:10px;font-size:12px;font-weight:700;color:rgba(37,53,81,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px; }


/* ==========================================================
   A§4 — ORB / AVATAR BASE
   Used by: sca-plasma-v2.js, bot-page.bundle.js setAvatar()
   v8 overrides sizing per-layout in Part B
   ========================================================== */

#sca-patient-card .sca-avatarWrap{ display:flex;justify-content:center;align-items:center;padding:10px 0 6px;margin-bottom:22px; }
#sca-patient-card .sca-ring{ --orb-bleed:90px;width:304px;height:304px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;background:transparent!important; }
#sca-patient-card .sca-orbCanvas{ position:absolute;inset:calc(var(--orb-bleed)*-1);width:calc(100% + (var(--orb-bleed)*2));height:calc(100% + (var(--orb-bleed)*2));z-index:1!important;opacity:1;filter:none; }
#sca-patient-card .sca-avatar{ width:304px;height:304px;border-radius:50%;overflow:hidden;background:transparent!important;position:relative;z-index:2!important;border:0; }
#sca-patient-card .sca-avatar img{ width:100%;height:100%;object-fit:cover;display:block; }

/* Image load states — bot-page.bundle.js setAvatar() */
#sca-avatar-img{ width:100%;height:100%;object-fit:cover;display:none;border:0;outline:0; }
#sca-avatar-img.is-loaded{ display:block; }
#sca-avatar-img.is-empty{ display:none; }

/* Prevent orb/canvas stealing clicks */
#sca-patient-card .sca-avatarWrap,
#sca-patient-card .sca-ring,
#sca-patient-card .sca-avatar,
#sca-patient-card .sca-ring::before,
#sca-patient-card .sca-ring::after,
#sca-patient-card .sca-orbCanvas{ pointer-events:none!important; }
#scaBotCardRoot .sca-controls,
#scaBotCardRoot .sca-controls *{ pointer-events:auto; }

/* Canvas z-stacking — sca-plasma-v2.js */
#sca-ring{ position:relative; }
#sca-orb-canvas,#sca-particles-canvas{ position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
#sca-orb-canvas{ z-index:1; }
#sca-particles-canvas{ z-index:2; }
#sca-ring .sca-avatar{ position:relative;z-index:3; }


/* ==========================================================
   A§5 — MAIN META / TIMER BASE
   Used by: bot-page.bundle.js, voice-patient.js
   ========================================================== */

#scaBotCardRoot .sca-left{ display:flex;flex-direction:column;gap:16px;min-width:0;position:relative; }
#sca-patient-card{ background:transparent; }
#sca-patient-card .sca-header{ display:flex;align-items:center;gap:12px;margin-bottom:16px; }
#scaBotCardRoot .sca-mainMeta{ margin-top:6px;padding:0 6px 0; }
#scaBotCardRoot .sca-mainIdentity{ display:grid;grid-template-columns:1fr max-content;grid-template-rows:auto auto;column-gap:18px;row-gap:8px;align-items:start;min-width:0; }
#scaBotCardRoot #sca-mainName{ grid-column:1;grid-row:1;min-width:0;font-weight:850;letter-spacing:-0.02em;color:var(--sca-ink);font-size:clamp(30px,3.6vw,46px);line-height:1.2;margin-top:2px; }
#scaBotCardRoot .sca-mainAge{ grid-column:1;grid-row:2;min-width:0;color:var(--sca-muted);font-weight:650;font-size:24px;line-height:1.25;margin-top:0; }
#scaBotCardRoot .sca-caseLine{ display:none;font-size:22px;font-weight:750;line-height:1.25;color:var(--sca-muted); }
#scaBotCardRoot .sca-caseLine span{ color:var(--sca-ink);font-weight:900; }

/* Timer base */
#scaBotCardRoot #vpTimer{ grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;width:max-content;white-space:nowrap;font-size:clamp(52px,4.2vw,64px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0.02em;background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;display:inline-block; }
#scaBotCardRoot .sca-mainIdentity #vpTimer{ width:4ch;text-align:left;display:block; }

/* Timer colour classes — bot-page.bundle.js setTimerClass() */
#scaBotCardRoot #vpTimer.vpTimer--safe{ color:#0c6a3b; }
#scaBotCardRoot #vpTimer.vpTimer--warn{ color:#253551; }
#scaBotCardRoot #vpTimer.vpTimer--danger{ color:#b0123a; }

@media(max-width:720px){
  #scaBotCardRoot #sca-mainName{ font-size:clamp(26px,9vw,36px); }
  #scaBotCardRoot .sca-mainAge{ font-size:16px; }
  #scaBotCardRoot #vpTimer{ font-size:32px; }
}


/* ==========================================================
   A§6 — CONTROLS (start/stop/grading)
   Used by: voice-patient.js setUiConnected(), setGradingBtnState()
   ========================================================== */

#scaBotCardRoot .sca-controls{ margin-top:6px; }
#scaBotCardRoot .sca-seg{ display:block;width:100%;border-radius:18px; }

/* Start button base (frosted glass) */
#scaBotCardRoot #startBtn{
  width:100%;height:74px;outline:none;cursor:pointer;font-size:32px;font-weight:850;border-radius:18px;
  position:relative;overflow:hidden;
  background:rgba(214,221,233,.72);color:#253551;border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 8px 24px rgba(37,53,81,.09),0 2px 6px rgba(37,53,81,.05),inset 0 1px 0 rgba(255,255,255,.80),inset 0 -1px 0 rgba(37,53,81,.05);
  transition:transform 160ms ease,box-shadow 160ms ease,background 200ms ease,border-color 160ms ease,color 200ms ease;
}
@media(max-width:720px){ #scaBotCardRoot #startBtn{ height:58px;font-size:clamp(24px,8vw,30px); } }

#scaBotCardRoot #startBtn::after{ content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;transition:opacity 160ms ease;background:linear-gradient(135deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.20) 28%,rgba(255,255,255,.00) 58%);opacity:0.5; }
#scaBotCardRoot #startBtn::before{ content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:none;opacity:0.6;filter:blur(1.5px);box-shadow:inset 1px 1px 0 rgba(255,255,255,.65),inset 0 0 16px rgba(255,255,255,.18),inset 0 0 6px rgba(255,255,255,.10),inset 0 -1px 0 rgba(37,53,81,.08); }

#scaBotCardRoot #startBtn:hover{ background:rgba(214,221,233,.85);border-color:rgba(255,255,255,.28);transform:translateY(-2px);box-shadow:0 12px 32px rgba(37,53,81,.12),0 4px 10px rgba(37,53,81,.06),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(37,53,81,.05); }
#scaBotCardRoot #startBtn:hover::after{ opacity:0.65; }
#scaBotCardRoot #startBtn:hover::before{ opacity:0.75; }
#scaBotCardRoot #startBtn:active{ transform:translateY(-1px);box-shadow:0 6px 18px rgba(37,53,81,.08),0 2px 6px rgba(37,53,81,.04),inset 0 1px 0 rgba(255,255,255,.70),inset 0 -1px 0 rgba(37,53,81,.05); }

/* Premium start button (via synced vpModePremium radio) */
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn{
  background:#253551!important;color:#fff!important;border:1px solid rgba(79,124,255,.12)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 0 30px rgba(15,23,42,.22),0 0 10px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.18)!important;
}
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn::before,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn::before{
  background:linear-gradient(90deg,rgba(79,124,255,.00) 0%,rgba(79,124,255,.00) 12%,rgba(79,124,255,.08) 45%,rgba(79,124,255,.08) 70%,rgba(79,124,255,.16) 100%)!important;
  filter:blur(1.5px)!important;opacity:1!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.30),inset 0 0 4px rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn::after,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn::after{
  background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.02) 18%,rgba(255,255,255,.00) 35%)!important;opacity:0.4;
}
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn:hover,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn:hover{
  border-color:rgba(79,124,255,.22)!important;transform:translateY(-2px);
  box-shadow:0 0 36px rgba(15,23,42,.26),0 0 12px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.20)!important;
}
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn:hover::after,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn:hover::after{ opacity:0.55; }
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn:hover::before,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn:hover::before{ opacity:1;filter:blur(2px)!important; }
body:has(#scaPlanStandalone #vpModePremium:checked) #scaBotCardRoot #startBtn:active,
body:has(#scaBotCardRoot #vpModePremium:checked) #scaBotCardRoot #startBtn:active{
  transform:translateY(-1px);
  box-shadow:0 0 24px rgba(15,23,42,.18),0 0 8px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.16)!important;
}

/* Stop mode */
#scaBotCardRoot #startBtn[data-mode="stop"]:not(:disabled){ background:rgba(255,255,255,.55)!important;color:var(--sca-ink)!important;border:1px solid rgba(37,53,81,.10)!important;box-shadow:0 6px 20px rgba(37,53,81,.07),0 2px 6px rgba(37,53,81,.03),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(37,53,81,.03)!important; }
#scaBotCardRoot #startBtn[data-mode="stop"]:not(:disabled)::after{ background:linear-gradient(135deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.14) 28%,rgba(255,255,255,.00) 55%)!important;opacity:0.5; }
#scaBotCardRoot #startBtn[data-mode="stop"]:not(:disabled)::before{ background:none!important;opacity:0.45;filter:blur(1.5px);box-shadow:inset 1px 1px 0 rgba(255,255,255,.55),inset 0 0 12px rgba(255,255,255,.10),inset 0 -1px 0 rgba(37,53,81,.04)!important; }

/* Disabled */
#scaBotCardRoot #startBtn:disabled{ background:rgba(241,243,247,.50)!important;color:rgba(31,41,55,.35)!important;border:1px solid rgba(37,53,81,.06)!important;cursor:not-allowed;transform:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 12px rgba(37,53,81,.03),inset 0 1px 0 rgba(255,255,255,.35)!important; }
#scaBotCardRoot #startBtn:disabled::after{ opacity:0.12!important; }
#scaBotCardRoot #startBtn:disabled::before{ opacity:0.15!important;filter:none!important;box-shadow:none!important;background:none!important; }

/* Hide legacy stop button */
#scaBotCardRoot #stopBtn{ display:none!important; }

/* Grading button */
#scaBotCardRoot #gradingBtn{ width:100%;height:54px;margin-top:10px;border-radius:18px;border:1px solid rgba(37,53,81,.18);font-size:18px;font-weight:800;cursor:pointer; }
#scaBotCardRoot #gradingBtn:disabled{ background:rgba(31,41,55,.06);color:rgba(31,41,55,.45);cursor:not-allowed; }
#scaBotCardRoot #gradingBtn.is-ready{ position:relative;overflow:hidden;background:rgba(214,221,233,.55);border:1px solid rgba(255,255,255,.50);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(37,53,81,.07),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(37,53,81,.04);transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease; }
#scaBotCardRoot #gradingBtn.is-ready:hover{ background:rgba(214,221,233,.70);transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,53,81,.10),inset 0 1px 0 rgba(255,255,255,.70),inset 0 -1px 0 rgba(37,53,81,.04); }


/* ==========================================================
   A§7 — ACCORDION BASE
   Used by: bot-page.bundle.js bindAccordion()
   ========================================================== */

#scaInfoCardRoot .sca-right{ min-width:0;position:relative; }

body.sca-botpage #scaInfoCardRoot .sca-infoCard{ background:transparent;border:0;box-shadow:none;border-radius:20px;overflow:visible; }
body.sca-botpage #scaInfoCardRoot .sca-infoHeader{ display:flex;gap:10px;align-items:center;background:transparent;border:0;padding:0 0 12px; }
body.sca-botpage #scaInfoCardRoot .sca-infoHeaderTitle{ font-weight:800;color:var(--sca-ink);font-size:24px;letter-spacing:-0.01em; }
body.sca-botpage #scaInfoCardRoot .sca-accordion{ display:flex;flex-direction:column;gap:12px; }
body.sca-botpage #scaInfoCardRoot .sca-accItem{ background:rgba(255,255,255,.70);border:1px solid rgba(37,53,81,.10);border-radius:18px;box-shadow:0 10px 26px rgba(17,24,39,.06);overflow:hidden;transition:transform .12s ease,box-shadow .12s ease; }
body.sca-botpage #scaInfoCardRoot .sca-accItem:hover{ transform:translateY(-1px);box-shadow:0 14px 36px rgba(17,24,39,.08); }
body.sca-botpage #scaInfoCardRoot .sca-accHeader{ width:100%;display:flex;align-items:center;gap:10px;padding:16px;background:transparent;border:none;cursor:pointer;text-align:left; }
body.sca-botpage #scaInfoCardRoot .sca-accTitle{ font-weight:900;color:var(--sca-ink);font-size:17px; }
body.sca-botpage #scaInfoCardRoot .sca-accChevron{ margin-left:auto;color:rgba(37,53,81,.55);font-size:22px;transform:translateY(-1px);transition:transform .15s ease; }
body.sca-botpage #scaInfoCardRoot .sca-accHeader[aria-expanded="true"] .sca-accChevron{ transform:rotate(90deg); }
body.sca-botpage #scaInfoCardRoot .sca-accBody{ padding:0 16px 16px; }
body.sca-botpage #scaInfoCardRoot .sca-accBody[hidden]{ display:none!important; }
body.sca-botpage #scaInfoCardRoot .sca-accContent{ background:rgba(37,53,81,.03);border:1px solid rgba(37,53,81,.08);border-radius:14px;padding:12px 14px; }
body.sca-botpage #scaInfoCardRoot .sca-cleanList{ margin:0;padding-left:18px;color:rgba(37,53,81,.75);font-weight:520; }
body.sca-botpage #scaInfoCardRoot .sca-cleanList li{ margin:8px 0; }


/* ==========================================================
   A§8 — NOTES / RESULTS MARKUP
   Used by: bot-page.bundle.js populateMedicalNotes(), populateResults()
   ========================================================== */

#scaInfoCardRoot .underline{ font-weight:900;color:var(--sca-ink);margin:10px 0 6px; }
#scaInfoCardRoot .quote-box{ background:rgba(255,255,255,.70);border:1px solid var(--sca-border);border-radius:14px;padding:12px 14px;margin:0 0 10px;color:var(--sca-muted);line-height:1.45; }
#scaInfoCardRoot .quote-box-medical{ border-left:4px solid rgba(71,108,103,.85); }
#scaInfoCardRoot .quote-box-results{ border-left:4px solid rgba(64,99,180,.55); }


/* ==========================================================
   A§9 — NO-CREDITS POPUP
   Used by: bot-page.bundle.js showNoCreditsPopup()
   ========================================================== */

#vp-credits-modal{ display:flex;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;padding:16px; }
#vp-credits-backdrop{ position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px); }
#vp-credits-box{ position:relative;background:#ffffffcc;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:28px 24px;max-width:960px;width:95%;text-align:center;z-index:1;color:#1a1a2e;max-height:90vh;overflow-y:auto; }
#vp-credits-box h2{ margin:0 0 8px;font-size:1.3rem;color:#1a1a2e; }
#vp-credits-box p{ opacity:0.75;margin-bottom:6px;line-height:1.5;color:#1a1a2e; }
.vp-credits-email{ opacity:0.4!important;font-size:0.8rem!important; }
#vp-stripe-buttons{ display:flex;flex-direction:row;gap:24px;margin-top:20px;align-items:stretch;justify-content:center; }
#vp-stripe-buttons stripe-buy-button{ display:block;width:288px;min-width:288px;max-width:288px;margin:0 auto; }
.vp-stripe-wrap{ display:flex;justify-content:center;align-items:center;flex:1;min-width:288px;max-width:288px;padding:0;margin:0; }
@media(max-width:900px){
  #vp-credits-box{ padding:20px 16px;max-height:85vh; }
  #vp-stripe-buttons{ flex-direction:column;align-items:center; }
  #vp-stripe-buttons stripe-buy-button{ max-width:100%;width:100%; }
}
#vp-credits-close{ position:absolute;top:12px;right:16px;background:none;border:none;color:#1a1a2e;font-size:20px;cursor:pointer;opacity:0.4; }
#vp-credits-close:hover{ opacity:1; }


/* ==========================================================
   A§10 — AUDIO CONTROLS BASE
   Used by: vp-audio-controls.js
   (v8 re-declares .vp-audioBtn in Part B mobile, but this
    provides the base for desktop + any context before v8 loads)
   ========================================================== */

.vp-audioControls{ display:inline-flex;align-items:center;gap:6px; }


/* ==========================================================
   A§11 — HIDDEN FURTHER-READING + HOME PORTAL (compat)
   ========================================================== */

.sca-included.sca-readingGrid{ display:none; }
.home-portal .page{ padding:0!important; }


/* ==========================================================
   A§12 — KILL bot-page-v2/v3.css DESKTOP 3-COL LAYOUT
   At ≥1025px, bot-page CSS sets display:contents on
   #sca-patient-card. These rules defeat that.
   ========================================================== */

@media(min-width:1025px){
  #svDesktop #scaBotCardRoot #sca-patient-card{ display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important; }
  #svDesktop #scaBotCardRoot #sca-patient-card .sca-header{ display:none!important; }
  #svDesktop #scaBotCardRoot #sca-patient-card #sca-badge{ display:none!important; }
  #svDesktop #scaBotCardRoot .sca-left{ display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important; }
  #svDesktop #scaBotCardRoot .sca-mainMeta{ display:none!important; }
  #svDesktop #scaBotCardRoot .sca-controls{ display:none!important; }
}


/* ══════════════════════════════════════════════════════════════
   PART B — V8.2 INLINE CSS (previously 5 <style> blocks)
   ══════════════════════════════════════════════════════════════ */


/* ==========================================================
   B§0 — HEADER HIDING (Squarespace)
   ========================================================== */

#header .header-display-desktop,
#header .header-display-mobile{
  opacity:0;visibility:hidden;transform:translateY(-10px);
}


/* ==========================================================
   B§1 — SHARED CSS VARIABLES
   (@import url already at top of file)
   ========================================================== */

:root{
  --nv:#253551;--nv-dk:#1b2130;--nv-md:#3a4f6f;--nv-lt:rgba(37,53,81,0.06);
  --bl:#4a7fd4;--bl-s:rgba(74,127,212,0.08);
  --pp:rgba(100,60,220,0.18);--pp-b:rgba(100,60,220,0.2);--pp-s:rgba(100,60,220,0.06);
  --gn:#22c55e;--gn-s:rgba(34,197,94,0.1);--gn-b:rgba(34,197,94,0.2);
  --rd:#d11f1f;--rd-s:rgba(209,31,31,0.08);--rd-b:rgba(209,31,31,0.15);
  --cd:#ffffff;--cd-b:rgba(37,53,81,0.08);--cd-sh:0 1px 3px rgba(37,53,81,0.06);
  --tx:#253551;--tx2:rgba(37,53,81,0.65);--tx3:rgba(37,53,81,0.4);
  --r:14px;--rs:10px;
  --gold:#d4a017;--gold-lt:#e8c547;
}


/* ==========================================================
   B§2 — INLINE GRADING RESULTS
   Used by: §6b grading results renderer script
   ========================================================== */

.gr-overall{text-align:center;padding:28px 24px 24px;border-radius:var(--r);margin-bottom:10px;border:0.5px solid rgba(37,53,81,0.06);background:var(--cd);box-shadow:0 2px 8px rgba(37,53,81,0.05)}
.gr-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin-bottom:10px}
.gr-band{font-size:30px;font-weight:700;line-height:1.2}
.gr-band-sub{font-size:14px;color:var(--tx2);margin-top:4px}
.gr-bar-wrap{height:7px;border-radius:3px;background:var(--nv-lt);margin-top:16px;overflow:hidden}
.gr-bar{height:100%;border-radius:3px;transition:width .8s ease}
.gr-pct{font-size:13px;color:var(--tx3);margin-top:6px}
.gr-domains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.gr-dom{padding:18px 12px 16px;border-radius:var(--rs);border:0.5px solid rgba(37,53,81,0.06);background:var(--cd);text-align:center;box-shadow:0 2px 8px rgba(37,53,81,0.05)}
.gr-dom-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx3);font-weight:600;margin-bottom:10px;line-height:1.3}
.gr-dom-band{font-size:16px;font-weight:700}
.gr-dom-bar-wrap{height:5px;border-radius:2px;background:var(--nv-lt);margin-top:12px;overflow:hidden}
.gr-dom-bar{height:100%;border-radius:2px;transition:width .8s ease}
.gr-dom-pct{font-size:12px;color:var(--tx3);margin-top:6px}

/* Band colours */
.band-pass .gr-band,.band-pass .gr-dom-band{color:#15803d}
.band-pass .gr-bar,.band-pass .gr-dom-bar{background:#22c55e}
.band-bp .gr-band,.band-bp .gr-dom-band{color:#4d7c0f}
.band-bp .gr-bar,.band-bp .gr-dom-bar{background:#65a30d}
.band-bf .gr-band,.band-bf .gr-dom-band{color:#c2570a}
.band-bf .gr-bar,.band-bf .gr-dom-bar{background:#f97316}
.band-fail .gr-band,.band-fail .gr-dom-band{color:#b91c1c}
.band-fail .gr-bar,.band-fail .gr-dom-bar{background:#dc2626}

/* Premium mode text overrides */
.sv.pm .gr-label,.dt.pm .gr-label{color:var(--tx3)}
.sv.pm .gr-band-sub,.dt.pm .gr-band-sub{color:var(--tx2)}
.sv.pm .gr-bar-wrap,.dt.pm .gr-bar-wrap{background:var(--nv-lt)}
.sv.pm .gr-pct,.dt.pm .gr-pct{color:var(--tx3)}
.sv.pm .gr-dom-label,.dt.pm .gr-dom-label{color:var(--tx3)}
.sv.pm .gr-dom-bar-wrap,.dt.pm .gr-dom-bar-wrap{background:var(--nv-lt)}
.sv.pm .gr-dom-pct,.dt.pm .gr-dom-pct{color:var(--tx3)}

/* Report button */
.gr-report-btn{display:block;width:100%;padding:14px 0;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;border-radius:var(--rs);cursor:pointer;margin-top:4px;background:#d6dde9;color:var(--nv);transition:all .25s;box-shadow:0 2px 8px rgba(37,53,81,.1)}
.gr-report-btn:hover{background:#c9d2e0;box-shadow:0 4px 12px rgba(37,53,81,.15)}
.sv.pm .gr-report-btn,.dt.pm .gr-report-btn{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white;box-shadow:0 2px 8px rgba(37,53,81,.1);border:0.5px solid rgba(124,77,255,.15)}
.sv.pm .gr-report-btn:hover,.dt.pm .gr-report-btn:hover{background:linear-gradient(135deg, #3262a8 0%, #1b2130 50%, #5535a0 100%);box-shadow:0 4px 12px rgba(37,53,81,.15)}

/* Container widths */
#dtGradingResults,#svGradingResults{width:100%;max-width:520px}
#svGradingResults{margin:0 auto}

/* ==========================================================
   B§2b — PREMIUM SKILL SCORE CARDS
   ========================================================== */

.gr-skills-row{margin-bottom:10px}
.gr-skills-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:8px;padding-left:2px;display:flex;align-items:center;gap:5px;color:var(--nv-md)}
.gr-skills-label .fa-crown{color:var(--gold);font-size:10px}
.gr-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:420px){.gr-skills{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gr-skill{padding:16px 10px 14px;border-radius:var(--rs);text-align:center;background:var(--nv);border:0.5px solid rgba(74,127,212,.15)}
.gr-skill-label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;margin-bottom:10px;line-height:1.3;color:rgba(255,255,255,.45)}
.gr-skill-score{font-size:20px;font-weight:700;line-height:1.2}
.gr-skill-of{font-size:11px;font-weight:500;opacity:.35;color:rgba(255,255,255,.7)}
.skill-good .gr-skill-score{color:#84cc16}
.skill-ok .gr-skill-score{color:#fbbf24}
.skill-weak .gr-skill-score{color:#fb923c}
.sv.pm .gr-skill,.dt.pm .gr-skill{box-shadow:none}
.sv:not(.pm) .gr-skills-row,.dt:not(.pm) .gr-skills-row{display:none}

/* ==========================================================
   B§3 — MOBILE LAYOUT (shown < 860px) — first half
   ========================================================== */

.sv,.sv *{box-sizing:border-box}
.sv{font-family:'DM Sans',-apple-system,sans-serif;max-width:600px;margin:0 auto;padding:1rem;background:#FBFBFD}

/* Phase tabs */
.sv-pt{display:flex;background:var(--cd);border:0.5px solid var(--cd-b);border-radius:var(--rs);overflow:hidden;margin-bottom:1.25rem;box-shadow:var(--cd-sh);transition:all .25s}
.sv.pm .sv-pt{border-color:var(--cd-b)}
.sv-pt button{flex:1;padding:10px 0;font-size:13px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;cursor:pointer;background:transparent;color:var(--tx3);transition:all .25s}
.sv-pt button.on{color:var(--nv);background:#d6dde9}
.sv.pm .sv-pt button.on{color:white;background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%)}

/* Persistent header */
.sv-hdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}
.sv-hdr-lb{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);margin-bottom:4px;font-weight:600}
.sv-hdr-t{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:500;color:var(--tx);line-height:1.25}
.sv-hdr-m{font-size:15px;color:var(--tx2);margin-top:4px;font-weight:500}
.sv-hdr-sub{display:none;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);margin-bottom:4px;font-weight:600}
.sv.rv .sv-hdr-lb{display:none}.sv.rv .sv-hdr-sub{display:block}

/* Badge */
.sv-bg{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:5px 12px;border-radius:20px;white-space:nowrap;flex-shrink:0;margin-top:4px}
.sv-bg-s{background:var(--bl-s);color:var(--bl);border:0.5px solid rgba(74,127,212,.15)}
.sv-bg-p{background:linear-gradient(135deg, #253551 0%, #3b2a6e 100%);color:white;border:0.5px solid var(--pp-b)}
.sv-bg .fa-crown{color:var(--gold);margin-right:2px}

/* Tier toggle */
.sv-ti{display:flex;border-radius:var(--rs);overflow:hidden;margin-bottom:1.25rem;box-shadow:var(--cd-sh);border:0.5px solid var(--cd-b);transition:all .25s}
.sv.pm .sv-ti{border-color:var(--pp-b)}
.sv-ti input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.sv-ti-b{flex:1;padding:12px 0;font-size:13px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;cursor:pointer;transition:all .25s;background:var(--cd);color:var(--tx3);text-align:center}
.sv-ti-b.on-s{background:#d6dde9;color:var(--nv)}.sv-ti-b.on-p{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white}
.sv-ti-sub{font-size:11px;display:block;margin-top:1px;opacity:.7}
.sv-ti-b .fa-crown{color:var(--gold)}
.sv-ti-b.on-p .fa-crown{color:var(--gold-lt)}

/* Cards */
.sv-cd{background:var(--cd);border:0.5px solid var(--cd-b);border-radius:var(--r);padding:1.25rem;margin-bottom:.75rem;box-shadow:var(--cd-sh)}
.sv-cd-pm{background:var(--cd);border:0.5px solid var(--cd-b);color:var(--tx)}
.sv-cd-lb{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);margin-bottom:.75rem}
.sv-cd-pm .sv-cd-lb{color:rgba(100,60,220,0.45)}
.sv-nt{font-size:12px;color:var(--tx3);text-align:center;margin-top:.85rem;line-height:1.55}
.sv-px{display:none;margin-bottom:.75rem}.sv.pm .sv-px{display:block}
.sv-pc{font-size:10px;padding:3px 10px;border-radius:12px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.85);border:0.5px solid rgba(255,255,255,.12);display:inline-block;margin:2px}

/* Mobile premium features */
.sv-px-inner{background:var(--cd);border-radius:var(--rs);padding:14px 16px;border:0.5px solid var(--cd-b);margin-bottom:.75rem}
.sv-px-title{font-size:11px;color:var(--tx3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.sv-px-feat{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.sv-px-feat:last-of-type{margin-bottom:0}
.sv-px-feat-icon{width:28px;height:28px;border-radius:8px;background:rgba(100,60,220,0.07);color:rgba(100,60,220,0.55);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sv-px-feat-text{font-size:13px;color:var(--tx2);line-height:1.45}
.sv-px-feat-text strong{color:var(--tx);font-weight:600}
.sv-px-more{display:inline-block;margin-top:10px;font-size:12px;color:rgba(100,60,220,0.45);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s}
.sv-px-more:hover{color:rgba(100,60,220,0.7)}

/* Buttons */
.sv-btn{display:block;width:100%;padding:14px 0;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;border-radius:var(--rs);cursor:pointer;transition:all .25s;background:#d6dde9;color:var(--nv);box-shadow:0 2px 8px rgba(37,53,81,.1)}
.sv-btn:hover{background:#c9d2e0;box-shadow:0 4px 12px rgba(37,53,81,.15)}
.sv.pm .sv-btn{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white;box-shadow:0 2px 8px rgba(37,53,81,.1);border:0.5px solid rgba(124,77,255,.15)}
.sv.pm .sv-btn:hover{background:linear-gradient(135deg, #3262a8 0%, #1b2130 50%, #5535a0 100%);box-shadow:0 4px 12px rgba(37,53,81,.15)}

/* startBtn overrides for mobile */
.sv #startBtn{width:100%;height:64px;outline:none;cursor:pointer;font-size:28px;font-weight:850;border-radius:18px;position:relative;overflow:hidden;background:#d6dde9!important;color:var(--nv)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(37,53,81,.09),0 2px 6px rgba(37,53,81,.05),inset 0 1px 0 rgba(255,255,255,.80),inset 0 -1px 0 rgba(37,53,81,.05)!important;transition:transform 160ms ease,box-shadow 160ms ease,background 200ms ease,color 200ms ease}
.sv #startBtn:hover{background:#c9d2e0!important;transform:translateY(-2px);box-shadow:0 12px 32px rgba(37,53,81,.12),0 4px 10px rgba(37,53,81,.06),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(37,53,81,.05)!important}
.sv #startBtn:active{transform:translateY(-1px)}
.sv.pm #startBtn{background:var(--nv)!important;color:white!important;border:1px solid rgba(79,124,255,.12)!important;box-shadow:0 0 30px rgba(15,23,42,.22),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.18)!important}
.sv.pm #startBtn:hover{background:var(--nv-dk)!important;box-shadow:0 0 36px rgba(15,23,42,.26),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.20)!important}
.sv #startBtn[data-mode="stop"]:not(:disabled){background:rgba(255,255,255,.55)!important;color:var(--nv)!important;border:1px solid rgba(37,53,81,.10)!important;box-shadow:0 6px 20px rgba(37,53,81,.07),0 2px 6px rgba(37,53,81,.03),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(37,53,81,.03)!important}
.sv #startBtn:disabled{background:rgba(241,243,247,.50)!important;color:rgba(31,41,55,.35)!important;border:1px solid rgba(37,53,81,.06)!important;cursor:not-allowed!important;transform:none!important;backdrop-filter:none;box-shadow:0 4px 12px rgba(37,53,81,.03),inset 0 1px 0 rgba(255,255,255,.35)!important}

/* ADD B: Hide raw startBtn in mobile consult */
.sv .sv-consult #startBtn{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}

/* Mobile consult action button — dual state */
.sv-ca{display:none;width:100%;max-width:420px;margin:10px auto 0;padding:14px 0;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;border-radius:var(--rs);cursor:pointer;transition:all .25s;text-align:center}
.sv.phase-consult .sv-ca{display:block}
.sv-ca[data-action="begin"]{background:#d6dde9;color:var(--nv);border:none;box-shadow:0 2px 8px rgba(37,53,81,.1)}
.sv-ca[data-action="begin"]:hover{background:#c9d2e0;box-shadow:0 4px 12px rgba(37,53,81,.15)}
.sv.pm .sv-ca[data-action="begin"]{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white;box-shadow:0 2px 8px rgba(37,53,81,.1);border:0.5px solid rgba(124,77,255,.15)}
.sv.pm .sv-ca[data-action="begin"]:hover{background:linear-gradient(135deg, #3262a8 0%, #1b2130 50%, #5535a0 100%)}
.sv-ca[data-action="end"]{background:transparent;color:var(--tx2);border:0.5px solid var(--cd-b);box-shadow:none}
.sv-ca[data-action="end"]:hover{background:rgba(37,53,81,.04)}

/* Grading button (mobile) */
.sv #gradingBtn{width:100%;height:54px;margin-top:10px;border-radius:18px;border:1px solid rgba(37,53,81,.18);font-size:16px;font-weight:800;cursor:pointer;font-family:'DM Sans',sans-serif}
.sv #gradingBtn:disabled{background:rgba(31,41,55,.06);color:rgba(31,41,55,.45);cursor:not-allowed}
.sv #gradingBtn.is-ready{background:rgba(214,221,233,.55);border:1px solid rgba(255,255,255,.50);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(37,53,81,.07),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(37,53,81,.04);transition:transform 160ms ease,box-shadow 160ms ease,background 160ms ease}
.sv #gradingBtn.is-ready:hover{background:rgba(214,221,233,.70);transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,53,81,.10),inset 0 1px 0 rgba(255,255,255,.70),inset 0 -1px 0 rgba(37,53,81,.04)}

/* Status chip */
.sv-sc{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 14px;border-radius:20px;font-weight:500;position:relative;z-index:10}
.sv-sc-r{background:var(--gn-s);color:#15803d;border:0.5px solid var(--gn-b)}
.sv-sc-l{background:var(--rd-s);color:var(--rd);border:0.5px solid var(--rd-b)}
.sv-sc-w{background:var(--bl-s);color:var(--bl);border:0.5px solid rgba(74,127,212,.2)}
.sv-sc-i{background:var(--nv-lt);color:var(--tx3);border:0.5px solid var(--cd-b)}
.sv-sc-d{width:6px;height:6px;border-radius:50%}
.sv-sc-r .sv-sc-d{background:var(--gn)}.sv-sc-l .sv-sc-d{background:var(--rd);animation:sv-bk 1s ease-in-out infinite}.sv-sc-w .sv-sc-d{background:var(--bl);animation:sv-bk 1.5s ease-in-out infinite}.sv-sc-i .sv-sc-d{background:var(--tx3)}
@keyframes sv-bk{0%,100%{opacity:1}50%{opacity:.25}}

/* Go deeper links */
.sv-lk{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem}
.sv-la{background:var(--cd);border:0.5px solid rgba(37,53,81,0.06);border-radius:var(--rs);padding:1rem;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none;display:block;box-shadow:0 2px 8px rgba(37,53,81,0.05)}
.sv-la:hover{background:#c9d2e0;box-shadow:0 2px 8px rgba(37,53,81,.1);transform:translateY(-1px)}
.sv-la-i{font-size:20px;margin-bottom:6px;display:block;color:var(--nv)}.sv-la-l{font-size:12px;font-weight:500;color:var(--nv)}.sv-la-s{font-size:11px;color:var(--tx2);margin-top:2px}
.sv.pm .sv-la{background:var(--cd);border-color:var(--cd-b);box-shadow:var(--cd-sh)}
.sv.pm .sv-la:hover{background:#eef1f6;box-shadow:0 2px 8px rgba(37,53,81,.08)}
.sv.pm .sv-la-i{color:rgba(100,60,220,0.5)}.sv.pm .sv-la-l{color:var(--nv)}.sv.pm .sv-la-s{color:var(--tx2)}

/* Phases */
.sv-ph{display:none}.sv-ph.on{display:block}

/* ADD D: Phase slide animation */
.sv-ph.on{animation:svPhaseIn .28s ease-out}
@keyframes svPhaseIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
.sv-ph.on.slide-back{animation:svPhaseInBack .28s ease-out}
@keyframes svPhaseInBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}

/* Overrides for bot-page base inside mobile */
.sv .sca-cardShell{padding:0!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important}
body.sca-botpage #scaInfoCardRoot.sca-cardShell{padding:0!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important}
.sv #sca-badge{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;padding:0!important;margin:-1px!important}
.sv .sv-consult #sca-patient-card .sca-header{display:none!important}
.sv .sv-consult .sca-mainMeta{display:none!important}
.sv .sv-consult .sca-caseLine{display:none!important}
.sv .sv-consult .sca-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
.sv .sv-consult #sca-patient-card{display:flex;flex-direction:column;align-items:center;width:100%}
.sv .sv-consult .sca-avatarWrap{display:flex!important;justify-content:center!important;padding:0.5rem 0!important;margin-bottom:12px!important}
.sv .sv-consult .sca-controls{width:100%;max-width:420px;margin:0 auto}
.sv .sv-consult .sca-cardShell,.sv .sv-consult .sca-botCard{box-shadow:none!important}
.sv-tw{text-align:center;margin:.5rem 0}
.sv-tw #vpTimer{font-size:clamp(40px,9vw,56px)!important;font-weight:400!important;font-variant-numeric:tabular-nums;text-align:center!important;display:block!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}
#svAu{display:flex;justify-content:center;gap:8px;margin:.5rem 0;position:relative;z-index:10}
#svAu .vp-audioBtn{width:46px;height:46px;border-radius:999px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:transform .14s ease,background .25s ease}
.sv .sv-prepare #scaBotCardRoot{display:none!important}
.sv .sv-review #sca-patient-card{display:none!important}
.sv .sv-review .sca-mainMeta{display:none!important}

/* Orb / avatar sizing (mobile) */
.sv .sca-avatarWrap{display:flex;justify-content:center;align-items:center;padding:10px 0 6px;margin-bottom:20}
.sv .sca-ring{--orb-bleed:60px;width:min(90vw,256px);height:min(90vw,256px);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;background:transparent!important}
.sv .sca-orbCanvas{position:absolute;inset:calc(var(--orb-bleed)*-1);width:calc(100% + (var(--orb-bleed)*2));height:calc(100% + (var(--orb-bleed)*2));z-index:1!important;opacity:1;filter:none;pointer-events:none!important}
.sv .sca-avatar{width:min(90vw,256px);height:min(90vw,256px);border-radius:50%;overflow:hidden;background:transparent!important;position:relative;z-index:2!important;border:0}
.sv .sca-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:420px){
  .sv .sca-ring{width:min(92vw,224px);height:min(92vw,224px)}
  .sv .sca-avatar{width:min(92vw,224px);height:min(92vw,224px)}
}
.sv .sca-avatarWrap,.sv .sca-ring,.sv .sca-avatar,.sv .sca-ring::before,.sv .sca-ring::after,.sv .sca-orbCanvas{pointer-events:none!important}
.sv .sca-controls,.sv .sca-controls *{pointer-events:auto}
.sv #sca-ring{position:relative}
.sv #sca-orb-canvas{z-index:1}.sv #sca-particles-canvas{z-index:2}.sv #sca-ring .sca-avatar{position:relative;z-index:3}

/* Timer colour classes */
#vpTimer.vpTimer--safe{color:#0c6a3b}
#vpTimer.vpTimer--warn{color:#253551}
#vpTimer.vpTimer--danger{color:#b0123a}

/* Controls seg */
.sv .sca-controls{margin-top:6px}
.sv .sca-seg{display:block;width:100%;border-radius:18px}
.sv #stopBtn{display:none!important}

/* ADD A: Gap between accordion and begin button */
.sv #scaInfoCardRoot{margin-bottom:1rem}

/* Accordion restyle (mobile) — flat left-border accent */
.sv #scaInfoCardRoot .sca-infoCard{background:transparent;border:0;box-shadow:none}
.sv #scaInfoCardRoot .sca-infoHeader{padding:0 0 8px}
.sv #scaInfoCardRoot .sca-infoHeaderTitle{font-family:'DM Sans',sans-serif!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:var(--tx3)!important;font-weight:600!important}
.sv #scaInfoCardRoot .sca-accordion{display:flex;flex-direction:column;gap:6px}
.sv #scaInfoCardRoot .sca-accItem{background:var(--cd);border:none;border-left:3px solid var(--bl);border-radius:0!important;box-shadow:none;margin-bottom:0;transition:all .15s;overflow:hidden}
.sv #scaInfoCardRoot .sca-accItem:hover{border-left-color:#3a6bc5;background:rgba(248,249,251,0.7)}
.sv.pm #scaInfoCardRoot .sca-accItem{border-left-color:rgba(124,77,255,.45)}
.sv.pm #scaInfoCardRoot .sca-accItem:hover{border-left-color:rgba(124,77,255,.7)}
.sv #scaInfoCardRoot .sca-accHeader{width:100%;display:flex;align-items:center;gap:10px;padding:12px 12px;background:transparent;border:none;cursor:pointer;text-align:left}
.sv #scaInfoCardRoot .sca-accTitle{font-family:'DM Sans',sans-serif;font-weight:600;font-size:11px;color:var(--tx);text-transform:uppercase;letter-spacing:.04em}
.sv #scaInfoCardRoot .sca-accChevron{margin-left:auto;color:rgba(37,53,81,.55);font-size:16px;transform:translateY(-1px);transition:transform .15s ease}
.sv #scaInfoCardRoot .sca-accHeader[aria-expanded="true"] .sca-accChevron{transform:rotate(90deg)}
.sv #scaInfoCardRoot .sca-accBody{padding:0 12px 10px}
.sv #scaInfoCardRoot .sca-accBody[hidden]{display:none!important}
.sv #scaInfoCardRoot .sca-accContent{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}
.sv #scaInfoCardRoot .sca-cleanList{margin:0;padding-left:16px;color:var(--tx2);font-size:13px;line-height:1.65;font-weight:520}
.sv #scaInfoCardRoot .sca-cleanList li{margin:4px 0}

/* Notes / Results markup (mobile) — simplified */
.sv #scaInfoCardRoot .underline{font-weight:700;color:var(--tx);margin:8px 0 4px;font-size:13px}
.sv #scaInfoCardRoot .quote-box{background:transparent;border:none;border-radius:0;padding:0 0 8px;margin:0;color:var(--tx2);font-size:13px;line-height:1.5}
.sv #scaInfoCardRoot .quote-box-medical{border-left:none;padding-left:0}
.sv #scaInfoCardRoot .quote-box-results{border-left:none;padding-left:0}

.sv .sca-included.sca-readingGrid{display:none}.sv .home-portal .page{padding:0!important}

/* Audio button states (v8 redeclaration for mobile context) */
.vp-audioBtn{position:relative;width:46px;height:46px;border-radius:999px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:transform .14s ease,box-shadow .22s ease,background .25s ease,color .25s ease,border-color .25s ease;outline:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}
.vp-audioBtn:hover{transform:scale(1.08)}.vp-audioBtn:active{transform:scale(0.94)}
.vp-audioBtn--active{background:rgba(34,197,94,0.15);color:#6ec990;border-color:rgba(34,197,94,.20)}
.vp-audioBtn--active:hover{background:rgba(34,197,94,0.22)}
.vp-audioBtn--muted{background:#d6dde9;color:#253551;border-color:rgba(37,53,81,.18)}
.vp-audioBtn--muted:hover{background:#c9d2e0}
.vp-audioBtn--disconnected{background:rgba(176,18,58,0.12);color:#b0123a;border-color:rgba(176,18,58,.20);cursor:not-allowed}
.vp-audioBtn--disconnected:hover{transform:scale(1.0)}

/* ADD C: Slide-in records drawer */
#svMobile{position:relative}

.sv-drawer-toggle{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:100;background:var(--cd);border:0.5px solid var(--cd-b);border-left:none;border-radius:0 var(--rs) var(--rs) 0;padding:14px 7px;cursor:pointer;display:none;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:600;color:var(--tx2);letter-spacing:.04em;text-transform:uppercase;font-family:'DM Sans',sans-serif;writing-mode:vertical-rl;text-orientation:mixed;transition:background .2s ease}
.sv-drawer-toggle:hover{background:#f0f2f5}
.sv-drawer-toggle i{font-size:15px;writing-mode:horizontal-tb}
.sv.phase-consult .sv-drawer-toggle{display:flex}
.sv.pm .sv-drawer-toggle{background:var(--nv);color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.08)}
.sv.pm .sv-drawer-toggle:hover{background:var(--nv-md)}

.sv-drawer-overlay{position:absolute;inset:0;background:rgba(15,23,42,.12);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:149;opacity:0;pointer-events:none;transition:opacity .25s ease}
.sv-drawer-overlay.open{opacity:1;pointer-events:auto}

.sv-drawer{position:absolute;left:0;top:0;bottom:0;width:min(85vw,320px);background:rgba(255,255,255,.88);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);z-index:150;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s;border-right:0.5px solid rgba(255,255,255,.35);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;visibility:hidden}
.sv-drawer.open{transform:translateX(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s 0s}
.sv-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:0.5px solid var(--cd-b)}
.sv-drawer-title{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);font-weight:600}
.sv-drawer-close{width:32px;height:32px;border-radius:999px;border:0.5px solid var(--cd-b);background:var(--cd);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--tx2);transition:all .15s;flex-shrink:0}
.sv-drawer-close:hover{background:#eef1f6;color:var(--tx)}
.sv-drawer .sca-accBody[hidden]{display:none!important}
.sv-drawer .sca-accBody{display:block}
.sv-drawer .sca-accItem{background:var(--cd);border:none;border-left:3px solid var(--bl);border-radius:0!important;box-shadow:none;margin-bottom:6px;overflow:hidden}
.sv-drawer .sca-accHeader{width:100%;display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:none;cursor:pointer;text-align:left}
.sv-drawer .sca-accTitle{font-family:'DM Sans',sans-serif;font-weight:600;font-size:11px;color:var(--tx);text-transform:uppercase;letter-spacing:.04em}
.sv-drawer .sca-accChevron{margin-left:auto;color:rgba(37,53,81,.55);font-size:16px;transition:transform .15s ease}
.sv-drawer .sca-accHeader[aria-expanded="true"] .sca-accChevron{transform:rotate(90deg)}
.sv-drawer .sca-accBody{padding:0 12px 10px}
.sv-drawer .sca-accBody[hidden]{display:none!important}
.sv-drawer .sca-accContent{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}
.sv-drawer .sca-cleanList{margin:0;padding-left:16px;color:var(--tx2);font-size:13px;line-height:1.65;font-weight:520}
.sv-drawer .sca-cleanList li{margin:4px 0}
.sv-drawer .underline{font-weight:700;color:var(--tx);margin:8px 0 4px;font-size:13px}
.sv-drawer .quote-box{background:transparent;border:none;border-radius:0;padding:0 0 8px;margin:0;color:var(--tx2);font-size:13px;line-height:1.5}
.sv-drawer .quote-box-medical{border-left:none;padding-left:0}
.sv-drawer .quote-box-results{border-left:none;padding-left:0}
.sv-drawer .sca-infoHeader{display:none!important}
.sv-drawer .sca-infoCard{background:transparent;border:0;box-shadow:none}
.sv.pm .sv-drawer .sca-accItem{border-left-color:rgba(124,77,255,.45)}
.sv.pm .sv-drawer .sca-accItem:hover{border-left-color:rgba(124,77,255,.7)}

/* Breakpoint */
@media(min-width:860px){ #svMobile{display:none!important} #svDesktop{display:block!important} .sv-drawer-toggle,.sv-drawer,.sv-drawer-overlay{display:none!important} }
@media(max-width:859px){ #svMobile{display:block!important} #svDesktop{display:none!important} }


/* ==========================================================
   B§4 — DESKTOP LAYOUT (shown ≥ 860px)
   ========================================================== */

.dt #svSC { display: none !important; }
.dt,.dt *{box-sizing:border-box}
.dt{font-family:'DM Sans',-apple-system,sans-serif;max-width:1200px;margin:0 auto;padding:0}

.dt-shell{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 120px);border-radius:var(--r);overflow:hidden;border:0.5px solid var(--cd-b);background:var(--cd);margin-top:16px}

.dt-sb{background:#FBFBFD;border-right:0.5px solid var(--cd-b);padding:24px 20px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.dt-sb-hdr{padding-bottom:12px;border-bottom:0.5px solid var(--cd-b);margin-bottom:4px}
.dt-sb-case{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2);font-weight:600}
.dt-sb-name{font-size:24px;font-weight:500;color:var(--tx);margin-top:6px;font-family:'Playfair Display',Georgia,serif;line-height:1.25}
.dt-sb-age{font-size:16px;color:var(--tx2);margin-top:4px;font-weight:500}
.dt-lb{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx3);margin:8px 0 6px;font-weight:600}

.dt-tier{display:flex;border-radius:var(--rs);overflow:hidden;border:0.5px solid var(--cd-b);transition:all .25s}
.dt.pm .dt-tier{border-color:var(--pp-b)}
.dt-tier input[type="radio"]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.dt-tier-b{flex:1;padding:12px 0;font-size:13px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;cursor:pointer;transition:all .25s;background:var(--cd);color:var(--tx3);text-align:center}
.dt-tier-b.on-s{background:#d6dde9;color:var(--nv)}
.dt-tier-b.on-p{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white}
.dt-tier-sub{font-size:11px;display:block;margin-top:1px;opacity:.7}
.dt-tier-b .fa-crown{color:var(--gold)}
.dt-tier-b.on-p .fa-crown{color:var(--gold-lt)}

.dt-px{display:none;margin-bottom:2px}.dt.pm .dt-px{display:block}
.dt-px-inner{background:var(--cd);border-radius:var(--rs);padding:14px 16px;border:0.5px solid var(--cd-b)}
.dt-px-title{font-size:11px;color:var(--tx3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.dt-px-feat{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.dt-px-feat:last-of-type{margin-bottom:0}
.dt-px-feat-icon{width:28px;height:28px;border-radius:8px;background:rgba(100,60,220,0.07);color:rgba(100,60,220,0.55);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dt-px-feat-text{font-size:13px;color:var(--tx2);line-height:1.45}
.dt-px-feat-text strong{color:var(--tx);font-weight:600}
.dt-px-more{display:inline-block;margin-top:10px;font-size:12px;color:rgba(100,60,220,0.45);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s}
.dt-px-more:hover{color:rgba(100,60,220,0.7)}

.dt-bg{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;white-space:nowrap}
.dt-bg-s{background:var(--bl-s);color:var(--bl);border:0.5px solid rgba(74,127,212,.15)}
.dt-bg-p{background:linear-gradient(135deg, #253551 0%, #3b2a6e 100%);color:white;border:0.5px solid var(--pp-b)}
.dt-bg-float{position:absolute;top:16px;right:20px;z-index:10}
.dt-bg .fa-crown{color:var(--gold-lt);margin-right:2px}

.dt-focus{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:10px;position:relative}
.dt-state{display:none;flex-direction:column;align-items:center;gap:14px;width:100%}
.dt-state.on{display:flex}

.dt-prep-hero{text-align:center;max-width:380px}
.dt-prep-title{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:500;color:var(--tx);margin-bottom:8px}
.dt-prep-sub{font-size:14px;color:var(--tx2);line-height:1.55}

.dt-sc{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 14px;border-radius:20px;font-weight:500;position:relative;z-index:10}
.dt-sc-r{background:var(--gn-s);color:#15803d;border:0.5px solid var(--gn-b)}
.dt-sc-l{background:var(--rd-s);color:var(--rd);border:0.5px solid var(--rd-b)}
.dt-sc-w{background:var(--bl-s);color:var(--bl);border:0.5px solid rgba(74,127,212,.2)}
.dt-sc-i{background:var(--nv-lt);color:var(--tx3);border:0.5px solid var(--cd-b)}
.dt-sc-d{width:6px;height:6px;border-radius:50%}
.dt-sc-r .dt-sc-d{background:var(--gn)}.dt-sc-l .dt-sc-d{background:var(--rd);animation:sv-bk 1s ease-in-out infinite}.dt-sc-w .dt-sc-d{background:var(--bl);animation:sv-bk 1.5s ease-in-out infinite}.dt-sc-i .dt-sc-d{background:var(--tx3)}

.dt-tw{text-align:center;margin:4px 0}
.dt-tw #vpTimer{font-size:clamp(40px,6vw,52px)!important;font-weight:400!important;font-variant-numeric:tabular-nums;text-align:center!important;display:block!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}

.dt-audio{display:flex;justify-content:center;gap:8px;margin:4px 0;position:relative;z-index:10}
.dt-audio .vp-audioBtn{width:44px;height:44px;border-radius:999px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:transform .14s ease,background .25s ease}

.dt-btn{display:block;width:100%;max-width:520px;padding:14px 0;font-size:15px;font-weight:500;font-family:'DM Sans',sans-serif;border:none;border-radius:var(--rs);cursor:pointer;transition:all .25s;text-align:center;background:#d6dde9;color:var(--nv);box-shadow:0 2px 8px rgba(37,53,81,.1)}
.dt-btn:hover{background:#c9d2e0;box-shadow:0 4px 12px rgba(37,53,81,.15)}
.dt.pm .dt-btn{background:linear-gradient(135deg, #3a5fa0 0%, #253551 50%, #4a2d8a 100%);color:white;box-shadow:0 2px 8px rgba(37,53,81,.1);border:0.5px solid rgba(124,77,255,.15)}
.dt.pm .dt-btn:hover{background:linear-gradient(135deg, #3262a8 0%, #1b2130 50%, #5535a0 100%);box-shadow:0 4px 12px rgba(37,53,81,.15);transform:translateY(-1px)}
.dt-btn-sec{background:transparent;color:var(--tx2);box-shadow:none;border:0.5px solid var(--cd-b)}
.dt-btn-sec:hover{background:rgba(37,53,81,.04);box-shadow:none}
.dt.pm .dt-btn-sec{background:transparent;color:var(--tx2);box-shadow:none;border:0.5px solid var(--cd-b)}
.dt.pm .dt-btn-sec:hover{background:rgba(37,53,81,.04);box-shadow:none;transform:none}
.dt-note{font-size:12px;color:var(--tx3);text-align:center;max-width:340px;line-height:1.55;margin-top:4px}

.dt-rev-card{background:var(--cd);border:0.5px solid rgba(37,53,81,0.06);border-radius:var(--r);padding:20px;text-align:center;width:100%;max-width:520px;box-shadow:0 2px 8px rgba(37,53,81,0.05)}
.dt-rev-score{font-size:16px;color:var(--tx2);margin:8px 0}
.dt-coach{display:none;width:100%;max-width:380px}.dt.pm .dt-coach{display:block}
.dt-coach-inner{background:var(--cd);border-radius:var(--rs);padding:14px 16px;border:0.5px solid var(--cd-b)}
.dt-coach-lb{font-size:11px;color:rgba(100,60,220,0.45);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}
.dt-coach-txt{font-size:13px;color:var(--tx2);line-height:1.5}

.dt-deeper{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:520px}
.dt-dl{background:var(--cd);border:0.5px solid rgba(37,53,81,0.06);border-radius:var(--rs);padding:14px;text-align:center;text-decoration:none;display:block;transition:all .2s;cursor:pointer;box-shadow:0 2px 8px rgba(37,53,81,0.05)}
.dt-dl:hover{background:#eef1f6;transform:translateY(-1px);box-shadow:0 2px 8px rgba(37,53,81,.08)}
.dt-dl-i{font-size:18px;margin-bottom:4px;display:block;color:var(--nv)}
.dt-dl-l{font-size:12px;font-weight:500;color:var(--nv)}.dt-dl-s{font-size:11px;color:var(--tx2);margin-top:2px}
.dt.pm .dt-dl{background:var(--cd);border-color:var(--cd-b);box-shadow:var(--cd-sh)}
.dt.pm .dt-dl:hover{background:#eef1f6;box-shadow:0 2px 8px rgba(37,53,81,.08)}
.dt.pm .dt-dl-i{color:rgba(100,60,220,0.5)}.dt.pm .dt-dl-l{color:var(--nv)}.dt.pm .dt-dl-s{color:var(--tx2)}

/* Premium shadow kills */
.dt .sca-cardShell,.dt.pm .sca-cardShell,body.sca-botpage .dt .sca-cardShell,body:has(#vpModePremium:checked) .dt .sca-cardShell,body:has(#scaPlanStandalone #vpModePremium:checked) .dt .sca-cardShell,body:has(#scaBotCardRoot #vpModePremium:checked) .dt .sca-cardShell{padding:0!important;box-shadow:none!important;background:transparent!important;border:none!important;backdrop-filter:none!important}
body:has(#vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem,body:has(#scaPlanStandalone #vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem,body:has(#scaBotCardRoot #vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem{box-shadow:var(--cd-sh)!important}
body:has(#vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem:hover,body:has(#scaPlanStandalone #vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem:hover,body:has(#scaBotCardRoot #vpModePremium:checked) .dt #scaInfoCardRoot .sca-accItem:hover{box-shadow:0 2px 8px rgba(37,53,81,.08)!important}
body:has(#vpModePremium:checked) .sv .sca-cardShell,body:has(#scaPlanStandalone #vpModePremium:checked) .sv .sca-cardShell{padding:0!important;box-shadow:none!important;background:transparent!important;border:none!important}

/* Orb overrides (desktop) */
#svDesktop #scaBotCardRoot #sca-patient-card{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}
#svDesktop #scaBotCardRoot #sca-patient-card .sca-header{display:none!important}
#svDesktop #scaBotCardRoot #sca-patient-card #sca-badge{display:none!important}
@media(min-width:1025px){
  #svDesktop #scaBotCardRoot #sca-patient-card{display:flex!important;flex-direction:column!important;align-items:center!important}
  #svDesktop #scaBotCardRoot #sca-patient-card .sca-header{display:none!important}
  #svDesktop #scaBotCardRoot #sca-patient-card #sca-badge{display:none!important}
  #svDesktop #scaBotCardRoot .sca-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
  #svDesktop #scaBotCardRoot .sca-mainMeta{display:none!important}
  #svDesktop #scaBotCardRoot .sca-controls{display:none!important}
}

.dt .sca-mainMeta{display:none!important}
.dt .sca-caseLine{display:none!important}
.dt .sca-controls{display:none!important}
.dt .sca-left{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important}
.dt .sca-avatarWrap{display:flex!important;justify-content:center!important;padding:0!important;margin:0 0 16px 0!important}
.dt .sca-ring{--orb-bleed:80px;width:260px;height:260px;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;background:transparent!important}
.dt .sca-orbCanvas{position:absolute;inset:calc(var(--orb-bleed)*-1);width:calc(100% + (var(--orb-bleed)*2));height:calc(100% + (var(--orb-bleed)*2));z-index:1!important;opacity:1;filter:none;pointer-events:none!important}
.dt .sca-avatar{width:260px;height:260px;border-radius:50%;overflow:hidden;background:transparent!important;position:relative;z-index:2!important;border:0}
.dt .sca-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.dt .sca-botCard{box-shadow:none!important}
.dt .sca-included.sca-readingGrid{display:none!important}

/* Flattened accordion (desktop sidebar) */
.dt #scaInfoCardRoot .sca-infoCard{background:transparent;border:0;box-shadow:none}
.dt #scaInfoCardRoot .sca-infoHeader{display:none!important}
.dt #scaInfoCardRoot .sca-accordion{display:flex;flex-direction:column;gap:6px}
.dt #scaInfoCardRoot .sca-accItem{background:var(--cd);border:none;border-left:3px solid var(--bl);border-radius:0!important;box-shadow:none;margin-bottom:0;transition:all .15s;overflow:hidden}
.dt #scaInfoCardRoot .sca-accItem:hover{border-left-color:#3a6bc5;background:rgba(248,249,251,0.7)}
.dt.pm #scaInfoCardRoot .sca-accItem{border-left-color:rgba(124,77,255,.45)}
.dt.pm #scaInfoCardRoot .sca-accItem:hover{border-left-color:rgba(124,77,255,.7)}
.dt #scaInfoCardRoot .sca-accTitle{font-family:'DM Sans',sans-serif;font-weight:600;font-size:11px;color:var(--tx);text-transform:uppercase;letter-spacing:.04em}
.dt #scaInfoCardRoot .sca-accHeader{padding:10px 12px;background:transparent;border:none;cursor:pointer;text-align:left;width:100%;display:flex;align-items:center;gap:8px}
.dt #scaInfoCardRoot .sca-accChevron{margin-left:auto;color:var(--tx3);font-size:16px;transition:transform .15s ease}
.dt #scaInfoCardRoot .sca-accHeader[aria-expanded="true"] .sca-accChevron{transform:rotate(90deg)}
.dt #scaInfoCardRoot .sca-accBody{padding:0 12px 10px}
.dt #scaInfoCardRoot .sca-accBody[hidden]{display:none!important}
.dt #scaInfoCardRoot .sca-accContent{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}
.dt #scaInfoCardRoot .sca-cleanList{color:var(--tx2);font-size:13px;line-height:1.65;margin:0;padding-left:16px}
.dt #scaInfoCardRoot .sca-cleanList li{margin:4px 0}
.dt #scaInfoCardRoot .underline{font-weight:700;color:var(--tx);margin:8px 0 4px;font-size:13px}
.dt #scaInfoCardRoot .quote-box{background:transparent;border:none;border-radius:0;padding:0 0 8px;margin:0;color:var(--tx2);font-size:13px;line-height:1.5}
.dt #scaInfoCardRoot .quote-box-medical{border-left:none;padding-left:0}
.dt #scaInfoCardRoot .quote-box-results{border-left:none;padding-left:0}

@media(min-width:1100px){
  .dt .sca-ring{width:300px;height:300px;--orb-bleed:90px}
  .dt .sca-avatar{width:300px;height:300px}
}

/* ═══════════════════════════════════════════════════════════
   Past Attempts Dropdown — gr-attempts-*
   Add to sca-v8.css or load as separate stylesheet
   ═══════════════════════════════════════════════════════════ */

.gr-attempts-wrap {
  margin-top: 12px;
  width: 100%;
  max-width: 520px;
}

.gr-attempts-select {
  width: 100%;
  padding: 10px 14px;
  font-size: 14px;
  font-family: inherit;
  border: 1px solid var(--bd, #d1d5db);
  border-radius: 10px;
  background: #fff;
  color: var(--tx1, #374151);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  transition: border-color 0.15s ease;
}

.gr-attempts-select:hover {
  border-color: var(--accent, #3b82f6);
}

.gr-attempts-select:focus {
  outline: none;
  border-color: var(--accent, #3b82f6);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.gr-attempts-select option:disabled {
  color: #9ca3af;
}

/* ── Legacy attempt message ── */
.gr-legacy {
  text-align: center;
  padding: 20px 16px;
}

.gr-legacy-msg {
  font-size: 14px;
  color: var(--tx2, #6b7280);
  margin-bottom: 14px;
  line-height: 1.5;
}

/* ── Loading state ── */
.gr-attempts-loading {
  font-size: 13px;
  color: var(--tx2, #9ca3af);
  padding: 8px 2px;
}

/* ── Desktop sidebar variant (more compact) ── */
.gr-attempts-sidebar {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--bd, #e5e7eb);
}

.gr-attempts-sidebar .gr-attempts-select {
  padding: 8px 10px;
  font-size: 13px;
}

  /* ── Grading: Overall result card ── */
  .gr-label       { font-size: 13px; letter-spacing: .06em; }
  .gr-band        { font-size: 32px; }
  .gr-band-sub    { font-size: 15px; margin-top: 6px; }
  .gr-pct         { font-size: 13px; margin-top: 8px; }

  /* ── Grading: Domain cards ── */
  .gr-domains     { gap: 10px; margin-bottom: 12px; }
  .gr-dom         { padding: 18px 10px 16px; }
  .gr-dom-label   { font-size: 12px; margin-bottom: 10px; }
  .gr-dom-band    { font-size: 20px; }
  .gr-dom-pct     { font-size: 12px; margin-top: 6px; }

  /* ── Grading: Premium skill scores ── */
  .gr-skill-score { font-size: 26px; }
  .gr-skill-of    { font-size: 14px; }

  /* ── Mobile: Go deeper links ── */
  .sv-la          { padding: 1.25rem 1rem; }
  .sv-la-i        { font-size: 26px; margin-bottom: 8px; }
  .sv-la-l        { font-size: 15px; }
  .sv-la-s        { font-size: 13px; margin-top: 3px; }

  /* ── Desktop: Go deeper links ── */
  .dt-dl          { padding: 18px 14px; }
  .dt-dl-i        { font-size: 24px; margin-bottom: 6px; }
  .dt-dl-l        { font-size: 15px; }
  .dt-dl-s        { font-size: 13px; margin-top: 3px; }

  /* ── Desktop: Review score text ── */
  .dt-rev-score   { font-size: 18px; }

#reportErrorBtn {
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: rgba(37, 53, 81, 0.3);
  font-size: 22px;
  text-decoration: none;
  transition: color 0.2s;
  z-index: 10;
}

#reportErrorBtn:hover {
  color: #e05555;
}

#svMobile {
  position: relative;
}

#reportErrorBtnM {
  display: block;
  text-align: right;
  padding: 8px 16px;
  color: rgba(37, 53, 81, 0.3);
  font-size: 22px;
  text-decoration: none;
  transition: color 0.2s;
}

#reportErrorBtnM:hover {
  color: #e05555;
}

  #svMobile {
  background: #FBFBFD;
}

  #reportErrorBtnM {
  padding-top: 12px;
}
/* ══════════════════════════════════════════════════════════════
   AVATAR MODE TOGGLE — Audio / Video selector
   ══════════════════════════════════════════════════════════════ */

.sv-av-lb,
.dt-av-lb {
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--tx3);
  margin-bottom: 6px;
  font-weight: 500;
}

.sv-av,
.dt-av {
  margin-bottom: 1rem;
}

.sv-av-sw,
.dt-av-sw {
  display: flex;
  border-radius: var(--rs);
  overflow: hidden;
  box-shadow: var(--cd-sh);
  border: 0.5px solid var(--cd-b);
  transition: all .25s;
}

.sv-av-sw input[type="radio"],
.dt-av-sw input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.sv-av-b,
.dt-av-b {
  flex: 1;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
  border: none;
  cursor: pointer;
  transition: all .25s;
  background: var(--cd);
  color: var(--tx3);
  text-align: center;
}

.sv-av-b i,
.dt-av-b i {
  margin-right: 4px;
  font-size: 12px;
}

.sv-av-sub,
.dt-av-sub {
  font-size: 10px;
  display: block;
  margin-top: 1px;
  opacity: .6;
}

.sv-av-b.on-a,
.dt-av-b.on-a {
  background: #d6dde9;
  color: var(--nv);
}

.sv-av-b.on-v,
.dt-av-b.on-v {
  background: linear-gradient(135deg, #1a6b4a 0%, #0f4a32 100%);
  color: white;
}

.sv-av-b.on-v i,
.dt-av-b.on-v i {
  color: #4ade80;
}

.sv-av-b:not(.on-a):not(.on-v):hover,
.dt-av-b:not(.on-a):not(.on-v):hover {
  background: rgba(214, 221, 233, 0.5);
}


/* ══════════════════════════════════════════════════════════════
   HEYGEN VIDEO — Rectangular video replacing the orb
   Active when [data-avatar="heygen"] is set on #svR or #dtRoot
   ══════════════════════════════════════════════════════════════ */

.heygen-video-wrap {
  display: none;
}

[data-avatar="heygen"] .heygen-video-wrap {
  display: block;
  width: 100%;
  max-width: 480px;
  aspect-ratio: 4 / 3;
  margin: 0 auto 16px;
  border-radius: 16px;
  overflow: hidden;
  background: #0f1118;
  position: relative;
  box-shadow:
    0 4px 24px rgba(15, 17, 24, 0.18),
    0 1px 4px rgba(15, 17, 24, 0.08);
}

#heygen-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 16px;
}

/* Hide the entire orb / avatar / plasma when video is active */
[data-avatar="heygen"] .sca-avatarWrap {
  display: none !important;
}
[data-avatar="heygen"] #sca-ring {
  display: none !important;
}
[data-avatar="heygen"] #sca-orb-canvas,
[data-avatar="heygen"] #sca-particles-canvas {
  display: none !important;
}
[data-avatar="heygen"] #sca-avatar-img {
  display: none !important;
}
[data-avatar="heygen"] #sca-badge {
  display: none !important;
}

/* Mobile */
[data-avatar="heygen"] .heygen-video-wrap {
  max-width: 100%;
  border-radius: 12px;
  margin: 0 0 12px;
}

@media (max-width: 420px) {
  [data-avatar="heygen"] .heygen-video-wrap {
    border-radius: 10px;
    aspect-ratio: 1 / 1;
  }
}

/* Desktop */
@media (min-width: 860px) {
  [data-avatar="heygen"] .heygen-video-wrap {
    max-width: 100%;
    border-radius: 16px;
    margin: 0 auto 20px;
  }

  [data-avatar="heygen"] #scaBotCardRoot .sca-left {
    align-items: center !important;
  }
}

/* Hide video wrapper during prepare phase */
.sv-prepare .heygen-video-wrap,
#dtPrepare .heygen-video-wrap {
  display: none !important;
}

/* Loading shimmer before video track arrives */
.heygen-video-wrap--loading {
  background: linear-gradient(110deg, #0f1118 30%, #1a1d28 50%, #0f1118 70%);
  background-size: 200% 100%;
  animation: heygen-shimmer 1.8s ease-in-out infinite;
}

@keyframes heygen-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Premium glow on video frame */
body:has(#vpModePremium:checked) [data-avatar="heygen"] .heygen-video-wrap,
body:has(#scaPlanStandalone #vpModePremium:checked) [data-avatar="heygen"] .heygen-video-wrap {
  box-shadow:
    0 0 0 1px rgba(79, 124, 255, 0.15),
    0 4px 24px rgba(15, 17, 24, 0.22),
    0 0 40px rgba(79, 124, 255, 0.06);
}

.vp-network-warning {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99998;
  background: #4a5fa0;
  color: #fff;
  padding: 10px 16px;
  font-size: 14px;
  font-family: system-ui, -apple-system, sans-serif;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  animation: vp-warn-in 0.3s ease;
}

@keyframes vp-warn-in {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}