/* evidence.css: the unified Evidence destination's own chrome, meaning the
   landing mode strip, the formal secondary navigation, and the Prioritized
   analyses panel. The nine reparented sections keep every style they already
   had; nothing here overrides them beyond the width rule at the bottom.
   Shared, unmodified, by the local console and the published evidence site. */

#view-evidence .ev-shell { display: flex; flex-direction: column; gap: 18px; }

.ev-modes {
  display: flex; gap: 8px; flex-wrap: wrap;
  padding-bottom: 14px; border-bottom: 1px solid var(--hair, rgba(255,255,255,0.1));
}
.ev-mode-btn {
  font: 500 13px/1.3 var(--sans, sans-serif); letter-spacing: 0.01em;
  padding: 10px 16px; border-radius: var(--radius-lg, 10px);
  border: 1px solid var(--hair, rgba(255,255,255,0.14));
  background: transparent; color: var(--ink-2, inherit); cursor: pointer;
}
.ev-mode-btn:hover { color: var(--ink, inherit); }
.ev-mode-btn.is-active {
  background: rgba(var(--corona-rgb, 42,120,214), 0.14);
  color: var(--ink, inherit);
  border-color: var(--corona-2, currentColor);
}

.ev-secondary-nav {
  display: flex; gap: 6px; flex-wrap: wrap;
}
.ev-section-btn {
  font: 500 11.5px/1.3 var(--mono, monospace); letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 6px 11px; border-radius: 999px;
  border: 1px solid var(--hair, rgba(255,255,255,0.12));
  background: transparent; color: var(--ink-3, inherit); cursor: pointer;
}
.ev-section-btn:hover { color: var(--ink-2, inherit); }
.ev-section-btn.is-active {
  background: rgba(var(--corona-rgb, 42,120,214), 0.16);
  color: var(--ink, inherit);
}

#ev-prioritised { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.ev-priority-summary { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline; }
.ev-priority-summary p { margin: 0; }
.ev-priority-instruction { margin-left: auto !important; }
.ev-priority-scroller {
  min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 2px 2px 14px;
  overscroll-behavior-inline: contain; scrollbar-width: thin;
  scrollbar-color: var(--corona-2, currentColor) transparent;
}
#ev-priority-list {
  list-style: none; margin: 0; padding: 0 0 2px; display: flex; gap: 12px;
  width: max-content; min-width: 100%;
}
.ev-priority-item {
  border: 1px solid var(--hair, rgba(255,255,255,0.12));
  border-radius: var(--radius-lg, 10px);
  flex: 0 0 min(620px, calc(100vw - 48px)); min-height: 360px;
  scroll-snap-align: start;
}
.ev-priority-item[data-tier="1"] { border-color: var(--outcome-fail, #c0392b); }
.ev-priority-item[data-tier="2"] { border-color: var(--corona-2, #d68a2a); }
.ev-priority-item.is-selected {
  border-color: var(--corona-2, currentColor);
  box-shadow: 0 0 0 1px var(--corona-2, currentColor), 0 10px 26px rgba(var(--shadow-rgb, 0,0,0), 0.18);
}
.ev-priority-open {
  display: flex; gap: 12px; width: 100%; height: 100%; padding: 14px 16px;
  background: transparent; border: none; text-align: left; cursor: pointer;
  color: inherit; font: inherit;
}
.ev-priority-open:hover { background: rgba(var(--corona-rgb, 42,120,214), 0.06); }
.ev-priority-open:focus-visible { outline: 2px solid var(--corona-2, currentColor); outline-offset: -3px; }
.ev-priority-rank {
  font: 500 20px/1 var(--mono, monospace); color: var(--ink-3, inherit);
  min-width: 28px;
}
.ev-priority-body h3 { margin: 0 0 4px; font: 400 16px/1.3 var(--serif, serif); }
.ev-priority-claim { margin: 0 0 10px; color: var(--ink-3, inherit); font-style: italic; }
.ev-priority-body dl { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: 4px 10px; }
.ev-priority-body dt {
  font: 500 10.5px/1.4 var(--mono, monospace); letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--ink-3, inherit);
}
.ev-priority-body dd { margin: 0; color: var(--ink-2, inherit); }

#ev-priority-plot { min-height: 0; }
#ev-priority-plot .chart, #ev-pca-chart { height: 480px; min-height: 480px; }

@media (max-width: 720px) {
  .ev-priority-instruction { margin-left: 0 !important; }
  .ev-priority-item { flex-basis: min(620px, calc(100vw - 34px)); }
}

.public-skybox {
  min-height: 520px; position: relative; overflow: hidden;
  border: 1px solid var(--hairline-2, rgba(255,255,255,0.12));
  border-radius: var(--radius-lg, 10px);
  background: radial-gradient(110% 90% at 30% 10%, var(--sky-1) 0%, var(--sky-0) 64%);
}
.public-skybox canvas { display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; }
.public-skybox canvas:active { cursor: grabbing; }
.public-skybox[data-empty]::before {
  content: attr(data-empty); display: block; padding: 22px;
  color: var(--ink-3, inherit); font: 500 11px/1.5 var(--mono, monospace);
  letter-spacing: 0.04em; text-transform: uppercase;
}

/* Reparented sections sit one level deeper than before; keep the same
   reading width without double-centering inside the shell. */
#ev-sections > .view { max-width: none; margin: 0; }