/* JoeLearns Troubleshooter light mode — v1
   Dark is the default. This layer loads last, after the generated feature CSS.
   Keep code output dark and respect the diagnostic success/failure semantics.
*/
html[data-theme="light"] {
  color-scheme: light;
  --bg:#f5f8fc;
  --bg2:#edf3fa;
  --surface:#ffffff;
  --surface2:#f4f8fc;
  --surface3:#e9f1f8;
  --border:#d0deeb;
  --text:#14263e;
  --muted:#4f647c;
  --soft:#617389;
  --blue:#087e9e;
  --blue2:#1963a3;
  --green:#16754d;
  --red:#af3549;
  --amber:#906019;
  --radius:20px;
  --jl-light-paper:#f5f8fc;
  --jl-light-surface:#fff;
  --jl-light-tint:#e8f4fa;
  --jl-light-ink:#14263e;
  --jl-light-line:#cbdce9;
}
html[data-theme="light"] body {
  color:var(--text);
  background:
    radial-gradient(ellipse 54% 28% at 75% 2%,rgba(58,187,225,.12),transparent 80%),
    radial-gradient(ellipse 35% 40% at -10% 70%,rgba(111,91,197,.055),transparent 85%),
    #f5f8fc;
}
html[data-theme="light"] ::selection {background:#bfe9f3;color:#163047}
html[data-theme="light"] a {color:#08718e}
html[data-theme="light"] a:hover {color:#084e6b}
html[data-theme="light"] :is(button,input,select,textarea,a):focus-visible {outline-color:#087e9e}
/* Header, modal and site links */
.topbar .jl-brand-controls {display:flex;align-items:center;gap:20px;min-width:0}
.topbar .jl-theme-button,
.handbook-shell .jl-theme-button {
  width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(128,174,199,.38);border-radius:14px;
  background:rgba(23,49,74,.56);color:#c4ebfa;
  transition:background .16s,border-color .16s;
  cursor:pointer;
}
.jl-theme-button svg {width:19px;height:19px}
.jl-theme-button .jl-icon-moon {display:none}
html[data-theme="light"] .jl-theme-button .jl-icon-sun {display:none}
html[data-theme="light"] .jl-theme-button .jl-icon-moon {display:block}
.topbar .jl-theme-button:hover {border-color:#38cde8;background:rgba(28,108,143,.3)}
html[data-theme="light"] .topbar {
  background:rgba(250,252,255,.95);
  border-bottom-color:#d1deea;
  box-shadow:0 8px 28px rgba(37,76,112,.06);
}
html[data-theme="light"] .brand-lockup,
html[data-theme="light"] .brand-lockup:hover {color:#152a42}
html[data-theme="light"] .brand-lockup:hover .brand-title {color:#125576}
html[data-theme="light"] .brand-title span {color:#087d99}
html[data-theme="light"] .brand-sub {color:#15738d}
html[data-theme="light"] .topbar .jl-theme-button {
  background:#fff;border-color:#c6d8e7;color:#176987;
}
html[data-theme="light"] .topbar .jl-theme-button:hover {background:#e5f5fb}
html[data-theme="light"] .toplinks .beta-trigger,
html[data-theme="light"] .beta-info-badge {
  background:#e3f5fa;color:#0a728d;border-color:#b5dcea;
  box-shadow:none;
}
html[data-theme="light"] .toplinks .beta-trigger:hover {background:#d2edf7;border-color:#70bfd7}
html[data-theme="light"] .toplinks .tour-top-button {
  background:#e9f5fa;border-color:#abd8e6;color:#0d6680
}
html[data-theme="light"] .toplinks .tour-top-button:hover {background:#d8edf6;color:#09516b}
html[data-theme="light"] .toplinks .labs-header-link {
  background:linear-gradient(120deg,#f1ebfa,#e7e4f7);
  border-color:#c3b0e8;color:#63409c;box-shadow:0 0 13px rgba(115,77,180,.09);
}
html[data-theme="light"] .toplinks .labs-header-link .labs-spark {color:#7047b4}
html[data-theme="light"] .toplinks .labs-header-link:hover {
  color:#512e8b;border-color:#9e80d2;background:#e7ddf8;
}
html[data-theme="light"] .toplinks .main-site-link {background:#fff;color:#152a44}
html[data-theme="light"] .toplinks .main-site-link:hover {background:#eef5fa;color:#112a43}
html[data-theme="light"] .toplinks .main-site-link span {color:#4b617c}
html[data-theme="light"] .beta-info-dialog {
  border-color:#acd4e2;background:linear-gradient(145deg,#fff,#ecf5fc);
  box-shadow:0 30px 88px rgba(20,54,82,.30);color:#172a43;
}
html[data-theme="light"] .beta-info-dialog h2 {color:#132a43}
html[data-theme="light"] .beta-info-dialog p {color:#486079}
html[data-theme="light"] .beta-info-dialog .beta-info-footnote {
  color:#456078;background:#e7f1f8;border-color:#ccdeeb
}
html[data-theme="light"] .beta-info-close {
  color:#31506a;background:#e8f0f8;border-color:#c8d9e6
}
html[data-theme="light"] .beta-info-close:hover {background:#d9e8f2}
html[data-theme="light"] .beta-info-confirm {background:#087e9e;color:#fff;border-color:#087e9e}
html[data-theme="light"] .beta-info-confirm:hover {background:#066883}
html[data-theme="light"] .beta-info-dialog::backdrop {background:rgba(8,31,49,.48)}
/* The investigation launcher */
html[data-theme="light"] .launcher {
  background:
    radial-gradient(ellipse 52% 30% at 80% 0%,rgba(39,194,224,.105),transparent),
    linear-gradient(148deg,#f9fcff,#ebf3fb);
  border-color:#c9dcea;
}
html[data-theme="light"] .launcher::before {opacity:.85}
html[data-theme="light"] .launcher-intro h1 {color:#152740}
html[data-theme="light"] .launcher-intro p {color:#4e627a}
html[data-theme="light"] :is(.launcher-intro .eyebrow,.eyebrow,.card-title,.right-heading,.section-title) {color:#08738e}
html[data-theme="light"] .launcher-card {
  color:#182e47;
  background:linear-gradient(138deg,#fff,#f5faff);
  border-color:#cadbe8;box-shadow:0 10px 22px rgba(41,87,122,.06);
}
html[data-theme="light"] .launcher-card:hover,
html[data-theme="light"] .launcher-card:focus-visible {
  background:linear-gradient(138deg,#eff9fd,#f4f4fd);
  border-color:#6bb5d2;box-shadow:0 11px 26px rgba(37,113,155,.11);
}
html[data-theme="light"] .launcher-group,
html[data-theme="light"] .launcher-go {color:#087796}
html[data-theme="light"] .launcher-description,
html[data-theme="light"] .launcher-bottom {color:#53677d}
html[data-theme="light"] .difficulty-badge {background:#ecf2f9;border-color:#cbdbe8;color:#4c6177}
html[data-theme="light"] .launcher-discovery {
  background:linear-gradient(125deg,#eef8fd,#f4f3fc);
  border-color:#c8dfea;box-shadow:0 10px 22px rgba(24,75,112,.055);
}
html[data-theme="light"] .launcher-search-label {color:#086d86}
html[data-theme="light"] .launcher-search-box {
  background:#fff;border-color:#bed2e1;box-shadow:0 2px 10px rgba(50,89,123,.04);
}
html[data-theme="light"] .launcher-search-box input {color:#173049}
html[data-theme="light"] .launcher-search-box input::placeholder {color:#6b7e92}
html[data-theme="light"] .launcher-search-icon {color:#167d9d}
html[data-theme="light"] .launcher-search-clear {background:#e4f2f9;color:#146c88;border-color:#c9dfeb}
html[data-theme="light"] .launcher-search-clear:hover {background:#d6ebf5}
html[data-theme="light"] .launcher-search-help,
html[data-theme="light"] .launcher-sort-label {color:#52677c}
html[data-theme="light"] .quick-search {
  background:#fff;border-color:#c0d9e7;color:#236983
}
html[data-theme="light"] .quick-search:hover {background:#e2f4fa;color:#0a5875}
html[data-theme="light"] .launcher-filter-toolbar {border-top-color:#d2e2ee}
html[data-theme="light"] .launcher-filter {
  background:#fff;border-color:#c7d8e7;color:#4a6077
}
html[data-theme="light"] .launcher-filter:hover {color:#0f5e7b;border-color:#83c1d6}
html[data-theme="light"] .launcher-filter.active,
html[data-theme="light"] .launcher-filter[aria-pressed="true"] {
  background:#d9f0f8;color:#0b6481;border-color:#75bcd4;
}
html[data-theme="light"] .launcher-sort-label select {
  background:#fff;color:#142d44;border-color:#bdd1e1
}
html[data-theme="light"] .launcher-results-heading h2 {color:#173049}
html[data-theme="light"] .launcher-results-heading span {color:#56708a}
html[data-theme="light"] .launcher-empty {background:#f8fbff;border-color:#accdde;color:#233e56}
html[data-theme="light"] .launcher-empty p {color:#4e647e}
/* Guided workbench; preserve typography/spacing, shift surfaces */
html[data-theme="light"] .panel,
html[data-theme="light"] .card {
  background:linear-gradient(157deg,#ffffff,#f7faff);
  border-color:#d1dfeb;box-shadow:0 12px 28px rgba(37,70,103,.055);
}
html[data-theme="light"] .hero {
  background:linear-gradient(115deg,#e6f6fb,#f1f5fc 62%,#f1ecfa);
  border-color:#91c7d9;border-left-color:#0cb0ce;
  box-shadow:0 6px 22px rgba(30,85,129,.06);
}
html[data-theme="light"] .hero h1 {color:#142842}
html[data-theme="light"] :is(.side-intro,.muted,.session-status,.command-hint,.checkpoint-caption,.step-count,.privacy-note,.tiny,.footer,.toolbox-count,.phase-unit.skipped) {color:#556b82}
html[data-theme="light"] .footer {border-top-color:#d2dfed}
html[data-theme="light"] .section-title,
html[data-theme="light"] .panel .section-title {color:#087896}
html[data-theme="light"] .session-number {background:#dceefa;border-color:#bcd3e4;color:#15668b}
html[data-theme="light"] .history-item {border-left-color:#b5ccdc}
html[data-theme="light"] .history-item .history-issue {color:#657990}
html[data-theme="light"] .progress-track,
html[data-theme="light"] .phase-track {background:#d8e5f0;border-color:#c1d5e6}
html[data-theme="light"] .phase-unit {color:#60758b}
html[data-theme="light"] .phase-unit.current {color:#087591}
html[data-theme="light"] .phase-unit.done {color:#1c7457}
html[data-theme="light"] .journey-summary {color:#476780;background:#ebf5fa;border-color:#c8dde9}
html[data-theme="light"] :is(.result,.accordion,.toolbox-details,.side-panel .toolbox-details) {
  background:#f5faff;border-color:#cbdae7;color:#182d46
}
html[data-theme="light"] .result p {color:#445e76}
html[data-theme="light"] .accordion summary,
html[data-theme="light"] .toolbox-details>summary {color:#225875}
html[data-theme="light"] .accordion-content {color:#28435c;border-top-color:#d4e1ed}
html[data-theme="light"] .toolbox-entry {border-bottom-color:#d9e3ef}
html[data-theme="light"] .toolbox-entry-top strong {color:#172e47}
html[data-theme="light"] .toolbox-entry-top span,
html[data-theme="light"] .toolbox-entry p {color:#4f6379}
html[data-theme="light"] .toolbox-entry .toolbox-when {color:#246f94}
html[data-theme="light"] .toolbox-entry a {color:#087591}
html[data-theme="light"] .result-label,
html[data-theme="light"] .mini-title,
html[data-theme="light"] .choice-dot {color:#087796}
html[data-theme="light"] .option-answer {
  background:#f8fbff;border-color:#c4d5e5;color:#17314c
}
html[data-theme="light"] .option-answer:hover,
html[data-theme="light"] .option-answer:focus-visible {background:#e8f4fb;border-color:#85bdd6}
html[data-theme="light"] .selected {outline-color:#13819f}
html[data-theme="light"] .select-control,
html[data-theme="light"] textarea {
  background:#fff;color:#18304a;border-color:#bed0e1
}
html[data-theme="light"] .select-control:focus-visible,
html[data-theme="light"] textarea:focus-visible {border-color:#0b87aa}
html[data-theme="light"] .btn {background:#eff5fa;border-color:#c2d5e4;color:#25405b}
html[data-theme="light"] .btn:hover:not(:disabled) {filter:brightness(.97)}
html[data-theme="light"] .btn-primary {
  background:linear-gradient(120deg,#19c0d5,#2e91d1);
  border-color:#16a8c8;color:#052b3c
}
html[data-theme="light"] .btn-soft {background:#eaf3fa}
html[data-theme="light"] .btn-outline {background:#fff}
html[data-theme="light"] .recommend-chip {background:#e7f4fa;border-color:#abd0e4;color:#116a8b}
html[data-theme="light"] .recommend-chip:hover {background:#d8edf8}
/* Semantic feedback: dark saturated foreground colors on pastel status surfaces */
html[data-theme="light"] .answer.yes,
html[data-theme="light"] .yes:not(.response-tag):not(.finding):not(.history-answer) {
  color:#166b4c;background:#e4f7ef;border-color:#8acbb1
}
html[data-theme="light"] .answer.no,
html[data-theme="light"] .no:not(.response-tag):not(.finding):not(.history-answer) {
  color:#a52b46;background:#ffeaef;border-color:#e6a4b2
}
html[data-theme="light"] .answer.unsure,
html[data-theme="light"] .unsure:not(.response-tag):not(.finding):not(.history-answer) {
  color:#225f9d;background:#e7f1ff;border-color:#adc5e4
}
html[data-theme="light"] :is(.finding.yes,.response-tag.yes,.history-answer.yes,.finding.semantic.ok) {color:#137047}
html[data-theme="light"] :is(.finding.no,.response-tag.no,.history-answer.no,.finding.semantic.issue) {color:#ad2d42}
html[data-theme="light"] :is(.finding.unsure,.response-tag.unsure,.history-answer.unsure,.finding.semantic.uncertain) {color:#235e99}
html[data-theme="light"] .finding.semantic.info {color:#46647d}
html[data-theme="light"] .command-alert,
html[data-theme="light"] .change-control-note {
  color:#87511b;background:#fff2dd;border-color:#dcb47a;border-left-color:#c88d42
}
html[data-theme="light"] .change-control-note span {color:#855825}
html[data-theme="light"] .notice {color:#905a20}
/* Outrank the shared :is(.result, ...) light panel rule without changing
   the panel's existing pale background or gold left accent. */
html[data-theme="light"] .workspace .result.action-recommendation {
  border:2px solid #cb9e3e;
}
html[data-theme="light"] .action-recommendation .result-label {color:#84551c}
html[data-theme="light"] .action-recommendation p {color:#685027}
/* Technical output remains terminal-dark regardless of surrounding theme */
html[data-theme="light"] .command-box,
html[data-theme="light"] .example-output {
  color:#6ce5b4;background:#08182b;border-color:#263d57;color-scheme:dark
}
html[data-theme="light"] .command-box .placeholder {color:#ff9ca8;background:#5b2937}
html[data-theme="light"] .example-output {color:#dceeff}
html[data-theme="light"] .command-box.manual-instruction {color:#dbeafa;background:#13263d}
html[data-theme="light"] .command-box a {color:#83d6fa}
html[data-theme="light"] .qc-command,
html[data-theme="light"] .jl-tour-report,
html[data-theme="light"] .command-wrap {
  background:#07192e;color:#a1ecc0;border-color:#30506e;color-scheme:dark
}
html[data-theme="light"] .qc-command pre,
html[data-theme="light"] .command-wrap pre {color:#a1ecc0}
/* Quick Checks */
html[data-theme="light"] .launcher-quick {background:#d8edf8;border-color:#b4d9e8;color:#096b89}
html[data-theme="light"] .launcher-quick:hover {background:#c7e6f2}
html[data-theme="light"] .qc-switch,
html[data-theme="light"] .qc-stats,
html[data-theme="light"] .qc-card,
html[data-theme="light"] .qc-help {
  background:#f4f9fd;border-color:#cdddeb;color:#294459
}
html[data-theme="light"] .qc-switch>span,
html[data-theme="light"] .qc-phase {color:#087894}
html[data-theme="light"] .qc-switch button,
html[data-theme="light"] .qc-result button {
  color:#274c68;background:#fff;border-color:#b9d2e3
}
html[data-theme="light"] .qc-switch button.active {color:#086d8a;background:#d9eef7;border-color:#7cbdd4}
html[data-theme="light"] .qc-stats {color:#526b80}
html[data-theme="light"] .qc-stats strong,
html[data-theme="light"] .qc-card h2 {color:#18334b}
html[data-theme="light"] .qc-number {color:#17688a;border-color:#a9d2e5}
html[data-theme="light"] .qc-badge,
html[data-theme="light"] .qc-note-label,
html[data-theme="light"] .qc-result>span {color:#537188}
html[data-theme="light"] .qc-help summary {color:#097992}
html[data-theme="light"] .qc-help p {color:#4a667e}
html[data-theme="light"] .qc-safety,
html[data-theme="light"] .qc-warning {color:#89571c;background:#fff0db;border-color:#d3a866}
html[data-theme="light"] .qc-result button.selected.good {background:#e4f7ef;color:#166b4c;border-color:#8acbb1}
html[data-theme="light"] .qc-result button.selected.bad {background:#ffeaef;color:#a52b46;border-color:#e6a4b2}
html[data-theme="light"] .qc-result button.selected.unsure {background:#e7f1ff;color:#225f9d;border-color:#adc5e4}
html[data-theme="light"] .qc-observed {color:#187048}
html[data-theme="light"] .qc-observed.issue {color:#a92e43}
html[data-theme="light"] .qc-observed.unclear {color:#235f99}
html[data-theme="light"] .qc-note {
  background:#fff;color:#172f48;border-color:#bfd4e4
}
html[data-theme="light"] .qc-foot {color:#566c82}
html[data-theme="light"] .qc-history {border-top-color:#d1dfea}
/* Unified ticket details and feedback */
html[data-theme="light"] .ticket-detail-toggle {background:#f3f9fd;border-color:#c5d9e6}
html[data-theme="light"] .ticket-detail-toggle>summary {color:#087794}
html[data-theme="light"] .ticket-detail-hint,
html[data-theme="light"] .ticket-note-info,
html[data-theme="light"] .ticket-detail-body label {color:#526c82}
html[data-theme="light"] .ticket-detail-body textarea,
html[data-theme="light"] .ticket-detail-body input {
  color:#18344c;background:#fff;border-color:#b7cfdf
}
html[data-theme="light"] .feedback-card {
  background:#f3f9fd;border-color:#cbddea
}
html[data-theme="light"] .feedback-top p,
html[data-theme="light"] .toolbox-entry p {color:#526b80}
html[data-theme="light"] .feedback-card form {border-top-color:#d0e0ed}
html[data-theme="light"] .feedback-choices label {background:#fff;border-color:#bfd6e4}
html[data-theme="light"] .feedback-choices label:has(input:checked) {
  background:#e4f3fb;border-color:#6fb9d5
}
html[data-theme="light"] .feedback-status {color:#a63147}
html[data-theme="light"] .feedback-success {color:#17734e}
/* Browser-only session recovery and notices */
html[data-theme="light"] .recovery-panel {
  background:#eef6fb;border-color:#cadde9
}
html[data-theme="light"] .recovery-indicator {color:#556d83;border-color:#b4ccde}
html[data-theme="light"] .recovery-indicator.is-on {
  color:#126d4b;background:#e2f4ed;border-color:#85c6a8
}
html[data-theme="light"] .recovery-indicator.is-warning {
  color:#85561f;background:#fff0d9;border-color:#ddbd8b
}
html[data-theme="light"] .recovery-summary,
html[data-theme="light"] .recovery-help {color:#536d81}
html[data-theme="light"] .recovery-options button,
html[data-theme="light"] .recovery-privacy {
  color:#304e67;background:#fff;border-color:#c4d8e7
}
html[data-theme="light"] .recovery-options button.selected {background:#d7eef8;color:#106e87;border-color:#7fc2d7}
html[data-theme="light"] .recovery-privacy summary,
html[data-theme="light"] .recovery-disclosure code {color:#14778c}
html[data-theme="light"] .recovery-disclosure {color:#4e657c}
html[data-theme="light"] .recovery-disclosure strong {color:#1c384f}
html[data-theme="light"] .recovery-status-message {color:#19744e}
html[data-theme="light"] .session-recovery-dock {
  color:#18344a;background:rgba(250,253,255,.98);
  border-top-color:#c4d9e8;box-shadow:0 -6px 24px rgba(34,72,100,.11)
}
html[data-theme="light"] .recovery-dock-heading {color:#1c344c}
html[data-theme="light"] .recovery-dock-symbol {color:#087c98}
html[data-theme="light"] .recovery-dock-choices button {color:#516b81}
html[data-theme="light"] .recovery-dock-choices button:hover {background:#e7f4fa;color:#105d79}
html[data-theme="light"] .recovery-dock-choices button.selected {background:#dceff8;color:#0c6986;border-color:#8bc3d8}
html[data-theme="light"] .recovery-dock-sep {color:#8ba0b1}
html[data-theme="light"] .recovery-dock-divider {background:#c5d8e8}
html[data-theme="light"] .recovery-dock-learn summary {color:#865c1e}
html[data-theme="light"] .recovery-dock-learn summary:hover {background:#fff3e2;color:#715015}
html[data-theme="light"] .recovery-dock-status {color:#536e82}
html[data-theme="light"] .recovery-dock-status.saved {color:#14734b}
html[data-theme="light"] .recovery-dock-status.warning {color:#905c22}
html[data-theme="light"] .recovery-dock-popover {
  color:#183047;background:#fff;border-color:#adcfe0;box-shadow:0 20px 45px rgba(30,73,108,.2)
}
html[data-theme="light"] .recovery-popover-top {color:#79541d;border-bottom-color:#d7e3ed}
html[data-theme="light"] .recovery-popover-top button {color:#31516c;background:#eef5fb;border-color:#c6d8e6}
html[data-theme="light"] .recovery-dock-disclosure {color:#536b81}
html[data-theme="light"] .recovery-dock-disclosure strong {color:#1c3c51}
html[data-theme="light"] .recovery-dock-disclosure code {color:#176f8a}
html[data-theme="light"] .recovery-overlay {background:rgba(10,31,52,.50)}
html[data-theme="light"] .recovery-dialog {
  color:#1b3349;background:linear-gradient(135deg,#fff,#edf5fb);border-color:#b2d0e1;
  box-shadow:0 25px 70px rgba(26,68,103,.25)
}
html[data-theme="light"] .recovery-eyebrow {color:#087997}
html[data-theme="light"] .recovery-dialog p,
html[data-theme="light"] .recovery-detail small {color:#546d83}
html[data-theme="light"] .recovery-detail {background:#f4f9fd;border-color:#c8dae7}
html[data-theme="light"] .recovery-detail strong {color:#1c344e}
html[data-theme="light"] .recovery-dialog .recovery-caution {color:#875920}
/* Guided feature tour: keep the overlay but theme the explanatory panel */
html[data-theme="light"] .jl-tour-card {
  background:linear-gradient(145deg,#fff,#ecf5fc);border-color:#add1e4;color:#1b3247;
  box-shadow:0 25px 65px rgba(15,46,75,.32)
}
html[data-theme="light"] .jl-tour-header {color:#087996}
html[data-theme="light"] .jl-tour-header button {
  background:#e7f1f8;border-color:#c3d7e5;color:#254860
}
html[data-theme="light"] .jl-tour-step {color:#5a7488}
html[data-theme="light"] .jl-tour-progress {background:#d9e6f0}
html[data-theme="light"] .jl-tour-card h2 {color:#19324b}
html[data-theme="light"] .jl-tour-card p {color:#4c6479}
html[data-theme="light"] .jl-tour-actions button {
  color:#244963;background:#ecf5fb;border-color:#c6d9e7
}
html[data-theme="light"] .jl-tour-actions #jl-tour-next {
  background:#d7f0f8;border-color:#8bcadc;color:#076b85
}
html[data-theme="light"] .jl-tour-actions #jl-tour-skip,
html[data-theme="light"] .jl-tour-footnote {color:#586e83}
html[data-theme="light"] .jl-tour-sample-label {
  background:#eaf4f8;border-color:#b5d7e4;color:#146e86
}
html[data-theme="light"] .jl-tour-sample-label span {color:#96611f}
/* Command handbook — standalone generated page, shared cookie/toggle */
html[data-theme="light"] .shell {color:#1b344d}
html[data-theme="light"] .shell .topbar,
html[data-theme="light"] .handbook-nav {
  background:rgba(249,252,255,.96);border-color:#cfdeeb
}
html[data-theme="light"] .shell .brand,
html[data-theme="light"] .shell .brand:hover {color:#152940}
html[data-theme="light"] .shell .brand em {color:#117a9b}
html[data-theme="light"] .shell .brand small {color:#13748e}
html[data-theme="light"] .shell .home {
  background:#e9f4fa;color:#145d7d;border-color:#b6d7e6
}
html[data-theme="light"] .handbook-nav a {color:#275f79;border-color:#c5d9e8}
html[data-theme="light"] .handbook-nav a:hover,
html[data-theme="light"] .handbook-nav a[aria-current="page"] {
  background:#dcf0f8;color:#0d6b86;border-color:#87c9dc
}
html[data-theme="light"] .shell .hero {
  background:linear-gradient(135deg,#edf8fd,#f4f7fc);border-color:#b9d9e5
}
html[data-theme="light"] .shell .hero p {color:#51697e}
html[data-theme="light"] .shell .eyebrow {color:#087a94}
html[data-theme="light"] .shell .hero-stats span {
  color:#50677e;background:#fff;border-color:#cfdfed
}
html[data-theme="light"] .shell .notice {background:#fff3e3;color:#805719;border-color:#e0bb82}
html[data-theme="light"] .shell .notice strong,
html[data-theme="light"] .shell .notice code {color:#87561d}
html[data-theme="light"] .shell .controls label {color:#2c6882}
html[data-theme="light"] .shell .controls input,
html[data-theme="light"] .shell #investigation-filter {
  background:#fff;color:#1c334c;border-color:#bfd2e0
}
html[data-theme="light"] .shell .filters button {
  background:#fff;color:#49657d;border-color:#c2d6e4
}
html[data-theme="light"] .shell .filters button.active {
  background:#def1f8;color:#0d6b85;border-color:#7fbfd5
}
html[data-theme="light"] .shell .controls #results-count {color:#647d90}
html[data-theme="light"] .shell .command-card,
html[data-theme="light"] .shell .pipeline>details {
  background:linear-gradient(150deg,#fff,#f5f9fd);border-color:#cbdde8
}
html[data-theme="light"] .shell .card-eyebrow,
html[data-theme="light"] .shell .card-head>p {color:#506a80}
html[data-theme="light"] .shell .pill {
  background:#e9f4fa;color:#236b84;border-color:#b9d6e5
}
html[data-theme="light"] .shell .pill.mutate {background:#fff0d8;color:#83551b;border-color:#dfb97a}
html[data-theme="light"] .shell .pill.safe {background:#e2f5ec;color:#1d6c4d;border-color:#97c8b4}
html[data-theme="light"] .shell .manual,
html[data-theme="light"] .shell .detail-body,
html[data-theme="light"] .shell .pipeline-inner {color:#4c657b;border-color:#cedfe9}
html[data-theme="light"] .shell .explain,
html[data-theme="light"] .shell .context-variant {border-color:#cbdde9}
html[data-theme="light"] .shell .explain summary,
html[data-theme="light"] .shell .detail-label {color:#146c88}
html[data-theme="light"] .shell .good {background:#e5f5ed;border-color:#8dc9ab;color:#186d4b}
html[data-theme="light"] .shell .bad {background:#fff0f3;border-color:#e8abb8;color:#a33048}
html[data-theme="light"] .shell .pipeline summary strong,
html[data-theme="light"] .shell .pipeline-row strong {color:#253d56}
html[data-theme="light"] .shell .pipeline summary small,
html[data-theme="light"] .shell .references p {color:#546d83}
html[data-theme="light"] .shell .pipeline summary #pipeline-count {color:#187a99}
html[data-theme="light"] .shell .pipeline-row {border-color:#d3dfeb}
html[data-theme="light"] .shell .pipeline-row code {color:#167149}
html[data-theme="light"] .shell .command-applies {
  color:#566f84;border-top-color:#ccdfeb
}
html[data-theme="light"] .shell .command-applies b {color:#31617a}
html[data-theme="light"] .shell .applies-pill {
  color:#1b6681;background:#e8f3fb;border-color:#c0d8e7
}
html[data-theme="light"] .shell .source-context {
  background:#edf5fb;border-left-color:#0e91b1
}
html[data-theme="light"] .shell .source-context strong {color:#176f89}
html[data-theme="light"] .shell .source-context span {color:#556f84}
html[data-theme="light"] .shell footer {border-top-color:#cfdeeb;color:#5d7588}
html[data-theme="light"] .shell #no-results {color:#566e83;border-color:#b8d0e0}
html[data-theme="light"] .shell .copy {background:#124967;color:#dcf4ff;border-color:#3d8daa}
/* Private feedback review — no changes to access or API behavior */
html[data-theme="light"] .jl-admin-page .topbar a {color:#176c89}
html[data-theme="light"] .jl-admin-page .topbar .jl-theme-button {margin-right:auto}
html[data-theme="light"] .admin-hero p,
html[data-theme="light"] .admin-record small {color:#4f667c}
html[data-theme="light"] .admin-controls label,
html[data-theme="light"] .admin-record-meta {color:#526e83}
html[data-theme="light"] .unlock-controls input,
html[data-theme="light"] .admin-controls select {background:#fff;color:#203d54;border-color:#bed3e4}
html[data-theme="light"] .admin-kpi {background:#f1f8fd;border-color:#c8dbe9}
html[data-theme="light"] .admin-kpi strong {color:#1a3650}
html[data-theme="light"] .admin-kpi span {color:#587086}
html[data-theme="light"] .admin-record {border-top-color:#cfdfeb}
html[data-theme="light"] .admin-record p {background:#eff6fa;color:#36566c}
html[data-theme="light"] .admin-label {color:#1f6c8c;border-color:#96bfd5}
html[data-theme="light"] .admin-label.helpful {color:#16724b;border-color:#7fbfa6}
html[data-theme="light"] .admin-label.partly {color:#89601f;border-color:#d8b270}
html[data-theme="light"] .admin-label.incorrect {color:#ad324c;border-color:#d89eaf}
html[data-theme="light"] .empty-records {color:#617a8f}
/* Responsive: preserve the existing header wrapping and button sizes. */
@media(max-width:380px) {
  .topbar .jl-brand-controls {gap:8px}
  .topbar .jl-theme-button {width:36px;height:36px}
  .topbar .brand-title {font-size:17px}
  .topbar .brand-sub {letter-spacing:1.6px}
}
@media(max-width:780px) {
  .topbar .jl-brand-controls {gap:12px}
  .topbar .jl-theme-button {width:38px;height:38px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce) {
  .topbar .jl-theme-button {transition:none}
}