/* XchangeIQ light theme for the R&D tools page (index.html). The page was built on Tailwind's dark
   greys; these rules turn its dark-theme classes light, in the brand navy and teal, without
   touching the page's logic. Coloured buttons keep white text; boxes already designed light are
   left alone (only the dark shades are remapped). Generated once; edit by hand from here. */
body.xiq-light {
  --ink: #0F1B2D; --muted: #5E6A80; --line: #E2E7EF; --panel: #ffffff; --bg: #F5F7FA;
  --brand: #032E63; --brand-2: #0A3F80; --brand-soft: #EEF3FA; --accent: #0EABAD;
  background: var(--bg) !important; color: var(--ink) !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
body.xiq-light .particles-bg { display: none; }

/* Surfaces */
body.xiq-light .bg-gray-900, body.xiq-light [class*="bg-gray-900/"] { background-color: var(--bg) !important; }
body.xiq-light .bg-gray-800, body.xiq-light [class*="bg-gray-800/"], body.xiq-light .pro-card, body.xiq-light .glass-morphism {
  background: var(--panel) !important; }
body.xiq-light .pro-card, body.xiq-light .glass-morphism { border: 1px solid var(--line) !important; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 4px 14px rgba(16,24,40,.05) !important; border-radius: 14px; }
body.xiq-light .bg-gray-700, body.xiq-light [class*="bg-gray-700/"] { background-color: #EEF2F7 !important; }
body.xiq-light .bg-gray-600 { background-color: #E2E7EF !important; }
body.xiq-light .hover\:bg-gray-700:hover, body.xiq-light .hover\:bg-gray-600:hover { background-color: #E2E7EF !important; }
body.xiq-light .bg-black\/60 { background-color: rgba(0,0,0,.35) !important; }
body.xiq-light .property-card { background: var(--brand-soft) !important; border-color: #C9D8EC !important; }

/* Lines */
body.xiq-light .border-gray-500, body.xiq-light .border-gray-600, body.xiq-light .border-gray-700, body.xiq-light .border-gray-800,
body.xiq-light .divide-gray-700 > * + *, body.xiq-light .divide-gray-600 > * + * { border-color: var(--line) !important; }

/* Text */
body.xiq-light .text-white { color: var(--ink) !important; }
body.xiq-light .text-gray-100, body.xiq-light .text-gray-200, body.xiq-light .text-gray-300 { color: #1E2A3D !important; }
body.xiq-light .text-gray-400 { color: var(--muted) !important; }
body.xiq-light .text-gray-500 { color: #6b7a75 !important; }
body.xiq-light .hover\:text-white:hover { color: var(--brand) !important; }
body.xiq-light input, body.xiq-light select, body.xiq-light textarea { color: var(--ink) !important; }
body.xiq-light input::placeholder, body.xiq-light textarea::placeholder { color: #8a9792 !important; }
body.xiq-light input:focus, body.xiq-light select:focus, body.xiq-light textarea:focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px var(--brand-soft); }

/* White text stays white on coloured backgrounds */
body.xiq-light :is([class~="bg-blue-400"],[class*=" bg-blue-400/"],[class^="bg-blue-400/"]).text-white, body.xiq-light :is([class~="bg-blue-400"],[class*=" bg-blue-400/"],[class^="bg-blue-400/"]) .text-white, body.xiq-light :is([class~="bg-blue-400"],[class*=" bg-blue-400/"],[class^="bg-blue-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-blue-500"],[class*=" bg-blue-500/"],[class^="bg-blue-500/"]).text-white, body.xiq-light :is([class~="bg-blue-500"],[class*=" bg-blue-500/"],[class^="bg-blue-500/"]) .text-white, body.xiq-light :is([class~="bg-blue-500"],[class*=" bg-blue-500/"],[class^="bg-blue-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-blue-600"],[class*=" bg-blue-600/"],[class^="bg-blue-600/"]).text-white, body.xiq-light :is([class~="bg-blue-600"],[class*=" bg-blue-600/"],[class^="bg-blue-600/"]) .text-white, body.xiq-light :is([class~="bg-blue-600"],[class*=" bg-blue-600/"],[class^="bg-blue-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-blue-700"],[class*=" bg-blue-700/"],[class^="bg-blue-700/"]).text-white, body.xiq-light :is([class~="bg-blue-700"],[class*=" bg-blue-700/"],[class^="bg-blue-700/"]) .text-white, body.xiq-light :is([class~="bg-blue-700"],[class*=" bg-blue-700/"],[class^="bg-blue-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-green-400"],[class*=" bg-green-400/"],[class^="bg-green-400/"]).text-white, body.xiq-light :is([class~="bg-green-400"],[class*=" bg-green-400/"],[class^="bg-green-400/"]) .text-white, body.xiq-light :is([class~="bg-green-400"],[class*=" bg-green-400/"],[class^="bg-green-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-green-500"],[class*=" bg-green-500/"],[class^="bg-green-500/"]).text-white, body.xiq-light :is([class~="bg-green-500"],[class*=" bg-green-500/"],[class^="bg-green-500/"]) .text-white, body.xiq-light :is([class~="bg-green-500"],[class*=" bg-green-500/"],[class^="bg-green-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-green-600"],[class*=" bg-green-600/"],[class^="bg-green-600/"]).text-white, body.xiq-light :is([class~="bg-green-600"],[class*=" bg-green-600/"],[class^="bg-green-600/"]) .text-white, body.xiq-light :is([class~="bg-green-600"],[class*=" bg-green-600/"],[class^="bg-green-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-green-700"],[class*=" bg-green-700/"],[class^="bg-green-700/"]).text-white, body.xiq-light :is([class~="bg-green-700"],[class*=" bg-green-700/"],[class^="bg-green-700/"]) .text-white, body.xiq-light :is([class~="bg-green-700"],[class*=" bg-green-700/"],[class^="bg-green-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-red-400"],[class*=" bg-red-400/"],[class^="bg-red-400/"]).text-white, body.xiq-light :is([class~="bg-red-400"],[class*=" bg-red-400/"],[class^="bg-red-400/"]) .text-white, body.xiq-light :is([class~="bg-red-400"],[class*=" bg-red-400/"],[class^="bg-red-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-red-500"],[class*=" bg-red-500/"],[class^="bg-red-500/"]).text-white, body.xiq-light :is([class~="bg-red-500"],[class*=" bg-red-500/"],[class^="bg-red-500/"]) .text-white, body.xiq-light :is([class~="bg-red-500"],[class*=" bg-red-500/"],[class^="bg-red-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-red-600"],[class*=" bg-red-600/"],[class^="bg-red-600/"]).text-white, body.xiq-light :is([class~="bg-red-600"],[class*=" bg-red-600/"],[class^="bg-red-600/"]) .text-white, body.xiq-light :is([class~="bg-red-600"],[class*=" bg-red-600/"],[class^="bg-red-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-red-700"],[class*=" bg-red-700/"],[class^="bg-red-700/"]).text-white, body.xiq-light :is([class~="bg-red-700"],[class*=" bg-red-700/"],[class^="bg-red-700/"]) .text-white, body.xiq-light :is([class~="bg-red-700"],[class*=" bg-red-700/"],[class^="bg-red-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-yellow-400"],[class*=" bg-yellow-400/"],[class^="bg-yellow-400/"]).text-white, body.xiq-light :is([class~="bg-yellow-400"],[class*=" bg-yellow-400/"],[class^="bg-yellow-400/"]) .text-white, body.xiq-light :is([class~="bg-yellow-400"],[class*=" bg-yellow-400/"],[class^="bg-yellow-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-yellow-500"],[class*=" bg-yellow-500/"],[class^="bg-yellow-500/"]).text-white, body.xiq-light :is([class~="bg-yellow-500"],[class*=" bg-yellow-500/"],[class^="bg-yellow-500/"]) .text-white, body.xiq-light :is([class~="bg-yellow-500"],[class*=" bg-yellow-500/"],[class^="bg-yellow-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-yellow-600"],[class*=" bg-yellow-600/"],[class^="bg-yellow-600/"]).text-white, body.xiq-light :is([class~="bg-yellow-600"],[class*=" bg-yellow-600/"],[class^="bg-yellow-600/"]) .text-white, body.xiq-light :is([class~="bg-yellow-600"],[class*=" bg-yellow-600/"],[class^="bg-yellow-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-yellow-700"],[class*=" bg-yellow-700/"],[class^="bg-yellow-700/"]).text-white, body.xiq-light :is([class~="bg-yellow-700"],[class*=" bg-yellow-700/"],[class^="bg-yellow-700/"]) .text-white, body.xiq-light :is([class~="bg-yellow-700"],[class*=" bg-yellow-700/"],[class^="bg-yellow-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-cyan-400"],[class*=" bg-cyan-400/"],[class^="bg-cyan-400/"]).text-white, body.xiq-light :is([class~="bg-cyan-400"],[class*=" bg-cyan-400/"],[class^="bg-cyan-400/"]) .text-white, body.xiq-light :is([class~="bg-cyan-400"],[class*=" bg-cyan-400/"],[class^="bg-cyan-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-cyan-500"],[class*=" bg-cyan-500/"],[class^="bg-cyan-500/"]).text-white, body.xiq-light :is([class~="bg-cyan-500"],[class*=" bg-cyan-500/"],[class^="bg-cyan-500/"]) .text-white, body.xiq-light :is([class~="bg-cyan-500"],[class*=" bg-cyan-500/"],[class^="bg-cyan-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-cyan-600"],[class*=" bg-cyan-600/"],[class^="bg-cyan-600/"]).text-white, body.xiq-light :is([class~="bg-cyan-600"],[class*=" bg-cyan-600/"],[class^="bg-cyan-600/"]) .text-white, body.xiq-light :is([class~="bg-cyan-600"],[class*=" bg-cyan-600/"],[class^="bg-cyan-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-cyan-700"],[class*=" bg-cyan-700/"],[class^="bg-cyan-700/"]).text-white, body.xiq-light :is([class~="bg-cyan-700"],[class*=" bg-cyan-700/"],[class^="bg-cyan-700/"]) .text-white, body.xiq-light :is([class~="bg-cyan-700"],[class*=" bg-cyan-700/"],[class^="bg-cyan-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-teal-400"],[class*=" bg-teal-400/"],[class^="bg-teal-400/"]).text-white, body.xiq-light :is([class~="bg-teal-400"],[class*=" bg-teal-400/"],[class^="bg-teal-400/"]) .text-white, body.xiq-light :is([class~="bg-teal-400"],[class*=" bg-teal-400/"],[class^="bg-teal-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-teal-500"],[class*=" bg-teal-500/"],[class^="bg-teal-500/"]).text-white, body.xiq-light :is([class~="bg-teal-500"],[class*=" bg-teal-500/"],[class^="bg-teal-500/"]) .text-white, body.xiq-light :is([class~="bg-teal-500"],[class*=" bg-teal-500/"],[class^="bg-teal-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-teal-600"],[class*=" bg-teal-600/"],[class^="bg-teal-600/"]).text-white, body.xiq-light :is([class~="bg-teal-600"],[class*=" bg-teal-600/"],[class^="bg-teal-600/"]) .text-white, body.xiq-light :is([class~="bg-teal-600"],[class*=" bg-teal-600/"],[class^="bg-teal-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-teal-700"],[class*=" bg-teal-700/"],[class^="bg-teal-700/"]).text-white, body.xiq-light :is([class~="bg-teal-700"],[class*=" bg-teal-700/"],[class^="bg-teal-700/"]) .text-white, body.xiq-light :is([class~="bg-teal-700"],[class*=" bg-teal-700/"],[class^="bg-teal-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-purple-400"],[class*=" bg-purple-400/"],[class^="bg-purple-400/"]).text-white, body.xiq-light :is([class~="bg-purple-400"],[class*=" bg-purple-400/"],[class^="bg-purple-400/"]) .text-white, body.xiq-light :is([class~="bg-purple-400"],[class*=" bg-purple-400/"],[class^="bg-purple-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-purple-500"],[class*=" bg-purple-500/"],[class^="bg-purple-500/"]).text-white, body.xiq-light :is([class~="bg-purple-500"],[class*=" bg-purple-500/"],[class^="bg-purple-500/"]) .text-white, body.xiq-light :is([class~="bg-purple-500"],[class*=" bg-purple-500/"],[class^="bg-purple-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-purple-600"],[class*=" bg-purple-600/"],[class^="bg-purple-600/"]).text-white, body.xiq-light :is([class~="bg-purple-600"],[class*=" bg-purple-600/"],[class^="bg-purple-600/"]) .text-white, body.xiq-light :is([class~="bg-purple-600"],[class*=" bg-purple-600/"],[class^="bg-purple-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-purple-700"],[class*=" bg-purple-700/"],[class^="bg-purple-700/"]).text-white, body.xiq-light :is([class~="bg-purple-700"],[class*=" bg-purple-700/"],[class^="bg-purple-700/"]) .text-white, body.xiq-light :is([class~="bg-purple-700"],[class*=" bg-purple-700/"],[class^="bg-purple-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-orange-400"],[class*=" bg-orange-400/"],[class^="bg-orange-400/"]).text-white, body.xiq-light :is([class~="bg-orange-400"],[class*=" bg-orange-400/"],[class^="bg-orange-400/"]) .text-white, body.xiq-light :is([class~="bg-orange-400"],[class*=" bg-orange-400/"],[class^="bg-orange-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-orange-500"],[class*=" bg-orange-500/"],[class^="bg-orange-500/"]).text-white, body.xiq-light :is([class~="bg-orange-500"],[class*=" bg-orange-500/"],[class^="bg-orange-500/"]) .text-white, body.xiq-light :is([class~="bg-orange-500"],[class*=" bg-orange-500/"],[class^="bg-orange-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-orange-600"],[class*=" bg-orange-600/"],[class^="bg-orange-600/"]).text-white, body.xiq-light :is([class~="bg-orange-600"],[class*=" bg-orange-600/"],[class^="bg-orange-600/"]) .text-white, body.xiq-light :is([class~="bg-orange-600"],[class*=" bg-orange-600/"],[class^="bg-orange-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-orange-700"],[class*=" bg-orange-700/"],[class^="bg-orange-700/"]).text-white, body.xiq-light :is([class~="bg-orange-700"],[class*=" bg-orange-700/"],[class^="bg-orange-700/"]) .text-white, body.xiq-light :is([class~="bg-orange-700"],[class*=" bg-orange-700/"],[class^="bg-orange-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-amber-400"],[class*=" bg-amber-400/"],[class^="bg-amber-400/"]).text-white, body.xiq-light :is([class~="bg-amber-400"],[class*=" bg-amber-400/"],[class^="bg-amber-400/"]) .text-white, body.xiq-light :is([class~="bg-amber-400"],[class*=" bg-amber-400/"],[class^="bg-amber-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-amber-500"],[class*=" bg-amber-500/"],[class^="bg-amber-500/"]).text-white, body.xiq-light :is([class~="bg-amber-500"],[class*=" bg-amber-500/"],[class^="bg-amber-500/"]) .text-white, body.xiq-light :is([class~="bg-amber-500"],[class*=" bg-amber-500/"],[class^="bg-amber-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-amber-600"],[class*=" bg-amber-600/"],[class^="bg-amber-600/"]).text-white, body.xiq-light :is([class~="bg-amber-600"],[class*=" bg-amber-600/"],[class^="bg-amber-600/"]) .text-white, body.xiq-light :is([class~="bg-amber-600"],[class*=" bg-amber-600/"],[class^="bg-amber-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-amber-700"],[class*=" bg-amber-700/"],[class^="bg-amber-700/"]).text-white, body.xiq-light :is([class~="bg-amber-700"],[class*=" bg-amber-700/"],[class^="bg-amber-700/"]) .text-white, body.xiq-light :is([class~="bg-amber-700"],[class*=" bg-amber-700/"],[class^="bg-amber-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-pink-400"],[class*=" bg-pink-400/"],[class^="bg-pink-400/"]).text-white, body.xiq-light :is([class~="bg-pink-400"],[class*=" bg-pink-400/"],[class^="bg-pink-400/"]) .text-white, body.xiq-light :is([class~="bg-pink-400"],[class*=" bg-pink-400/"],[class^="bg-pink-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-pink-500"],[class*=" bg-pink-500/"],[class^="bg-pink-500/"]).text-white, body.xiq-light :is([class~="bg-pink-500"],[class*=" bg-pink-500/"],[class^="bg-pink-500/"]) .text-white, body.xiq-light :is([class~="bg-pink-500"],[class*=" bg-pink-500/"],[class^="bg-pink-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-pink-600"],[class*=" bg-pink-600/"],[class^="bg-pink-600/"]).text-white, body.xiq-light :is([class~="bg-pink-600"],[class*=" bg-pink-600/"],[class^="bg-pink-600/"]) .text-white, body.xiq-light :is([class~="bg-pink-600"],[class*=" bg-pink-600/"],[class^="bg-pink-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-pink-700"],[class*=" bg-pink-700/"],[class^="bg-pink-700/"]).text-white, body.xiq-light :is([class~="bg-pink-700"],[class*=" bg-pink-700/"],[class^="bg-pink-700/"]) .text-white, body.xiq-light :is([class~="bg-pink-700"],[class*=" bg-pink-700/"],[class^="bg-pink-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-indigo-400"],[class*=" bg-indigo-400/"],[class^="bg-indigo-400/"]).text-white, body.xiq-light :is([class~="bg-indigo-400"],[class*=" bg-indigo-400/"],[class^="bg-indigo-400/"]) .text-white, body.xiq-light :is([class~="bg-indigo-400"],[class*=" bg-indigo-400/"],[class^="bg-indigo-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-indigo-500"],[class*=" bg-indigo-500/"],[class^="bg-indigo-500/"]).text-white, body.xiq-light :is([class~="bg-indigo-500"],[class*=" bg-indigo-500/"],[class^="bg-indigo-500/"]) .text-white, body.xiq-light :is([class~="bg-indigo-500"],[class*=" bg-indigo-500/"],[class^="bg-indigo-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-indigo-600"],[class*=" bg-indigo-600/"],[class^="bg-indigo-600/"]).text-white, body.xiq-light :is([class~="bg-indigo-600"],[class*=" bg-indigo-600/"],[class^="bg-indigo-600/"]) .text-white, body.xiq-light :is([class~="bg-indigo-600"],[class*=" bg-indigo-600/"],[class^="bg-indigo-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-indigo-700"],[class*=" bg-indigo-700/"],[class^="bg-indigo-700/"]).text-white, body.xiq-light :is([class~="bg-indigo-700"],[class*=" bg-indigo-700/"],[class^="bg-indigo-700/"]) .text-white, body.xiq-light :is([class~="bg-indigo-700"],[class*=" bg-indigo-700/"],[class^="bg-indigo-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-emerald-400"],[class*=" bg-emerald-400/"],[class^="bg-emerald-400/"]).text-white, body.xiq-light :is([class~="bg-emerald-400"],[class*=" bg-emerald-400/"],[class^="bg-emerald-400/"]) .text-white, body.xiq-light :is([class~="bg-emerald-400"],[class*=" bg-emerald-400/"],[class^="bg-emerald-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-emerald-500"],[class*=" bg-emerald-500/"],[class^="bg-emerald-500/"]).text-white, body.xiq-light :is([class~="bg-emerald-500"],[class*=" bg-emerald-500/"],[class^="bg-emerald-500/"]) .text-white, body.xiq-light :is([class~="bg-emerald-500"],[class*=" bg-emerald-500/"],[class^="bg-emerald-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-emerald-600"],[class*=" bg-emerald-600/"],[class^="bg-emerald-600/"]).text-white, body.xiq-light :is([class~="bg-emerald-600"],[class*=" bg-emerald-600/"],[class^="bg-emerald-600/"]) .text-white, body.xiq-light :is([class~="bg-emerald-600"],[class*=" bg-emerald-600/"],[class^="bg-emerald-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-emerald-700"],[class*=" bg-emerald-700/"],[class^="bg-emerald-700/"]).text-white, body.xiq-light :is([class~="bg-emerald-700"],[class*=" bg-emerald-700/"],[class^="bg-emerald-700/"]) .text-white, body.xiq-light :is([class~="bg-emerald-700"],[class*=" bg-emerald-700/"],[class^="bg-emerald-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-violet-400"],[class*=" bg-violet-400/"],[class^="bg-violet-400/"]).text-white, body.xiq-light :is([class~="bg-violet-400"],[class*=" bg-violet-400/"],[class^="bg-violet-400/"]) .text-white, body.xiq-light :is([class~="bg-violet-400"],[class*=" bg-violet-400/"],[class^="bg-violet-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-violet-500"],[class*=" bg-violet-500/"],[class^="bg-violet-500/"]).text-white, body.xiq-light :is([class~="bg-violet-500"],[class*=" bg-violet-500/"],[class^="bg-violet-500/"]) .text-white, body.xiq-light :is([class~="bg-violet-500"],[class*=" bg-violet-500/"],[class^="bg-violet-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-violet-600"],[class*=" bg-violet-600/"],[class^="bg-violet-600/"]).text-white, body.xiq-light :is([class~="bg-violet-600"],[class*=" bg-violet-600/"],[class^="bg-violet-600/"]) .text-white, body.xiq-light :is([class~="bg-violet-600"],[class*=" bg-violet-600/"],[class^="bg-violet-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-violet-700"],[class*=" bg-violet-700/"],[class^="bg-violet-700/"]).text-white, body.xiq-light :is([class~="bg-violet-700"],[class*=" bg-violet-700/"],[class^="bg-violet-700/"]) .text-white, body.xiq-light :is([class~="bg-violet-700"],[class*=" bg-violet-700/"],[class^="bg-violet-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-sky-400"],[class*=" bg-sky-400/"],[class^="bg-sky-400/"]).text-white, body.xiq-light :is([class~="bg-sky-400"],[class*=" bg-sky-400/"],[class^="bg-sky-400/"]) .text-white, body.xiq-light :is([class~="bg-sky-400"],[class*=" bg-sky-400/"],[class^="bg-sky-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-sky-500"],[class*=" bg-sky-500/"],[class^="bg-sky-500/"]).text-white, body.xiq-light :is([class~="bg-sky-500"],[class*=" bg-sky-500/"],[class^="bg-sky-500/"]) .text-white, body.xiq-light :is([class~="bg-sky-500"],[class*=" bg-sky-500/"],[class^="bg-sky-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-sky-600"],[class*=" bg-sky-600/"],[class^="bg-sky-600/"]).text-white, body.xiq-light :is([class~="bg-sky-600"],[class*=" bg-sky-600/"],[class^="bg-sky-600/"]) .text-white, body.xiq-light :is([class~="bg-sky-600"],[class*=" bg-sky-600/"],[class^="bg-sky-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-sky-700"],[class*=" bg-sky-700/"],[class^="bg-sky-700/"]).text-white, body.xiq-light :is([class~="bg-sky-700"],[class*=" bg-sky-700/"],[class^="bg-sky-700/"]) .text-white, body.xiq-light :is([class~="bg-sky-700"],[class*=" bg-sky-700/"],[class^="bg-sky-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-rose-400"],[class*=" bg-rose-400/"],[class^="bg-rose-400/"]).text-white, body.xiq-light :is([class~="bg-rose-400"],[class*=" bg-rose-400/"],[class^="bg-rose-400/"]) .text-white, body.xiq-light :is([class~="bg-rose-400"],[class*=" bg-rose-400/"],[class^="bg-rose-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-rose-500"],[class*=" bg-rose-500/"],[class^="bg-rose-500/"]).text-white, body.xiq-light :is([class~="bg-rose-500"],[class*=" bg-rose-500/"],[class^="bg-rose-500/"]) .text-white, body.xiq-light :is([class~="bg-rose-500"],[class*=" bg-rose-500/"],[class^="bg-rose-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-rose-600"],[class*=" bg-rose-600/"],[class^="bg-rose-600/"]).text-white, body.xiq-light :is([class~="bg-rose-600"],[class*=" bg-rose-600/"],[class^="bg-rose-600/"]) .text-white, body.xiq-light :is([class~="bg-rose-600"],[class*=" bg-rose-600/"],[class^="bg-rose-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-rose-700"],[class*=" bg-rose-700/"],[class^="bg-rose-700/"]).text-white, body.xiq-light :is([class~="bg-rose-700"],[class*=" bg-rose-700/"],[class^="bg-rose-700/"]) .text-white, body.xiq-light :is([class~="bg-rose-700"],[class*=" bg-rose-700/"],[class^="bg-rose-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-lime-400"],[class*=" bg-lime-400/"],[class^="bg-lime-400/"]).text-white, body.xiq-light :is([class~="bg-lime-400"],[class*=" bg-lime-400/"],[class^="bg-lime-400/"]) .text-white, body.xiq-light :is([class~="bg-lime-400"],[class*=" bg-lime-400/"],[class^="bg-lime-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-lime-500"],[class*=" bg-lime-500/"],[class^="bg-lime-500/"]).text-white, body.xiq-light :is([class~="bg-lime-500"],[class*=" bg-lime-500/"],[class^="bg-lime-500/"]) .text-white, body.xiq-light :is([class~="bg-lime-500"],[class*=" bg-lime-500/"],[class^="bg-lime-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-lime-600"],[class*=" bg-lime-600/"],[class^="bg-lime-600/"]).text-white, body.xiq-light :is([class~="bg-lime-600"],[class*=" bg-lime-600/"],[class^="bg-lime-600/"]) .text-white, body.xiq-light :is([class~="bg-lime-600"],[class*=" bg-lime-600/"],[class^="bg-lime-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-lime-700"],[class*=" bg-lime-700/"],[class^="bg-lime-700/"]).text-white, body.xiq-light :is([class~="bg-lime-700"],[class*=" bg-lime-700/"],[class^="bg-lime-700/"]) .text-white, body.xiq-light :is([class~="bg-lime-700"],[class*=" bg-lime-700/"],[class^="bg-lime-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-fuchsia-400"],[class*=" bg-fuchsia-400/"],[class^="bg-fuchsia-400/"]).text-white, body.xiq-light :is([class~="bg-fuchsia-400"],[class*=" bg-fuchsia-400/"],[class^="bg-fuchsia-400/"]) .text-white, body.xiq-light :is([class~="bg-fuchsia-400"],[class*=" bg-fuchsia-400/"],[class^="bg-fuchsia-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-fuchsia-500"],[class*=" bg-fuchsia-500/"],[class^="bg-fuchsia-500/"]).text-white, body.xiq-light :is([class~="bg-fuchsia-500"],[class*=" bg-fuchsia-500/"],[class^="bg-fuchsia-500/"]) .text-white, body.xiq-light :is([class~="bg-fuchsia-500"],[class*=" bg-fuchsia-500/"],[class^="bg-fuchsia-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-fuchsia-600"],[class*=" bg-fuchsia-600/"],[class^="bg-fuchsia-600/"]).text-white, body.xiq-light :is([class~="bg-fuchsia-600"],[class*=" bg-fuchsia-600/"],[class^="bg-fuchsia-600/"]) .text-white, body.xiq-light :is([class~="bg-fuchsia-600"],[class*=" bg-fuchsia-600/"],[class^="bg-fuchsia-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-fuchsia-700"],[class*=" bg-fuchsia-700/"],[class^="bg-fuchsia-700/"]).text-white, body.xiq-light :is([class~="bg-fuchsia-700"],[class*=" bg-fuchsia-700/"],[class^="bg-fuchsia-700/"]) .text-white, body.xiq-light :is([class~="bg-fuchsia-700"],[class*=" bg-fuchsia-700/"],[class^="bg-fuchsia-700/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-slate-400"],[class*=" bg-slate-400/"],[class^="bg-slate-400/"]).text-white, body.xiq-light :is([class~="bg-slate-400"],[class*=" bg-slate-400/"],[class^="bg-slate-400/"]) .text-white, body.xiq-light :is([class~="bg-slate-400"],[class*=" bg-slate-400/"],[class^="bg-slate-400/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-slate-500"],[class*=" bg-slate-500/"],[class^="bg-slate-500/"]).text-white, body.xiq-light :is([class~="bg-slate-500"],[class*=" bg-slate-500/"],[class^="bg-slate-500/"]) .text-white, body.xiq-light :is([class~="bg-slate-500"],[class*=" bg-slate-500/"],[class^="bg-slate-500/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-slate-600"],[class*=" bg-slate-600/"],[class^="bg-slate-600/"]).text-white, body.xiq-light :is([class~="bg-slate-600"],[class*=" bg-slate-600/"],[class^="bg-slate-600/"]) .text-white, body.xiq-light :is([class~="bg-slate-600"],[class*=" bg-slate-600/"],[class^="bg-slate-600/"]) [class*="text-white"],
body.xiq-light :is([class~="bg-slate-700"],[class*=" bg-slate-700/"],[class^="bg-slate-700/"]).text-white, body.xiq-light :is([class~="bg-slate-700"],[class*=" bg-slate-700/"],[class^="bg-slate-700/"]) .text-white, body.xiq-light :is([class~="bg-slate-700"],[class*=" bg-slate-700/"],[class^="bg-slate-700/"]) [class*="text-white"],
body.xiq-light [class*="bg-gradient-"].text-white, body.xiq-light [class*="bg-gradient-"] .text-white, body.xiq-light [class*="bg-gradient-"] [class*="text-white"],
body.xiq-light .btn-professional.text-white, body.xiq-light .btn-professional .text-white, body.xiq-light .btn-professional [class*="text-white"] { color: #fff !important; }

/* Dark tinted panels and their text */
body.xiq-light :is([class~="bg-blue-900"],[class*=" bg-blue-900/"],[class^="bg-blue-900/"]), body.xiq-light :is([class~="bg-blue-800"],[class*=" bg-blue-800/"],[class^="bg-blue-800/"]) { background-color: #e6f3ef !important; }
body.xiq-light .text-blue-100 { color: #0b5446 !important; }
body.xiq-light .text-blue-200 { color: #0b5446 !important; }
body.xiq-light .text-blue-300 { color: #0b5446 !important; }
body.xiq-light .text-blue-400 { color: #0b5446 !important; }
body.xiq-light .border-blue-500 { border-color: #9fd3c4 !important; }
body.xiq-light .border-blue-600 { border-color: #9fd3c4 !important; }
body.xiq-light .border-blue-700 { border-color: #9fd3c4 !important; }
body.xiq-light .border-blue-800 { border-color: #9fd3c4 !important; }
body.xiq-light :is([class~="bg-cyan-900"],[class*=" bg-cyan-900/"],[class^="bg-cyan-900/"]), body.xiq-light :is([class~="bg-cyan-800"],[class*=" bg-cyan-800/"],[class^="bg-cyan-800/"]) { background-color: #e3f4f7 !important; }
body.xiq-light .text-cyan-100 { color: #0e5566 !important; }
body.xiq-light .text-cyan-200 { color: #0e5566 !important; }
body.xiq-light .text-cyan-300 { color: #0e5566 !important; }
body.xiq-light .text-cyan-400 { color: #0e5566 !important; }
body.xiq-light .border-cyan-500 { border-color: #9ed7e3 !important; }
body.xiq-light .border-cyan-600 { border-color: #9ed7e3 !important; }
body.xiq-light .border-cyan-700 { border-color: #9ed7e3 !important; }
body.xiq-light .border-cyan-800 { border-color: #9ed7e3 !important; }
body.xiq-light :is([class~="bg-teal-900"],[class*=" bg-teal-900/"],[class^="bg-teal-900/"]), body.xiq-light :is([class~="bg-teal-800"],[class*=" bg-teal-800/"],[class^="bg-teal-800/"]) { background-color: #e3f4f0 !important; }
body.xiq-light .text-teal-100 { color: #0d5546 !important; }
body.xiq-light .text-teal-200 { color: #0d5546 !important; }
body.xiq-light .text-teal-300 { color: #0d5546 !important; }
body.xiq-light .text-teal-400 { color: #0d5546 !important; }
body.xiq-light .border-teal-500 { border-color: #9fd6c7 !important; }
body.xiq-light .border-teal-600 { border-color: #9fd6c7 !important; }
body.xiq-light .border-teal-700 { border-color: #9fd6c7 !important; }
body.xiq-light .border-teal-800 { border-color: #9fd6c7 !important; }
body.xiq-light :is([class~="bg-green-900"],[class*=" bg-green-900/"],[class^="bg-green-900/"]), body.xiq-light :is([class~="bg-green-800"],[class*=" bg-green-800/"],[class^="bg-green-800/"]) { background-color: #e8f5ec !important; }
body.xiq-light .text-green-100 { color: #1a5e33 !important; }
body.xiq-light .text-green-200 { color: #1a5e33 !important; }
body.xiq-light .text-green-300 { color: #1a5e33 !important; }
body.xiq-light .text-green-400 { color: #1a5e33 !important; }
body.xiq-light .border-green-500 { border-color: #a8dbb6 !important; }
body.xiq-light .border-green-600 { border-color: #a8dbb6 !important; }
body.xiq-light .border-green-700 { border-color: #a8dbb6 !important; }
body.xiq-light .border-green-800 { border-color: #a8dbb6 !important; }
body.xiq-light :is([class~="bg-red-900"],[class*=" bg-red-900/"],[class^="bg-red-900/"]), body.xiq-light :is([class~="bg-red-800"],[class*=" bg-red-800/"],[class^="bg-red-800/"]) { background-color: #fdeceb !important; }
body.xiq-light .text-red-100 { color: #8f2116 !important; }
body.xiq-light .text-red-200 { color: #8f2116 !important; }
body.xiq-light .text-red-300 { color: #8f2116 !important; }
body.xiq-light .text-red-400 { color: #8f2116 !important; }
body.xiq-light .border-red-500 { border-color: #f2b1aa !important; }
body.xiq-light .border-red-600 { border-color: #f2b1aa !important; }
body.xiq-light .border-red-700 { border-color: #f2b1aa !important; }
body.xiq-light .border-red-800 { border-color: #f2b1aa !important; }
body.xiq-light :is([class~="bg-yellow-900"],[class*=" bg-yellow-900/"],[class^="bg-yellow-900/"]), body.xiq-light :is([class~="bg-yellow-800"],[class*=" bg-yellow-800/"],[class^="bg-yellow-800/"]) { background-color: #fff6dd !important; }
body.xiq-light .text-yellow-100 { color: #7a5200 !important; }
body.xiq-light .text-yellow-200 { color: #7a5200 !important; }
body.xiq-light .text-yellow-300 { color: #7a5200 !important; }
body.xiq-light .text-yellow-400 { color: #7a5200 !important; }
body.xiq-light .border-yellow-500 { border-color: #f1d58a !important; }
body.xiq-light .border-yellow-600 { border-color: #f1d58a !important; }
body.xiq-light .border-yellow-700 { border-color: #f1d58a !important; }
body.xiq-light .border-yellow-800 { border-color: #f1d58a !important; }
body.xiq-light :is([class~="bg-orange-900"],[class*=" bg-orange-900/"],[class^="bg-orange-900/"]), body.xiq-light :is([class~="bg-orange-800"],[class*=" bg-orange-800/"],[class^="bg-orange-800/"]) { background-color: #fff0e3 !important; }
body.xiq-light .text-orange-100 { color: #8a4510 !important; }
body.xiq-light .text-orange-200 { color: #8a4510 !important; }
body.xiq-light .text-orange-300 { color: #8a4510 !important; }
body.xiq-light .text-orange-400 { color: #8a4510 !important; }
body.xiq-light .border-orange-500 { border-color: #f4c095 !important; }
body.xiq-light .border-orange-600 { border-color: #f4c095 !important; }
body.xiq-light .border-orange-700 { border-color: #f4c095 !important; }
body.xiq-light .border-orange-800 { border-color: #f4c095 !important; }
body.xiq-light :is([class~="bg-amber-900"],[class*=" bg-amber-900/"],[class^="bg-amber-900/"]), body.xiq-light :is([class~="bg-amber-800"],[class*=" bg-amber-800/"],[class^="bg-amber-800/"]) { background-color: #fff4dc !important; }
body.xiq-light .text-amber-100 { color: #7a5000 !important; }
body.xiq-light .text-amber-200 { color: #7a5000 !important; }
body.xiq-light .text-amber-300 { color: #7a5000 !important; }
body.xiq-light .text-amber-400 { color: #7a5000 !important; }
body.xiq-light .border-amber-500 { border-color: #efcf86 !important; }
body.xiq-light .border-amber-600 { border-color: #efcf86 !important; }
body.xiq-light .border-amber-700 { border-color: #efcf86 !important; }
body.xiq-light .border-amber-800 { border-color: #efcf86 !important; }
body.xiq-light :is([class~="bg-purple-900"],[class*=" bg-purple-900/"],[class^="bg-purple-900/"]), body.xiq-light :is([class~="bg-purple-800"],[class*=" bg-purple-800/"],[class^="bg-purple-800/"]) { background-color: #f3eefc !important; }
body.xiq-light .text-purple-100 { color: #55308f !important; }
body.xiq-light .text-purple-200 { color: #55308f !important; }
body.xiq-light .text-purple-300 { color: #55308f !important; }
body.xiq-light .text-purple-400 { color: #55308f !important; }
body.xiq-light .border-purple-500 { border-color: #cdb7ef !important; }
body.xiq-light .border-purple-600 { border-color: #cdb7ef !important; }
body.xiq-light .border-purple-700 { border-color: #cdb7ef !important; }
body.xiq-light .border-purple-800 { border-color: #cdb7ef !important; }
body.xiq-light :is([class~="bg-pink-900"],[class*=" bg-pink-900/"],[class^="bg-pink-900/"]), body.xiq-light :is([class~="bg-pink-800"],[class*=" bg-pink-800/"],[class^="bg-pink-800/"]) { background-color: #fdeef5 !important; }
body.xiq-light .text-pink-100 { color: #8a1f55 !important; }
body.xiq-light .text-pink-200 { color: #8a1f55 !important; }
body.xiq-light .text-pink-300 { color: #8a1f55 !important; }
body.xiq-light .text-pink-400 { color: #8a1f55 !important; }
body.xiq-light .border-pink-500 { border-color: #f0b3d1 !important; }
body.xiq-light .border-pink-600 { border-color: #f0b3d1 !important; }
body.xiq-light .border-pink-700 { border-color: #f0b3d1 !important; }
body.xiq-light .border-pink-800 { border-color: #f0b3d1 !important; }
body.xiq-light :is([class~="bg-indigo-900"],[class*=" bg-indigo-900/"],[class^="bg-indigo-900/"]), body.xiq-light :is([class~="bg-indigo-800"],[class*=" bg-indigo-800/"],[class^="bg-indigo-800/"]) { background-color: #eef0fd !important; }
body.xiq-light .text-indigo-100 { color: #36399a !important; }
body.xiq-light .text-indigo-200 { color: #36399a !important; }
body.xiq-light .text-indigo-300 { color: #36399a !important; }
body.xiq-light .text-indigo-400 { color: #36399a !important; }
body.xiq-light .border-indigo-500 { border-color: #bcc0f2 !important; }
body.xiq-light .border-indigo-600 { border-color: #bcc0f2 !important; }
body.xiq-light .border-indigo-700 { border-color: #bcc0f2 !important; }
body.xiq-light .border-indigo-800 { border-color: #bcc0f2 !important; }
body.xiq-light :is([class~="bg-emerald-900"],[class*=" bg-emerald-900/"],[class^="bg-emerald-900/"]), body.xiq-light :is([class~="bg-emerald-800"],[class*=" bg-emerald-800/"],[class^="bg-emerald-800/"]) { background-color: #e5f6ee !important; }
body.xiq-light .text-emerald-100 { color: #0f5e3d !important; }
body.xiq-light .text-emerald-200 { color: #0f5e3d !important; }
body.xiq-light .text-emerald-300 { color: #0f5e3d !important; }
body.xiq-light .text-emerald-400 { color: #0f5e3d !important; }
body.xiq-light .border-emerald-500 { border-color: #9fdcbf !important; }
body.xiq-light .border-emerald-600 { border-color: #9fdcbf !important; }
body.xiq-light .border-emerald-700 { border-color: #9fdcbf !important; }
body.xiq-light .border-emerald-800 { border-color: #9fdcbf !important; }

/* Brand: primary actions in teal, links readable */
body.xiq-light .btn-professional { background: var(--brand) !important; box-shadow: none !important; }
body.xiq-light .btn-professional:hover { background: var(--brand-2) !important; }
body.xiq-light .bg-blue-600, body.xiq-light .bg-blue-500 { background-color: var(--brand) !important; }
body.xiq-light .hover\:bg-blue-700:hover, body.xiq-light .bg-blue-700 { background-color: var(--brand-2) !important; }
body.xiq-light .progress-bar { background: linear-gradient(90deg, var(--brand), var(--accent)) !important; }
body.xiq-light .loading-spinner { border-color: var(--brand-soft) !important; border-top-color: var(--brand) !important; }

/* Sidebar */
body.xiq-light .sidebar-nav { background: var(--panel) !important; border-right: 1px solid var(--line) !important; }
body.xiq-light .nav-item { color: var(--ink); border-left: 3px solid transparent; }
body.xiq-light .nav-item:hover { background: var(--brand-soft) !important; border-left-color: var(--brand-2) !important; }
body.xiq-light .nav-item.active { background: var(--brand-soft) !important; border-left-color: var(--brand) !important; color: var(--brand); font-weight: 600; }
body.xiq-light .nav-item i { color: var(--brand) !important; }
body.xiq-light .sidebar-nav nav h3 { color: var(--accent) !important; font-weight: 800 !important; letter-spacing: .8px; font-size: 11px; }
body.xiq-light .nav-section { font-size: 11px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; color: var(--accent); padding: 14px 16px 4px; }
body.xiq-light .scrollbar-thin { scrollbar-color: #CBD5E1 transparent; }
body.xiq-light .scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
body.xiq-light .scrollbar-thin::-webkit-scrollbar-thumb { background: #CBD5E1; border: 0; }

/* Shared top links and the "what this tool answers" line */
.xiq-toplinks { display: flex; gap: 6px; flex-wrap: wrap; padding: 10px 16px 0; }
.xiq-toplinks a { font-size: 13px; font-weight: 600; text-decoration: none; color: var(--brand); background: var(--brand-soft); padding: 5px 10px; border-radius: 999px; }
.xiq-toplinks a:hover { background: #cdebe2; }
.xiq-answers { display: flex; gap: 10px; align-items: flex-start; background: var(--panel); border: 1px solid var(--line); border-left: 4px solid var(--accent);
  border-radius: 12px; padding: 12px 14px; margin: 0 0 20px; color: var(--ink); font-size: 15px; line-height: 1.5; }
.xiq-answers b { color: var(--accent); white-space: nowrap; }
.xiq-answers .who { display: block; color: var(--muted); font-size: 13.5px; margin-top: 2px; }
@media print { .xiq-toplinks, .xiq-answers { display: none; } }

/* Brand logo in the sidebar: the wordmark, or the X mark when the sidebar is collapsed */
.xiq-mark-only { display: none; }
.sidebar-collapsed .xiq-mark-only { display: flex; }
.sidebar-collapsed #sidebar-header { justify-content: center; width: 100%; }
body.xiq-light h1, body.xiq-light h2, body.xiq-light h3 { font-family: "Outfit", Inter, system-ui, sans-serif; letter-spacing: -.01em; }
body.xiq-light main h2.text-3xl, body.xiq-light .page-section > div > h2 { color: var(--brand) !important; }

/* ---------- Shared site header above the R&D tools (2026-10-31) ---------- */
body.xiq-light .xh { position: sticky; top: 0; z-index: 60; }
body.xiq-light .sidebar-nav { top: 68px !important; height: calc(100vh - 68px) !important; background: #fff !important; border-right: 1px solid var(--line) !important; }
.xiq-side-label { font: 600 12px Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
body.xiq-light #sidebar-toggle { color: var(--muted) !important; }
body.xiq-light .nav-section { padding-top: 14px !important; }
body.xiq-light .nav-item { border-left: 3px solid transparent !important; border-radius: 10px !important; }
body.xiq-light .nav-item:hover { background: var(--brand-soft) !important; border-left-color: transparent !important; }
body.xiq-light .nav-item.active { background: var(--brand-soft) !important; border-left-color: var(--accent) !important; box-shadow: none !important; }
body.xiq-light .nav-item.active span { color: var(--brand) !important; font-weight: 600; }
/* page titles in the brand style */
body.xiq-light .page-section > .p-6 { max-width: 1180px; padding-top: 34px !important; }
body.xiq-light .page-section h1.text-3xl { font: 600 34px/1.15 "Outfit", Inter, sans-serif !important; color: var(--brand) !important; letter-spacing: -.02em; }
body.xiq-light .page-section h1.text-3xl i { color: var(--accent) !important; font-size: 26px; vertical-align: 3px; }
body.xiq-light .page-section h1.text-3xl + p { font-size: 17px; color: var(--muted) !important; }
body.xiq-light .pro-card { border-radius: 16px !important; }
body.xiq-light input[type="text"], body.xiq-light input:not([type]), body.xiq-light textarea, body.xiq-light select {
  border-radius: 12px !important; border-color: #CBD5E1 !important; }
body.xiq-light input[type="text"]:focus, body.xiq-light textarea:focus {
  border-color: var(--brand) !important; box-shadow: 0 0 0 4px rgba(14, 171, 173, .18) !important; outline: 0 !important; }
@media (max-width: 767px) {
  body.xiq-light #mobile-menu { top: 78px !important; }
  body.xiq-light .sidebar-nav { top: 0 !important; height: 100vh !important; z-index: 70 !important; }
}
/* main action buttons in navy, as on every other page */
body.xiq-light button.bg-teal-600, body.xiq-light button.bg-teal-500, body.xiq-light button.bg-cyan-600, body.xiq-light button.bg-cyan-500,
body.xiq-light button.bg-purple-600, body.xiq-light button.bg-indigo-600, body.xiq-light button.bg-emerald-600 {
  background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
body.xiq-light button.bg-teal-600:hover, body.xiq-light button.bg-cyan-600:hover, body.xiq-light button.bg-purple-600:hover,
body.xiq-light button.bg-indigo-600:hover, body.xiq-light button.bg-emerald-600:hover { background: var(--brand-2) !important; }
/* plain-language tags (Retrosynthesis results) */
.pill-tag { display: inline-flex; align-items: center; font-size: 12.5px; border-radius: 999px; padding: 3px 10px; background: #F1F5F9; color: #334155; }
.pill-tag.good { background: #DCFCE7; color: #166534; } .pill-tag.warn { background: #FEF3C7; color: #92400E; }
body.xiq-light button.bg-pink-600 { background: var(--brand) !important; color: #fff !important; }