/* ==========================================================================
   THEMES  -  load AFTER yes.css and portal.css
   Themes: navy (default) | dark (midnight) | medium (steel) | light | ivory | auto
   Colours come from the tokens below. Hero banners, navbar, footer and a few
   feature panels intentionally stay deep navy in every theme ("dark zones").
   ========================================================================== */

/* ---------- 1. THEME TOKENS ---------- */
html, html[data-theme="navy"] {
  color-scheme: dark;
  --bg: #1b2d54; --bg2: #223866; --modal: #223866;
  --surface: rgba(255,255,255,.085); --surface2: rgba(255,255,255,.15); --input: rgba(255,255,255,.09);
  --line: rgba(255,255,255,.19);
  --text: #f3f6fc; --soft: #d7e1f2; --mute: #b3c2db;
  --acc: #fbbf24; --acc2: #7dd3fc; --ok: #6ee7b7; --warn: #fcd34d; --bad: #fca5a5; --vio: #c4b5fd;
  --shadow: 0 16px 36px rgba(5,12,32,.30); --shadow-h: 0 22px 46px rgba(5,12,32,.42);
  --nav: #14244a; --foot1: #14244a; --foot2: #0d1936;
  --glow1: rgba(94,182,242,.17); --glow2: rgba(245,181,61,.12); --stroke: rgba(255,255,255,.32);
  --g-text: linear-gradient(90deg,#fbbf24,#38bdf8,#a78bfa,#fbbf24); --g-gold: linear-gradient(135deg,#fbbf24,#d97706); --g-stat: linear-gradient(135deg,#fde68a,#f59e0b 50%,#38bdf8);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f172a; --bg2: #162038; --modal: #1a2540;
  --surface: rgba(255,255,255,.055); --surface2: rgba(255,255,255,.11); --input: rgba(255,255,255,.06);
  --line: rgba(255,255,255,.13);
  --text: #e8eef9; --soft: #cbd5e1; --mute: #9aa9c1;
  --shadow: 0 16px 36px rgba(0,0,0,.35); --shadow-h: 0 22px 46px rgba(0,0,0,.5);
  --nav: #0c1426; --foot1: #0f172a; --foot2: #090d16;
  --glow1: rgba(56,189,248,.10); --glow2: rgba(245,158,11,.10);
}
html[data-theme="medium"] {
  color-scheme: dark;
  --bg: #3a5782; --bg2: #456599; --modal: #3f5e8c;
  --surface: rgba(255,255,255,.12); --surface2: rgba(255,255,255,.2); --input: rgba(255,255,255,.12);
  --line: rgba(255,255,255,.28);
  --text: #ffffff; --soft: #e7eef9; --mute: #cddaee;
  --shadow: 0 14px 32px rgba(10,22,52,.28); --shadow-h: 0 20px 42px rgba(10,22,52,.4);
  --nav: #1f3560; --foot1: #1f3560; --foot2: #162850;
  --glow1: rgba(160,210,255,.2); --glow2: rgba(255,200,90,.16);
}
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f6fb; --bg2: #e7eef8; --modal: #ffffff;
  --surface: #ffffff; --surface2: #eef3fa; --input: #ffffff;
  --line: rgba(18,33,63,.15);
  --text: #12213f; --soft: #2f4063; --mute: #556580;
  --acc: #8a4b00; --acc2: #145a9b; --ok: #0b7a55; --warn: #8a5a00; --bad: #b42318; --vio: #5b3fb5;
  --shadow: 0 10px 28px rgba(20,40,80,.10); --shadow-h: 0 18px 38px rgba(20,40,80,.18);
  --nav: #14244a; --foot1: #14244a; --foot2: #0d1936;
  --glow1: rgba(20,90,155,.09); --glow2: rgba(245,158,11,.11); --stroke: rgba(18,33,63,.3);
  --g-text: linear-gradient(90deg,#9a4a00,#145a9b,#5b3fb5,#9a4a00); --g-gold: linear-gradient(135deg,#b45309,#7c3a0a); --g-stat: linear-gradient(135deg,#b45309,#145a9b);
}
html[data-theme="ivory"] {
  color-scheme: light;
  --bg: #faf6ec; --bg2: #f1e9d6; --modal: #fffdf8;
  --surface: #fffdf8; --surface2: #f6efdd; --input: #fffdf8;
  --line: rgba(70,50,20,.17);
  --text: #25233a; --soft: #433f55; --mute: #6a6577;
  --acc: #7a4500; --acc2: #1f5f8b; --ok: #0b7a55; --warn: #7a4d00; --bad: #a82a1d; --vio: #5b3fb5;
  --shadow: 0 10px 28px rgba(90,65,20,.10); --shadow-h: 0 18px 38px rgba(90,65,20,.18);
  --nav: #1b2a4e; --foot1: #1b2a4e; --foot2: #111c38;
  --glow1: rgba(31,95,139,.08); --glow2: rgba(200,140,40,.14); --stroke: rgba(37,35,58,.3);
  --g-text: linear-gradient(90deg,#8a4500,#1f5f8b,#5b3fb5,#8a4500); --g-gold: linear-gradient(135deg,#a85a00,#6e3b00); --g-stat: linear-gradient(135deg,#a85a00,#1f5f8b);
}

/* ---------- 2. DARK ZONES (stay navy + white text in every theme) ---------- */
:is(.lg-hero, .vanguard-hero-section, .hero-banner-section, .ab-hero, .ab-cta, .ab-tech, .hm-win, .vanguard-footer, .vanguard-nav, .member-photo, .hm-video, .hm-mobilebar, .hm-dots, .bg-glass-dark, .glass-float-badge, .hm-notify, .hm-pin, .ab-float-chip, .hero-pill-badge, section.bg-dark, .pt-side-col, .ab-top, .skip-link) {
  --text: #ffffff; --soft: #e2e8f0; --mute: #cbd5e1; --acc: #fbbf24; --acc2: #7dd3fc;
  --ok: #6ee7b7; --warn: #fcd34d; --bad: #fca5a5; --vio: #c4b5fd;
  --surface: rgba(255,255,255,.1); --surface2: rgba(255,255,255,.18); --input: rgba(255,255,255,.1); --line: rgba(255,255,255,.24); --stroke: rgba(255,255,255,.3);
  --g-text: linear-gradient(90deg,#fbbf24,#38bdf8,#a78bfa,#fbbf24); --g-gold: linear-gradient(135deg,#fbbf24,#d97706); --g-stat: linear-gradient(135deg,#fde68a,#f59e0b 50%,#38bdf8);
  --shadow: 0 14px 34px rgba(0,0,0,.35); --shadow-h: 0 20px 44px rgba(0,0,0,.45);
}

/* ---------- 3. PAGE CANVAS ---------- */
html { background: var(--bg); }
body.site-body { background: var(--bg); color: var(--text); transition: background-color .45s ease, color .45s ease; }
.site-body .bg-dark { background-color: var(--nav) !important; }
.hm-mesh { background: radial-gradient(circle at 12% 18%, var(--glow1), transparent 44%), radial-gradient(circle at 90% 80%, var(--glow2), transparent 44%); }
.site-body .ab-section:nth-of-type(even):not(.hm-mesh) { background: transparent; }
.team-title-band { border-color: var(--line); }
.portal-login { background: radial-gradient(circle at 15% 20%, var(--glow1), transparent 45%), radial-gradient(circle at 85% 80%, var(--glow2), transparent 45%), var(--bg); }
.portal-app { background: radial-gradient(circle at 80% -10%, var(--glow1), transparent 40%), radial-gradient(circle at 0% 100%, var(--glow2), transparent 40%), var(--bg); }

/* ---------- 4. TEXT TOKENS ---------- */
.site-body .text-white { color: var(--text) !important; }
.site-body .text-light { color: var(--soft) !important; }
.site-body :is(.text-white-50, .text-muted, .text-secondary) { color: var(--mute) !important; }
.site-body .text-info { color: var(--acc2) !important; }
.site-body .text-warning { color: var(--acc) !important; }
.site-body .text-accent, .ab-eyebrow { color: var(--acc2); }
.site-body .lead { color: var(--soft); }
.ab-title, .hm-icard h3, .hm-vid-body h3, .site-body .card, .site-body .card-title { color: var(--text); --bs-card-color: var(--text); --bs-card-title-color: var(--text); }
.ab-stat span, .ab-faq .accordion-body, .hm-icard p, .hm-vid-body p { color: var(--mute); }
.ab-faq .accordion-button { color: var(--text); }
.ab-faq .accordion-button:not(.collapsed) { color: var(--acc); }
.ab-grad-text, .text-gradient-gold { background-image: var(--g-text); }
.text-gradient-gold { background-image: var(--g-gold); }
.ab-stat b { background-image: var(--g-stat); }
.hm-word { color: var(--soft); } .hm-word.g { background-image: var(--g-text); }
.hm-big { -webkit-text-stroke-color: var(--stroke); } .hm-big b { background-image: var(--g-stat); }
.hm-why .n { background-image: var(--g-gold); }
:is(.member-role, .hm-pa .more, .hm-icard .go, .ab-area i, .ab-list i, .hm-word i, .hm-big i, .hm-opt i, .pt-feature i) { color: var(--acc); }
.chip { color: var(--acc); } .chip-blue { color: var(--acc2); }
.hm-pa.feat { background: linear-gradient(135deg, rgba(14,165,233,.2), rgba(99,102,241,.16)) !important; }

/* ---------- 5. SURFACES (glass cards) ---------- */
:is(.ab-stat, .ab-vmv, .ab-tl-card, .ab-pane, .ab-step, .ab-area, .ab-list li, .ab-faq .accordion-item, .hm-pa, .hm-why, .hm-icard, .hm-vid, .hm-finder, .hm-opt, .team-feature, .member-card, .value-card, .practice-card, .insight-card, .form-section-card, .info-section-card, .team-hero-glass, .btn-filter, .ab-tabs .nav-link, .btn-glass, .pt-card, .pt-stat, .pt-row, .pt-glass, .pt-feature, .pt-thread.active, .pt-pill, .pt-iconbtn, .tech-ecosystem-card, .hm-trust) {
  background: var(--surface) !important;
  border-color: var(--line) !important;
}
:is(.ab-stat, .ab-vmv, .ab-tl-card, .ab-pane, .ab-step, .hm-pa, .hm-why, .hm-icard, .hm-vid, .hm-finder, .team-feature, .member-card, .value-card, .practice-card, .insight-card, .form-section-card, .info-section-card, .pt-card, .pt-stat, .pt-glass) { box-shadow: var(--shadow); }
:is(.ab-stat, .ab-vmv, .ab-step, .hm-pa, .hm-icard, .hm-vid, .member-card, .value-card, .practice-card, .insight-card, .pt-stat):hover { box-shadow: var(--shadow-h) !important; }
:is(.ab-list li, .ab-area, .hm-opt, .btn-filter, .ab-tabs .nav-link, .btn-glass, .pt-pill, .pt-iconbtn):hover { background: var(--surface2) !important; }
.ab-area:hover { background: linear-gradient(135deg, #fde68a, #f59e0b) !important; color: #0f172a !important; }
.ab-area:hover i { color: #0f172a; }
.btn-filter.active, .btn-filter[aria-pressed="true"], .ab-tabs .nav-link.active, .pt-pill.active { background: linear-gradient(135deg, #fde68a, #f59e0b) !important; color: #0f172a !important; border-color: transparent !important; }
:is(.btn-filter, .ab-tabs .nav-link, .pt-pill, .hm-opt) { color: var(--text); }
.btn-glass { color: var(--text) !important; }
.ab-list li, .ab-area { color: var(--soft); }
.ab-area { color: var(--text); }
.hm-result { background: linear-gradient(135deg, rgba(14,165,233,.16), rgba(245,158,11,.12)); border-color: var(--line); }
.hm-fprog, .pt-bar, .hm-barx { background: var(--line); }
.hm-band { background: linear-gradient(90deg, var(--glow1), var(--glow2)); border-color: var(--line); }
.ab-tl-dot { background: var(--bg); }
.team-cta { border-color: var(--line); }
.member-card .member-social a { color: #fff; }
.insight-badge, .insight-link { filter: none; }

/* ---------- 6. FORMS ---------- */
.custom-input, .custom-select, .custom-textarea, .pt-field { background-color: var(--input) !important; border-color: var(--line) !important; color: var(--text) !important; }
.form-control::placeholder { color: var(--mute) !important; }
.form-floating > .form-control::placeholder, .form-floating > .form-select::placeholder { color: transparent !important; }
.form-floating > label { color: var(--mute); }
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: var(--acc) !important; }
.form-check-label, .form-label { color: var(--soft); }
.custom-select option, .pt-field option { color: #0f172a; background: #fff; }
.form-control:-webkit-autofill { -webkit-text-fill-color: var(--text); transition: background-color 9999s; }
.border-white-10, .border-secondary { border-color: var(--line) !important; }

/* ---------- 7. NAVBAR / FOOTER / OVERLAYS ---------- */
html .vanguard-nav { background: color-mix(in srgb, var(--nav) 84%, transparent) !important; }
html .vanguard-nav.is-scrolled { background: color-mix(in srgb, var(--nav) 96%, transparent) !important; }
html .vanguard-dropdown, html .vanguard-nav .navbar-collapse { background-color: color-mix(in srgb, var(--nav) 97%, transparent); }
html .vanguard-footer { background: linear-gradient(180deg, var(--foot1) 0%, var(--foot2) 100%); }
html .vanguard-hero-section, html .hero-banner-section { background-color: var(--nav); }
html .dynamic-vignette { background: linear-gradient(180deg, color-mix(in srgb, var(--nav) 55%, transparent) 0%, color-mix(in srgb, var(--nav) 86%, transparent) 100%); }
html .hero-overlay { background: linear-gradient(180deg, color-mix(in srgb, var(--nav) 66%, transparent) 0%, color-mix(in srgb, var(--nav) 88%, transparent) 100%); }
html .bg-glass-dark { background: color-mix(in srgb, var(--nav) 86%, transparent) !important; }
html[data-theme="light"] .ab-tech, html[data-theme="ivory"] .ab-tech { background: linear-gradient(135deg, #14335f, #1d2f6b 55%, #3b2a6b); }
html[data-theme="light"] .ab-pane, html[data-theme="ivory"] .ab-pane { box-shadow: var(--shadow); }
.ab-top, .hm-dots, .hm-mobilebar { background: color-mix(in srgb, var(--nav) 82%, transparent); }

/* ---------- 8. PORTAL ---------- */
.pt-topbar { background: color-mix(in srgb, var(--bg) 82%, transparent); border-color: var(--line); }
.pt-menu, .modal-content.pt-modal, .pt-toast { background: var(--modal) !important; color: var(--text) !important; border-color: var(--line) !important; }
.pt-menu .dropdown-item { color: var(--text); } .pt-menu .dropdown-item:hover { background: var(--surface2); color: var(--text); }
.pt-modal .btn-close { filter: none; } html[data-theme="navy"] .pt-modal .btn-close, html[data-theme="dark"] .pt-modal .btn-close, html[data-theme="medium"] .pt-modal .btn-close { filter: invert(1) grayscale(1) brightness(2); }
.pt-donut::after { background: var(--modal); } .pt-donut span { color: var(--text); }
.pt-ring-bg { stroke: var(--line); } .pt-ring-num { color: var(--text); }
.pt-msg.them { background: var(--surface2); border-color: var(--line); color: var(--text); }
.pt-msg.me { color: #0f172a; }
.pt-chat-head, .pt-compose, .pt-threads { border-color: var(--line); }
.pt-thread { color: var(--text); } .pt-thread:hover { background: var(--surface); }
.pt-datebox b { color: var(--text); } .pt-datebox span { color: var(--acc); }
.pt-step-dot { background: var(--bg2); border-color: var(--line); color: var(--mute); }
.pt-step-label { color: var(--mute); } .pt-step.done .pt-step-label, .pt-step.current .pt-step-label { color: var(--text); }
.pt-timeline li::before { background: var(--bg); }
.pt-cal .d { color: var(--soft); } .pt-cal .d.t { color: var(--text); } .pt-cal .d.e { color: var(--acc); }
.pt-ring-num small, .pt-donut small { color: var(--mute); }
.pt-check { border-color: var(--mute); }
.pt-welcome { background: radial-gradient(circle at 50% 40%, var(--bg2), var(--bg) 70%); }
.pt-welcome .ck { stroke: var(--acc); }
.pt-badge.b-ok { color: var(--ok); } .pt-badge.b-warn { color: var(--warn); } .pt-badge.b-bad { color: var(--bad); } .pt-badge.b-vio { color: var(--vio); } .pt-badge.b-info { color: var(--acc2); }
.pt-card-title, .pt-stat-num { color: var(--text); }
.pt-alert.err { color: var(--bad); } .pt-alert.info { color: var(--acc2); }
.pt-demo { color: var(--soft); } .pt-demo code { color: var(--acc); }
.pt-drop { border-color: var(--line); } .pt-drop:hover, .pt-drop.over { border-color: var(--acc); }
.pt-eye { color: var(--mute); } .pt-eye:hover { color: var(--text); background: var(--surface2); }
.form-switch .form-check-input { background-color: var(--line); border-color: var(--mute); }
.form-switch .form-check-input:checked { background-color: var(--gold-accent); border-color: var(--gold-accent); }

/* ---------- 9. THEME SWITCHER ---------- */
.theme-toggle { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: .45rem .9rem !important; border-radius: 50px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.08); color: #fff !important; font-weight: 600; transition: all .3s ease; }
.theme-toggle:hover, .theme-toggle[aria-expanded="true"] { background: rgba(255,255,255,.18); border-color: #fff; }
.theme-toggle .sw { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff; background: var(--sw, #1b2d54); }
.theme-menu { min-width: min(260px, calc(100vw - 2rem)); }
.theme-opt { width: 100%; display: flex; align-items: center; gap: .75rem; background: transparent; border: 0; text-align: left; }
.theme-opt .sw { width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0; border: 2px solid rgba(255,255,255,.55); background: var(--sw); box-shadow: inset 0 0 0 2px rgba(0,0,0,.08); }
.theme-opt small { display: block; color: rgba(226,232,240,.75); font-size: .72rem; }
.theme-opt .tick { margin-left: auto; color: #fbbf24; opacity: 0; transform: scale(.5); transition: all .25s ease; }
.theme-opt.active { background: rgba(251,191,36,.12) !important; }
.theme-opt.active .tick { opacity: 1; transform: none; }
.theme-opt[data-theme-set="navy"] { --sw: #1b2d54; } .theme-opt[data-theme-set="dark"] { --sw: #0f172a; } .theme-opt[data-theme-set="medium"] { --sw: #3a5782; }
.theme-opt[data-theme-set="light"] { --sw: #f3f6fb; } .theme-opt[data-theme-set="ivory"] { --sw: #faf6ec; } .theme-opt[data-theme-set="auto"] { --sw: linear-gradient(135deg, #f3f6fb 50%, #1b2d54 50%); }
@media (max-width: 991.98px) { .theme-toggle { width: 100%; justify-content: center; } .theme-menu { width: 100%; } }
.theme-fade, .theme-fade *:not(.reveal):not(.ab-track):not(.pt-fill) { transition: background-color .4s ease, color .4s ease, border-color .4s ease !important; }

/* ---------- 10. FINISHING TOUCHES ---------- */
.pt-side-col { --bs-offcanvas-bg: var(--nav); }
@media (min-width: 992px) { .pt-side-col { background: var(--nav); } }
.theme-opt small { color: var(--mute); }
.pt-menu .theme-opt { color: var(--text); }
html[data-theme="light"] .pt-card:hover, html[data-theme="ivory"] .pt-card:hover { box-shadow: var(--shadow-h); }
html[data-theme="light"] .hm-spot::before, html[data-theme="ivory"] .hm-spot::before { background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), rgba(20,90,155,.10), transparent 45%); }
html[data-theme="light"] .ab-orb, html[data-theme="ivory"] .ab-orb, html[data-theme="light"] .pt-orb, html[data-theme="ivory"] .pt-orb { opacity: .16; }

/* ---------- 11. PRACTICE PAGE: a little brighter + extra surfaces ---------- */
html[data-theme="navy"]:has(body.pa-page) { --bg: #27407a; --bg2: #2f4d8f; --modal: #2c4880; --surface: rgba(255,255,255,.11); --line: rgba(255,255,255,.24); --mute: #c6d3ea; --glow1: rgba(130,200,255,.2); --glow2: rgba(255,200,90,.15); }
html[data-theme="dark"]:has(body.pa-page) { --bg: #17233f; --bg2: #1e2f55; --modal: #1f3057; --glow1: rgba(56,189,248,.14); }
html[data-theme="medium"]:has(body.pa-page) { --bg: #4a6ea3; --bg2: #557ab3; --modal: #4d72a8; --mute: #dbe5f5; }
.pa-page .hero-overlay { background: linear-gradient(180deg, color-mix(in srgb, var(--nav) 42%, transparent) 0%, color-mix(in srgb, var(--nav) 78%, transparent) 100%); }
:is(.pa-card, .pa-toolbar, .pa-panel, .pa-empty, .pa-short-row, .pa-cat-btn, .pa-view, .pa-select, .pa-input, .pa-save) { border-color: var(--line) !important; }
.pa-card, .pa-panel, .pa-toolbar, .pa-empty { background: var(--surface) !important; }
html[data-theme="light"] .pa-card, html[data-theme="ivory"] .pa-card, html[data-theme="light"] .pa-panel, html[data-theme="ivory"] .pa-panel, html[data-theme="light"] .pa-toolbar, html[data-theme="ivory"] .pa-toolbar { box-shadow: var(--shadow); }
html[data-theme="light"] .pa-card:hover, html[data-theme="ivory"] .pa-card:hover { box-shadow: var(--shadow-h); }
.pa-title, .pa-short-name, .pa-ck-item .txt, .pa-donut span { color: var(--text); }
.pa-desc { color: var(--mute); } .pa-points { color: var(--soft); }
.pa-cat, .pa-h6 { }
.pa-cat-btn.active, .pa-view.active, .pa-save.on, .pa-fab, .pa-quick:hover { color: #0f172a !important; }
.pa-hero .pa-quick, .pa-hero .pa-search input { color: #fff; }
.pa-modal .lead { color: var(--soft); }
.pa-modal .ab-list li { background: var(--surface) !important; }
.soc-row .social-btn { background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 88%, #fff), var(--brand) 55%, color-mix(in srgb, var(--brand) 78%, #000)) !important; border-color: rgba(255,255,255,.28) !important; }

/* ---------- 12. INSIGHT PAGE ---------- */
:is(.in-card, .in-tile, .in-feature, .in-tips, .in-latest, .in-opt, .in-face.front, .in-wave) { border-color: var(--line) !important; }
:is(.in-card, .in-tile, .in-feature, .in-tips) { background: var(--surface) !important; }
html[data-theme="light"] :is(.in-card, .in-tile, .in-feature, .in-tips), html[data-theme="ivory"] :is(.in-card, .in-tile, .in-feature, .in-tips) { box-shadow: var(--shadow); }
html[data-theme="light"] .in-card:hover, html[data-theme="ivory"] .in-card:hover { box-shadow: var(--shadow-h); }
.in-title, .in-latest b, .in-tile b, .in-face h3, .in-tip blockquote, .in-cont b { color: var(--text); }
.in-sum, .in-meta, .in-tile small, .in-latest small, .in-cont small { color: var(--mute); }
.in-article p, .in-face.back p, .in-explain { color: var(--soft); }
.in-tag { color: var(--acc2); } .in-meta i, .in-cont > i { color: var(--acc); }
.in-tip-dots button { background: var(--line); } .in-tip-dots button.on { background: linear-gradient(90deg, #f59e0b, #38bdf8); }
.in-opt { color: var(--text); background: var(--input); }
.in-wave { background: var(--surface); } .in-wave i { color: #0f172a; }
.in-feature-body .text-white, .in-feature-body .text-muted { }

/* ---------- 13. CONTACT PAGE ---------- */
.ct-clock { background-image: var(--g-stat); }
.ct-office .ct-status { background: var(--nav); }
:is(.ct-wiz, .ct-office, .ct-prep) { border-color: var(--line); }
html[data-theme="light"] :is(.ct-wiz, .ct-office, .ct-prep), html[data-theme="ivory"] :is(.ct-wiz, .ct-office, .ct-prep) { box-shadow: var(--shadow); }
.ct-sum dd, .ct-area, .ct-time, .ct-d { color: var(--text); }
.ct-area.sel, .ct-time.sel, .ct-d.sel, .ct-type input:checked + span { color: #0f172a; }