/* q-expert.html only — this file is linked solely from this page, so
   nothing here needs its own scoping selector. components.css hardcodes
   the Explorator accent as the default for several shared components
   (pricing cards, compare tables, feature icons, stat badges, callouts);
   this repoints the ones that actually appear on this page to Q-Expert's
   own teal, the same way help-expert-overrides.css does for the help
   guide (q-explorator.html needs no equivalent file — blue is already
   the shared default these components fall back to). */
.pricing-card__price { color: var(--color-accent-expert); }
.pricing-card--best-value { border-color: var(--color-accent-expert); }
.feature-card__icon { color: var(--color-accent-expert); }
.stat-badge__value { color: var(--color-accent-expert); }
table.compare-table th:not(:first-child) { color: var(--color-accent-expert); }
table.compare-table td.price-cell { color: var(--color-accent-expert); }
.compare-yes { color: var(--color-accent-expert); }
.checklist li svg { color: var(--color-accent-expert); }
.callout { border-left-color: var(--color-accent-expert); background: rgba(63, 168, 184, 0.08); }
.callout strong { color: var(--color-accent-expert); }
/* The shared video theater (css/video-theater.css) defaults to
   Q-Explorator's amber via these two custom properties — repoint just
   those, not the whole file, to this page's teal. */
#expert-video-theater {
  --video-theater-accent: var(--color-accent-expert);
  --video-theater-accent-rgb: 63, 168, 184;
}