:root {
  color-scheme: dark;
  --history-bg: #0d1211;
  --history-panel: #151b19;
  --history-panel-2: #1a211f;
  --history-line: #2b3532;
  --history-text: #f1f4f1;
  --history-muted: #9da9a4;
  --history-green: #83d5a8;
  --history-red: #ff8f88;
  --history-amber: #e7bf73;
  --history-blue: #80b9ff;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background:
    radial-gradient(circle at 10% 0%, rgba(83, 145, 113, 0.15), transparent 28rem),
    var(--history-bg);
  color: var(--history-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button,
input,
select {
  font: inherit;
}

button,
select {
  cursor: pointer;
}

.history-shell {
  width: min(1500px, calc(100% - 32px));
  margin: 0 auto;
  padding: 24px 0 48px;
}

.history-shell h1,
.history-shell h2,
.history-shell h3,
.history-shell h4,
.history-shell p {
  margin-top: 0;
}

.history-shell h1 {
  margin-bottom: 6px;
  font-size: clamp(2rem, 4vw, 3.55rem);
  letter-spacing: -0.045em;
}

.history-shell h2 {
  margin-bottom: 8px;
  font-size: clamp(1.45rem, 2.4vw, 2.15rem);
  letter-spacing: -0.03em;
}

.history-shell h3 {
  margin-bottom: 6px;
}

.panel,
.data-card {
  min-width: 0;
  border: 1px solid var(--history-line);
  border-radius: 18px;
  background: rgba(21, 27, 25, 0.92);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.16);
}

.history-topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding: 22px 24px;
  border: 1px solid var(--history-line);
  border-radius: 20px;
  background: rgba(16, 22, 20, 0.9);
}

.eyebrow,
.section-kicker {
  margin-bottom: 5px;
  color: var(--history-green);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.creator-signature,
.tool-description {
  margin-bottom: 6px;
  color: var(--history-muted);
}

.methodology-toggle {
  padding: 9px 13px;
  border: 1px solid rgba(128, 185, 255, 0.32);
  border-radius: 999px;
  color: var(--history-blue);
  background: rgba(128, 185, 255, 0.07);
  font-size: 0.74rem;
  font-weight: 800;
}

.methodology-toggle:hover,
.methodology-toggle:focus-visible {
  border-color: rgba(128, 185, 255, 0.68);
  background: rgba(128, 185, 255, 0.13);
}

.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.site-nav a {
  padding: 8px 11px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  color: #c8d0cc;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
  transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible {
  border-color: var(--history-green);
  color: var(--history-text);
}

.site-nav a.active {
  border-color: rgba(131, 213, 168, 0.55);
  background: rgba(131, 213, 168, 0.14);
  color: var(--history-green);
}

.history-topbar-actions {
  display: flex;
  min-width: 210px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.history-language-control {
  display: grid;
  grid-template-columns: auto minmax(112px, 1fr);
  gap: 8px;
  align-items: center;
  color: var(--history-muted);
  font-size: 0.76rem;
  font-weight: 700;
}

.history-language-control select {
  min-height: 36px;
  padding: 6px 30px 6px 10px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  background: var(--history-panel-2);
  color: var(--history-text);
}

.asset-badge,
.status-pill,
.sample-warning,
.countdown-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  background: var(--history-panel-2);
  color: var(--history-muted);
  font-size: 0.78rem;
}

.asset-badge strong {
  color: var(--history-green);
}

.history-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 32px;
  align-items: center;
  margin-bottom: 38px;
  padding: 28px;
  overflow: hidden;
  position: relative;
}

.history-hero::after {
  position: absolute;
  right: -70px;
  bottom: -130px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(131, 213, 168, 0.12), transparent 66%);
  content: "";
  pointer-events: none;
}

.history-hero-copy {
  max-width: 950px;
  margin-bottom: 0;
  color: #c1cac6;
  font-size: 1rem;
  line-height: 1.65;
}

.history-hero-stat {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(131, 213, 168, 0.24);
  border-radius: 16px;
  background: rgba(131, 213, 168, 0.07);
  position: relative;
  z-index: 1;
  text-align: center;
}

.history-hero-stat strong {
  color: var(--history-green);
  font-size: 3.5rem;
  line-height: 1;
}

.history-hero-stat span {
  margin-top: 9px;
  font-weight: 800;
}

.history-hero-stat small {
  margin-top: 4px;
  color: var(--history-muted);
}

.quick-outlook-panel {
  margin: -18px 0 38px;
  padding: 22px;
  border-color: rgba(128, 185, 255, 0.24);
  background: linear-gradient(145deg, rgba(128, 185, 255, 0.055), rgba(21, 27, 25, 0.96) 46%);
}

.quick-outlook-toolbar,
.quick-next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.quick-study-picker {
  display: grid;
  width: min(100%, 520px);
  gap: 7px;
}

.quick-study-picker > span,
.quick-read-status > span,
.quick-event-schedule > span,
.quick-conclusion > span,
.quick-next-action span {
  display: block;
  color: var(--history-muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.quick-study-picker select {
  width: 100%;
  min-height: 48px;
  padding: 10px 42px 10px 14px;
  border: 1px solid rgba(128, 185, 255, 0.38);
  border-radius: 11px;
  outline: none;
  background: var(--history-panel-2);
  color: var(--history-text);
  font-weight: 800;
}

.quick-study-picker select:focus-visible {
  border-color: var(--history-blue);
  box-shadow: 0 0 0 3px rgba(128, 185, 255, 0.14);
}

.quick-read-status {
  text-align: right;
}

.quick-read-status strong {
  display: block;
  margin-top: 5px;
  color: var(--history-blue);
  font-size: 0.8rem;
}

.quick-outlook-hero {
  --quick-accent: var(--history-amber);
  display: grid;
  grid-template-columns: minmax(175px, 0.7fr) minmax(360px, 2.4fr) minmax(210px, 0.85fr);
  gap: 22px;
  align-items: stretch;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(231, 191, 115, 0.32);
  border-left: 5px solid var(--quick-accent);
  border-radius: 15px;
  background: rgba(8, 14, 13, 0.55);
}

.quick-outlook-hero[data-tone="bullish"] {
  --quick-accent: var(--history-green);
  border-color: rgba(131, 213, 168, 0.36);
  background: linear-gradient(110deg, rgba(131, 213, 168, 0.09), rgba(8, 14, 13, 0.55) 45%);
}

.quick-outlook-hero[data-tone="bearish"] {
  --quick-accent: var(--history-red);
  border-color: rgba(255, 143, 136, 0.36);
  background: linear-gradient(110deg, rgba(255, 143, 136, 0.09), rgba(8, 14, 13, 0.55) 45%);
}

.quick-event-schedule,
.quick-probability {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}

.quick-event-schedule {
  padding-right: 20px;
  border-right: 1px solid var(--history-line);
}

.quick-event-schedule > strong {
  margin: 6px 0;
  font-size: 1rem;
  line-height: 1.3;
}

.quick-event-schedule > small {
  color: var(--history-muted);
  line-height: 1.5;
}

.quick-conclusion {
  min-width: 0;
}

.quick-conclusion h2 {
  margin: 6px 0;
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.quick-conclusion h2 strong {
  color: var(--quick-accent);
}

.quick-conclusion p {
  margin: 0;
  color: #c7d0cc;
  line-height: 1.5;
}

.quick-probability {
  align-items: center;
  border-left: 1px solid var(--history-line);
  text-align: center;
}

.quick-probability-stage {
  display: grid;
  width: 100%;
  gap: 4px;
  justify-items: center;
  padding: 9px 10px;
}

.quick-probability-stage + .quick-probability-stage {
  border-top: 1px solid var(--history-line);
}

.quick-probability strong {
  color: var(--quick-accent);
  font-size: 1.55rem;
  line-height: 1;
}

.quick-probability span {
  max-width: 105px;
  margin-top: 0;
  color: var(--history-muted);
  font-size: 0.64rem;
  line-height: 1.3;
}

.quick-probability-stage small {
  color: var(--history-muted);
  font-size: 0.61rem;
  line-height: 1.3;
}

.quick-next-action {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--history-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.02);
}

.quick-next-action strong,
.quick-next-action small {
  display: block;
}

.quick-next-action strong {
  margin-top: 4px;
  font-size: 0.82rem;
}

.quick-next-action small {
  margin-top: 3px;
  color: var(--history-muted);
  line-height: 1.4;
}

.quick-next-action a {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid rgba(128, 185, 255, 0.34);
  border-radius: 999px;
  color: var(--history-blue);
  font-size: 0.75rem;
  font-weight: 800;
  text-decoration: none;
}

.quick-next-action a:hover,
.quick-next-action a:focus-visible {
  border-color: var(--history-blue);
}

.reaction-overview {
  margin-bottom: 38px;
  padding: 25px;
}

.reaction-heading-row {
  align-items: flex-start;
}

.reaction-heading-row p {
  margin-bottom: 0;
  color: var(--history-muted);
}

.reaction-year-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.reaction-year-filter button {
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  background: transparent;
  color: var(--history-muted);
  font-weight: 800;
}

.reaction-year-filter button.is-active {
  border-color: rgba(131, 213, 168, 0.55);
  background: rgba(131, 213, 168, 0.12);
  color: var(--history-green);
}

.reaction-quick-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.reaction-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border: 1px solid var(--history-line);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.022);
}

.reaction-stat span {
  color: var(--history-muted);
  font-size: 0.75rem;
}

.reaction-stat strong {
  font-size: 0.9rem;
}

.reaction-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
  margin-bottom: 10px;
  color: var(--history-muted);
  font-size: 0.74rem;
}

.reaction-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.reaction-legend i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--history-blue);
}

.reaction-legend i[data-tone="positive"] { background: var(--history-green); }
.reaction-legend i[data-tone="negative"] { background: var(--history-red); }
.reaction-legend i[data-tone="neutral"] { background: var(--history-muted); }

.reaction-legend small {
  margin-left: auto;
}

.reaction-board {
  min-width: 0;
  border-top: 1px solid var(--history-line);
  border-bottom: 1px solid var(--history-line);
}

.reaction-board-head,
.reaction-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.05fr) repeat(3, minmax(145px, 1fr)) minmax(130px, 0.9fr);
  gap: 14px;
  align-items: center;
}

.reaction-board-head {
  min-height: 42px;
  color: var(--history-muted);
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.reaction-board-head > [role="columnheader"]:not(:first-child) {
  justify-self: stretch;
  text-align: center;
}

.reaction-row {
  min-height: 52px;
  border-top: 1px solid rgba(43, 53, 50, 0.72);
}

.reaction-row[data-selected="true"] {
  background: rgba(128, 185, 255, 0.055);
}

.reaction-event-button {
  display: grid;
  gap: 2px;
  padding: 7px 0;
  border: 0;
  background: transparent;
  color: var(--history-text);
  text-align: left;
}

.reaction-event-button strong {
  font-size: 0.82rem;
}

.reaction-event-button span {
  color: var(--history-muted);
  font-size: 0.68rem;
}

.reaction-event-button:hover strong {
  color: var(--history-blue);
}

.reaction-cell {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) 58px;
  gap: 7px;
  align-items: center;
  min-width: 0;
}

.reaction-cell::before {
  display: none;
  color: var(--history-muted);
  content: attr(data-window-label);
  font-size: 0.68rem;
  font-weight: 700;
}

.reaction-bar-track {
  width: 100%;
  height: 20px;
  position: relative;
  border-radius: 3px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.018) 0 49.5%, rgba(157, 169, 164, 0.42) 49.5% 50.5%, rgba(255, 255, 255, 0.018) 50.5% 100%);
}

.reaction-bar {
  position: absolute;
  top: 5px;
  bottom: 5px;
  min-width: 2px;
  border-radius: 3px;
}

.reaction-bar[data-tone="positive"] {
  left: 50%;
  background: var(--history-green);
}

.reaction-bar[data-tone="negative"] {
  right: 50%;
  background: var(--history-red);
}

.reaction-bar[data-tone="neutral"] {
  left: calc(50% - 2px);
  width: 4px !important;
  background: var(--history-muted);
}

.reaction-value {
  color: #dce3df;
  font-size: 0.74rem;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.reaction-value[data-tone="positive"] { color: var(--history-green); }
.reaction-value[data-tone="negative"] { color: var(--history-red); }

.reaction-surprise {
  justify-self: center;
  width: fit-content;
  padding: 5px 7px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  color: var(--history-muted);
  font-size: 0.68rem;
  line-height: 1.25;
  text-align: center;
}

.reaction-surprise[data-tone="positive"] { color: var(--history-green); border-color: rgba(131, 213, 168, 0.3); }
.reaction-surprise[data-tone="negative"] { color: var(--history-red); border-color: rgba(255, 143, 136, 0.3); }
.reaction-surprise[data-tone="caution"] { color: var(--history-amber); border-color: rgba(231, 191, 115, 0.3); }

.reaction-method-note {
  margin: 10px 0 0;
  color: var(--history-muted);
  font-size: 0.72rem;
  line-height: 1.5;
}

@media (min-width: 1101px) {
  .reaction-cell {
    grid-template-columns: 58px minmax(70px, 1fr) 58px;
  }

  .reaction-cell::before {
    display: block;
    content: "";
  }
}

.upcoming-section,
.probability-section,
.event-index-section {
  margin-bottom: 38px;
}

.section-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.section-heading-row > p {
  max-width: 520px;
  margin-bottom: 5px;
  color: var(--history-muted);
  font-size: 0.9rem;
  text-align: right;
}

.countdown-badge {
  color: var(--history-blue);
  font-weight: 800;
}

.upcoming-events-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.upcoming-event-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 142px;
  padding: 18px;
  border: 1px solid var(--history-line);
  border-radius: 16px;
  background: var(--history-panel);
}

.upcoming-event-card[data-active="true"] {
  border-color: rgba(131, 213, 168, 0.5);
  box-shadow: inset 0 0 0 1px rgba(131, 213, 168, 0.08);
}

.event-date-box {
  display: flex;
  width: 62px;
  height: 70px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #212a27;
}

.event-date-box span {
  color: var(--history-muted);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.event-date-box strong {
  font-size: 1.6rem;
}

.upcoming-event-card h3 {
  margin-bottom: 4px;
  font-size: 1rem;
}

.upcoming-event-card p,
.upcoming-event-card small {
  display: block;
  margin-bottom: 4px;
  color: var(--history-muted);
}

.upcoming-event-card a {
  color: var(--history-blue);
  font-size: 0.78rem;
  font-weight: 700;
}

.source-note,
.table-note {
  margin: 11px 0 0;
  color: var(--history-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

.cpi-outcome-chart-section {
  margin-bottom: 38px;
  padding: 25px;
}

.cpi-outcome-chart-heading {
  align-items: flex-start;
}

.cpi-outcome-chart-heading p {
  margin-bottom: 0;
  color: var(--history-muted);
}

.sample-warning {
  padding: 7px 10px;
  border: 1px solid rgba(231, 191, 115, 0.4);
  border-radius: 999px;
  border-color: rgba(231, 191, 115, 0.4);
  color: var(--history-amber);
  font-size: 0.75rem;
  font-weight: 800;
  white-space: nowrap;
}

.cpi-chart-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-bottom: 7px;
  color: var(--history-muted);
  font-size: 0.72rem;
}

.cpi-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.cpi-legend-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--history-muted);
}

.cpi-legend-dot[data-direction="up"] { background: var(--history-green); }
.cpi-legend-dot[data-direction="down"] { background: var(--history-red); }

.cpi-legend-ring {
  width: 11px;
  height: 11px;
  border: 2px solid var(--history-muted);
  border-radius: 50%;
}

.cpi-legend-ring[data-result="matched"] { border-color: var(--history-blue); }
.cpi-legend-ring[data-result="contradicted"] { border-color: var(--history-amber); }

.cpi-outcome-chart-wrap {
  min-height: 430px;
  position: relative;
}

.cpi-outcome-chart-wrap svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.cpi-chart-frame {
  fill: rgba(255, 255, 255, 0.012);
  stroke: rgba(157, 169, 164, 0.18);
  stroke-width: 1;
}

.cpi-chart-grid,
.cpi-chart-zero,
.cpi-chart-date-tick {
  stroke: rgba(157, 169, 164, 0.17);
  stroke-width: 1;
}

.cpi-chart-zero {
  stroke: rgba(157, 169, 164, 0.48);
}

.cpi-chart-axis-label,
.cpi-chart-date-label,
.cpi-chart-axis-title {
  fill: var(--history-muted);
  font-size: 11px;
  font-weight: 800;
}

.cpi-chart-axis-title {
  font-size: 12px;
}

.cpi-actual-path {
  fill: none;
  stroke: rgba(128, 185, 255, 0.58);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cpi-chart-point-ring {
  fill: #101514;
  stroke: var(--history-muted);
  stroke-width: 2.5;
  transition: r 140ms ease, stroke-width 140ms ease;
}

.cpi-chart-point-ring[data-result="matched"] { stroke: var(--history-blue); }
.cpi-chart-point-ring[data-result="contradicted"] { stroke: var(--history-amber); }

.cpi-chart-point-bubble {
  fill: var(--history-muted);
  pointer-events: none;
}

.cpi-chart-point-bubble[data-direction="up"] { fill: var(--history-green); }
.cpi-chart-point-bubble[data-direction="down"] { fill: var(--history-red); }

.cpi-chart-point-hit {
  fill: transparent;
  cursor: pointer;
}

.cpi-chart-point:hover .cpi-chart-point-ring,
.cpi-chart-point:focus .cpi-chart-point-ring {
  r: 13px;
  stroke-width: 3px;
}

.cpi-outcome-tooltip {
  position: absolute;
  z-index: 8;
  width: min(360px, calc(100% - 16px));
  padding: 14px;
  border: 1px solid var(--history-line);
  border-top: 3px solid var(--history-muted);
  border-radius: 12px;
  background: rgba(13, 19, 17, 0.98);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.32);
  pointer-events: none;
}

.cpi-outcome-tooltip[data-result="matched"] { border-top-color: var(--history-blue); }
.cpi-outcome-tooltip[data-result="contradicted"] { border-top-color: var(--history-amber); }

.cpi-tooltip-date,
.cpi-tooltip-classification {
  display: block;
}

.cpi-tooltip-date {
  font-size: 0.95rem;
}

.cpi-tooltip-classification {
  margin: 3px 0 10px;
  color: var(--history-muted);
  font-size: 0.72rem;
}

.cpi-tooltip-row {
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 9px;
  padding: 7px 0;
  border-top: 1px solid rgba(157, 169, 164, 0.12);
}

.cpi-tooltip-row span {
  color: var(--history-muted);
  font-size: 0.68rem;
}

.cpi-tooltip-row strong {
  font-size: 0.72rem;
  line-height: 1.4;
}

.cpi-chart-note {
  margin: 6px 0 0;
  color: var(--history-muted);
  font-size: 0.74rem;
  line-height: 1.5;
}

.history-shell select,
.history-shell input {
  width: 100%;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #36413e;
  border-radius: 10px;
  outline: 0;
  background: #111715;
  color: var(--history-text);
}

.event-filter-grid label span,
.quick-read-grid label span {
  color: var(--history-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.history-shell select:focus-visible,
.history-shell input:focus-visible,
.history-shell button:focus-visible,
.history-shell a:focus-visible {
  outline: 2px solid var(--history-blue);
  outline-offset: 2px;
}

.quick-read-panel {
  margin-bottom: 38px;
  padding: 25px;
}

.quick-read-heading {
  align-items: flex-start;
}

.quick-read-heading p {
  margin-bottom: 0;
  color: var(--history-muted);
}

.quick-read-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 0.95fr) minmax(290px, 1.2fr);
  gap: 13px;
  align-items: stretch;
}

.quick-read-grid label {
  display: grid;
  align-content: start;
  gap: 7px;
}

.quick-read-result {
  display: flex;
  min-height: 112px;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  border: 1px solid var(--history-line);
  border-left: 4px solid var(--history-amber);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}

.quick-read-result[data-tone="bullish"] { border-left-color: var(--history-green); }
.quick-read-result[data-tone="bearish"] { border-left-color: var(--history-red); }

.quick-read-result > span {
  color: var(--history-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.quick-read-result > strong {
  margin: 5px 0;
  color: var(--history-amber);
  font-size: 1.3rem;
}

.quick-read-result[data-tone="bullish"] > strong { color: var(--history-green); }
.quick-read-result[data-tone="bearish"] > strong { color: var(--history-red); }

.quick-read-result p {
  margin: 0;
  color: #c1cac6;
  font-size: 0.75rem;
  line-height: 1.45;
}

.quick-read-note {
  margin: 11px 0 0;
  color: var(--history-muted);
  font-size: 0.74rem;
  line-height: 1.5;
}

.live-outlook-panel {
  margin-bottom: 38px;
  padding: 25px;
}

.live-outlook-heading {
  align-items: flex-start;
}

.live-outlook-heading p {
  max-width: 840px;
  margin-bottom: 0;
  color: var(--history-muted);
}

#liveDataStatus[data-tone="live"] {
  border-color: rgba(131, 213, 168, 0.42);
  color: var(--history-green);
}

#liveDataStatus[data-tone="error"] {
  border-color: rgba(255, 143, 136, 0.42);
  color: var(--history-red);
}

.live-outlook-hero {
  --live-accent: var(--history-amber);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 138px;
  gap: 24px;
  align-items: center;
  margin: 20px 0 14px;
  padding: 22px;
  border: 1px solid rgba(231, 191, 115, 0.34);
  border-left: 5px solid var(--live-accent);
  border-radius: 16px;
  background: linear-gradient(110deg, rgba(231, 191, 115, 0.08), rgba(255, 255, 255, 0.018));
}

.live-outlook-hero[data-tone="bullish"] {
  --live-accent: var(--history-green);
  border-color: rgba(131, 213, 168, 0.34);
  background: linear-gradient(110deg, rgba(131, 213, 168, 0.1), rgba(255, 255, 255, 0.018));
}

.live-outlook-hero[data-tone="bearish"] {
  --live-accent: var(--history-red);
  border-color: rgba(255, 143, 136, 0.34);
  background: linear-gradient(110deg, rgba(255, 143, 136, 0.1), rgba(255, 255, 255, 0.018));
}

.live-outlook-copy > span,
.live-metrics-grid article > span,
.live-evidence-grid article > span {
  display: block;
  color: var(--history-muted);
  font-size: 0.69rem;
  font-weight: 800;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.live-outlook-copy > strong {
  display: block;
  margin: 6px 0;
  color: var(--live-accent);
  font-size: clamp(1.55rem, 4vw, 2.55rem);
  letter-spacing: -0.035em;
}

.live-outlook-copy p {
  max-width: 920px;
  margin: 0;
  color: #c7d0cc;
  line-height: 1.55;
}

.live-confidence-gauge {
  display: grid;
  width: 124px;
  height: 124px;
  place-content: center;
  justify-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--history-panel-2) 59%, transparent 61%),
    conic-gradient(var(--live-accent) var(--confidence), rgba(157, 169, 164, 0.17) 0);
  text-align: center;
}

.live-confidence-gauge strong {
  color: var(--history-text);
  font-size: 1.45rem;
}

.live-confidence-gauge span {
  width: 80px;
  color: var(--history-muted);
  font-size: 0.62rem;
  line-height: 1.25;
}

.live-probability-split {
  margin: -3px 0 15px;
  color: var(--history-muted);
  font-size: 0.78rem;
  font-weight: 750;
  text-align: right;
}

.decision-stack {
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid rgba(120, 200, 255, 0.22);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(120, 200, 255, 0.055), rgba(8, 14, 13, 0.5));
}

.decision-stack-heading {
  margin-bottom: 12px;
}

.decision-input-grid,
.outcome-probability-grid {
  display: grid;
  gap: 9px;
}

.decision-input-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.outcome-probability-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin-top: 9px;
}

.decision-input-grid article,
.outcome-probability-grid article {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(157, 169, 164, 0.16);
  border-radius: 11px;
  background: rgba(8, 14, 13, 0.55);
}

.decision-input-grid article > span,
.outcome-probability-grid article > span {
  display: block;
  color: var(--history-muted);
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.decision-input-grid article > strong,
.outcome-probability-grid article > strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--history-text);
  font-size: 0.92rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.decision-input-grid article > small,
.outcome-probability-grid article > small {
  display: block;
  color: var(--history-muted);
  font-size: 0.68rem;
  line-height: 1.42;
}

.decision-stack-note {
  margin: 10px 0 0;
  color: var(--history-muted);
  font-size: 0.7rem;
  line-height: 1.4;
}

.live-metrics-grid,
.live-evidence-grid {
  display: grid;
  gap: 10px;
}

.live-metrics-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.live-evidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 10px;
}

.live-metrics-grid article,
.live-evidence-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--history-line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.022);
}

.live-metrics-grid article > strong,
.live-evidence-grid article > strong {
  display: block;
  margin: 7px 0 4px;
  font-size: 1rem;
}

.live-metrics-grid article > small,
.live-evidence-grid article > p {
  display: block;
  margin: 0;
  color: var(--history-muted);
  font-size: 0.72rem;
  line-height: 1.45;
}

.live-process {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.live-process > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 2px 9px;
  align-items: center;
  padding: 11px;
  border: 1px solid var(--history-line);
  border-radius: 12px;
  background: var(--history-panel-2);
}

.live-process > div[data-active="true"] {
  border-color: color-mix(in srgb, var(--live-accent) 55%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--live-accent) 17%, transparent);
}

.live-process div > span {
  grid-row: 1 / 3;
  display: grid;
  width: 30px;
  height: 30px;
  place-content: center;
  border-radius: 50%;
  background: rgba(128, 185, 255, 0.12);
  color: var(--history-blue);
  font-weight: 900;
}

.live-process div > strong {
  font-size: 0.82rem;
}

.live-process div > small {
  color: var(--history-muted);
  font-size: 0.66rem;
}

.live-process > i {
  color: var(--history-muted);
  font-style: normal;
}

.live-outlook-note {
  margin: 13px 0 0;
  color: var(--history-muted);
  font-size: 0.74rem;
  line-height: 1.5;
}

.live-outlook-note strong {
  color: var(--history-amber);
}

.historical-probability-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.historical-probability-card {
  padding: 17px;
  border: 1px solid var(--history-line);
  border-top: 3px solid var(--history-blue);
  border-radius: 14px;
  background: var(--history-panel);
}

.historical-probability-card[data-tone="positive"] { border-top-color: var(--history-green); }
.historical-probability-card[data-tone="negative"] { border-top-color: var(--history-red); }
.historical-probability-card[data-tone="caution"] { border-top-color: var(--history-amber); }

.historical-probability-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.historical-probability-heading h4 {
  margin: 0 0 4px;
  font-size: 0.95rem;
}

.historical-probability-heading p,
.historical-probability-card p {
  margin-bottom: 4px;
  color: var(--history-muted);
  font-size: 0.76rem;
}

.historical-probability-value {
  font-size: 1.8rem;
}

.historical-probability-confidence {
  display: inline-block;
  margin-top: 7px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(231, 191, 115, 0.1);
  color: var(--history-amber);
  font-size: 0.68rem;
  font-weight: 800;
}

.event-browser {
  margin-bottom: 38px;
  padding: 25px;
}

.event-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 320px));
  gap: 12px;
  margin-bottom: 25px;
}

.event-date-filter {
  grid-template-columns: minmax(0, 320px);
}

.event-filter-grid label {
  display: grid;
  gap: 7px;
}

.selected-event-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
  padding-top: 20px;
  border-top: 1px solid var(--history-line);
}

.outcome-pill {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 6px 9px;
  border: 1px solid var(--history-line);
  border-radius: 999px;
  color: var(--history-muted);
  font-size: 0.75rem;
}

.outcome-pill[data-tone="positive"] {
  border-color: rgba(131, 213, 168, 0.36);
  background: rgba(131, 213, 168, 0.1);
  color: var(--history-green);
}

.outcome-pill[data-tone="negative"] {
  border-color: rgba(255, 143, 136, 0.36);
  background: rgba(255, 143, 136, 0.1);
  color: var(--history-red);
}

.outcome-pill[data-tone="caution"] {
  border-color: rgba(231, 191, 115, 0.36);
  color: var(--history-amber);
}

.event-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 15px;
}

.event-summary-grid article {
  padding: 14px;
  border: 1px solid var(--history-line);
  border-radius: 12px;
  background: var(--history-panel-2);
}

.event-summary-grid article > span {
  display: block;
  margin-bottom: 7px;
  color: var(--history-muted);
  font-size: 0.72rem;
}

.event-summary-grid article > strong:not(.outcome-pill) {
  font-size: 0.95rem;
}

.selected-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 15px;
  margin-bottom: 15px;
}

.selected-grid > * {
  min-width: 0;
}

.data-card {
  padding: 17px;
}

.card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}

.card-heading h3 {
  margin-bottom: 0;
}

.card-heading span {
  color: var(--history-muted);
  font-size: 0.75rem;
}

.table-scroll {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.history-shell table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}

.history-shell th,
.history-shell td {
  padding: 11px 10px;
  border-bottom: 1px solid var(--history-line);
  text-align: right;
  font-size: 0.8rem;
}

.history-shell th {
  color: var(--history-muted);
  font-size: 0.68rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.history-shell th:first-child,
.history-shell td:first-child {
  text-align: left;
}

.history-primary-cell,
.historical-primary-cell {
  color: #e1e7e4;
  font-weight: 700;
}

.historical-result-cell.hot,
.historical-return-cell.negative,
.historical-verdict-cell.negative {
  color: var(--history-red);
}

.historical-result-cell.cool,
.historical-return-cell.positive,
.historical-verdict-cell.positive {
  color: var(--history-green);
}

.historical-verdict-cell.caution {
  color: var(--history-amber);
}

.structure-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.structure-flow > article {
  min-height: 92px;
  padding: 12px;
  border: 1px solid var(--history-line);
  border-radius: 11px;
  background: var(--history-panel-2);
}

.structure-flow article span,
.target-result span {
  display: block;
  margin-bottom: 7px;
  color: var(--history-muted);
  font-size: 0.7rem;
}

.structure-flow article strong,
.target-result strong {
  font-size: 0.82rem;
}

.structure-flow > span {
  color: var(--history-muted);
}

.target-result {
  margin-top: 11px;
  padding: 12px;
  border-left: 3px solid var(--history-amber);
  background: rgba(231, 191, 115, 0.06);
}

.case-conclusion {
  margin: 13px 0 0;
  color: #c1cac6;
  font-size: 0.84rem;
  line-height: 1.55;
}

.price-window-card {
  width: 100%;
}

.historical-row-select {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--history-blue);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
}

.historical-row-select:hover {
  text-decoration-color: currentColor;
}

#historicalEventsBody tr[data-selected="true"] {
  background: rgba(128, 185, 255, 0.06);
}

.event-index-card {
  padding: 6px 12px 12px;
}

.history-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 4px;
  border-top: 1px solid var(--history-line);
  color: var(--history-muted);
  font-size: 0.78rem;
}

.history-footer p {
  margin-bottom: 0;
}

.history-footer div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.history-footer a {
  color: var(--history-blue);
}

.prediction-ledger,
.market-context-panel {
  margin-top: 18px;
}

.quality-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(157, 169, 164, 0.26);
  border-radius: 999px;
  color: var(--history-muted);
  background: rgba(157, 169, 164, 0.08);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  white-space: nowrap;
}

.quality-badge[data-quality="tradeable"] {
  color: var(--history-green);
  border-color: rgba(131, 213, 168, 0.42);
  background: rgba(131, 213, 168, 0.1);
}

.quality-badge[data-quality="wait"] {
  color: var(--history-amber);
  border-color: rgba(231, 191, 115, 0.42);
  background: rgba(231, 191, 115, 0.1);
}

.model-profile-strip,
.prediction-stage-grid,
.path-metrics-grid,
.market-context-grid {
  display: grid;
  gap: 10px;
}

.model-profile-strip {
  grid-template-columns: 1fr 1.45fr 0.8fr;
  margin: 18px 0 12px;
}

.model-profile-strip article,
.prediction-stage-card,
.path-metric,
.context-card {
  border: 1px solid rgba(157, 169, 164, 0.16);
  border-radius: 12px;
  background: rgba(8, 14, 13, 0.42);
}

.model-profile-strip article,
.path-metric,
.context-card {
  padding: 13px 14px;
}

.model-profile-strip span,
.path-metric span,
.context-card span,
.prediction-stage-card > span {
  display: block;
  color: var(--history-muted);
  font-size: 0.72rem;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.model-profile-strip strong,
.path-metric strong,
.context-card strong {
  display: block;
  margin-top: 5px;
  color: var(--history-text);
  font-size: 0.92rem;
  line-height: 1.35;
}

.prediction-stage-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.prediction-stage-card {
  position: relative;
  min-height: 156px;
  padding: 15px;
  border-top: 3px solid var(--history-muted);
}

.prediction-stage-card[data-direction="up"] { border-top-color: var(--history-green); }
.prediction-stage-card[data-direction="down"] { border-top-color: var(--history-red); }
.prediction-stage-card[data-stage="t4"] { border-top-color: var(--history-blue); }

.prediction-stage-card h4 {
  margin: 8px 0 4px;
  color: var(--history-text);
  font-size: 1rem;
}

.prediction-stage-card h4[data-direction="up"] { color: var(--history-green); }
.prediction-stage-card h4[data-direction="down"] { color: var(--history-red); }

.prediction-stage-card p,
.prediction-stage-card small,
.context-card small {
  display: block;
  margin: 5px 0 0;
  color: var(--history-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.path-diagnostics-card { margin-top: 12px; }

.path-metrics-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.path-metric[data-tone="positive"] strong { color: var(--history-green); }
.path-metric[data-tone="negative"] strong { color: var(--history-red); }
.path-metric[data-tone="caution"] strong { color: var(--history-amber); }

.overlap-warning {
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(131, 213, 168, 0.22);
  border-radius: 10px;
  color: var(--history-green);
  background: rgba(131, 213, 168, 0.06);
  font-size: 0.82rem;
}

.overlap-warning[data-tone="warning"] {
  color: var(--history-amber);
  border-color: rgba(231, 191, 115, 0.35);
  background: rgba(231, 191, 115, 0.08);
}

.market-context-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 16px;
}

.context-card {
  color: inherit;
  text-decoration: none;
  transition: border-color 150ms ease, transform 150ms ease;
}

a.context-card:hover,
a.context-card:focus-visible {
  border-color: rgba(120, 200, 255, 0.44);
  transform: translateY(-1px);
}

.live-status-stack {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-direction: column;
}

.model-validation-panel,
.prospective-ledger-panel,
.similar-cases-panel,
.expectancy-panel {
  margin: 18px 0 38px;
  padding: 25px;
}

.model-validation-grid,
.ledger-governance-strip,
.similar-cases-grid,
.expectancy-grid,
.event-specific-grid,
.provenance-grid,
.options-metrics-grid {
  display: grid;
  gap: 10px;
}

.model-validation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 12px; }
.ledger-governance-strip { grid-template-columns: 0.65fr 0.85fr 1.5fr; margin: 18px 0 12px; }
.similar-cases-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 16px; }
.expectancy-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 18px; }
.event-specific-grid,
.provenance-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.options-metrics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }

.model-validation-card,
.ledger-governance-strip article,
.ledger-row,
.similar-case-card,
.expectancy-card,
.event-specific-metric,
.provenance-metric,
.options-metrics-grid article,
.validation-verdict-card {
  border: 1px solid rgba(157, 169, 164, 0.17);
  border-radius: 12px;
  background: rgba(8, 14, 13, 0.46);
}

.model-validation-card,
.ledger-governance-strip article,
.expectancy-card,
.event-specific-metric,
.provenance-metric,
.options-metrics-grid article {
  padding: 13px 14px;
}

.model-validation-card span,
.ledger-governance-strip span,
.expectancy-card span,
.event-specific-metric span,
.provenance-metric span,
.options-metrics-grid article span,
.validation-verdict-card span {
  display: block;
  color: var(--history-muted);
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.model-validation-card strong,
.ledger-governance-strip strong,
.expectancy-card strong,
.event-specific-metric strong,
.provenance-metric strong,
.options-metrics-grid article strong {
  display: block;
  margin-top: 5px;
  color: var(--history-text);
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.model-validation-card small,
.expectancy-card small,
.event-specific-metric small,
.provenance-metric small,
.options-metrics-grid article small {
  display: block;
  margin-top: 4px;
  color: var(--history-muted);
  line-height: 1.35;
}

.calibration-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  margin-top: 18px;
}

.calibration-layout h3 { margin: 0 0 4px; }
.calibration-layout > div > p { margin: 0 0 12px; color: var(--history-muted); font-size: 0.78rem; }
.calibration-rows { display: grid; gap: 8px; }
.calibration-row { display: grid; grid-template-columns: 72px minmax(180px, 1fr) minmax(170px, 240px); gap: 10px; align-items: center; font-size: 0.75rem; }
.calibration-track { position: relative; height: 16px; overflow: hidden; border-radius: 999px; background: rgba(255, 255, 255, 0.045); }
.calibration-track i { position: absolute; inset: 2px auto 2px 0; width: var(--bar); border-radius: inherit; background: var(--history-blue); opacity: 0.65; }
.calibration-track i + i { inset-block: 5px; background: var(--history-green); opacity: 0.95; }
.calibration-values { min-width: 0; color: var(--history-muted); line-height: 1.35; overflow-wrap: anywhere; text-align: right; }
.validation-verdict-card { display: flex; min-width: 0; flex-direction: column; justify-content: center; margin-top: 12px; padding: 20px; border-left: 4px solid var(--history-amber); }
.validation-verdict-card strong { margin: 7px 0; color: var(--history-amber); font-size: 1.35rem; }
.validation-verdict-card p { margin: 0; color: #c3ccc8; line-height: 1.5; }

.model-validation-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.study-trust-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(157, 169, 164, 0.17);
  border-radius: 12px;
  background: rgba(8, 14, 13, 0.46);
}

.study-trust-card span,
.study-trust-card small {
  display: block;
  color: var(--history-muted);
}

.study-trust-card span {
  font-size: 0.66rem;
  font-weight: 850;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.study-trust-card strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--history-text);
  font-size: 1.05rem;
  overflow-wrap: anywhere;
}

.study-trust-card small {
  line-height: 1.42;
}

.study-trust-card[data-tone="positive"] strong { color: var(--history-green); }
.study-trust-card[data-tone="negative"] strong { color: var(--history-red); }
.study-trust-card[data-tone="caution"] strong { color: var(--history-amber); }

.technical-validation,
.advanced-research-section,
.options-technical-metric {
  display: none;
}

.technical-validation {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--history-line);
}

.history-shell[data-details="true"] .technical-validation,
.history-shell[data-details="true"] .advanced-research-section,
.history-shell[data-details="true"] .options-technical-metric {
  display: block;
}

.options-metrics-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.history-shell[data-details="true"] .options-metrics-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.prospective-ledger-rows { display: grid; gap: 8px; }
.ledger-row { display: grid; grid-template-columns: minmax(160px, 0.85fr) repeat(5, minmax(86px, 0.45fr)) minmax(125px, 0.65fr); gap: 8px; align-items: center; padding: 11px 13px; }
.ledger-row > strong { font-size: 0.82rem; }
.ledger-checkpoint { padding: 7px; border-radius: 8px; background: rgba(255, 255, 255, 0.03); text-align: center; }
.ledger-checkpoint span { display: block; color: var(--history-muted); font-size: 0.6rem; font-weight: 800; }
.ledger-checkpoint strong { display: block; margin-top: 2px; color: var(--history-muted); font-size: 0.7rem; }
.ledger-checkpoint[data-recorded="true"] { background: rgba(131, 213, 168, 0.09); }
.ledger-checkpoint[data-recorded="true"] strong { color: var(--history-green); }

.similar-case-card { display: flex; min-height: 168px; flex-direction: column; padding: 14px; }
.similar-case-card button { padding: 0; border: 0; color: var(--history-text); background: transparent; text-align: left; font: inherit; font-weight: 850; cursor: pointer; }
.similar-case-score { margin: 8px 0; color: var(--history-blue); font-size: 1.1rem; font-weight: 900; }
.similar-case-card p { margin: 0; color: var(--history-muted); font-size: 0.72rem; line-height: 1.45; }
.similar-case-card small { margin-top: auto; padding-top: 8px; color: var(--history-muted); }

.event-specific-card,
.provenance-card,
.options-implied-card { margin-top: 12px; }
.options-implied-card { padding: 16px; border: 1px solid rgba(120, 200, 255, 0.19); border-radius: 14px; background: rgba(120, 200, 255, 0.035); }
.options-implied-card .card-heading { margin-bottom: 0; }

.quality-badge[data-quality="research-edge"] { color: var(--history-green); border-color: rgba(131, 213, 168, 0.42); background: rgba(131, 213, 168, 0.1); }
.quality-badge[data-quality="overlap"] { color: var(--history-red); border-color: rgba(255, 143, 136, 0.42); background: rgba(255, 143, 136, 0.1); }
.quality-badge[data-quality="insufficient"],
.quality-badge[data-quality="calibrating"] { color: var(--history-amber); border-color: rgba(231, 191, 115, 0.42); background: rgba(231, 191, 115, 0.1); }

.expectancy-card[data-tone="positive"] strong { color: var(--history-green); }
.expectancy-card[data-tone="negative"] strong { color: var(--history-red); }
.provenance-card .table-note { margin-top: 12px; }

@media (max-width: 1100px) {
  .prediction-stage-grid,
  .path-metrics-grid,
  .market-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .outcome-probability-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quick-outlook-hero {
    grid-template-columns: minmax(145px, 0.7fr) minmax(300px, 2fr) 120px;
    gap: 16px;
  }

  .model-profile-strip {
    grid-template-columns: 1fr;
  }
  .model-validation-grid,
  .model-validation-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .similar-cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .expectancy-grid,
  .event-specific-grid,
  .provenance-grid,
  .options-metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ledger-row { grid-template-columns: minmax(160px, 1fr) repeat(3, minmax(76px, 0.5fr)); }
  .ledger-row .ledger-checkpoint:nth-of-type(n+4) { display: none; }
  .upcoming-events-grid,
  .historical-probability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-read-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-read-result {
    grid-column: 1 / -1;
  }

  .live-metrics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .selected-grid {
    grid-template-columns: 1fr;
  }

  .event-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reaction-board-head,
  .reaction-row {
    grid-template-columns: minmax(135px, 0.95fr) repeat(3, minmax(120px, 1fr)) minmax(112px, 0.8fr);
    gap: 9px;
  }
}

@media (max-width: 720px) {
  .prediction-stage-grid,
  .path-metrics-grid,
  .market-context-grid {
    grid-template-columns: 1fr;
  }
  .history-shell {
    width: min(100% - 20px, 1500px);
    padding-top: 10px;
  }
  .model-validation-grid,
  .model-validation-summary,
  .ledger-governance-strip,
  .similar-cases-grid,
  .expectancy-grid,
  .event-specific-grid,
  .provenance-grid,
  .options-metrics-grid,
  .calibration-layout { grid-template-columns: 1fr; }
  .calibration-row { grid-template-columns: 60px minmax(90px, 1fr); }
  .calibration-values { grid-column: 1 / -1; text-align: left; }
  .ledger-row { grid-template-columns: 1fr 1fr; }
  .ledger-row > strong { grid-column: 1 / -1; }

  .history-topbar,
  .section-heading-row,
  .history-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .history-topbar {
    padding: 18px;
  }

  .history-topbar-actions {
    min-width: 0;
    align-items: flex-start;
  }

  .section-heading-row > p {
    text-align: left;
  }

  .history-hero {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .history-hero-stat {
    min-height: 120px;
  }

  .quick-outlook-panel {
    margin-top: -18px;
    padding: 16px;
  }

  .quick-outlook-toolbar,
  .quick-next-action {
    align-items: flex-start;
    flex-direction: column;
  }

  .quick-read-status {
    text-align: left;
  }

  .quick-outlook-hero {
    grid-template-columns: 1fr;
  }

  .quick-event-schedule {
    padding: 0 0 14px;
    border-right: 0;
    border-bottom: 1px solid var(--history-line);
  }

  .quick-probability {
    align-items: flex-start;
    padding-top: 14px;
    border-top: 1px solid var(--history-line);
    border-left: 0;
    text-align: left;
  }

  .quick-probability span {
    max-width: none;
  }

  .quick-probability-stage {
    justify-items: start;
    padding-left: 0;
    text-align: left;
  }

  .upcoming-events-grid,
  .historical-probability-grid,
  .quick-read-grid,
  .event-filter-grid,
  .event-summary-grid,
  .live-metrics-grid,
  .live-evidence-grid {
    grid-template-columns: 1fr;
  }

  .decision-input-grid,
  .outcome-probability-grid {
    grid-template-columns: 1fr;
  }

  .cpi-outcome-chart-section,
  .quick-read-panel,
  .live-outlook-panel,
  .event-browser,
  .reaction-overview {
    padding: 18px;
  }

  .live-outlook-hero {
    grid-template-columns: 1fr;
  }

  .live-confidence-gauge {
    width: 108px;
    height: 108px;
  }

  .live-process {
    grid-template-columns: 1fr;
  }

  .live-process > i {
    display: none;
  }

  .reaction-quick-stats {
    grid-template-columns: 1fr;
  }

  .reaction-legend small {
    width: 100%;
    margin-left: 0;
  }

  .reaction-board-head {
    display: none;
  }

  .reaction-row {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 12px 0;
  }

  .reaction-event-button {
    grid-template-columns: auto 1fr;
    gap: 9px;
    align-items: baseline;
    padding: 0 0 3px;
  }

  .reaction-cell {
    grid-template-columns: 78px minmax(80px, 1fr) 58px;
  }

  .reaction-cell::before {
    display: block;
  }

  .quick-read-result {
    grid-column: auto;
  }

  .cpi-chart-legend {
    gap: 8px 11px;
  }

  .cpi-tooltip-row {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 7px;
  }

  .structure-flow {
    grid-template-columns: 1fr;
  }

  .structure-flow > span {
    display: none;
  }

  .selected-event-heading,
  .card-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}