/* Final theme pass.
   This file loads after component CSS so each theme reaches the viewer, tree,
   Results, More, and settings surfaces without fighting earlier defaults. */

html[data-theme] body {
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--theme-accent) 12%, transparent), transparent 32rem),
    radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--theme-gold) 10%, transparent), transparent 34rem),
    linear-gradient(180deg, var(--theme-bg), #05070d 120%);
  color: var(--theme-text);
}

html[data-theme] .app-shell,
html[data-theme] #app-shell,
html[data-theme] #app-content {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 96%, black), var(--theme-bg));
  color: var(--theme-text);
}

html[data-theme] .topbar,
html[data-theme] .app-header,
html[data-theme] #app-header,
html[data-theme] header[role="banner"] {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 94%, black), color-mix(in srgb, var(--theme-panel) 86%, black));
  border-color: var(--theme-border);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.26);
}

html[data-theme] .brand-link,
html[data-theme] .brand-wordmark,
html[data-theme] .brand-text,
html[data-theme] #brand,
html[data-theme] #brand small {
  color: var(--theme-text);
}

html[data-theme] .app-tab,
html[data-theme] .nav-btn,
html[data-theme] .tab-button,
html[data-theme] #app-tabs .app-tab {
  color: var(--theme-muted);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-shell) 92%, black));
  border-color: var(--theme-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html[data-theme] .app-tab:hover,
html[data-theme] .nav-btn:hover,
html[data-theme] .tab-button:hover,
html[data-theme] #app-tabs .app-tab:hover {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 24px var(--theme-glow), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

html[data-theme] .app-tab.active,
html[data-theme] .nav-btn.active,
html[data-theme] .tab-button.active,
html[data-theme] #app-tabs .app-tab.active {
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 16%, var(--theme-panel)), color-mix(in srgb, var(--theme-gold) 9%, var(--theme-shell)));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-border-strong) 70%, transparent), 0 0 26px var(--theme-glow);
}

html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea,
html[data-theme] button {
  color: var(--theme-text);
}

html[data-theme] .controls input,
html[data-theme] .controls select,
html[data-theme] .stage-select,
html[data-theme] #stageSelect,
html[data-theme] #hypothesisSelect,
html[data-theme] #bibleVersion,
html[data-theme] #search,
html[data-theme] .search-box {
  background: color-mix(in srgb, var(--theme-panel) 80%, black);
  color: var(--theme-text);
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-border) 50%, transparent), 0 8px 24px rgba(0, 0, 0, 0.18);
}

html[data-theme] .controls input::placeholder,
html[data-theme] #search::placeholder,
html[data-theme] .search-box::placeholder {
  color: var(--theme-faint);
}

html[data-theme] .controls input:focus,
html[data-theme] .controls select:focus,
html[data-theme] #stageSelect:focus,
html[data-theme] #hypothesisSelect:focus,
html[data-theme] #bibleVersion:focus,
html[data-theme] #search:focus {
  outline: 2px solid color-mix(in srgb, var(--theme-accent) 64%, transparent);
  outline-offset: 2px;
  border-color: var(--theme-accent);
}

/* Evidence Viewer shell and tree */
html[data-theme] #evidence-viewer-pane,
html[data-theme] .evidence-viewer,
html[data-theme] .viewer-shell {
  background:
    radial-gradient(circle at 74% 16%, color-mix(in srgb, var(--theme-accent) 8%, transparent), transparent 34rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 92%, black), color-mix(in srgb, var(--theme-shell) 96%, black));
  color: var(--theme-text);
}

html[data-theme] #tree,
html[data-theme] .tree-panel,
html[data-theme] .evidence-tree {
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 94%, black), color-mix(in srgb, var(--theme-bg) 96%, black));
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme] #tree .section,
html[data-theme] #tree .tree-section,
html[data-theme] #tree .category-group {
  background: color-mix(in srgb, var(--theme-panel) 78%, black);
  border-color: var(--theme-border);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}

html[data-theme] #tree .section-header,
html[data-theme] #tree .category-row,
html[data-theme] #tree .tree-category-row {
  color: var(--theme-text);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 10%, var(--theme-panel-2)), color-mix(in srgb, var(--theme-panel) 92%, black));
  border-color: var(--theme-border);
}

html[data-theme] #tree .subsection,
html[data-theme] #tree .sub-category,
html[data-theme] #tree .subcategory-row {
  background: color-mix(in srgb, var(--theme-surface) 84%, black);
  border-color: color-mix(in srgb, var(--theme-border) 80%, transparent);
}

html[data-theme] #tree .item,
html[data-theme] #tree .tree-item,
html[data-theme] #tree .evidence-item {
  background: color-mix(in srgb, var(--theme-bg) 70%, var(--theme-surface));
  color: var(--theme-text);
  border-color: color-mix(in srgb, var(--theme-border) 72%, transparent);
  transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, color 150ms ease;
}

html[data-theme] #tree .item:hover,
html[data-theme] #tree .tree-item:hover,
html[data-theme] #tree .evidence-item:hover {
  background: color-mix(in srgb, var(--theme-accent) 8%, var(--theme-surface));
  border-color: var(--theme-border-strong);
}

html[data-theme] #tree .item.selected,
html[data-theme] #tree .item.active,
html[data-theme] #tree .tree-item.selected,
html[data-theme] #tree .tree-item.active,
html[data-theme] #tree .evidence-item.selected,
html[data-theme] #tree .evidence-item.active,
html[data-theme] #tree [aria-current="true"],
html[data-theme] #tree [data-selected="true"] {
  color: var(--theme-text);
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface-strong)), color-mix(in srgb, var(--theme-gold) 7%, var(--theme-surface)));
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-accent) 24%, transparent), 0 0 28px var(--theme-glow);
}

html[data-theme] #tree .item-title,
html[data-theme] #tree .title,
html[data-theme] #tree h4,
html[data-theme] #tree h3 {
  color: var(--theme-text);
}

html[data-theme] #tree .meta,
html[data-theme] #tree .item-meta,
html[data-theme] #tree .tree-meta {
  color: var(--theme-faint);
}

html[data-theme] #tree .count,
html[data-theme] #tree .count-pill,
html[data-theme] #tree [data-count],
html[data-theme] #tree .section-count {
  color: var(--theme-muted);
  background: color-mix(in srgb, var(--theme-panel) 82%, black);
  border-color: color-mix(in srgb, var(--theme-border-strong) 70%, transparent);
}

html[data-theme] #tree .section-control,
html[data-theme] #tree .collapse-control,
html[data-theme] #tree .expand-control,
html[data-theme] #tree button {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel) 74%, black);
  border-color: color-mix(in srgb, var(--theme-border-strong) 64%, transparent);
}

html[data-theme] .status-pill,
html[data-theme] .evidence-status-pill,
html[data-theme] .tree-status-pill,
html[data-theme] .score-pill {
  color: color-mix(in srgb, var(--theme-positive) 70%, white);
  background: color-mix(in srgb, var(--theme-positive) 16%, var(--theme-panel));
  border-color: color-mix(in srgb, var(--theme-positive) 48%, transparent);
}

/* Evidence detail and intro dossier */
html[data-theme] #detailpane,
html[data-theme] .detail,
html[data-theme] .detail-pane,
html[data-theme] .evidence-detail,
html[data-theme] .dossier-hero,
html[data-theme] .evidence-dossier-hero,
html[data-theme] .ev-orientation-card,
html[data-theme] .ev-intro-card,
html[data-theme] .ev-feature-card,
html[data-theme] .ev-stage-card,
html[data-theme] .detail-section,
html[data-theme] .article-section,
html[data-theme] .detail-artile-block,
html[data-theme] .detail-article-block {
  color: var(--theme-text);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 90%, black));
  border-color: var(--theme-border);
}

html[data-theme] .dossier-hero,
html[data-theme] .evidence-dossier-hero,
html[data-theme] .ev-orientation-card,
html[data-theme] .ev-logos-visual,
html[data-theme] .stage7-coda {
  border-color: var(--theme-border-strong);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28), 0 0 44px var(--theme-glow);
}

html[data-theme] #detailpane h1,
html[data-theme] #detailpane h2,
html[data-theme] #detailpane h3,
html[data-theme] #detailpane h4,
html[data-theme] .detail h1,
html[data-theme] .detail h2,
html[data-theme] .detail h3,
html[data-theme] .detail h4,
html[data-theme] .ev-intro-landing h1,
html[data-theme] .ev-intro-landing h2,
html[data-theme] .ev-intro-landing h3 {
  color: var(--theme-text);
}

html[data-theme] #detailpane p,
html[data-theme] #detailpane li,
html[data-theme] .detail p,
html[data-theme] .detail li,
html[data-theme] .ev-intro-landing p {
  color: var(--theme-muted);
}

html[data-theme] .eyebrow,
html[data-theme] .section-kicker,
html[data-theme] .ev-eyebrow,
html[data-theme] .detail-label,
html[data-theme] .detail-section-title {
  color: var(--theme-accent);
}

html[data-theme] .scripture,
html[data-theme] .scripture-card {
  color: #151515;
  background: color-mix(in srgb, var(--theme-text) 88%, #ffffff);
  border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent);
}

html[data-theme] a {
  color: var(--theme-accent);
}

html[data-theme] a:hover {
  color: color-mix(in srgb, var(--theme-gold) 72%, var(--theme-accent));
}

/* Results and More pages */
html[data-theme] #results-pane,
html[data-theme] #other-pane,
html[data-theme] #settings-pane,
html[data-theme] .results-page,
html[data-theme] .more-page,
html[data-theme] .settings-page {
  color: var(--theme-text);
  background:
    radial-gradient(circle at 68% 6%, color-mix(in srgb, var(--theme-gold) 7%, transparent), transparent 30rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 92%, black), color-mix(in srgb, var(--theme-shell) 96%, black));
}

html[data-theme] #results-pane .card,
html[data-theme] #results-pane [class*="card"],
html[data-theme] #results-pane [class*="panel"],
html[data-theme] #results-pane [class*="hero"],
html[data-theme] #results-pane [class*="module"],
html[data-theme] #other-pane .card,
html[data-theme] #other-pane [class*="card"],
html[data-theme] #other-pane [class*="panel"],
html[data-theme] #other-pane [class*="module"],
html[data-theme] #settings-pane .card,
html[data-theme] #settings-pane [class*="card"],
html[data-theme] #settings-pane [class*="panel"] {
  color: var(--theme-text);
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 88%, black));
  border-color: var(--theme-border);
}

html[data-theme] #results-pane h1,
html[data-theme] #results-pane h2,
html[data-theme] #results-pane h3,
html[data-theme] #results-pane h4,
html[data-theme] #other-pane h1,
html[data-theme] #other-pane h2,
html[data-theme] #other-pane h3,
html[data-theme] #other-pane h4,
html[data-theme] #settings-pane h1,
html[data-theme] #settings-pane h2,
html[data-theme] #settings-pane h3,
html[data-theme] #settings-pane h4 {
  color: var(--theme-text);
}

html[data-theme] #results-pane p,
html[data-theme] #results-pane li,
html[data-theme] #results-pane td,
html[data-theme] #results-pane th,
html[data-theme] #other-pane p,
html[data-theme] #other-pane li,
html[data-theme] #other-pane td,
html[data-theme] #other-pane th,
html[data-theme] #settings-pane p,
html[data-theme] #settings-pane li {
  color: var(--theme-muted);
}

html[data-theme] #results-pane .metric,
html[data-theme] #results-pane .result-value,
html[data-theme] #results-pane .score,
html[data-theme] #results-pane [class*="percent"],
html[data-theme] #results-pane [class*="value"] {
  color: var(--theme-text);
}

html[data-theme] #results-pane .stage-path,
html[data-theme] #results-pane .prior-sensitivity,
html[data-theme] #results-pane .signal-prior-module,
html[data-theme] #other-pane .reasoning-map-hero,
html[data-theme] #other-pane .signal-package-hero {
  border-color: var(--theme-border-strong);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3), 0 0 52px var(--theme-gold-glow);
}

html[data-theme] .pill,
html[data-theme] .chip,
html[data-theme] .badge,
html[data-theme] .trust-chip,
html[data-theme] .preset-chip {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel) 76%, black);
  border-color: var(--theme-border);
}

html[data-theme] .pill.active,
html[data-theme] .chip.active,
html[data-theme] .badge.active,
html[data-theme] .preset-chip.active,
html[data-theme] .is-active {
  color: var(--theme-text);
  background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 18%, var(--theme-panel)), color-mix(in srgb, var(--theme-gold) 15%, var(--theme-panel)));
  border-color: var(--theme-border-strong);
}

/* Settings theme cards */
html[data-theme] .theme-grid {
  gap: 14px;
}

html[data-theme] .theme-card {
  color: var(--theme-text);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-bg) 92%, black));
  border-color: var(--theme-border);
}

html[data-theme] .theme-card .name {
  color: var(--theme-text);
}

html[data-theme] .theme-card .desc {
  color: var(--theme-muted);
}

html[data-theme] .theme-card.active {
  border-color: var(--theme-border-strong);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-accent) 30%, transparent), 0 0 34px var(--theme-glow);
}

html[data-theme] .theme-card .swatch {
  background:
    linear-gradient(135deg, var(--theme-accent), var(--theme-gold));
  border-color: var(--theme-border-strong);
}

html[data-theme] .theme-card .use,
html[data-theme] .settings-button,
html[data-theme] .copy-package-prompt-btn {
  color: var(--theme-text);
  background: linear-gradient(180deg, color-mix(in srgb, var(--theme-accent) 20%, var(--theme-panel)), color-mix(in srgb, var(--theme-panel) 86%, black));
  border-color: var(--theme-border-strong);
}

html[data-theme] table,
html[data-theme] .table {
  color: var(--theme-text);
  border-color: var(--theme-border);
}

html[data-theme] th {
  color: var(--theme-text);
  background: color-mix(in srgb, var(--theme-panel-2) 86%, black);
}

html[data-theme] td {
  border-color: color-mix(in srgb, var(--theme-border) 72%, transparent);
}

html[data-theme] ::selection {
  color: #07101d;
  background: color-mix(in srgb, var(--theme-accent) 70%, white);
}

html[data-theme] ::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--theme-bg) 88%, black);
}

html[data-theme] ::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--theme-accent) 24%, var(--theme-panel-2));
  border-color: color-mix(in srgb, var(--theme-bg) 88%, black);
}

html[data-theme] ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--theme-accent) 38%, var(--theme-panel-2));
}

/* Evidence Viewer theme completion: later app-shell polish has several hard-coded
   viewer colors, so this final pass makes every visual style reach desktop and mobile. */
html[data-theme] #evidence-viewer-pane {
  --ui-accent: var(--theme-accent);
  --ui-accent-2: var(--theme-gold);
  --ui-good: var(--theme-positive);
  --ui-caution: var(--theme-warning);
  --ui-neg: var(--theme-negative);
  --ui-support: var(--theme-accent-2);
  --ui-surface: color-mix(in srgb, var(--theme-surface) 72%, transparent);
  --ui-surface-2: color-mix(in srgb, var(--theme-panel) 56%, transparent);
  --ui-line: var(--theme-border);
  --map-item: color-mix(in srgb, var(--theme-surface) 74%, transparent);
  --map-item-hover: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-surface));
  --map-selected: color-mix(in srgb, var(--theme-accent) 18%, var(--theme-surface-strong));
  --map-cyan: var(--theme-accent);
  --map-green: var(--theme-positive);
  --map-amber: var(--theme-gold);
  --map-red: var(--theme-negative);
}

html[data-theme] #evidence-viewer-pane .header {
  color: var(--theme-text);
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--theme-accent) 12%, transparent), transparent 20rem),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-shell) 92%, black), color-mix(in srgb, var(--theme-panel) 82%, black)) !important;
  border-color: var(--theme-border);
}

html[data-theme] #evidence-viewer-pane #version,
html[data-theme] #evidence-viewer-pane #stage,
html[data-theme] #evidence-viewer-pane #hypfilter,
html[data-theme] #evidence-viewer-pane #collapse-btn {
  color: var(--theme-text) !important;
  background: color-mix(in srgb, var(--theme-panel) 82%, black) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #evidence-viewer-pane .tree,
html[data-theme] #tree {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 78%, black), color-mix(in srgb, var(--theme-bg) 92%, black)) !important;
  border-color: var(--theme-border) !important;
  box-shadow: inset -1px 0 0 color-mix(in srgb, var(--theme-border) 38%, transparent);
}

html[data-theme] #tree > .section,
html[data-theme] #tree .section {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 90%, black)) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme] #tree > .section.open {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 10%, transparent), transparent 42%),
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel-2) 84%, black), color-mix(in srgb, var(--theme-bg) 88%, black)) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .section.sub {
  background: color-mix(in srgb, var(--theme-surface) 70%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 78%, transparent) !important;
}

html[data-theme] #tree .section-header,
html[data-theme] #tree .section.sub > .section-header {
  background: transparent !important;
  color: var(--theme-text) !important;
}

html[data-theme] #tree .section.open:not(.sub) > .section-header {
  background: color-mix(in srgb, var(--theme-accent) 8%, transparent) !important;
}

html[data-theme] #tree .section-title,
html[data-theme] #tree .section:not(.sub) > .section-header .section-title,
html[data-theme] #tree .section.sub .section-title {
  color: var(--theme-text) !important;
}

html[data-theme] #tree .section-header .count,
html[data-theme] #tree .tree-ref-count {
  color: var(--theme-faint) !important;
  background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 78%, transparent) !important;
}

html[data-theme] #tree .section-control {
  color: var(--theme-muted) !important;
  background: color-mix(in srgb, var(--theme-panel) 74%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border-strong) 64%, transparent) !important;
}

html[data-theme] #tree .section.open > .section-header .section-control {
  color: var(--theme-text) !important;
  background: color-mix(in srgb, var(--theme-accent) 13%, var(--theme-panel)) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .item {
  color: var(--theme-text) !important;
  background: var(--map-item) !important;
  border-color: color-mix(in srgb, var(--theme-border) 68%, transparent) !important;
}

html[data-theme] #tree .item:hover {
  background: var(--map-item-hover) !important;
  border-color: var(--theme-border-strong) !important;
}

html[data-theme] #tree .item.selected {
  color: var(--theme-text) !important;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--theme-accent) 18%, transparent) 0, color-mix(in srgb, var(--theme-accent) 7%, transparent) 48%, transparent 100%),
    var(--map-selected) !important;
  border-color: var(--theme-border-strong) !important;
  box-shadow:
    inset 4px 0 0 var(--theme-accent),
    0 0 0 1px color-mix(in srgb, var(--theme-accent) 18%, transparent),
    0 10px 26px color-mix(in srgb, var(--theme-bg) 46%, transparent) !important;
}

html[data-theme] #tree .item h4,
html[data-theme] #tree .item.selected h4 {
  color: var(--theme-text) !important;
}

html[data-theme] #tree .tree-status-pill,
html[data-theme] .detail-status-pill {
  color: var(--theme-muted) !important;
  background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
  border-color: color-mix(in srgb, var(--theme-border) 76%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.scored,
html[data-theme] .detail-status-pill.scored,
html[data-theme] #tree .tree-status-pill.strong,
html[data-theme] .detail-status-pill.strong {
  color: color-mix(in srgb, var(--theme-positive) 78%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-positive) 16%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 40%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.pending,
html[data-theme] .detail-status-pill.pending,
html[data-theme] .detail-status-pill.subtle,
html[data-theme] #tree .tree-status-pill.context,
html[data-theme] .detail-status-pill.context,
html[data-theme] #tree .tree-status-pill.unweighted,
html[data-theme] .detail-status-pill.unweighted {
  color: color-mix(in srgb, var(--theme-warning) 72%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-warning) 13%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-warning) 34%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.support,
html[data-theme] .detail-status-pill.support {
  color: color-mix(in srgb, var(--theme-accent-2) 68%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-accent-2) 13%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 34%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.positive,
html[data-theme] .detail-status-pill.positive,
html[data-theme] #tree .tree-status-pill.keystone,
html[data-theme] .detail-status-pill.keystone,
html[data-theme] #tree .tree-status-pill.very-strong,
html[data-theme] .detail-status-pill.very-strong {
  color: color-mix(in srgb, var(--theme-positive) 72%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-positive) 18%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 44%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.negative,
html[data-theme] .detail-status-pill.negative,
html[data-theme] #tree .tree-status-pill.major-counter,
html[data-theme] .detail-status-pill.major-counter,
html[data-theme] #tree .tree-status-pill.counter,
html[data-theme] .detail-status-pill.counter {
  color: color-mix(in srgb, var(--theme-negative) 72%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-negative) 18%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-negative) 44%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.mixed,
html[data-theme] .detail-status-pill.mixed {
  color: color-mix(in srgb, var(--theme-warning) 70%, var(--theme-text)) !important;
  background: color-mix(in srgb, var(--theme-warning) 16%, var(--theme-panel)) !important;
  border-color: color-mix(in srgb, var(--theme-warning) 38%, transparent) !important;
}

html[data-theme] #tree .tree-status-pill.neutral,
html[data-theme] .detail-status-pill.neutral {
  color: var(--theme-muted) !important;
  background: color-mix(in srgb, var(--theme-panel) 78%, var(--theme-bg)) !important;
  border-color: color-mix(in srgb, var(--theme-border) 72%, transparent) !important;
}

html[data-theme] .detail-kicker,
html[data-theme] #evidence-viewer-pane .detail .detail-section-heading {
  color: var(--theme-accent) !important;
}

html[data-theme] .detail-breadcrumb,
html[data-theme] .detail-thesis,
html[data-theme] .detail-bf-chip,
html[data-theme] #evidence-viewer-pane .detail .article {
  color: var(--theme-muted) !important;
}

html[data-theme] .detail-id-chip,
html[data-theme] .detail-bf-chip,
html[data-theme] .detail-mini-card,
html[data-theme] .detail-evidence-card,
html[data-theme] #evidence-viewer-pane .detail .article .detail-article-block,
html[data-theme] #evidence-viewer-pane .detail .summary {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 82%, black), color-mix(in srgb, var(--theme-bg) 88%, black)) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-muted) !important;
}

html[data-theme] .detail-id-chip span,
html[data-theme] .detail-bf-chip span {
  color: var(--theme-faint) !important;
}

html[data-theme] .detail-id-chip code,
html[data-theme] .detail-bf-chip strong,
html[data-theme] .detail-evidence-card h3 {
  color: var(--theme-text) !important;
}

@media (max-width: 700px) {
  html[data-theme] #evidence-viewer-pane:not(.mobile-detail-active) .container::before {
    color: var(--theme-muted) !important;
    background: color-mix(in srgb, var(--theme-panel) 78%, black) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-badge {
    color: var(--theme-gold) !important;
    background: color-mix(in srgb, var(--theme-panel) 76%, black) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-inner {
    color: var(--theme-text);
    background:
      radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--theme-gold) 12%, transparent), transparent 34%),
      linear-gradient(180deg, color-mix(in srgb, var(--theme-panel) 84%, black), color-mix(in srgb, var(--theme-bg) 92%, black)) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-art {
    background:
      radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 42%),
      color-mix(in srgb, var(--theme-bg) 88%, black) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 28%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-art::after {
    background:
      linear-gradient(180deg, color-mix(in srgb, var(--theme-bg) 12%, transparent), color-mix(in srgb, var(--theme-bg) 50%, transparent)),
      linear-gradient(90deg, color-mix(in srgb, var(--theme-bg) 28%, transparent), transparent 40%) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-label,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra-label {
    color: var(--theme-accent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info h2,
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra h3 {
    color: var(--theme-text) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-subtitle {
    color: var(--theme-gold) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture {
    border-left-color: color-mix(in srgb, var(--theme-gold) 72%, transparent) !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--theme-gold) 12%, transparent), transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture span {
    color: var(--theme-accent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-scripture p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-info-copy > p:not(.mobile-stage-info-label):not(.mobile-stage-badge),
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item p,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note p {
    color: var(--theme-muted) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-logos,
  html[data-theme] #evidence-viewer-pane .mobile-stage-purpose,
  html[data-theme] #evidence-viewer-pane .mobile-stage-extra {
    border-color: color-mix(in srgb, var(--theme-border) 70%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-purpose strong {
    color: var(--theme-gold) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-info-chip,
  html[data-theme] #evidence-viewer-pane .mobile-stage-frameworks span,
  html[data-theme] #evidence-viewer-pane .mobile-stage-mini-card,
  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item,
  html[data-theme] #evidence-viewer-pane .mobile-stage-note {
    color: var(--theme-muted) !important;
    background: color-mix(in srgb, var(--theme-panel) 70%, black) !important;
    border-color: color-mix(in srgb, var(--theme-border) 76%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-journey-item span {
    color: var(--theme-gold) !important;
    background: color-mix(in srgb, var(--theme-gold) 10%, var(--theme-panel)) !important;
    border-color: color-mix(in srgb, var(--theme-gold) 42%, transparent) !important;
  }

  html[data-theme] .mobile-detail-back {
    color: var(--theme-text) !important;
    background: color-mix(in srgb, var(--theme-panel) 88%, black) !important;
    border-color: var(--theme-border-strong) !important;
    box-shadow: 0 10px 28px color-mix(in srgb, var(--theme-bg) 48%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-counter-note {
    background:
      linear-gradient(90deg, color-mix(in srgb, #fb7185 12%, transparent), color-mix(in srgb, var(--theme-gold) 7%, transparent)),
      color-mix(in srgb, var(--theme-panel) 64%, black) !important;
    border-color: color-mix(in srgb, #fb7185 32%, var(--theme-border)) !important;
    box-shadow: inset 3px 0 0 color-mix(in srgb, #fb7185 60%, transparent) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-counter-note strong,
  html[data-theme] #evidence-viewer-pane .mobile-stage-counter-note .scripture-ref {
    color: var(--theme-gold) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-counter-note p {
    color: var(--theme-muted) !important;
  }

  html[data-theme] #evidence-viewer-pane .mobile-stage-window-toggle {
    color: var(--theme-text) !important;
    background:
      radial-gradient(circle at 35% 20%, color-mix(in srgb, var(--theme-gold) 18%, transparent), transparent 58%),
      color-mix(in srgb, var(--theme-panel) 88%, black) !important;
    border-color: var(--theme-border-strong) !important;
  }
}

html[data-theme="paper-ledger"] body {
  background:
    radial-gradient(circle at 18% 0%, rgba(28, 143, 184, 0.14), transparent 34rem),
    radial-gradient(circle at 84% 4%, rgba(154, 107, 16, 0.13), transparent 30rem),
    linear-gradient(180deg, #fffaf0, #f1eadf 58%, #e8f0f3 120%) !important;
  color: var(--theme-text);
}

html[data-theme="paper-ledger"] .app-shell,
html[data-theme="paper-ledger"] #app-shell,
html[data-theme="paper-ledger"] #app-content {
  background: linear-gradient(180deg, #fffaf0, #f4ecdf 64%, #edf4f6) !important;
}

html[data-theme="paper-ledger"] .topbar,
html[data-theme="paper-ledger"] .app-header,
html[data-theme="paper-ledger"] #app-header,
html[data-theme="paper-ledger"] header[role="banner"] {
  background:
    radial-gradient(circle at 8% 0%, rgba(28, 143, 184, 0.14), transparent 18rem),
    linear-gradient(180deg, rgba(238, 227, 205, 0.98), rgba(220, 207, 181, 0.96)) !important;
  border-color: rgba(92, 74, 44, 0.28) !important;
  box-shadow: 0 14px 32px rgba(57, 65, 78, 0.16), inset 0 -1px 0 rgba(255, 253, 247, 0.52) !important;
}

html[data-theme="paper-ledger"] #brand,
html[data-theme="paper-ledger"] #brand small {
  color: #172033 !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 rgba(255, 253, 247, 0.64) !important;
}

html[data-theme="paper-ledger"] #brand .brand-mark {
  padding: 0.12rem 0.22rem !important;
  border: 1px solid rgba(154, 107, 16, 0.32) !important;
  border-radius: 0.42rem !important;
  color: #9a6b10 !important;
  background: rgba(255, 253, 247, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 253, 247, 0.72), 0 4px 12px rgba(92, 74, 44, 0.10) !important;
  text-shadow: 0 1px 0 rgba(255, 253, 247, 0.78), 0 0 12px rgba(154, 107, 16, 0.22) !important;
}

html[data-theme="paper-ledger"] .app-tab,
html[data-theme="paper-ledger"] .nav-btn,
html[data-theme="paper-ledger"] .tab-button,
html[data-theme="paper-ledger"] #app-tabs .app-tab {
  color: #405064 !important;
  background: linear-gradient(180deg, #fffdf8, #eee3d0) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] .app-tab.active,
html[data-theme="paper-ledger"] .nav-btn.active,
html[data-theme="paper-ledger"] .tab-button.active,
html[data-theme="paper-ledger"] #app-tabs .app-tab.active {
  color: #172033 !important;
  background: linear-gradient(135deg, rgba(28, 143, 184, 0.16), rgba(154, 107, 16, 0.14), #fffdf7) !important;
  border-color: rgba(154, 107, 16, 0.46) !important;
  box-shadow: 0 0 0 1px rgba(154, 107, 16, 0.18), 0 10px 28px rgba(57, 65, 78, 0.10) !important;
}

html[data-theme="paper-ledger"] input,
html[data-theme="paper-ledger"] select,
html[data-theme="paper-ledger"] textarea,
html[data-theme="paper-ledger"] button {
  color: var(--theme-text);
}

html[data-theme="paper-ledger"] .controls input,
html[data-theme="paper-ledger"] .controls select,
html[data-theme="paper-ledger"] .stage-select,
html[data-theme="paper-ledger"] #stageSelect,
html[data-theme="paper-ledger"] #hypothesisSelect,
html[data-theme="paper-ledger"] #bibleVersion,
html[data-theme="paper-ledger"] #search,
html[data-theme="paper-ledger"] .search-box,
html[data-theme="paper-ledger"] #evidence-viewer-pane #version,
html[data-theme="paper-ledger"] #evidence-viewer-pane #stage,
html[data-theme="paper-ledger"] #evidence-viewer-pane #hypfilter,
html[data-theme="paper-ledger"] #evidence-viewer-pane #collapse-btn {
  color: #172033 !important;
  background: linear-gradient(180deg, #fffdf8, #f2eadc) !important;
  border-color: rgba(15, 111, 149, 0.38) !important;
  box-shadow: 0 6px 18px rgba(57, 65, 78, 0.08) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane {
  --map-item: #fffdf8;
  --map-item-hover: #eef8fb;
  --map-selected: #dff1f6;
  background:
    radial-gradient(circle at 74% 10%, rgba(28, 143, 184, 0.10), transparent 34rem),
    radial-gradient(circle at 10% 0%, rgba(154, 107, 16, 0.10), transparent 24rem),
    linear-gradient(180deg, #f8f1e7 0%, #f4eadc 52%, #edf3f5 100%) !important;
  color: #172033;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .header {
  background:
    radial-gradient(circle at 12% 0%, rgba(28, 143, 184, 0.12), transparent 20rem),
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(239, 228, 210, 0.88)) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .tree,
html[data-theme="paper-ledger"] #tree {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(241, 230, 210, 0.68)) !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  box-shadow: inset -1px 0 0 rgba(74, 95, 124, 0.10), 0 20px 54px rgba(57, 65, 78, 0.12) !important;
}

html[data-theme="paper-ledger"] #tree > .section,
html[data-theme="paper-ledger"] #tree .section {
  background: linear-gradient(180deg, #fffdf8, #f5ecdf) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #tree > .section.open {
  background:
    linear-gradient(90deg, rgba(28, 143, 184, 0.08), transparent 45%),
    linear-gradient(180deg, #fffdf8, #f2eadc) !important;
  border-color: rgba(15, 111, 149, 0.28) !important;
}

html[data-theme="paper-ledger"] #tree .section.sub {
  background: rgba(248, 241, 230, 0.88) !important;
  border-color: rgba(74, 95, 124, 0.15) !important;
}

html[data-theme="paper-ledger"] #tree .section.open:not(.sub) > .section-header {
  background: rgba(28, 143, 184, 0.07) !important;
}

html[data-theme="paper-ledger"] #tree .section-title,
html[data-theme="paper-ledger"] #tree .section:not(.sub) > .section-header .section-title,
html[data-theme="paper-ledger"] #tree .section.sub .section-title,
html[data-theme="paper-ledger"] #tree .item h4,
html[data-theme="paper-ledger"] #tree .item.selected h4 {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #tree .section-header .count,
html[data-theme="paper-ledger"] #tree .tree-ref-count {
  color: #64748b !important;
  background: rgba(255, 253, 247, 0.78) !important;
  border-color: rgba(74, 95, 124, 0.17) !important;
}

html[data-theme="paper-ledger"] #tree .section-control {
  color: #405064 !important;
  background: #fffdf8 !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] #tree .section.open > .section-header .section-control {
  color: #0f6f95 !important;
  background: rgba(28, 143, 184, 0.10) !important;
  border-color: rgba(15, 111, 149, 0.34) !important;
}

html[data-theme="paper-ledger"] #tree .item {
  background: #fffdf8 !important;
  border-color: rgba(74, 95, 124, 0.14) !important;
}

html[data-theme="paper-ledger"] #tree .item:hover {
  background: #eef8fb !important;
  border-color: rgba(15, 111, 149, 0.26) !important;
}

html[data-theme="paper-ledger"] #tree .item.selected {
  background:
    linear-gradient(90deg, rgba(28, 143, 184, 0.18), rgba(28, 143, 184, 0.08) 46%, rgba(255, 253, 247, 0.72)),
    #dff1f6 !important;
  border-color: rgba(15, 111, 149, 0.46) !important;
  box-shadow:
    inset 4px 0 0 #0f6f95,
    0 0 0 1px rgba(15, 111, 149, 0.12),
    0 10px 22px rgba(57, 65, 78, 0.11) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill,
html[data-theme="paper-ledger"] .detail-status-pill {
  color: #48576b !important;
  background: #f8f1e7 !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.scored,
html[data-theme="paper-ledger"] .detail-status-pill.scored,
html[data-theme="paper-ledger"] #tree .tree-status-pill.strong,
html[data-theme="paper-ledger"] .detail-status-pill.strong {
  color: #185b3d !important;
  background: rgba(36, 117, 78, 0.11) !important;
  border-color: rgba(36, 117, 78, 0.32) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.pending,
html[data-theme="paper-ledger"] .detail-status-pill.pending,
html[data-theme="paper-ledger"] .detail-status-pill.subtle,
html[data-theme="paper-ledger"] #tree .tree-status-pill.context,
html[data-theme="paper-ledger"] .detail-status-pill.context,
html[data-theme="paper-ledger"] #tree .tree-status-pill.unweighted,
html[data-theme="paper-ledger"] .detail-status-pill.unweighted {
  color: #805715 !important;
  background: rgba(154, 107, 16, 0.10) !important;
  border-color: rgba(154, 107, 16, 0.28) !important;
}

html[data-theme="paper-ledger"] #tree .tree-status-pill.support,
html[data-theme="paper-ledger"] .detail-status-pill.support {
  color: #27556f !important;
  background: rgba(28, 143, 184, 0.10) !important;
  border-color: rgba(28, 143, 184, 0.26) !important;
}

html[data-theme="paper-ledger"] #detailpane,
html[data-theme="paper-ledger"] .detail,
html[data-theme="paper-ledger"] .detail-pane,
html[data-theme="paper-ledger"] .evidence-detail,
html[data-theme="paper-ledger"] .dossier-hero,
html[data-theme="paper-ledger"] .evidence-dossier-hero,
html[data-theme="paper-ledger"] .detail-section,
html[data-theme="paper-ledger"] .article-section,
html[data-theme="paper-ledger"] .detail-article-block {
  color: #172033 !important;
  background:
    radial-gradient(circle at 74% 0%, rgba(28, 143, 184, 0.10), transparent 32%),
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(241, 230, 210, 0.74)) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: 0 18px 46px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}

html[data-theme="paper-ledger"] .detail-hero-card {
  background:
    radial-gradient(circle at 78% 10%, rgba(28, 143, 184, 0.14), transparent 36%),
    linear-gradient(145deg, #fffdf8, #f1e6d2 78%) !important;
  border-color: rgba(15, 111, 149, 0.30) !important;
  box-shadow: 0 18px 42px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix .detail-hero-card h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-dossier .detail-hero-card h2,
html[data-theme="paper-ledger"] .detail-evidence-card h3 {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] .detail-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .detail-section-heading {
  color: #0f6f95 !important;
}

html[data-theme="paper-ledger"] .detail-dependency-strip,
html[data-theme="paper-ledger"] .detail-dependency-notes,
html[data-theme="paper-ledger"] .detail-dependency-note-text {
  color: #526276 !important;
}

html[data-theme="paper-ledger"] .detail-dependency-strip strong,
html[data-theme="paper-ledger"] .detail-dependency-notes summary {
  color: #334155 !important;
}

html[data-theme="paper-ledger"] .detail-dependency-separator {
  color: rgba(82, 98, 118, 0.52) !important;
}

html[data-theme="paper-ledger"] .detail-dependency-cap {
  color: #185b3d !important;
  background: rgba(36, 117, 78, 0.12) !important;
  border-color: rgba(36, 117, 78, 0.30) !important;
}

html[data-theme="paper-ledger"] .detail-dependency-notes summary::before {
  color: #24754e !important;
}

html[data-theme="paper-ledger"] .detail-breadcrumb,
html[data-theme="paper-ledger"] .detail-thesis,
html[data-theme="paper-ledger"] #detailpane p,
html[data-theme="paper-ledger"] #detailpane li,
html[data-theme="paper-ledger"] .detail p,
html[data-theme="paper-ledger"] .detail li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .article {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] .detail-id-chip,
html[data-theme="paper-ledger"] .detail-bf-chip,
html[data-theme="paper-ledger"] .detail-mini-card,
html[data-theme="paper-ledger"] .detail-evidence-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .article .detail-article-block,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .summary,
html[data-theme="paper-ledger"] .scripture-block {
  color: #48576b !important;
  background: linear-gradient(180deg, #fffdf8, #f6eee3) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] .detail-id-chip code,
html[data-theme="paper-ledger"] .detail-bf-chip strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-id-chip code {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-id-chip {
  color: #405064 !important;
  background: rgba(255, 253, 247, 0.86) !important;
  border-color: rgba(15, 111, 149, 0.24) !important;
}

html[data-theme="paper-ledger"] .scripture,
html[data-theme="paper-ledger"] .scripture-card {
  color: #172033 !important;
  background: #fff8e7 !important;
  border-color: rgba(154, 107, 16, 0.30) !important;
}

html[data-theme="paper-ledger"] #detailpane .support-layer-note {
  color: #27556f !important;
  background: rgba(28, 143, 184, 0.10) !important;
  border-color: rgba(15, 111, 149, 0.28) !important;
}

html[data-theme="paper-ledger"] #detailpane .evidence-visual-card {
  color: #172033 !important;
  background:
    linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(242, 232, 214, 0.94)) !important;
  border-color: rgba(154, 107, 16, 0.32) !important;
  box-shadow: 0 18px 42px rgba(57, 65, 78, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] #detailpane .evidence-visual-title {
  color: #8a5b08 !important;
  border-bottom-color: rgba(154, 107, 16, 0.22) !important;
}

html[data-theme="paper-ledger"] #detailpane .evidence-visual-card figcaption {
  color: #334155 !important;
  background: rgba(255, 253, 247, 0.86) !important;
  border-top-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #detailpane .plain-english-door {
  color: #172033 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(154, 107, 16, 0.11), transparent 26rem),
    linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(242, 232, 214, 0.94)) !important;
  border-color: rgba(154, 107, 16, 0.32) !important;
  box-shadow: 0 16px 34px rgba(57, 65, 78, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="paper-ledger"] #detailpane .plain-english-door__kicker {
  color: #8a5b08 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .plain-english-door h3,
html[data-theme="paper-ledger"] #detailpane .plain-english-door h3 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .plain-english-door--keystone h3,
html[data-theme="paper-ledger"] #detailpane .plain-english-door--keystone h3 {
  color: #654405 !important;
}

html[data-theme="paper-ledger"] #detailpane .plain-english-door__lead,
html[data-theme="paper-ledger"] #detailpane .plain-english-door__panel p,
html[data-theme="paper-ledger"] #detailpane .plain-english-door__grid > div:not(.plain-english-door__panel) span {
  color: #334155 !important;
}

html[data-theme="paper-ledger"] #detailpane .plain-english-door__panel,
html[data-theme="paper-ledger"] #detailpane .plain-english-door__grid > div:not(.plain-english-door__panel) {
  color: #172033 !important;
  background: rgba(255, 253, 247, 0.82) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .plain-english-door__panel h4,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .plain-english-door__grid > div:not(.plain-english-door__panel) strong,
html[data-theme="paper-ledger"] #detailpane .plain-english-door__panel h4,
html[data-theme="paper-ledger"] #detailpane .plain-english-door__grid > div:not(.plain-english-door__panel) strong {
  color: #0f5f7f !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-panel {
  color: #172033 !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.96) 0%, rgba(255, 253, 247, 0.90) 48%, rgba(255, 253, 247, 0.76) 100%),
    radial-gradient(circle at 78% 16%, rgba(154, 107, 16, 0.12), transparent 30%),
    radial-gradient(circle at 18% 10%, rgba(28, 143, 184, 0.12), transparent 28%),
    url("../assets/evidence-viewer/evidence-viewer-fullwidth-background.png") center / cover no-repeat,
    #fffaf0 !important;
  box-shadow: 0 18px 48px rgba(57, 65, 78, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence::before {
  background:
    linear-gradient(rgba(15, 111, 149, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 111, 149, 0.035) 1px, transparent 1px) !important;
  opacity: 0.46 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .intro-title h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .intro-title h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .intro-title h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane .detail .intro-title h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-section-heading h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-overview h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-coherence h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-panel h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-strip strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .ref,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-cta h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .card-title,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda-title {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-eyebrow,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-section-heading span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy span {
  color: #0f6f95 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .subtitle2,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-subtitle,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-link,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda-kicker,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda blockquote,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda cite {
  color: #9a6b10 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .logos-explain,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .card-desc,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-summary,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-strip p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-card-meta p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .passage,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-cta p {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-purpose,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-matter,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-strip,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer {
  color: #172033 !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(28, 143, 184, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(255, 253, 247, 0.94), rgba(239, 230, 216, 0.88)) !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  box-shadow: 0 14px 32px rgba(57, 65, 78, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-card h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-matter h3,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer h3 {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-card p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-purpose p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-matter p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-strip p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer p {
  color: #334155 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-number {
  color: rgba(51, 65, 85, 0.58) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-icon,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-purpose-icon,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card-icon,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-icon {
  background: rgba(255, 253, 247, 0.72) !important;
  box-shadow: 0 0 18px color-mix(in srgb, currentColor 16%, transparent) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-gate-card::after {
  opacity: 0.38 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage2-purpose strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-purpose-strip strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer .scripture-ref {
  color: #805715 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer > div > span:first-child {
  color: #8e2044 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-counter-pressure-primer {
  border-color: rgba(142, 32, 68, 0.32) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(142, 32, 68, 0.10), transparent 34%),
    linear-gradient(135deg, #fff9f7, #f1e6d2) !important;
  box-shadow: 0 14px 32px rgba(57, 65, 78, 0.11), inset 3px 0 0 rgba(142, 32, 68, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .john11 {
  color: #405064 !important;
  background: rgba(255, 248, 231, 0.84) !important;
  border-left-color: rgba(154, 107, 16, 0.58) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-feature-grid article,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-where-card > div,
html[data-theme="paper-ledger"] #evidence-viewer-pane .intro-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-cta,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-landing .stage7-coda {
  color: #172033 !important;
  background: linear-gradient(180deg, rgba(255, 253, 247, 0.92), rgba(246, 238, 227, 0.82)) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card ul,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-card-meta p,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .passage,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-cta p {
  color: #48576b !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-orientation-card strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-card .ref,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-callout strong,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-cta h3 {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-card-icon {
  color: #805715 !important;
  border-color: rgba(154, 107, 16, 0.38) !important;
  background:
    linear-gradient(rgba(255, 253, 247, 0.46), rgba(255, 253, 247, 0.46)),
    url("../assets/evidence-viewer/stage-panels/stage-7-christ-return-scripture-marker.png") center / cover no-repeat !important;
  box-shadow: 0 0 18px rgba(154, 107, 16, 0.16) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-jesus-link {
  color: #fffdf8 !important;
  background: linear-gradient(180deg, #1c8fb8, #0f6f95) !important;
  border-color: rgba(15, 111, 149, 0.46) !important;
  box-shadow: 0 12px 26px rgba(28, 143, 184, 0.18), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-trust-strip span,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-frameworks li,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-chip,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-card-tags span {
  color: #405064 !important;
  background: rgba(255, 253, 247, 0.80) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-btn-primary {
  color: #fffdf8 !important;
  background: linear-gradient(180deg, #1c8fb8, #0f6f95) !important;
  border-color: rgba(15, 111, 149, 0.46) !important;
  box-shadow: 0 14px 28px rgba(28, 143, 184, 0.20), inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-btn-secondary {
  color: #172033 !important;
  background: linear-gradient(180deg, #fffdf8, #eee3d0) !important;
  border-color: rgba(74, 95, 124, 0.20) !important;
  box-shadow: 0 10px 24px rgba(57, 65, 78, 0.10), inset 0 1px 0 rgba(255,255,255,0.70) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art {
  background:
    radial-gradient(circle at 82% 18%, rgba(154, 107, 16, 0.16), transparent 24%),
    radial-gradient(circle at 20% 78%, rgba(28, 143, 184, 0.15), transparent 28%),
    linear-gradient(rgba(15, 111, 149, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 111, 149, 0.035) 1px, transparent 1px),
    linear-gradient(145deg, rgba(255, 253, 247, 0.92), rgba(241, 230, 210, 0.80)) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: inset 0 0 42px rgba(255, 255, 255, 0.30), 0 18px 42px rgba(57, 65, 78, 0.10) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-intro-visual::after,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual::after,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art::before,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art::after {
  background:
    linear-gradient(90deg, rgba(255, 253, 247, 0.34), transparent 42%, rgba(255, 253, 247, 0.22)),
    linear-gradient(180deg, rgba(255, 253, 247, 0.18), transparent 38%, rgba(255, 253, 247, 0.34)) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-network-art,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual img,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage7-return-art img {
  opacity: 0.58 !important;
  filter: saturate(0.82) contrast(0.96) brightness(1.08) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-path-node,
html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-evidence-chip,
html[data-theme="paper-ledger"] #evidence-viewer-pane .stage-visual-node {
  color: #172033 !important;
  background: rgba(255, 253, 247, 0.78) !important;
  border-color: rgba(74, 95, 124, 0.18) !important;
  box-shadow: 0 10px 28px rgba(57, 65, 78, 0.10), inset 0 1px 0 rgba(255,255,255,0.66) !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane .ev-logos-visual-copy strong {
  color: #172033 !important;
}

html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane > .detail-intro h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailpane > .detail-intro h2,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix > .detail-intro h1,
html[data-theme="paper-ledger"] #evidence-viewer-pane #detailScrollFix > .detail-intro h2 {
  color: #172033 !important;
  text-shadow: none !important;
}

@media (max-width: 700px) {
  html[data-theme="paper-ledger"] #evidence-viewer-pane:not(.mobile-detail-active) .container::before {
    color: #48576b !important;
    background: rgba(255, 253, 247, 0.86) !important;
    border-color: rgba(74, 95, 124, 0.18) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-inner {
    color: #172033;
    background:
      radial-gradient(circle at 96% 0%, rgba(154, 107, 16, 0.12), transparent 34%),
      linear-gradient(180deg, rgba(255, 253, 247, 0.95), rgba(241, 230, 210, 0.80)) !important;
    border-color: rgba(74, 95, 124, 0.18) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info h2,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-extra h3 {
    color: #172033 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-label,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-extra-label,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-scripture span {
    color: #0f6f95 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-subtitle,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-purpose strong,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-badge,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item span {
    color: #9a6b10 !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-scripture p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-copy > p:not(.mobile-stage-info-label):not(.mobile-stage-badge),
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item p,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note p {
    color: #48576b !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-chip,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-frameworks span,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-mini-card,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-journey-item,
  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-note {
    color: #48576b !important;
    background: rgba(255, 253, 247, 0.78) !important;
    border-color: rgba(74, 95, 124, 0.16) !important;
  }

  html[data-theme="paper-ledger"] #evidence-viewer-pane .mobile-stage-info-art {
    background:
      radial-gradient(circle at 50% 40%, rgba(28, 143, 184, 0.13), transparent 42%),
      #f1e6d2 !important;
    border-color: rgba(154, 107, 16, 0.18) !important;
  }

html[data-theme="paper-ledger"] .mobile-detail-back {
    color: #172033 !important;
    background: rgba(255, 253, 247, 0.94) !important;
    border-color: rgba(15, 111, 149, 0.34) !important;
    box-shadow: 0 10px 26px rgba(57, 65, 78, 0.12) !important;
  }
}

html[data-theme] #tree .item.signal-rail--trace .tree-status-pill {
  color: #c9f4ff !important;
  background: rgba(42, 128, 151, 0.14) !important;
  border-color: rgba(123, 231, 255, 0.32) !important;
}

html[data-theme] #tree .item.signal-rail--weak .tree-status-pill,
html[data-theme] #tree .item.signal-rail--moderate .tree-status-pill,
html[data-theme] #tree .item.signal-rail--strong .tree-status-pill,
html[data-theme] #tree .item.signal-rail--keystone .tree-status-pill {
  color: #ffe9a6 !important;
  background: linear-gradient(180deg, rgba(246, 197, 91, 0.20), rgba(93, 224, 194, 0.10)) !important;
  border-color: rgba(246, 197, 91, 0.46) !important;
}

html[data-theme] #tree .item.signal-rail--keystone .tree-status-pill {
  color: #fff6c8 !important;
  border-color: rgba(255, 232, 154, 0.62) !important;
  box-shadow: 0 0 0 1px rgba(255, 232, 154, 0.22), inset 0 0 0 1px rgba(255, 246, 200, 0.24), 0 0 18px rgba(246, 199, 106, 0.24) !important;
}

html[data-theme] #tree .item.signal-rail--mixed .tree-status-pill {
  color: #f3d9bd !important;
  background: linear-gradient(90deg, rgba(123, 231, 255, 0.14), rgba(246, 197, 91, 0.12), rgba(255, 127, 163, 0.14)) !important;
  border-color: rgba(240, 180, 140, 0.48) !important;
}

html[data-theme] #tree .item.signal-rail--counter-trace .tree-status-pill,
html[data-theme] #tree .item.signal-rail--counter-mild .tree-status-pill,
html[data-theme] #tree .item.signal-rail--counter-moderate .tree-status-pill,
html[data-theme] #tree .item.signal-rail--counter-strong .tree-status-pill {
  color: #ffd7de !important;
  background: linear-gradient(180deg, rgba(255, 127, 163, 0.21), rgba(255, 106, 61, 0.13)) !important;
  border-color: rgba(255, 127, 163, 0.48) !important;
}

html[data-theme] #tree .item.signal-rail--needs-enrichment .tree-status-pill {
  color: #eadbb5 !important;
  background: rgba(111, 86, 42, 0.16) !important;
  border-color: rgba(201, 167, 107, 0.40) !important;
}

html[data-theme] #tree .item.signal-rail--unweighted .tree-status-pill,
html[data-theme] #tree .item.signal-rail--inactive .tree-status-pill {
  color: #cbd5e1 !important;
  background: rgba(71, 85, 105, 0.15) !important;
  border-color: rgba(148, 163, 184, 0.26) !important;
}

html[data-theme] #tree .item.signal-rail--support .tree-status-pill,
html[data-theme] #tree .item.signal-rail--parent-summary .tree-status-pill {
  color: #dcecff !important;
  background: rgba(89, 98, 135, 0.17) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
}

/* Keep the evidence guidance cards readable after broad theme copy overrides. */
html[data-theme] #detailpane .counter-pressure-note,
html[data-theme] #detailpane .positive-apologetic-note,
html[data-theme] #detailpane .mixed-apologetic-note {
  color: #edf6ff !important;
}

html[data-theme] #detailpane .counter-pressure-note strong,
html[data-theme] #detailpane .positive-apologetic-head strong,
html[data-theme] #detailpane .mixed-apologetic-note .positive-apologetic-head strong {
  color: #fff0bf !important;
}

html[data-theme] #detailpane .counter-pressure-note p,
html[data-theme] #detailpane .counter-pressure-apologist p,
html[data-theme] #detailpane .positive-apologetic-part p,
html[data-theme] #detailpane .mixed-apologetic-note .positive-apologetic-part p {
  color: #e5edf7 !important;
}

html[data-theme] #detailpane .counter-pressure-apologist span,
html[data-theme] #detailpane .positive-apologetic-part span,
html[data-theme] #detailpane .mixed-apologetic-note .positive-apologetic-part span {
  color: #ffdf91 !important;
}

html[data-theme] #detailpane .positive-apologetic-head span {
  color: #c9f39a !important;
}

html[data-theme] #detailpane .positive-apologetic-note.bounded-positive .positive-apologetic-head span,
html[data-theme] #detailpane .mixed-apologetic-note .positive-apologetic-head span {
  color: #ffe08a !important;
}

html[data-theme="paper-ledger"] #detailpane .counter-pressure-note,
html[data-theme="paper-ledger"] #detailpane .positive-apologetic-note,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note {
  background:
    radial-gradient(circle at 90% 10%, rgba(154, 107, 16, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(241, 230, 210, 0.93)) !important;
  color: #172033 !important;
  box-shadow: 0 16px 34px rgba(57, 65, 78, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="paper-ledger"] #detailpane .counter-pressure-note {
  border-color: rgba(187, 71, 97, 0.56) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(187, 71, 97, 0.12), transparent 34%),
    linear-gradient(135deg, #fff9f7, #f4e2dd) !important;
  box-shadow: 0 16px 34px rgba(57, 65, 78, 0.13), inset 3px 0 0 rgba(187, 71, 97, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html[data-theme="paper-ledger"] #detailpane .positive-apologetic-note {
  border-color: rgba(110, 152, 47, 0.58) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(154, 107, 16, 0.13), transparent 34%),
    linear-gradient(135deg, #fffdf8, #eaf4de 72%, #f3e9d8) !important;
  box-shadow: 0 16px 34px rgba(57, 65, 78, 0.13), inset 3px 0 0 rgba(80, 133, 49, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="paper-ledger"] #detailpane .positive-apologetic-note.bounded-positive,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note {
  border-color: rgba(191, 145, 47, 0.62) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(154, 107, 16, 0.15), transparent 34%),
    linear-gradient(135deg, #fffdf8, #f1e4cb 72%, #eaf2de) !important;
  box-shadow: 0 16px 34px rgba(57, 65, 78, 0.13), inset 3px 0 0 rgba(154, 107, 16, 0.76), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

html[data-theme="paper-ledger"] #detailpane .positive-apologetic-part,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note .positive-apologetic-part {
  background: rgba(255, 253, 247, 0.78) !important;
  border-color: rgba(74, 95, 124, 0.16) !important;
}

html[data-theme="paper-ledger"] #detailpane .positive-apologetic-caveat {
  background: rgba(255, 248, 231, 0.82) !important;
  border-color: rgba(154, 107, 16, 0.24) !important;
}

html[data-theme="paper-ledger"] #detailpane .counter-pressure-note strong,
html[data-theme="paper-ledger"] #detailpane .positive-apologetic-head strong,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note .positive-apologetic-head strong {
  color: #172033 !important;
  text-shadow: none !important;
}

html[data-theme="paper-ledger"] #detailpane .counter-pressure-note p,
html[data-theme="paper-ledger"] #detailpane .counter-pressure-apologist p,
html[data-theme="paper-ledger"] #detailpane .positive-apologetic-part p,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note .positive-apologetic-part p {
  color: #334155 !important;
}

html[data-theme="paper-ledger"] #detailpane .counter-pressure-head span,
html[data-theme="paper-ledger"] #detailpane .counter-pressure-apologist span,
html[data-theme="paper-ledger"] #detailpane .positive-apologetic-head span,
html[data-theme="paper-ledger"] #detailpane .positive-apologetic-part span,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note .positive-apologetic-head span,
html[data-theme="paper-ledger"] #detailpane .mixed-apologetic-note .positive-apologetic-part span {
  color: #805715 !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--trace .tree-status-pill {
  color: #075b72 !important;
  background: rgba(28, 143, 184, 0.13) !important;
  border-color: rgba(15, 111, 149, 0.38) !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--weak .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--moderate .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--strong .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--keystone .tree-status-pill {
  color: #725009 !important;
  background: linear-gradient(180deg, rgba(246, 199, 106, 0.24), rgba(93, 224, 194, 0.12)) !important;
  border-color: rgba(154, 107, 16, 0.38) !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--keystone .tree-status-pill {
  color: #4f3704 !important;
  border-color: rgba(154, 107, 16, 0.56) !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--mixed .tree-status-pill {
  color: #74431e !important;
  background: linear-gradient(90deg, rgba(28, 143, 184, 0.13), rgba(246, 199, 106, 0.18), rgba(251, 113, 133, 0.12)) !important;
  border-color: rgba(150, 94, 45, 0.44) !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--counter-trace .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--counter-mild .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--counter-moderate .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--counter-strong .tree-status-pill {
  color: #8e2044 !important;
  background: linear-gradient(180deg, rgba(251, 113, 133, 0.20), rgba(255, 106, 61, 0.10)) !important;
  border-color: rgba(163, 45, 75, 0.40) !important;
}

html[data-theme="paper-ledger"] #tree .item.signal-rail--needs-enrichment .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--unweighted .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--inactive .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--support .tree-status-pill,
html[data-theme="paper-ledger"] #tree .item.signal-rail--parent-summary .tree-status-pill {
  color: #475569 !important;
  background: rgba(255, 253, 247, 0.80) !important;
  border-color: rgba(74, 95, 124, 0.22) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-status-pill.negative,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill[class*="counter"] {
  color: #8e2044 !important;
  background: rgba(251, 113, 133, 0.16) !important;
  border-color: rgba(163, 45, 75, 0.36) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-status-pill.positive,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill.weak,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill.moderate,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill.strong,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill.keystone {
  color: #185b3d !important;
  background: rgba(36, 117, 78, 0.13) !important;
  border-color: rgba(36, 117, 78, 0.34) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-status-pill.mixed,
html[data-theme="paper-ledger"] #detailpane .detail-status-pill.comparative-rival {
  color: #74431e !important;
  background: linear-gradient(90deg, rgba(28, 143, 184, 0.12), rgba(246, 199, 106, 0.16), rgba(251, 113, 133, 0.10)) !important;
  border-color: rgba(150, 94, 45, 0.40) !important;
}

/* Preserve hypothesis-family color coding inside every theme. */
html[data-theme] #detailpane .detail-bf-chip.positive {
  color: color-mix(in srgb, var(--theme-positive) 58%, var(--theme-text)) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-positive) 18%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-positive) 9%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 46%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.negative {
  color: color-mix(in srgb, var(--theme-negative) 58%, var(--theme-text)) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-negative) 18%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-negative) 9%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-negative) 48%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.hyp-alt,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] {
  color: color-mix(in srgb, var(--theme-negative) 68%, var(--theme-text)) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-negative) 21%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-negative) 11%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-negative) 54%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] {
  color: color-mix(in srgb, var(--theme-positive) 66%, var(--theme-text)) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-positive) 21%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-positive) 11%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 54%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.hyp-alt strong,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] strong,
html[data-theme] #detailpane .detail-bf-chip.hyp-alt span,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] span {
  color: color-mix(in srgb, var(--theme-negative) 74%, var(--theme-text)) !important;
}

html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection strong,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] strong,
html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection span,
html[data-theme] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] span {
  color: color-mix(in srgb, var(--theme-positive) 72%, var(--theme-text)) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.positive,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] {
  color: #1f5f42 !important;
  background: linear-gradient(180deg, #edf8ef, #dff0e4) !important;
  border-color: rgba(36, 117, 78, 0.34) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.negative,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] {
  color: #8a2d42 !important;
  background: linear-gradient(180deg, #fff0f2, #f4dde2) !important;
  border-color: rgba(158, 52, 73, 0.34) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] {
  color: #1f5f42 !important;
  background: linear-gradient(180deg, #edf8ef, #dff0e4) !important;
  border-color: rgba(36, 117, 78, 0.34) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection span,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id*="RESURRECTION"] span {
  color: #1f5f42 !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt span,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip[data-hypothesis-id^="H-ALT-"] span {
  color: #8a2d42 !important;
}

/* Weight direction is authoritative; hypothesis family should not invert chip meaning. */
html[data-theme] #detailpane .detail-bf-chip.positive,
html[data-theme] #detailpane .detail-bf-chip.hyp-alt.positive,
html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection.positive,
html[data-theme] #detailpane .detail-bf-chip.positive[data-hypothesis-id^="H-ALT-"],
html[data-theme] #detailpane .detail-bf-chip.positive[data-hypothesis-id*="RESURRECTION"] {
  color: color-mix(in srgb, var(--theme-positive) 72%, white) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-positive) 24%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-positive) 12%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-positive) 62%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.negative,
html[data-theme] #detailpane .detail-bf-chip.hyp-alt.negative,
html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection.negative,
html[data-theme] #detailpane .detail-bf-chip.negative[data-hypothesis-id^="H-ALT-"],
html[data-theme] #detailpane .detail-bf-chip.negative[data-hypothesis-id*="RESURRECTION"] {
  color: color-mix(in srgb, var(--theme-negative) 74%, white) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-negative) 24%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-negative) 12%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-negative) 64%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.neutral,
html[data-theme] #detailpane .detail-bf-chip.hyp-alt.neutral,
html[data-theme] #detailpane .detail-bf-chip.hyp-resurrection.neutral,
html[data-theme] #detailpane .detail-bf-chip.neutral[data-hypothesis-id^="H-ALT-"],
html[data-theme] #detailpane .detail-bf-chip.neutral[data-hypothesis-id*="RESURRECTION"] {
  color: color-mix(in srgb, var(--theme-muted) 55%, white) !important;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-panel-2) 54%, var(--theme-panel)),
      color-mix(in srgb, var(--theme-panel) 88%, var(--theme-bg))) !important;
  border-color: color-mix(in srgb, var(--theme-border-strong) 46%, transparent) !important;
}

html[data-theme] #detailpane .detail-bf-chip.positive strong,
html[data-theme] #detailpane .detail-bf-chip.positive span {
  color: color-mix(in srgb, var(--theme-positive) 72%, white) !important;
}

html[data-theme] #detailpane .detail-bf-chip.negative strong,
html[data-theme] #detailpane .detail-bf-chip.negative span {
  color: color-mix(in srgb, var(--theme-negative) 74%, white) !important;
}

html[data-theme] #detailpane .detail-bf-chip.neutral strong {
  color: var(--theme-text) !important;
}

html[data-theme] #detailpane .detail-bf-chip.neutral span {
  color: color-mix(in srgb, var(--theme-muted) 64%, white) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.positive,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt.positive,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection.positive {
  color: #155f41 !important;
  background: linear-gradient(180deg, #ecfbf0, #d8f0e0) !important;
  border-color: rgba(21, 95, 65, 0.40) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.negative,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt.negative,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection.negative {
  color: #8e2044 !important;
  background: linear-gradient(180deg, #fff0f4, #f3d7df) !important;
  border-color: rgba(142, 32, 68, 0.42) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.neutral,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-alt.neutral,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.hyp-resurrection.neutral {
  color: #334155 !important;
  background: linear-gradient(180deg, #fffdf8, #f0e9dd) !important;
  border-color: rgba(71, 85, 105, 0.30) !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.positive strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.positive span {
  color: #155f41 !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.negative strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.negative span {
  color: #8e2044 !important;
}

html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.neutral strong,
html[data-theme="paper-ledger"] #detailpane .detail-bf-chip.neutral span {
  color: #334155 !important;
}

@media (max-width: 760px) {
  html[data-theme] .controls input,
  html[data-theme] .controls select {
    min-height: 44px;
  }
}