/* ID44 "Clinical Ink": site shell + legacy adapter. Loads AFTER /assets/css/style.css, with tokens.css before it.
   Legacy overrides are prefixed with html[data-theme] so they win over the page-level <style> blocks without !important. */
:root{--font-sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px;background:var(--ink-900)}
html[data-theme] body{background:var(--ink-900);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
:where(html[data-theme]) :is(h1,h2,h3,h4,h5,h6){color:var(--text);font-family:var(--font-sans);font-weight:600;letter-spacing:-.025em;text-wrap:balance}
:where(html[data-theme]) h1{letter-spacing:-.04em}
:where(html[data-theme]) a{color:var(--signal)}
:where(html[data-theme]) a:hover{color:var(--signal-hi)}


html[data-theme] hr{border:0;border-top:1px solid var(--line)}
html[data-theme] code,html[data-theme] kbd,html[data-theme] pre{font-family:var(--font-mono)}
::selection{background:var(--signal-soft);color:var(--text)}
:focus-visible{outline:2px solid var(--signal-border);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ci-skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--signal-fill);color:var(--signal-ink)!important;padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}
.ci-skip:focus{top:12px}
.ci-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
@media (min-width:768px){.ci-wrap{padding:0 32px}}

/* ---------- Header / nav ---------- */
.ci-header{position:sticky;top:0;z-index:900;background:var(--header-bg);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line);font-family:var(--font-sans)}
.ci-hdr{display:flex;align-items:center;gap:16px;height:68px}
.ci-logo{color:var(--text)!important;display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;min-height:44px;font-weight:700;letter-spacing:-.04em;font-size:1.3rem;margin-right:auto}
.ci-logo b{font-weight:700}.ci-logo span{color:var(--signal)}
.ci-logo-mark{width:30px;height:30px;border-radius:9px;background:var(--logo-bg);box-shadow:0 0 0 1px var(--line-strong) inset;display:grid;place-items:center}
.ci-nav{display:none}
.ci-nav>ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.ci-nav a,.ci-nav .ci-dd-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:6px;color:var(--text-2)!important;text-decoration:none!important;font-size:.875rem;font-weight:500;background:none;border:0;cursor:pointer;white-space:nowrap;box-shadow:none;transition:color .12s,background-color .12s}
.ci-nav a:hover,.ci-nav .ci-dd-btn:hover,.ci-nav .ci-dd-btn[aria-expanded="true"],.ci-nav a[aria-current="page"]{color:var(--text)!important;background:var(--tint-2)}
.ci-dd{position:relative}
.ci-dd-btn svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}
.ci-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.ci-dd-menu{position:absolute;top:calc(100% + 8px);left:-6px;min-width:270px;padding:6px;background:var(--ink-800);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--sh-3);opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s;z-index:5}
.ci-dd-menu.open{opacity:1;visibility:visible;transform:none;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}
.ci-dd-menu a{display:flex;width:100%;justify-content:space-between;padding:0 12px;border-radius:8px}
.ci-dd-menu small{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.ci-dd-sep{height:1px;background:var(--line);margin:6px 8px}
.ci-actions{display:flex;align-items:center;gap:8px}
.ci-actions .ci-btn{min-height:44px;padding:0 14px}
.ci-actions .ci-login,.ci-actions .ci-extra{display:none}
.ci-icon{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:10px;background:transparent;border:1px solid var(--line-strong);cursor:pointer;color:var(--text-2);padding:0;box-shadow:none;transition:color .12s,border-color .12s}
.ci-icon:hover{color:var(--text);border-color:var(--line-hover);background:transparent}
.ci-mute .bars rect{transform-box:fill-box;transform-origin:center;transition:transform .42s cubic-bezier(.34,1.3,.64,1)}
.ci-mute[aria-pressed="true"] .bars rect{transform:scaleY(.18)}
.ci-mute[aria-pressed="true"]{color:var(--text-3)}
.ci-mute[aria-pressed="false"]{color:var(--signal)}
.ci-theme .ico-moon{display:none}
:root[data-theme="light"] .ci-theme .ico-sun{display:none}
:root[data-theme="light"] .ci-theme .ico-moon{display:block}
.ci-theme:active svg{transform:rotate(-20deg) scale(.9)}
.ci-mnav{display:none;border-top:1px solid var(--line);padding:12px 24px 24px;max-height:calc(100vh - 68px);overflow:auto}
.ci-mnav.open{display:block}
.ci-mnav .mh{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:500;margin:16px 0 4px}
.ci-mnav a{display:flex;align-items:center;min-height:44px;color:var(--text)!important;text-decoration:none!important;border-bottom:1px solid var(--line)}
.ci-mnav .ci-mnav-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.ci-mnav .ci-mnav-cta a{justify-content:center;border:1px solid var(--line-strong)}
.ci-mnav .ci-mnav-cta a.ci-btn-primary{color:var(--signal-ink)!important;border-color:var(--fill-border)}
@media (max-width:420px){.ci-actions .ci-getaccess{padding:0 12px}.ci-hdr{gap:10px}.ci-actions{gap:6px}}
@media (max-width:359px){.ci-actions .ci-getaccess{display:none}}
@media (min-width:1240px){.ci-nav{display:block}.ci-menu,.ci-mnav,.ci-mnav.open{display:none}.ci-actions .ci-login,.ci-actions .ci-extra{display:inline-flex}}
.ci-staging{position:fixed;left:12px;bottom:12px;z-index:950;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--badge-bg);backdrop-filter:blur(8px);color:var(--text);border:1px dashed var(--signal-line);padding:7px 11px;border-radius:999px;display:flex;gap:8px;align-items:center;pointer-events:none}
.ci-staging i{width:6px;height:6px;border-radius:50%;background:var(--signal-border);display:block}

/* ---------- Buttons (shell + legacy) ---------- */
.ci-btn,html[data-theme] .btn,html[data-theme] .btn-primary-sm,html[data-theme] .btn-outline-sm{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:10px;font-family:var(--font-sans);font-weight:600;font-size:.9375rem;letter-spacing:-.005em;text-decoration:none!important;border:1px solid var(--line-strong);background:var(--tint-1);color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:none;text-transform:none;transition:transform .22s cubic-bezier(.34,1.3,.64,1),background-color .22s,border-color .22s,color .22s}
.ci-btn:hover,html[data-theme] .btn:hover{border-color:var(--line-hover);background:var(--tint-2);color:var(--text);transform:none;box-shadow:none}
.ci-btn:active,html[data-theme] .btn:active{transform:translateY(1px) scale(.985)}
.ci-btn-primary,html[data-theme] .btn-primary,html[data-theme] .btn-primary-sm,html[data-theme] .hero .btn-primary{background:var(--signal-fill);color:var(--signal-ink)!important;border-color:var(--fill-border);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 10px 30px -12px var(--fill-glow)}
.ci-btn-primary:hover,html[data-theme] .btn-primary:hover,html[data-theme] .btn-primary-sm:hover{background:var(--signal-fill-hi);color:var(--signal-ink)!important;border-color:var(--fill-border)}
html[data-theme] .btn-accent,html[data-theme] .btn-outline-sm,html[data-theme] .hero .btn-outline-sm{background:var(--tint-1);color:var(--text)!important;border:1px solid var(--line-strong)}
html[data-theme] .btn-accent:hover,html[data-theme] .btn-outline-sm:hover{background:var(--tint-2);border-color:var(--line-hover);color:var(--text)!important}
html[data-theme] .btn-danger{background:transparent;color:var(--warn-text)!important;border:1px solid var(--warn-line)}
html[data-theme] .btn-sm{min-height:36px;padding:0 14px;font-size:.85rem}
html[data-theme] .btn-lg{min-height:52px;padding:0 24px;font-size:1rem;border-radius:12px}
html[data-theme] .btn-full{width:100%}
html[data-theme] .btn[disabled],html[data-theme] button[disabled]{opacity:.55;cursor:not-allowed}

/* ---------- Legacy layout / components ---------- */
html[data-theme] .site-main{flex:1 0 auto}
html[data-theme] .section-alt{background:var(--ink-950)}
html[data-theme] .section-header p{color:var(--text-2)}
html[data-theme] .hero{background:radial-gradient(60% 80% at 80% 0%,var(--signal-wash),transparent 60%),var(--ink-950);color:var(--text);border-bottom:1px solid var(--line)}
html[data-theme] .hero h1{color:var(--text)}
html[data-theme] .hero p{color:var(--text-2)}
html[data-theme] .card,html[data-theme] .price-card,html[data-theme] .product-card,html[data-theme] .question-card,html[data-theme] .stat-box,html[data-theme] .result-box,html[data-theme] .gateway-card,html[data-theme] .admin-card{background:var(--ink-850);border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--sh-1);color:var(--text)}
html[data-theme] .card:hover{transform:none;box-shadow:var(--sh-2);border-color:var(--line-hover)}
html[data-theme] .card h3,html[data-theme] .price-card h3{color:var(--text)}
html[data-theme] .card p,html[data-theme] .price-card ul li{color:var(--text-2)}
html[data-theme] .price-card.featured,html[data-theme] .gateway-card.selected{border-color:var(--signal-border);box-shadow:var(--sh-glow)}
html[data-theme] .price-card .badge{background:var(--signal-fill);color:var(--signal-ink)}
html[data-theme] .price-card .price{color:var(--text);letter-spacing:-.04em}
html[data-theme] .price-card .price span{color:var(--text-3)}
html[data-theme] .price-card ul li::before{color:var(--signal)}
html[data-theme] .form-group label,html[data-theme] label{color:var(--text-2)}
html[data-theme] .form-control,html[data-theme] input[type=text],html[data-theme] input[type=email],html[data-theme] input[type=password],html[data-theme] input[type=number],html[data-theme] input[type=search],html[data-theme] input[type=tel],html[data-theme] input[type=url],html[data-theme] select,html[data-theme] textarea{background:var(--ink-900);color:var(--text);border:1px solid var(--input-line);border-radius:10px;min-height:44px;font-family:var(--font-sans)}
html[data-theme] textarea{min-height:120px}
html[data-theme] .form-control:focus,html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{outline:none;border-color:var(--signal-border);box-shadow:0 0 0 3px var(--signal-soft)}
html[data-theme] ::placeholder{color:var(--text-3);opacity:1}
html[data-theme] .form-hint,html[data-theme] .help-text{color:var(--text-3)}
html[data-theme] .form-error{color:var(--warn-text)}
html[data-theme] input[type=checkbox],html[data-theme] input[type=radio]{accent-color:var(--signal-border);min-height:0}
html[data-theme] .flash,html[data-theme] .alert{border-radius:10px;border:1px solid var(--line-strong);background:var(--tint-1);color:var(--text)}
html[data-theme] .flash-success,html[data-theme] .alert-success{background:var(--signal-soft);border-color:var(--signal-line);color:var(--text)}
html[data-theme] .flash-error,html[data-theme] .alert-danger{background:var(--warn-soft);border-color:var(--warn-line);color:var(--warn-text)}
html[data-theme] .flash-info,html[data-theme] .alert-info{background:var(--tint-2);border-color:var(--line-strong);color:var(--text)}
html[data-theme] .alert-warning{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-text)}
html[data-theme] table{color:var(--text)}
html[data-theme] th{background:var(--ink-800);color:var(--text-2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;border-bottom:1px solid var(--line-strong)}
html[data-theme] td{border-bottom:1px solid var(--line)}
html[data-theme] tr:hover td{background:var(--tint-1)}
html[data-theme] .tag,html[data-theme] .badge-status{background:var(--tint-2);color:var(--text-2);border:1px solid var(--line-strong);border-radius:999px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}
html[data-theme] .badge-active,html[data-theme] .badge-approved{background:var(--signal-soft);color:var(--signal);border-color:var(--signal-line)}
html[data-theme] .badge-rejected{background:var(--warn-soft);color:var(--warn-text)}
html[data-theme] .badge-pending{background:var(--amber-soft);color:var(--amber-text)}
html[data-theme] .progress-bar-track{background:var(--tint-2)}
html[data-theme] .progress-bar-fill{background:var(--signal-border)}
html[data-theme] .progress-label{color:var(--text-3)}
html[data-theme] .question-domain{color:var(--signal);font-family:var(--font-mono);font-weight:500;letter-spacing:.12em}
html[data-theme] .question-text{color:var(--text)}
html[data-theme] .answer-option{background:var(--tint-1);border:1px solid var(--line-strong);border-radius:12px;color:var(--text)}
html[data-theme] .answer-option:hover{border-color:var(--line-hover);background:var(--tint-2)}
html[data-theme] .answer-option.selected{border-color:var(--signal-border);background:var(--signal-soft)}
html[data-theme] .answer-option.correct{border-color:var(--signal-border);background:var(--signal-soft)!important}
html[data-theme] .answer-option.incorrect{border-color:var(--warn);background:var(--warn-soft)!important}
html[data-theme] .answer-option input{accent-color:var(--signal-border)}
html[data-theme] .explanation-box{background:var(--tint-1);border:1px solid var(--line-strong);border-left:2px solid var(--signal-border);color:var(--text-2);border-radius:0 12px 12px 0}
html[data-theme] .explanation-box h4{color:var(--signal)}
html[data-theme] .refs-toggle button{color:var(--signal);background:none;border:0;min-height:44px;padding:0}
html[data-theme] .flag-btn{background:transparent;border:1px solid var(--line-strong);color:var(--text-3);min-height:36px}
html[data-theme] .flag-btn:hover{border-color:var(--warn-line);color:var(--warn-text)}
html[data-theme] .readiness-circle{color:var(--text)}
html[data-theme] .readiness-circle.green{border-color:var(--signal-border);color:var(--signal)}
html[data-theme] .readiness-circle.yellow{border-color:var(--amber-line);color:var(--amber-text)}
html[data-theme] .readiness-circle.red{border-color:var(--warn);color:var(--warn-text)}
html[data-theme] .domain-bar-track{background:var(--tint-2)}
html[data-theme] .domain-bar-fill{background:var(--signal-border)}
html[data-theme] .domain-bar-label,html[data-theme] .domain-bar-pct{color:var(--text-2)}
html[data-theme] .color-green{color:var(--signal)!important}
html[data-theme] .color-red{color:var(--warn-text)!important}
html[data-theme] .color-yellow{color:var(--amber-text)!important}
html[data-theme] .result-PASS{color:var(--signal)}
html[data-theme] .result-FAIL{color:var(--warn-text)}
html[data-theme] .modal-overlay{background:var(--backdrop)}
html[data-theme] .modal-box{background:var(--ink-800);color:var(--text);border:1px solid var(--line-strong);border-radius:20px;box-shadow:var(--sh-3)}
html[data-theme] .modal-close{background:transparent;color:var(--text-2);border:0}
html[data-theme] .topic-row{border-bottom:1px solid var(--line)}
html[data-theme] .topic-pinned{background:var(--signal-soft)}
html[data-theme] .breadcrumbs{background:transparent;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em}
html[data-theme] .breadcrumbs a{color:var(--text-2)}
html[data-theme] .breadcrumbs li,html[data-theme] .breadcrumbs span{color:var(--text-3)}
/* legacy social rail: kept (same links), restyled as quiet ghost icons, desktop only */
html[data-theme] .social-sidebar{display:none}
@media (min-width:1360px){html[data-theme] .social-sidebar{display:flex;flex-direction:column;gap:6px;position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:40}
html[data-theme] .social-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--tint-1);border:1px solid var(--line);color:var(--text-3)}
html[data-theme] .social-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
html[data-theme] .social-btn:hover{color:var(--signal);border-color:var(--signal-line)}}
/* generic legacy page heroes (e.g. .tutor-hero, .podcast-hero, .fc-hero, .quiz-header, .cp-hero): calm ink band */
html[data-theme] [class$="-hero"],html[data-theme] [class*="-hero "],html[data-theme] .quiz-header,html[data-theme] .rhythm-header{background:radial-gradient(60% 90% at 85% 0%,var(--signal-wash),transparent 60%),var(--ink-950)!important;color:var(--text)!important;border-bottom:1px solid var(--line);box-shadow:none!important}
html[data-theme] [class$="-hero"] h1,html[data-theme] [class*="-hero "] h1,html[data-theme] .quiz-header h1,html[data-theme] .rhythm-header h1,html[data-theme] [class$="-hero"] h2{color:var(--text)!important;text-shadow:none!important}
html[data-theme] [class$="-hero"] p,html[data-theme] [class*="-hero "] p,html[data-theme] .quiz-header p{color:var(--text-2)!important}

/* ---------- Footer ---------- */
.ci-footer{border-top:1px solid var(--line);background:var(--ink-950);padding:64px 0 32px;color:var(--text-2);font-family:var(--font-sans);margin-top:auto}
.ci-foot-grid{display:grid;gap:32px}
@media (min-width:768px){.ci-foot-grid{grid-template-columns:1.4fr repeat(3,1fr)}}
.ci-footer h2{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)!important;font-weight:500;margin:0 0 8px}
.ci-footer ul{list-style:none;margin:0;padding:0}
.ci-footer li a{display:inline-flex;align-items:center;min-height:44px;color:var(--text-2)!important;text-decoration:none!important;font-size:.9375rem}
.ci-footer li a:hover{color:var(--text)!important}
.ci-footer .ci-foot-brand p{max-width:38ch;margin:12px 0 16px;color:var(--text-2)}
.ci-social{display:flex;gap:8px;flex-wrap:wrap}
.ci-social a{min-width:44px;min-height:44px;display:inline-grid;place-items:center;border:1px solid var(--line-strong);border-radius:10px;color:var(--text-2)!important;text-decoration:none!important;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em}
.ci-social a:hover{color:var(--signal)!important;border-color:var(--signal-line)}
.ci-foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--text-3);display:grid;gap:6px}
.ci-foot-bottom p{margin:0;color:var(--text-3)}
.ci-foot-bottom a{color:var(--text-2)!important;display:inline-flex;align-items:center;min-height:44px}
.ci-foot-bottom a:hover{color:var(--signal)!important}

/* ---------- Reveal + motion ---------- */
.js .ci-reveal{opacity:0;transform:translateY(14px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.js .ci-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.js .ci-reveal{opacity:1;transform:none}}
.ci-kbd-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--text-3)}
.ci-kbd-hint kbd{border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;padding:1px 6px;background:var(--ink-900);color:var(--text-2)}
@media (hover:none),(pointer:coarse){.ci-kbd-hint{display:none!important}}
/* PAGE-SPECIFIC ADAPTERS APPENDED BELOW */

/* ===================== Standalone pages (no shared header): floating home / sound / theme cluster ===================== */
.ci-float{position:fixed;top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));z-index:9000;display:flex;gap:6px;padding:4px;border-radius:999px;background:var(--header-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--sh-1)}
.ci-float .ci-icon,.ci-float-home{width:44px;height:44px;min-height:44px;border-radius:50%;display:grid;place-items:center;padding:0;background:transparent;border:1px solid transparent;color:var(--text-2);cursor:pointer}
.ci-float-home{color:var(--signal)}
.ci-float .ci-icon:hover,.ci-float-home:hover{color:var(--text);border-color:var(--line-strong);background:var(--tint-1)}
html[data-theme] body.ci-standalone{background:var(--ink-950);color:var(--text);font-family:var(--font-sans)}

/* ===================== Payment pages: shell only (page files byte-identical; PayPal containers untouched) ===================== */
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step{background:var(--ink-800);border-color:var(--line)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step-header{background:var(--ink-850);border-bottom-color:var(--line)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step.completed .step-header{background:var(--signal-wash)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step-header .step-number{background:var(--signal-fill);color:var(--signal-ink)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step-header .step-number.done{background:var(--signal-soft);color:var(--signal-hi);border:1px solid var(--signal-line)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .step-header .step-summary{color:var(--text-2)}
html[data-theme] .pg-subscribe .plan-card{border-color:var(--line-strong);background:var(--ink-850)}
html[data-theme] .pg-subscribe .plan-card:hover{border-color:var(--signal-line)}
html[data-theme] .pg-subscribe .plan-card.selected{border-color:var(--signal-border);background:var(--signal-soft)}
html[data-theme] .pg-subscribe .plan-card .badge{background:var(--signal-fill);color:var(--signal-ink)}
html[data-theme] .pg-subscribe .plan-card .badge.best{background:var(--ink-700);color:var(--text)}
html[data-theme] .pg-subscribe .plan-card .price{color:var(--text)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .plan-card .duration,html[data-theme] :is(.pg-subscribe,.pg-checkout) .divider,html[data-theme] :is(.pg-subscribe,.pg-checkout) .secure-note{color:var(--text-3)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .btn-secondary,html[data-theme] .pg-checkout .toggle-link{color:var(--signal);background:none;border:0;min-height:44px}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .btn-primary:disabled,html[data-theme] .pg-checkout #pay-btn:disabled{background:var(--ink-700);color:var(--text-3)}
html[data-theme] .pg-checkout #pay-btn{background:var(--signal-fill);color:var(--signal-ink);min-height:48px}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .order-summary,html[data-theme] .pg-checkout .product-summary{background:var(--ink-850);border:1px solid var(--line)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .order-summary .total{color:var(--text);border-top-color:var(--line)}
html[data-theme] .pg-checkout .product-summary .price{color:var(--signal)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .form-group input:focus,html[data-theme] .pg-checkout .form-row input:focus{border-color:var(--signal-border);box-shadow:0 0 0 3px var(--signal-soft)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .error-msg,html[data-theme] .pg-subscribe #payment-status.error{background:var(--warn-soft);color:var(--warn-text)}
html[data-theme] .pg-subscribe #payment-status.success{background:var(--signal-soft);color:var(--signal-hi)}
html[data-theme] .pg-subscribe #payment-status.loading{background:var(--tint-2);color:var(--text-2)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) h1{color:var(--text)}
html[data-theme] :is(.pg-subscribe,.pg-checkout) h1+p{color:var(--text-2)!important}
html[data-theme] :is(.pg-subscribe,.pg-checkout) .checkout-container a{color:var(--signal)!important}
/* PayPal-rendered containers keep their own light surface so PayPal's iframes stay legible */
html[data-theme] :is(.pg-subscribe,.pg-checkout) #card-container{background:#fff;border-color:var(--line-strong)}
html[data-theme] .pg-payment-success .confirm-box,html[data-theme] .pg-payment-success .success-container{background:var(--ink-800);border-color:var(--line-strong)}
html[data-theme] .pg-payment-success .success-container{border-color:var(--signal-line)}
html[data-theme] .pg-payment-success .confirm-box h1{color:var(--text)}
html[data-theme] .pg-payment-success .success-title{color:var(--signal)}
html[data-theme] .pg-payment-success :is(.confirm-box p,.success-message){color:var(--text-2)}
html[data-theme] .pg-payment-success .success-details{background:var(--ink-850);border:1px solid var(--line)}
html[data-theme] .pg-payment-success :is(.confirm-box a.btn,.btn-start){background:var(--signal-fill);color:var(--signal-ink)}

html[data-theme] .rhythm-header{border-bottom:1px solid var(--line)!important}
html[data-theme] .pg-store .product-card .product-name{color:var(--text)}
html[data-theme] .pg-store .product-card .product-desc{color:var(--text-2)}
html[data-theme] .pg-subscribe .step-content>p[style]{color:var(--text-2)!important}
html[data-theme] .pg-login a[href^="?mode="][style*="#1565C0"]{color:var(--signal)!important;border-bottom-color:var(--signal)!important}
html[data-theme] .pg-login a[href^="?mode="][style*="#78909C"]{color:var(--text-2)!important}
html[data-theme] .card li a{color:var(--signal)}
/* go-live fixes 2026-09-27 (Web Design bot) */
body.ci[class*="pg-study-emt-"],body.ci[class*="pg-study-paramedic-"]{margin:0}
.study-guide-container li,.study-guide-container td,.study-guide-container p{overflow-wrap:anywhere}
@media (max-width:760px){html[data-theme] .container[style*="grid-template-columns:1fr 260px"]{grid-template-columns:minmax(0,1fr)!important}}