/* Standalone styles for evidence-map.mjs. Import after the site's base theme. */
.evidence-map {
  --evidence-map-bg: #12212e;
  --evidence-map-surface: #0d1b26;
  --evidence-map-line: #29404f;
  --evidence-map-text: #e9f2f6;
  --evidence-map-muted: #a4b6c2;
  --evidence-map-mint: #8eead5;
  --evidence-map-warm: #f9d19b;
  color: var(--evidence-map-text);
  background: var(--evidence-map-bg);
  border: 1px solid var(--evidence-map-line);
  border-radius: 20px;
  padding: clamp(20px, 4vw, 34px);
  max-width: 1120px;
  font: 16px/1.55 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.evidence-map *, .evidence-map *::before, .evidence-map *::after { box-sizing: border-box; }
.evidence-map__header { max-width: 720px; }
.evidence-map__eyebrow { margin: 0 0 10px; color: var(--evidence-map-mint); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
.evidence-map__title { margin: 0; font-size: clamp(25px, 4vw, 38px); line-height: 1.12; letter-spacing: -.8px; }
.evidence-map__intro { margin: 13px 0 0; color: var(--evidence-map-muted); }
.evidence-map__layout { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(250px, .72fr); gap: clamp(22px, 5vw, 64px); align-items: start; margin-top: 30px; }
.evidence-map__visual { min-width: 0; }
.evidence-map__chart { display: block; width: 100%; max-width: 560px; margin: 0 auto; overflow: visible; }
.evidence-map__grid { color: var(--evidence-map-line); }
.evidence-map__ring { fill: none; stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }
.evidence-map__ring--e1 { opacity: .8; }
.evidence-map__ring--e2 { opacity: .65; }
.evidence-map__ring--e3 { opacity: .5; }
.evidence-map__ring--e4 { opacity: .38; }
.evidence-map__ring-label { fill: var(--evidence-map-muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; opacity: .85; }
.evidence-map__axis { stroke: var(--evidence-map-line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.evidence-map__axis-label { fill: var(--evidence-map-muted); font-size: 10px; font-weight: 600; }
.evidence-map__trace { fill: none; stroke: var(--evidence-map-mint); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 5px rgb(142 234 213 / 26%)); vector-effect: non-scaling-stroke; }
.evidence-map__halo { fill: var(--evidence-map-warm); opacity: .2; filter: drop-shadow(0 0 9px rgb(249 209 155 / 38%)); }
.evidence-map__marker { fill: var(--evidence-map-warm); stroke: var(--evidence-map-text); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.evidence-map__visual-note, .evidence-map__footer-note { margin: 8px 0 0; color: var(--evidence-map-muted); font-size: 12px; }
.evidence-map__side { display: grid; gap: 24px; }
.evidence-map__side-title, .evidence-map__legend-title { margin: 0 0 10px; font-size: 16px; }
.evidence-map__axis-buttons { display: grid; gap: 8px; }
.evidence-map__axis-button { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; border: 1px solid var(--evidence-map-line); border-radius: 10px; padding: 10px 12px; background: var(--evidence-map-surface); color: var(--evidence-map-text); font: inherit; text-align: left; cursor: pointer; }
.evidence-map__axis-button:hover, .evidence-map__axis-button.is-selected, .evidence-map__axis-button[aria-pressed="true"] { border-color: var(--evidence-map-mint); background: rgb(142 234 213 / 8%); }
.evidence-map__axis-button:focus-visible { outline: 2px solid var(--evidence-map-warm); outline-offset: 3px; }
.evidence-map__axis-name { min-width: 0; }
.evidence-map__axis-state { flex: 0 0 auto; color: var(--evidence-map-mint); font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.evidence-map__axis-button .evidence-map__axis-state:where(:first-letter) { color: var(--evidence-map-warm); }
.evidence-map__legend { border-top: 1px solid var(--evidence-map-line); padding-top: 18px; }
.evidence-map__legend-note { margin: 0 0 14px; color: var(--evidence-map-muted); font-size: 13px; }
.evidence-map__legend-list { display: grid; grid-template-columns: 35px 1fr; gap: 7px 12px; margin: 0; font-size: 13px; }
.evidence-map__legend-list dt { color: var(--evidence-map-mint); font: 600 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.evidence-map__legend-list dd { margin: 0; color: var(--evidence-map-muted); }
.evidence-map__table { width: 100%; border-collapse: collapse; margin-top: 34px; font-size: 13px; }
.evidence-map__table caption { margin-bottom: 10px; color: var(--evidence-map-text); font-weight: 650; text-align: left; }
.evidence-map__table th, .evidence-map__table td { border-top: 1px solid var(--evidence-map-line); padding: 11px 10px; vertical-align: top; text-align: left; }
.evidence-map__table thead th { color: var(--evidence-map-muted); font-size: 11px; letter-spacing: .6px; text-transform: uppercase; }
.evidence-map__table tbody th { color: var(--evidence-map-text); font-weight: 600; }
.evidence-map__table tbody td { color: var(--evidence-map-muted); }
.evidence-map__table tbody td:nth-child(2) { color: var(--evidence-map-mint); }
.evidence-map__footer-note { border-top: 1px solid var(--evidence-map-line); padding-top: 14px; }
@media (max-width: 760px) {
  .evidence-map__layout { grid-template-columns: 1fr; }
  .evidence-map__chart { max-width: 520px; }
  .evidence-map__table { display: block; overflow-x: auto; }
  .evidence-map__table th, .evidence-map__table td { min-width: 135px; }
  .evidence-map__table th:first-child, .evidence-map__table td:first-child { min-width: 180px; }
}
@media (prefers-reduced-motion: reduce) {
  .evidence-map *, .evidence-map *::before, .evidence-map *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .evidence-map__trace, .evidence-map__halo { filter: none; }
}
@media print {
  .evidence-map { border: 1px solid #67727a; background: #fff; color: #111; padding: 14px; }
  .evidence-map__title, .evidence-map__table caption, .evidence-map__table tbody th { color: #111; }
  .evidence-map__intro, .evidence-map__visual-note, .evidence-map__footer-note, .evidence-map__legend-note, .evidence-map__legend-list dd, .evidence-map__table thead th, .evidence-map__table tbody td, .evidence-map__axis-label, .evidence-map__ring-label { color: #38444c; }
  .evidence-map__layout { grid-template-columns: 1fr 1fr; }
  .evidence-map__trace { stroke: #126e63; filter: none; }
  .evidence-map__halo { fill: #9a5d20; filter: none; }
  .evidence-map__axis-button { color: #111; background: #fff; border-color: #aab4ba; }
  .evidence-map__axis-state, .evidence-map__legend-list dt, .evidence-map__table tbody td:nth-child(2) { color: #126e63; }
  .evidence-map__ring, .evidence-map__axis, .evidence-map__table th, .evidence-map__table td, .evidence-map__legend { border-color: #aab4ba; }
}