:root {
  --bg: #f6f5f0;
  --panel: #ffffff;
  --panel-soft: #f1f4f2;
  --text: #1b2428;
  --muted: #627071;
  --line: #d9ded9;
  --green: #3f7b68;
  --blue: #2f6fa7;
  --amber: #bc7a21;
  --red: #b8564e;
  --ink: #111719;
  --shadow: 0 14px 36px rgba(28, 35, 31, 0.08);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.45;
}

button,
input,
select {
  font: inherit;
}

.app-shell {
  min-height: 100vh;
}

.skip-link {
  background: var(--ink);
  border-radius: 0 0 6px 0;
  color: #ffffff;
  left: 0;
  padding: 10px 14px;
  position: fixed;
  top: -60px;
  z-index: 30;
}

.skip-link:focus {
  top: 0;
}

.sr-only {
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.topbar {
  align-items: center;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  display: flex;
  gap: 24px;
  justify-content: space-between;
  min-height: 82px;
  padding: 14px 24px;
  position: sticky;
  top: 0;
  z-index: 10;
}

.brand-block {
  align-items: center;
  display: flex;
  gap: 14px;
  min-width: 0;
}

.brand-mark {
  align-items: center;
  background: var(--ink);
  border-radius: 8px;
  display: grid;
  height: 46px;
  justify-items: center;
  overflow: hidden;
  position: relative;
  width: 46px;
}

.brand-mark::before,
.brand-mark::after,
.brand-mark span {
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  content: "";
  height: 28px;
  position: absolute;
  width: 10px;
}

.brand-mark::before {
  transform: rotate(60deg);
}

.brand-mark::after {
  transform: rotate(-60deg);
}

.brand-mark span {
  transform: rotate(0deg);
}

.brand-block h1 {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0;
}

.brand-block p,
.panel-header p,
.metric-card small {
  color: var(--muted);
  margin: 4px 0 0;
}

.status-strip {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.status-strip span {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  display: inline-flex;
  font-size: 13px;
  min-height: 30px;
  padding: 5px 10px;
}

.workspace {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 296px) minmax(0, 1fr);
  padding: 18px;
}

.controls {
  align-self: start;
  display: grid;
  gap: 12px;
  min-width: 0;
  position: sticky;
  top: 100px;
  width: 100%;
}

.controls > * {
  min-width: 0;
  width: 100%;
}

.control-section,
.panel,
.metric-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.control-section {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.control-section.compact {
  gap: 12px;
}

.control-section h2 {
  font-size: 14px;
  margin: 0;
}

label,
.metric-label,
.source-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

select,
input[type="date"],
input[type="password"],
.search-input {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--text);
  min-height: 40px;
  padding: 8px 10px;
  width: 100%;
}

.check-list {
  display: grid;
  gap: 7px;
}

.check-row {
  align-items: center;
  color: var(--text);
  display: grid;
  font-size: 13px;
  font-weight: 600;
  gap: 8px;
  grid-template-columns: 16px minmax(0, 1fr);
  letter-spacing: 0;
  min-height: 24px;
  text-transform: none;
}

.check-row input {
  accent-color: var(--ink);
  height: 16px;
  margin: 0;
  width: 16px;
}

.check-row span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

select:focus,
input:focus,
button:focus {
  outline: 2px solid rgba(47, 111, 167, 0.32);
  outline-offset: 2px;
}

select:disabled,
input:disabled,
button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.date-row {
  display: grid;
  gap: 5px;
}

.primary-button,
.file-button,
.secondary-button {
  align-items: center;
  background: var(--ink);
  border: 1px solid var(--ink);
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 40px;
  padding: 8px 12px;
}

.secondary-button {
  background: var(--panel-soft);
  border-color: var(--line);
  color: var(--text);
  min-height: 36px;
  white-space: nowrap;
}

.secondary-button:hover {
  background: #e7ece8;
}

.file-button input {
  display: none;
}

.source-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.source-list div {
  display: grid;
  gap: 2px;
}

.source-list dd {
  color: var(--text);
  margin: 0;
}

.content {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.section-nav {
  align-items: center;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
}

.section-nav a {
  border-radius: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 10px;
  text-decoration: none;
  text-transform: uppercase;
}

.section-nav a:hover,
.section-nav a:focus-visible {
  background: var(--panel);
  color: var(--ink);
}

.section-anchor {
  scroll-margin-top: 100px;
}

.coverage-panel {
  align-items: stretch;
  background: var(--ink);
  border-radius: 8px;
  color: #ffffff;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(240px, 1.15fr) minmax(0, 2fr);
  padding: 16px 18px;
}

.coverage-intro {
  display: grid;
  gap: 4px;
}

.coverage-intro .eyebrow,
.coverage-items span,
.finding-grid span {
  color: rgba(255, 255, 255, 0.64);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.coverage-intro strong {
  font-size: 16px;
  line-height: 1.3;
}

.coverage-intro p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  margin: 2px 0 0;
}

.coverage-items {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coverage-items div {
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  display: grid;
  gap: 3px;
  padding: 2px 0 2px 12px;
}

.coverage-items strong {
  font-size: 13px;
}

.coverage-items small {
  color: rgba(255, 255, 255, 0.66);
  font-size: 11px;
}

.metric-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.metric-card {
  display: grid;
  gap: 4px;
  min-height: 106px;
  padding: 16px;
}

.metric-card strong {
  color: var(--ink);
  display: block;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.panel {
  min-width: 0;
  padding: 16px;
}

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

.finding-grid article {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  padding: 14px 16px;
}

.finding-grid article:nth-child(2) {
  border-left-color: var(--red);
}

.finding-grid article:nth-child(3) {
  border-left-color: var(--green);
}

.finding-grid span {
  color: var(--muted);
}

.finding-grid strong {
  color: var(--ink);
  font-size: 16px;
}

.finding-grid p {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
}

.panel-header {
  align-items: start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.panel-header h2 {
  font-size: 16px;
  letter-spacing: 0;
  margin: 0;
}

.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  max-width: 520px;
}

.legend-item {
  align-items: center;
  color: var(--muted);
  display: inline-flex;
  font-size: 12px;
  gap: 6px;
}

.legend-swatch {
  border-radius: 999px;
  display: inline-block;
  height: 9px;
  width: 18px;
}

.canvas-frame {
  background: #ffffff;
  border: 0;
  border-radius: 0;
  height: 460px;
  overflow: hidden;
  position: relative;
}

canvas {
  display: block;
  height: 100%;
  width: 100%;
}

.chart-tooltip {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(28, 35, 31, 0.16);
  color: var(--text);
  display: grid;
  font-size: 13px;
  gap: 6px;
  left: 0;
  max-width: min(320px, calc(100% - 24px));
  padding: 12px;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 3;
}

.chart-tooltip[hidden] {
  display: none;
}

.tooltip-role {
  color: var(--indigo);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.tooltip-date {
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
}

.tooltip-row {
  align-items: center;
  color: var(--muted);
  display: grid;
  gap: 7px;
  grid-template-columns: 9px minmax(0, 1fr) auto;
}

.tooltip-dot {
  border-radius: 999px;
  height: 9px;
  width: 9px;
}

.tooltip-name {
  color: var(--muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tooltip-value {
  align-items: center;
  display: inline-flex;
  font-variant-numeric: tabular-nums;
  gap: 5px;
  white-space: nowrap;
}

.tooltip-raw {
  color: var(--ink);
  font-weight: 800;
}

.chart-tooltip.cohort-tooltip {
  border-color: rgba(98, 91, 246, 0.22);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(17, 19, 38, 0.2);
  gap: 8px;
  padding: 13px 14px;
  width: min(284px, calc(100% - 20px));
}

.chart-tooltip.event-tooltip {
  border-color: rgba(98, 91, 246, 0.24);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(17, 19, 38, 0.2);
  gap: 8px;
  padding: 13px 14px;
  width: min(258px, calc(100% - 28px));
}

.event-tooltip.event-b-tooltip {
  border-color: rgba(47, 157, 204, 0.32);
}

.event-tooltip.event-b-tooltip .tooltip-role {
  color: #247fa7;
}

.event-tooltip.peer-event-tooltip .tooltip-role {
  color: #6d7387;
}

.event-tooltip-heading {
  display: grid;
  gap: 2px;
}

.event-tooltip-heading strong {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.25;
}

.event-tooltip-heading small {
  color: #858b9d;
  font-size: 9px;
  font-weight: 700;
}

.event-tooltip .tooltip-row {
  font-size: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.event-tooltip .tooltip-value {
  color: var(--ink);
  font-weight: 850;
}

.chart-tooltip.reward-tooltip {
  border-color: rgba(98, 91, 246, 0.22);
  border-radius: 12px;
  box-shadow: 0 18px 48px rgba(17, 19, 38, 0.2);
  gap: 8px;
  padding: 13px 14px;
  width: min(260px, calc(100% - 20px));
}

.tooltip-divider {
  background: #ececf3;
  height: 1px;
}

.tooltip-rows {
  display: grid;
  gap: 7px;
}

.cohort-tooltip .tooltip-row {
  font-size: 11px;
}

.cohort-tooltip .tooltip-value {
  display: grid;
  gap: 0;
  justify-items: end;
}

.cohort-tooltip .tooltip-value small {
  color: #8a90a3;
  font-size: 8px;
  font-weight: 700;
}

.reward-tooltip .tooltip-value {
  display: grid;
  gap: 0;
  justify-items: end;
}

.reward-tooltip .tooltip-value small {
  color: #8a90a3;
  font-size: 8px;
  font-weight: 700;
}

.tooltip-total {
  align-items: center;
  border-top: 1px solid #ececf3;
  display: flex;
  font-size: 11px;
  justify-content: space-between;
  padding-top: 8px;
}

.tooltip-total span {
  color: var(--muted);
  font-weight: 700;
}

.tooltip-total strong {
  color: var(--ink);
  font-size: 12px;
}

.tooltip-note {
  color: #8a90a3;
  font-size: 8px;
  line-height: 1.35;
}

.tooltip-pct {
  font-weight: 700;
}

.pct-up {
  color: #3f7b68;
}

.pct-down {
  color: #b8564e;
}

.split-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
}

.table-frame {
  border: 1px solid var(--line);
  border-radius: 8px;
  max-height: 360px;
  overflow: auto;
}

.table-frame.tall {
  max-height: 460px;
}

table {
  border-collapse: collapse;
  min-width: 100%;
  width: 100%;
}

th,
td {
  border-bottom: 1px solid var(--line);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

th {
  background: var(--panel-soft);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  position: sticky;
  text-transform: uppercase;
  top: 0;
  z-index: 1;
}

td {
  font-size: 14px;
}

td.wrap {
  max-width: 360px;
  overflow-wrap: anywhere;
  white-space: normal;
}

.num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.badge {
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
}

.badge.ready {
  background: rgba(63, 123, 104, 0.14);
  color: var(--green);
}

.badge.waiting {
  background: rgba(188, 122, 33, 0.14);
  color: var(--amber);
}

.badge.error {
  background: rgba(184, 86, 78, 0.14);
  color: var(--red);
}

.event-summary,
.flow-list,
.disposition-list {
  display: grid;
  gap: 10px;
}

.summary-row,
.flow-row,
.disposition-row {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 12px;
}

.summary-row strong,
.flow-row strong,
.disposition-row strong {
  font-size: 14px;
}

.summary-row span,
.flow-row span,
.disposition-row span {
  color: var(--muted);
  font-size: 13px;
}

.flow-meter {
  background: #e6ebe6;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.flow-meter span {
  background: var(--blue);
  display: block;
  height: 100%;
  min-width: 4px;
}

.search-input {
  max-width: 260px;
}

@media (max-width: 1180px) {
  .workspace {
    grid-template-columns: 1fr;
  }

  .controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

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

  .coverage-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .topbar,
  .panel-header {
    align-items: stretch;
    flex-direction: column;
  }

  .workspace {
    padding: 12px;
  }

  .controls,
  .metric-grid,
  .split-grid,
  .finding-grid,
  .coverage-items {
    grid-template-columns: 1fr;
  }

  .section-nav {
    overflow-x: auto;
    position: static;
  }

  .section-nav a {
    flex: 0 0 auto;
  }

  .section-anchor {
    scroll-margin-top: 20px;
  }

  .coverage-items div {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    padding: 8px 0 0;
  }

  .canvas-frame {
    height: 360px;
  }

  th,
  td {
    padding: 9px;
  }
}

/* Premium fixed top-wallet net-flow study. Published counted-flow results stay
   visually distinct from the optional other_in sensitivity scenario. */
.net-flow-panel { overflow: hidden; }
.net-flow-panel .panel-header { align-items: flex-start; }
.net-flow-toggle { align-items: center; background: #f7f7fc; border: 1px solid #e1e2eb; border-radius: 13px; cursor: pointer; display: flex; gap: 10px; min-width: 205px; padding: 10px 11px; }
.net-flow-toggle > span { display: grid; flex: 1; }
.net-flow-toggle strong { color: #555c70; font-size: 9px; }
.net-flow-toggle small { color: #949aac; font-size: 7px; }
.net-flow-toggle code,.net-flow-panel code { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.net-flow-toggle input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.net-flow-toggle > i { background: #dfe1e9; border-radius: 999px; display: block; height: 20px; position: relative; transition: background .18s ease; width: 36px; }
.net-flow-toggle > i::after { background: #fff; border-radius: 50%; box-shadow: 0 2px 6px rgba(25,28,48,.18); content: ""; height: 16px; left: 2px; position: absolute; top: 2px; transition: transform .18s ease; width: 16px; }
.net-flow-toggle input:checked + i { background: #625bf3; }
.net-flow-toggle input:checked + i::after { transform: translateX(16px); }
.net-flow-toggle:has(input:focus-visible) { outline: 3px solid rgba(98,91,243,.22); outline-offset: 2px; }

.net-flow-summary { display: grid; gap: 10px; grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); }
.net-flow-hero { background: radial-gradient(circle at 100% 0,rgba(91,200,249,.22),transparent 58%),linear-gradient(140deg,#101329,#29255e); border: 1px solid rgba(104,96,241,.52); border-radius: 17px; box-shadow: 0 17px 34px rgba(35,31,93,.17); display: flex; flex-direction: column; justify-content: center; min-height: 164px; padding: 19px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.net-flow-hero small { color: #8bddff; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.net-flow-hero > strong { color: #fff; font-size: 34px; letter-spacing: -.045em; line-height: 1; margin-top: 7px; }
.net-flow-hero > strong span { font-size: 12px; letter-spacing: 0; }
.net-flow-hero > b { color: #ff9a8f; font-size: 13px; margin-top: 4px; text-transform: uppercase; }
.net-flow-hero p { color: rgba(255,255,255,.57); font-size: 8px; margin: 10px 0 0; }
.net-flow-support { display: grid; gap: 8px; }
.net-flow-support > span { background: linear-gradient(145deg,#f8f7ff,#fbfbfe); border: 1px solid #e3e3ed; border-radius: 12px; display: grid; padding: 11px 12px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.net-flow-support small { color: #7e8497; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.net-flow-support strong { color: #181b2d; font-size: 18px; }
.net-flow-support em { color: #969cad; font-size: 8px; font-style: normal; }

.net-flow-balance { background: #f8f8fc; border: 1px solid #e2e3ec; border-radius: 15px; display: grid; gap: 11px; margin-top: 12px; padding: 14px; }
.net-flow-section-head { align-items: flex-start; display: flex; justify-content: space-between; }
.net-flow-section-head > div { display: grid; }
.net-flow-section-head span,.net-flow-list-head span { color: #625bf0; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.net-flow-section-head strong { color: #25293b; font-size: 10px; }
.net-flow-section-head > small { color: #969cad; font-size: 7px; }
.net-flow-balance-row { display: grid; gap: 5px; transition: opacity .18s ease,transform .18s ease; }
.net-flow-balance-row > div:first-child { display: flex; justify-content: space-between; }
.net-flow-balance-row strong,.net-flow-balance-row span { color: #656c80; font-size: 9px; }
.net-flow-track,.net-flow-wallet-track { background: #e6e8f0; border-radius: 999px; height: 8px; overflow: hidden; }
.net-flow-track span,.net-flow-wallet-track span { border-radius: inherit; display: block; height: 100%; }
.net-flow-track .is-out,.net-flow-wallet-row.is-out .net-flow-wallet-track span { background: linear-gradient(90deg,#e16658,#f08b75); }
.net-flow-track .is-in,.net-flow-wallet-row.is-in .net-flow-wallet-track span { background: linear-gradient(90deg,#348b74,#62c4a4); }

.net-flow-sensitivity { margin-top: 10px; }
.net-flow-sensitivity-boundary,.net-flow-sensitivity-active { border-radius: 14px; display: grid; padding: 13px 14px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.net-flow-sensitivity-boundary { background: #fff8f5; border: 1px solid #f0d9d2; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
.net-flow-sensitivity-boundary > span { display: grid; }
.net-flow-sensitivity-boundary small,.net-flow-sensitivity-active small { color: #c35d52; font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.net-flow-sensitivity-boundary strong { color: #8b443c; font-size: 11px; }
.net-flow-sensitivity-boundary p { color: #8e776f; font-size: 8px; line-height: 1.5; margin: 0; }
.net-flow-sensitivity-active { align-items: center; background: radial-gradient(circle at 100% 0,rgba(87,197,244,.25),transparent 55%),linear-gradient(135deg,#16203c,#293473); border: 1px solid #4d5ca7; grid-template-columns: minmax(0,1fr) auto; }
.net-flow-sensitivity-active > span { display: grid; }
.net-flow-sensitivity-active small { color: #85d9ff; }
.net-flow-sensitivity-active strong { color: #fff; font-size: 20px; }
.net-flow-sensitivity-active em { color: rgba(255,255,255,.6); font-size: 8px; font-style: normal; }
.net-flow-sensitivity-active > div { border-left: 1px solid rgba(255,255,255,.16); display: grid; margin-left: 14px; padding-left: 14px; }
.net-flow-sensitivity-active > div strong { color: #fff; font-size: 12px; }

.net-flow-lists { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 12px; }
.net-flow-list-group { background: #f9f9fc; border: 1px solid #e2e3ec; border-radius: 15px; display: grid; gap: 7px; padding: 12px; }
.net-flow-list-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 2px; }
.net-flow-list-head strong { color: #969cad; font-size: 8px; }
.net-flow-wallet-row { align-items: center; background: #fff; border: 1px solid #e7e7ef; border-radius: 11px; display: grid; gap: 3px 8px; grid-template-columns: auto minmax(0,1fr) auto; padding: 8px 9px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.net-flow-rank { align-items: center; background: #f0efff; border-radius: 7px; color: #5c55df; display: inline-flex; font-size: 7px; font-weight: 950; grid-row: 1 / 3; height: 23px; justify-content: center; width: 25px; }
.net-flow-wallet-main,.net-flow-wallet-value { display: grid; min-width: 0; }
.net-flow-wallet-main strong { color: #303449; font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.net-flow-wallet-main small,.net-flow-wallet-value small { color: #989eaf; font-size: 7px; }
.net-flow-wallet-value { text-align: right; }
.net-flow-wallet-value strong { color: #c55449; font-size: 10px; }
.net-flow-wallet-row.is-in .net-flow-wallet-value strong { color: #2f8069; }
.net-flow-wallet-row.is-flipped { border-color: #9dd8c7; background: #f5fffb; }
.net-flow-wallet-row.is-flipped .net-flow-rank { background: #dff6ed; color: #2e7d67; }
.net-flow-wallet-track { grid-column: 2 / -1; height: 5px; }

.net-flow-readout { margin-top: 12px; min-height: 0; }
.net-flow-readout-grid { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.net-flow-readout-grid > span { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.07); border-radius: 11px; display: grid; padding: 10px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.net-flow-readout-grid small { color: #838a9c; font-size: 7px; text-transform: uppercase; }
.net-flow-readout-grid strong { color: #fff; font-size: 15px; }
.net-flow-readout-grid em { color: #8f96a7; font-size: 7px; font-style: normal; }
.net-flow-readout > p { color: #aab0c1; font-size: 9px; line-height: 1.55; margin-bottom: 0; }
.net-flow-readout > p strong { color: #fff; }
.net-flow-panel.has-linked-net-flow [data-net-flow-link]:not(.is-linked) { opacity: .35; }
.net-flow-panel [data-net-flow-link].is-linked { box-shadow: 0 11px 27px rgba(43,38,127,.15); opacity: 1; transform: translateY(-1px); }
.net-flow-panel [data-net-flow-link]:focus-visible { outline: 3px solid rgba(98,91,243,.24); outline-offset: 2px; }

@media (max-width: 1120px) {
  .net-flow-lists { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 760px) {
  .net-flow-panel .panel-header { align-items: stretch; }
  .net-flow-toggle { min-width: 0; width: 100%; }
  .net-flow-summary { grid-template-columns: minmax(0,1fr); }
  .net-flow-support { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .net-flow-sensitivity-boundary,.net-flow-sensitivity-active { gap: 9px; grid-template-columns: minmax(0,1fr); }
  .net-flow-sensitivity-active > div { border-left: 0; border-top: 1px solid rgba(255,255,255,.16); margin-left: 0; padding-left: 0; padding-top: 9px; }
  .net-flow-readout-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 520px) {
  .net-flow-support { grid-template-columns: minmax(0,1fr); }
  .net-flow-section-head { gap: 5px; flex-direction: column; }
}

/* Premium reward-disposition and withdrawal-recipient evidence surfaces */
section.reward-disposition-panel,
section.withdrawal-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(110, 101, 255, 0.055), transparent 30%),
    #fff;
  overflow: hidden;
}

#rewardDispositionSummary > span,
#withdrawalSummary > span {
  min-height: 124px;
  overflow: hidden;
  position: relative;
}

#rewardDispositionSummary > span::after,
#withdrawalSummary > span::after {
  background: linear-gradient(90deg, var(--summary-accent, #756df4), transparent);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}

.disposition-summary .disposition-rate-hero,
.withdrawal-summary .withdrawal-redirect-hero {
  background: linear-gradient(135deg, #0b1022 0%, #211d52 72%, #354f88 130%);
  border-color: rgba(126, 118, 255, 0.5);
  box-shadow: 0 20px 40px rgba(20, 25, 65, 0.2);
  color: #fff;
}

.disposition-summary .disposition-rate-hero::before,
.withdrawal-summary .withdrawal-redirect-hero::before {
  background: rgba(94, 222, 191, 0.14);
  border-radius: 999px;
  content: "";
  height: 110px;
  position: absolute;
  right: -32px;
  top: -48px;
  width: 110px;
}

.disposition-summary .disposition-rate-hero small,
.disposition-summary .disposition-rate-hero em,
.withdrawal-summary .withdrawal-redirect-hero small,
.withdrawal-summary .withdrawal-redirect-hero em {
  color: rgba(255, 255, 255, 0.66);
}

.disposition-summary .disposition-rate-hero strong,
.withdrawal-summary .withdrawal-redirect-hero strong {
  color: #fff;
  font-size: clamp(30px, 2.3vw, 42px);
}

.commission-stat,
.disposition-cex-stat { --summary-accent: #ef705f; }
.delegator-stat { --summary-accent: #6b63f6; }
.withdrawal-delegator-stat { --summary-accent: #655df5; }
.withdrawal-unidentified-stat,
.withdrawal-redirect-hero { --summary-accent: #ef705f; }

.disposition-comparison-ribbon,
.withdrawal-flow-ribbon {
  background: linear-gradient(135deg, #f8f8ff, #f2f4fb);
  border: 1px solid #dddff0;
  border-radius: 18px;
  margin: 20px 0 24px;
  padding: 14px;
}

.disposition-comparison-ribbon {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.disposition-ribbon-population {
  align-items: center;
  background: #fff;
  border: 1px solid #e1e3ef;
  border-radius: 14px;
  display: grid;
  gap: 2px 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 15px 17px;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.disposition-ribbon-population::before {
  background: var(--kind-color);
  border-radius: 999px;
  content: "";
  grid-row: 1 / 3;
  height: 34px;
  width: 4px;
}

.disposition-ribbon-population.commission { --kind-color: #e86355; }
.disposition-ribbon-population.delegator { --kind-color: #665ff2; }
.disposition-ribbon-population span { font-size: 13px; font-weight: 850; }
.disposition-ribbon-population strong { font-size: 24px; grid-column: 3; grid-row: 1 / 3; }
.disposition-ribbon-population small { color: #858b9f; font-size: 11px; font-weight: 700; grid-column: 2; }

.disposition-ribbon-comparison {
  align-content: center;
  display: grid;
  justify-items: center;
  min-width: 164px;
  padding: 3px 12px;
}
.disposition-ribbon-comparison small { color: #858b9f; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.disposition-ribbon-comparison strong { color: #181a2c; font-size: 20px; }
.disposition-ribbon-comparison em { color: #6d64ef; font-size: 11px; font-style: normal; font-weight: 800; }

.disposition-analysis-grid > article,
.withdrawal-analysis-grid > article {
  background: linear-gradient(180deg, #fff, #fafaff);
  border: 1px solid #dfe1ee;
  border-radius: 20px;
  box-shadow: 0 16px 36px rgba(27, 31, 75, 0.065);
  padding: 22px;
}

.disposition-origin-list,
.disposition-route-list,
.withdrawal-recipient-list,
.withdrawal-concentration-list {
  display: grid;
  gap: 9px;
  margin-top: 15px;
}

.disposition-origin-row,
.disposition-route-row,
.withdrawal-recipient-row,
.withdrawal-concentration-row {
  --kind-color: #6c65f4;
  background: #fff;
  border: 1px solid #e5e6ef;
  border-radius: 14px;
  padding: 13px 14px;
  transition: border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.disposition-origin-row.kind-validator_commission,
.disposition-route-row.kind-validator_commission,
.withdrawal-recipient-row.kind-redirected_unlabeled { --kind-color: #e96657; }
.withdrawal-recipient-row.kind-redirected_validator { --kind-color: #39a58a; }
.withdrawal-recipient-row.kind-same_address { --kind-color: #655df5; }

.disposition-row-label,
.withdrawal-row-label {
  align-items: baseline;
  display: grid;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  margin-bottom: 9px;
}
.disposition-row-label .rank,
.withdrawal-row-label .rank {
  color: var(--kind-color, #655df5);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
}
.disposition-row-label strong,
.withdrawal-row-label strong { color: #25283b; font-size: 12px; }
.disposition-row-label strong b { color: var(--kind-color); }
.disposition-row-label > span:last-child,
.withdrawal-row-label > span:last-child { color: #72798e; font-size: 11px; font-weight: 750; text-align: right; }

.disposition-track,
.withdrawal-track {
  background: #e9eaf2;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}
.disposition-track i,
.withdrawal-track i {
  background: linear-gradient(90deg, var(--kind-color), color-mix(in srgb, var(--kind-color) 72%, #fff));
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 2px;
}
.withdrawal-concentration-row { --kind-color: #7e86a3; }
.withdrawal-concentration-row:nth-child(4) { --kind-color: #665ff2; }
.disposition-scale-note { color: #9096aa; font-size: 10px; font-weight: 750; margin: 0 0 2px; text-align: right; }

.withdrawal-flow-ribbon { padding: 18px 20px; }
.withdrawal-flow-head { align-items: center; display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-bottom: 12px; }
.withdrawal-flow-head span { color: #222538; font-size: 13px; font-weight: 900; }
.withdrawal-flow-head strong { font-size: 13px; }
.withdrawal-flow-head small { color: #8a90a2; font-size: 10px; grid-column: 1 / -1; margin-top: 3px; }
.withdrawal-flow-track { border-radius: 12px; display: flex; height: 36px; overflow: hidden; }
.withdrawal-flow-track button { border: 0; color: #fff; cursor: pointer; font: inherit; min-width: 48px; padding: 0; transition: filter 180ms ease, opacity 180ms ease; }
.withdrawal-flow-track button span { font-size: 11px; font-weight: 900; }
.withdrawal-flow-track .flow-same { background: linear-gradient(90deg, #5e57e9, #7771fa); }
.withdrawal-flow-track .flow-redirected { background: linear-gradient(90deg, #ec725f, #f08d70); }
.withdrawal-flow-labels { display: flex; justify-content: space-between; margin-top: 10px; }
.withdrawal-flow-labels span { align-items: center; color: #747b8e; display: flex; font-size: 10px; font-weight: 750; gap: 6px; }
.withdrawal-flow-labels i { background: #655df5; border-radius: 50%; height: 7px; width: 7px; }
.withdrawal-flow-labels i.redirected { background: #ec725f; }

.reward-disposition-panel .disposition-readout,
.withdrawal-panel .withdrawal-readout {
  background: radial-gradient(circle at 100% 0, rgba(102, 95, 242, .25), transparent 32%), #090d1b;
  border: 1px solid #222a47;
  border-radius: 20px;
  box-shadow: 0 20px 42px rgba(11, 15, 35, .18);
  padding: 22px 24px;
}
.disposition-readout-layout,
.withdrawal-readout-layout { display: grid; gap: 16px; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); }
.disposition-readout-lead,
.withdrawal-readout-lead { background: linear-gradient(135deg, rgba(106, 98, 245, .22), rgba(255,255,255,.035)); border: 1px solid rgba(130, 123, 255, .28); border-radius: 15px; display: grid; padding: 17px; }
.disposition-readout-lead small,
.withdrawal-readout-lead small { color: #8bd9ff; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.disposition-readout-lead strong,
.withdrawal-readout-lead strong { color: #fff; font-size: 34px; line-height: 1.1; margin-top: 4px; }
.disposition-readout-lead span,
.withdrawal-readout-lead span { color: #fff; font-size: 13px; font-weight: 850; }
.disposition-readout-lead p,
.withdrawal-readout-lead p { border: 0; color: #aeb4c8; font-size: 11px; margin: 10px 0 0; padding: 0; }
.reward-disposition-panel .disposition-readout .readout-stats,
.withdrawal-panel .withdrawal-readout .readout-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.reward-disposition-panel .disposition-readout > p,
.withdrawal-panel .withdrawal-readout > p { border-top: 1px solid rgba(255,255,255,.1); color: #aeb4c8; margin-top: 16px; padding-top: 14px; }

.reward-disposition-panel.has-linked-disposition-kind [data-disposition-kind]:not(.is-linked),
.withdrawal-panel.has-linked-withdrawal-kind [data-withdrawal-kind]:not(.is-linked) { opacity: .42; }
.reward-disposition-panel [data-disposition-kind].is-linked,
.withdrawal-panel [data-withdrawal-kind].is-linked { border-color: var(--kind-color, #746df4); box-shadow: 0 10px 24px rgba(46, 45, 105, .12); opacity: 1; transform: translateY(-1px); }
.reward-disposition-panel [data-disposition-kind]:focus-visible,
.withdrawal-panel [data-withdrawal-kind]:focus-visible { outline: 3px solid rgba(105, 97, 244, .25); outline-offset: 2px; }

@media (max-width: 900px) {
  .disposition-comparison-ribbon { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .disposition-ribbon-comparison { grid-column: 1 / -1; grid-row: 2; }
  .disposition-readout-layout,
  .withdrawal-readout-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  #rewardDispositionSummary > span,
  #withdrawalSummary > span { min-height: 108px; }
  .disposition-comparison-ribbon { grid-template-columns: minmax(0, 1fr); }
  .disposition-ribbon-comparison { grid-column: auto; grid-row: auto; }
  .disposition-row-label,
  .withdrawal-row-label { grid-template-columns: auto minmax(0, 1fr); }
  .disposition-row-label > span:last-child,
  .withdrawal-row-label > span:last-child { grid-column: 2; text-align: left; }
  .withdrawal-flow-labels { align-items: flex-start; flex-direction: column; gap: 5px; }
}

/* Premium positive-scale participation and unbonding comparisons. */
.participation-summary > span,
.unbonding-summary > span {
  min-height: 104px;
  position: relative;
}

.participation-summary .participation-divergence-hero,
.unbonding-summary .unbonding-final-hero {
  background:
    radial-gradient(circle at 92% 12%, rgba(91, 197, 255, 0.2), transparent 35%),
    linear-gradient(135deg, #111328, #262958);
  border-color: rgba(112, 102, 247, 0.6);
  box-shadow: 0 14px 30px rgba(24, 25, 55, 0.16);
}

.participation-summary .participation-divergence-hero small,
.participation-summary .participation-divergence-hero em,
.unbonding-summary .unbonding-final-hero small,
.unbonding-summary .unbonding-final-hero em {
  color: #aeb5cc;
}

.participation-summary .participation-divergence-hero strong,
.unbonding-summary .unbonding-final-hero strong {
  color: #ffffff;
}

.participation-summary .participation-peak-stat {
  background: linear-gradient(145deg, rgba(98, 91, 246, 0.09), rgba(255, 255, 255, 0.96));
  border-color: rgba(98, 91, 246, 0.22);
}

.participation-summary .intensity-peak-stat {
  background: linear-gradient(145deg, rgba(74, 190, 239, 0.1), rgba(255, 255, 255, 0.96));
  border-color: rgba(47, 157, 204, 0.22);
}

.unbonding-summary .unbonding-change-stat {
  background: linear-gradient(145deg, rgba(226, 122, 109, 0.1), rgba(255, 255, 255, 0.96));
  border-color: rgba(200, 94, 87, 0.25);
}

.unbonding-summary .unbonding-peak-stat {
  background: linear-gradient(145deg, rgba(98, 91, 246, 0.08), rgba(255, 255, 255, 0.96));
  border-color: rgba(98, 91, 246, 0.2);
}

.participation-summary [data-participation-week],
.unbonding-summary [data-unbonding-week] {
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.participation-summary [data-participation-week]:focus-visible,
.unbonding-summary [data-unbonding-week]:focus-visible {
  box-shadow: 0 0 0 3px rgba(98, 91, 246, 0.2), 0 14px 30px rgba(24, 25, 55, 0.12);
}

.participation-comparison-shell,
.unbonding-chart-shell {
  border-color: #e1e2ed;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 14px 34px rgba(39, 40, 78, 0.06);
  padding: 18px;
}

.participation-comparison-shell .participation-scroll {
  gap: 29px;
  padding-top: 50px;
}

.participation-comparison-shell .participation-chart {
  min-width: 940px;
}

.participation-comparison-shell .participation-bars {
  background-image: linear-gradient(to top, rgba(225, 226, 235, 0.8) 1px, transparent 1px);
  background-size: 100% 50%;
  height: 120px;
}

.participation-comparison-shell .participation-bar {
  transition: opacity 160ms ease, transform 160ms ease;
}

.participation-comparison-shell .participation-bar > i {
  box-shadow: 0 5px 12px rgba(98, 91, 246, 0.16);
}

.participation-comparison-shell .participation-bar.intensity > i {
  box-shadow: 0 5px 12px rgba(47, 157, 204, 0.15);
}

.participation-comparison-shell .participation-bar.is-peak > i {
  box-shadow: 0 0 0 2px rgba(98, 91, 246, 0.2), 0 9px 20px rgba(39, 40, 78, 0.2);
}

.weekly-insight-tooltip {
  background: linear-gradient(145deg, #111326, #1b1e3a);
  border: 1px solid rgba(143, 138, 255, 0.38);
  border-radius: 13px;
  box-shadow: 0 18px 38px rgba(17, 19, 38, 0.24);
  color: #ffffff;
  display: grid;
  gap: 10px;
  opacity: 0;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  top: -42px;
  transform: translateY(5px) scale(0.985);
  transition: opacity 130ms ease, transform 130ms ease, visibility 130ms ease;
  visibility: hidden;
  width: 286px;
  z-index: 22;
}

.weekly-insight-tooltip.tooltip-east {
  left: calc(100% + 10px);
}

.weekly-insight-tooltip.tooltip-west {
  right: calc(100% + 10px);
}

.weekly-insight-tooltip::after {
  background: #171a33;
  content: "";
  height: 10px;
  position: absolute;
  top: 48px;
  transform: rotate(45deg);
  width: 10px;
}

.weekly-insight-tooltip.tooltip-east::after {
  border-bottom: 1px solid rgba(143, 138, 255, 0.38);
  border-left: 1px solid rgba(143, 138, 255, 0.38);
  left: -6px;
}

.weekly-insight-tooltip.tooltip-west::after {
  border-right: 1px solid rgba(143, 138, 255, 0.38);
  border-top: 1px solid rgba(143, 138, 255, 0.38);
  right: -6px;
}

.weekly-tooltip-head,
.weekly-tooltip-metrics,
.weekly-tooltip-result {
  display: grid;
}

.weekly-tooltip-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  gap: 3px;
  padding-bottom: 9px;
}

.weekly-tooltip-head > small {
  color: #9e97ff;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.weekly-tooltip-head > strong {
  color: #ffffff;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.weekly-tooltip-head > strong i {
  color: #7e849b;
  font-style: normal;
  padding: 0 2px;
}

.weekly-tooltip-metrics {
  gap: 7px;
}

.weekly-tooltip-metrics > span {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: 7px minmax(0, 1fr) auto;
}

.weekly-tooltip-metrics i {
  border-radius: 999px;
  height: 7px;
  width: 7px;
}

.weekly-tooltip-metrics i.wallets,
.weekly-tooltip-metrics i.queue {
  background: #7770ff;
  box-shadow: 0 0 0 3px rgba(119, 112, 255, 0.12);
}

.weekly-tooltip-metrics i.intensity {
  background: #4abef0;
  box-shadow: 0 0 0 3px rgba(74, 190, 240, 0.12);
}

.weekly-tooltip-metrics i.delegated {
  background: #e2a35e;
  box-shadow: 0 0 0 3px rgba(226, 163, 94, 0.12);
}

.weekly-tooltip-metrics small {
  color: #abb2c2;
  font-size: 8.5px;
  font-weight: 700;
}

.weekly-tooltip-metrics strong {
  color: #ffffff;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.weekly-tooltip-result {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  gap: 8px;
  grid-template-columns: auto minmax(0, 1fr);
  padding: 7px 8px;
}

.weekly-tooltip-result > strong {
  background: rgba(143, 138, 255, 0.18);
  border: 1px solid rgba(143, 138, 255, 0.3);
  border-radius: 999px;
  color: #c5c1ff;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  padding: 3px 7px;
  white-space: nowrap;
}

.weekly-tooltip-result > span {
  color: #d2d6e1;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 820;
  line-height: 1.25;
  min-width: 0;
  text-align: right;
}

.weekly-tooltip-result > span.above {
  color: #ff9f94;
}

.weekly-tooltip-result > span.below {
  color: #73d3b5;
}

.participation-bar:hover,
.participation-bar:focus-visible,
.unbonding-week:hover,
.unbonding-week:focus-visible {
  z-index: 20;
}

.participation-bar:hover .weekly-insight-tooltip,
.participation-bar:focus-visible .weekly-insight-tooltip,
.unbonding-week:hover .weekly-insight-tooltip,
.unbonding-week:focus-visible .weekly-insight-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}

.participation-chart.intensity .weekly-insight-tooltip {
  top: 6px;
}

.participation-readout,
.unbonding-readout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.participation-readout-layout,
.unbonding-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.6fr);
}

.participation-readout-lead,
.unbonding-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.participation-readout-lead > span,
.unbonding-readout-lead > span {
  color: #9d95ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.participation-readout-lead > strong,
.unbonding-readout-lead > strong {
  color: #ffffff;
  font-size: 23px;
  letter-spacing: -0.025em;
}

.participation-readout-lead p,
.unbonding-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.participation-readout .readout-stats,
.unbonding-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.participation-readout [data-participation-week],
.unbonding-readout [data-unbonding-week] {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.participation-readout [data-participation-week]:focus-visible,
.unbonding-readout [data-unbonding-week]:focus-visible {
  box-shadow: 0 0 0 2px rgba(109, 99, 239, 0.5);
}

.participation-readout-footnote,
.unbonding-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.participation-panel.has-linked-participation-week [data-participation-week]:not(.is-linked),
.unbonding-panel.has-linked-unbonding-week [data-unbonding-week]:not(.is-linked) {
  opacity: 0.46;
}

.participation-panel [data-participation-week].is-linked,
.unbonding-panel [data-unbonding-week].is-linked {
  opacity: 1;
  transform: translateY(-1px);
}

.participation-panel .participation-bar.is-linked > i,
.unbonding-panel .unbonding-week.is-linked > i {
  filter: saturate(1.2) brightness(0.94);
  box-shadow: 0 0 0 2px rgba(98, 91, 246, 0.24), 0 9px 18px rgba(39, 40, 78, 0.18);
}

.participation-summary [data-participation-week].is-linked,
.unbonding-summary [data-unbonding-week].is-linked {
  border-color: rgba(98, 91, 246, 0.42);
  box-shadow: 0 13px 28px rgba(39, 40, 78, 0.12);
}

.participation-readout [data-participation-week].is-linked,
.unbonding-readout [data-unbonding-week].is-linked {
  background: rgba(109, 99, 239, 0.16);
  border-color: rgba(143, 138, 255, 0.42);
}

.unbonding-chart-shell .participation-scroll {
  padding-top: 50px;
}

.unbonding-chart-shell .participation-chart {
  min-width: 940px;
}

.unbonding-chart-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin: 0 2px 10px 43px;
}

.unbonding-chart-label strong {
  color: #575d70;
  font-size: 10.5px;
  letter-spacing: 0.03em;
}

.unbonding-chart-label span {
  color: #8b90a1;
  font-size: 8.5px;
  font-weight: 750;
}

.unbonding-bar-plot {
  background-image: linear-gradient(to top, rgba(222, 223, 233, 0.88) 1px, transparent 1px);
  background-size: 100% 50%;
  height: 210px;
  margin-bottom: 20px;
  position: relative;
}

.unbonding-axis-labels {
  color: #9298a9;
  display: flex;
  flex-direction: column;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  inset: 0 auto 0 0;
  justify-content: space-between;
  position: absolute;
  width: 38px;
}

.unbonding-bars {
  align-items: end;
  border-bottom: 1px solid #d8dae5;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(22, minmax(23px, 1fr));
  height: 100%;
  margin-left: 43px;
}

.unbonding-week {
  align-items: end;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  position: relative;
  transition: opacity 160ms ease, transform 160ms ease;
}

.unbonding-week > i {
  background: linear-gradient(180deg, #625bf6, #817aff);
  border-radius: 5px 5px 2px 2px;
  box-shadow: 0 5px 12px rgba(98, 91, 246, 0.16);
  display: block;
  height: max(4px, var(--bar-height));
  transition: filter 150ms ease, transform 150ms ease;
  width: 78%;
}

.unbonding-week.is-peak > i {
  background: linear-gradient(180deg, #e27a6d, #c85e57);
  box-shadow: 0 0 0 2px rgba(200, 94, 87, 0.18), 0 9px 18px rgba(200, 94, 87, 0.2);
}

.unbonding-week.is-trough > i {
  background: linear-gradient(180deg, #62c2a4, #33977b);
  box-shadow: 0 0 0 2px rgba(51, 151, 123, 0.17), 0 8px 16px rgba(51, 151, 123, 0.18);
}

.unbonding-week.is-final > i {
  box-shadow: 0 0 0 2px rgba(98, 91, 246, 0.25), 0 9px 19px rgba(39, 40, 78, 0.2);
}

.unbonding-week:hover > i,
.unbonding-week:focus-visible > i {
  filter: saturate(1.2) brightness(0.94);
  transform: translateY(-2px);
}

.unbonding-week:focus-visible {
  border-radius: 6px;
  outline: 3px solid rgba(98, 91, 246, 0.22);
  outline-offset: 3px;
}

.unbonding-week > small {
  bottom: -18px;
  color: #9196a6;
  font-size: 7px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.unbonding-mean-line {
  border-top: 1.5px dashed #858b9c;
  left: 43px;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 4;
}

.unbonding-mean-line > span {
  background: #f8f8fd;
  border: 1px solid #dfe0e9;
  border-radius: 999px;
  color: #646a7d;
  font-size: 8px;
  font-weight: 900;
  padding: 3px 7px;
  position: absolute;
  right: 8px;
  top: -11px;
}

@media (max-width: 900px) {
  .participation-readout-layout,
  .unbonding-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .participation-readout-lead,
  .unbonding-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .participation-summary,
  .unbonding-summary,
  .participation-readout .readout-stats,
  .unbonding-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .participation-comparison-shell,
  .unbonding-chart-shell {
    padding: 14px;
  }
}

/* ---- Phase 1 additions ---- */
.hint {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
  margin: 8px 0 0;
}

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

.header-controls {
  align-items: center;
  display: flex;
  gap: 10px;
}

.header-controls select {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 10px;
}

.canvas-frame.short {
  height: 250px;
  margin-bottom: 12px;
}

.stat-row {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
}

.stat-row span {
  color: var(--muted);
  font-size: 13px;
}

.stat-row strong {
  font-size: 14px;
  white-space: nowrap;
}

.dispo-row {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 6px;
  padding: 10px 12px;
}

.dispo-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.dispo-head span {
  color: var(--muted);
  font-size: 12.5px;
  text-align: right;
}

.dispo-bar {
  background: #e6ebe6;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.dispo-bar span {
  background: var(--red);
  border-radius: 999px;
  display: block;
  height: 100%;
}

.flow-list h3,
.disposition-list h3 {
  font-size: 13px;
  letter-spacing: 0.04em;
  margin: 6px 0 0;
  text-transform: uppercase;
  color: var(--muted);
}

.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12.5px;
}

.wallet-link {
  color: var(--blue);
  text-decoration: none;
}

.wallet-link:hover {
  text-decoration: underline;
}

tbody tr[data-addr] {
  cursor: pointer;
}

tbody tr.selected td {
  background: rgba(47, 111, 167, 0.1);
}

.drill {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-top: 12px;
  padding: 14px 16px;
}

.drill-head {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
}

.drill-head span {
  color: var(--muted);
  font-size: 13px;
}

.drill-head strong {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.drill-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
}

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

#drillSpark {
  max-width: 100%;
}

.drill-grid h3 {
  font-size: 13px;
  margin: 0 0 6px;
}

.drill-grid p {
  font-size: 13px;
  margin: 4px 0;
}

table.mini {
  border-collapse: collapse;
  width: 100%;
}

table.mini th,
table.mini td {
  border-bottom: 1px solid var(--line);
  font-size: 12.5px;
  padding: 5px 6px;
  text-align: left;
}

table.mini th.num,
table.mini td.num {
  text-align: right;
}

.toggle-row {
  align-items: flex-start;
  color: var(--muted);
  display: inline-flex;
  font-size: 13px;
  gap: 6px;
  line-height: 1.35;
  min-width: 0;
  white-space: normal;
}

.toggle-row input {
  flex: 0 0 auto;
  margin-top: 1px;
}

.warn {
  color: var(--red);
}

.ok {
  color: var(--green);
}

@media (max-width: 900px) {
  .drill-grid {
    grid-template-columns: 1fr;
  }
}

/* ---- Phase 1 report-explorer trust, diagnostics, and accessibility ---- */
.public-badge {
  background: var(--green) !important;
  border-color: var(--green) !important;
  color: #ffffff !important;
  font-weight: 800;
}

.control-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.advanced-drawer {
  align-self: start;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
  min-width: 0;
  overflow: hidden;
}

.advanced-drawer > summary {
  cursor: pointer;
  display: grid;
  gap: 3px;
  list-style-position: inside;
  padding: 14px;
}

.advanced-drawer > summary span {
  color: var(--ink);
  font-size: 14px;
  font-weight: 800;
}

.advanced-drawer > summary small {
  color: var(--muted);
  font-size: 11px;
  margin-left: 18px;
}

.advanced-body {
  border-top: 1px solid var(--line);
  display: grid;
}

.advanced-section {
  display: grid;
  gap: 9px;
  padding: 14px;
}

.advanced-section + .advanced-section {
  border-top: 1px solid var(--line);
}

.advanced-section h2 {
  font-size: 13px;
  margin: 0;
}

.advanced-heading {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.source-diagnostics {
  display: grid;
  gap: 6px;
  max-height: 360px;
  overflow: auto;
}

.source-status {
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  display: grid;
  gap: 8px;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  padding: 8px;
}

.source-status > span:nth-child(2) {
  display: grid;
  min-width: 0;
}

.source-status strong {
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.source-status small {
  color: var(--muted);
  font-size: 10px;
}

.source-dot {
  background: var(--green);
  border-radius: 50%;
  height: 8px;
  width: 8px;
}

.source-status.error .source-dot {
  background: var(--red);
}

.source-status .badge {
  font-size: 9px;
  padding: 2px 6px;
}

.warning-banner {
  align-items: center;
  background: #fff7ed;
  border: 1px solid rgba(188, 122, 33, 0.42);
  border-left: 4px solid var(--amber);
  border-radius: 8px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 14px;
}

.warning-banner[hidden] {
  display: none;
}

.warning-banner p {
  color: var(--muted);
  margin: 2px 0 0;
}

.panel-data-warning,
.panel-data-inline {
  background: #fff0ee;
  border: 1px solid rgba(184, 86, 78, 0.34);
  border-radius: 6px;
  color: var(--red);
  font-size: 12px;
  margin: 0 0 12px;
  padding: 9px 10px;
}

.is-unavailable .table-frame,
.is-unavailable .canvas-frame,
.is-unavailable .event-summary,
.is-unavailable .flow-list,
.is-unavailable .disposition-list {
  opacity: 0.7;
}

.chart-actions,
.header-actions {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.compact-button {
  font-size: 12px;
  min-height: 34px;
  padding: 6px 10px;
}

.chart-summary {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 12px;
  padding: 11px 12px;
}

.chart-summary h3 {
  font-size: 12px;
  margin: 0 0 3px;
  text-transform: uppercase;
}

.chart-summary p,
p.chart-summary {
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 0;
}

.compact-summary {
  margin: 0 0 12px;
}

.denominator-note {
  background: #eef5fb;
  border-left: 3px solid var(--blue);
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 12px;
  padding: 9px 10px;
}

.public-explainer {
  align-items: start;
  background: #eef5fb;
  border: 1px solid rgba(47, 111, 167, 0.24);
  border-left: 4px solid var(--blue);
  border-radius: 8px;
  display: grid;
  gap: 3px;
  grid-template-columns: minmax(240px, 0.75fr) minmax(0, 1.25fr);
  padding: 12px 14px;
}

.public-explainer strong {
  color: var(--ink);
  font-size: 13px;
}

.public-explainer p {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
}

.methodology {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 8px;
  margin-top: 12px;
  padding: 10px 12px;
}

.methodology summary {
  cursor: pointer;
  font-weight: 800;
}

.methodology p {
  color: var(--muted);
  font-size: 12px;
  margin: 8px 0 0;
}

.confidence-high {
  background: rgba(63, 123, 104, 0.14);
  color: var(--green);
}

.confidence-medium {
  background: rgba(188, 122, 33, 0.14);
  color: var(--amber);
}

.confidence-low {
  background: var(--panel-soft);
  color: var(--muted);
}

.link-button {
  background: none;
  border: 0;
  color: var(--blue);
  cursor: pointer;
  font-weight: 800;
  padding: 2px 0;
  text-decoration: underline;
}

.header-controls {
  align-items: flex-end;
  flex-wrap: wrap;
}

.header-controls > div {
  display: grid;
  gap: 4px;
}

.spark-heading {
  margin-top: 12px !important;
}

#drillSpark {
  height: 70px;
  width: 100%;
}

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

.report-footer strong {
  color: var(--ink);
  display: block;
  font-size: 14px;
}

.report-footer p {
  font-size: 12px;
  margin: 3px 0 0;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;
}

.footer-links a {
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
}

.table-frame:focus,
canvas:focus {
  outline: 2px solid rgba(47, 111, 167, 0.38);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .controls {
    grid-template-columns: 1fr;
  }

  .chart-actions,
  .header-actions,
  .header-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .header-controls > div,
  .header-controls .search-input {
    max-width: none;
    width: 100%;
  }

  .warning-banner {
    align-items: stretch;
    flex-direction: column;
  }

  .public-explainer {
    grid-template-columns: 1fr;
  }

  .report-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-links {
    justify-content: flex-start;
  }
}

/* ---- Flagship public research experience ---- */
:root {
  --bg: #f3f4f8;
  --panel: #ffffff;
  --panel-soft: #f7f7fb;
  --text: #191b2b;
  --muted: #667085;
  --line: #e4e6ee;
  --green: #268a68;
  --blue: #625bf6;
  --amber: #d48a22;
  --red: #d85f55;
  --ink: #0b0d18;
  --indigo: #625bf6;
  --indigo-deep: #3f35ca;
  --cyan: #55c8ff;
  --shadow: 0 18px 55px rgba(27, 23, 54, 0.08);
  --shadow-soft: 0 10px 30px rgba(27, 23, 54, 0.06);
}

body {
  -webkit-font-smoothing: antialiased;
  background:
    radial-gradient(circle at 8% 18%, rgba(98, 91, 246, 0.06), transparent 24rem),
    radial-gradient(circle at 92% 42%, rgba(85, 200, 255, 0.06), transparent 26rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, "Avenir Next", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.drawer-scroll-lock {
  scroll-behavior: auto !important;
}

.topbar {
  align-items: stretch;
  background:
    radial-gradient(circle at 78% 22%, rgba(98, 91, 246, 0.38), transparent 25rem),
    radial-gradient(circle at 10% 95%, rgba(85, 200, 255, 0.12), transparent 24rem),
    linear-gradient(135deg, #090b16 0%, #111427 54%, #171437 100%);
  border: 0;
  color: #ffffff;
  display: block;
  min-height: 520px;
  overflow: hidden;
  padding: 26px clamp(24px, 4vw, 64px) 72px;
  position: relative;
  z-index: 1;
}

.hero-orbit {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
}

.hero-orbit::after {
  background: var(--cyan);
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(85, 200, 255, 0.8);
  content: "";
  height: 7px;
  left: 21%;
  position: absolute;
  top: 3%;
  width: 7px;
}

.hero-orbit-one {
  height: 540px;
  right: -120px;
  top: -250px;
  transform: rotate(24deg);
  width: 760px;
}

.hero-orbit-two {
  bottom: -410px;
  height: 560px;
  left: -80px;
  transform: rotate(-18deg);
  width: 920px;
}

.hero-nav,
.hero-main,
.hero-provenance,
.freshness-strip {
  margin-left: auto;
  margin-right: auto;
  max-width: 1480px;
  position: relative;
  z-index: 1;
}

.hero-nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.brand-block {
  color: #ffffff;
  text-decoration: none;
}

.brand-mark {
  background: linear-gradient(145deg, rgba(116, 108, 255, 0.95), rgba(72, 62, 204, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 14px;
  box-shadow: 0 14px 38px rgba(70, 58, 210, 0.42);
  height: 52px;
  width: 52px;
}

.brand-block > div:last-child {
  display: grid;
  gap: 2px;
}

.brand-block > div:last-child strong {
  font-size: 15px;
  letter-spacing: 0.02em;
}

.brand-block > div:last-child span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
}

.topbar .status-strip span {
  backdrop-filter: blur(16px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.76);
  min-height: 34px;
  padding: 7px 12px;
}

.topbar .public-badge {
  background: rgba(40, 174, 126, 0.18) !important;
  border-color: rgba(101, 233, 184, 0.28) !important;
  color: #8df2c7 !important;
}

.hero-main {
  align-items: end;
  display: grid;
  gap: clamp(48px, 8vw, 120px);
  grid-template-columns: minmax(0, 1fr) minmax(290px, 360px);
  margin-top: 68px;
}

.hero-copy {
  max-width: 880px;
}

.hero-kicker,
.panel-kicker,
.summary-kicker,
.section-heading .eyebrow,
.command-heading .eyebrow {
  color: #8f8aff;
  display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-copy h1 {
  font-size: clamp(46px, 5vw, 76px);
  letter-spacing: -0.055em;
  line-height: 0.98;
  margin: 16px 0 20px;
  max-width: 860px;
  text-wrap: balance;
}

.hero-copy > p {
  color: rgba(255, 255, 255, 0.68);
  font-size: clamp(16px, 1.45vw, 20px);
  line-height: 1.55;
  margin: 0;
  max-width: 760px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.hero-primary,
.hero-secondary {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.hero-primary {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--ink);
}

.hero-secondary {
  background: rgba(255, 255, 255, 0.06);
}

.hero-guide {
  cursor: pointer;
}

.hero-primary:hover,
.hero-secondary:hover {
  transform: translateY(-2px);
}

.hero-secondary:hover {
  background: rgba(255, 255, 255, 0.11);
  border-color: rgba(255, 255, 255, 0.25);
}

.hero-price-card {
  backdrop-filter: blur(22px);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.055));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.25);
  display: grid;
  overflow: hidden;
  padding: 24px;
  position: relative;
}

.hero-price-card.is-refreshing::after {
  animation: price-refresh-progress 1.1s ease-in-out infinite;
  background: linear-gradient(90deg, transparent, #69e7ba, transparent);
  content: "";
  height: 2px;
  left: -45%;
  position: absolute;
  top: 0;
  width: 45%;
}

.price-card-heading {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.price-card-heading > span {
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.price-card-heading i {
  background: #5ee3ad;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(94, 227, 173, 0.11);
  display: inline-block;
  height: 7px;
  margin-right: 5px;
  width: 7px;
}

.price-card-heading small {
  color: rgba(255, 255, 255, 0.46);
  font-size: 10px;
  text-align: right;
}

.hero-price-card > strong {
  font-size: clamp(44px, 4vw, 62px);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.055em;
  line-height: 1;
  margin-top: 30px;
  min-height: 62px;
}

.hero-price-card > p {
  color: rgba(255, 255, 255, 0.54);
  font-size: 12px;
  margin: 8px 0 22px;
  min-height: 18px;
}

.price-card-heading small {
  min-height: 15px;
}

@keyframes price-refresh-progress {
  to {
    left: 100%;
  }
}

.research-intro {
  background: transparent;
  border: 0;
  color: var(--ink);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  max-width: 780px;
  padding: 0;
  width: calc(100vw - 32px);
}

.research-intro::backdrop {
  backdrop-filter: blur(14px);
  background: rgba(8, 9, 28, 0.74);
}

.research-intro-shell {
  background:
    radial-gradient(circle at 100% 0%, rgba(98, 91, 246, 0.16), transparent 34%),
    #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 26px;
  box-shadow: 0 38px 120px rgba(5, 6, 24, 0.4);
  overflow: auto;
  padding: clamp(26px, 5vw, 46px);
  position: relative;
}

.research-intro-close {
  align-items: center;
  background: #f3f2fb;
  border: 1px solid #e2e0ef;
  border-radius: 50%;
  color: #555b6d;
  cursor: pointer;
  display: inline-flex;
  font-size: 22px;
  height: 38px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 2px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 38px;
}

.research-intro-kicker {
  color: var(--indigo);
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.research-intro h2 {
  font-size: clamp(30px, 5vw, 48px);
  letter-spacing: -0.05em;
  line-height: 1.02;
  margin: 14px 54px 16px 0;
  max-width: 640px;
}

.research-intro-shell > p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
  max-width: 680px;
}

.research-intro-principles {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 28px;
}

.research-intro-principles article {
  background: #f7f7fc;
  border: 1px solid #e6e5f0;
  border-radius: 16px;
  display: grid;
  gap: 8px;
  min-height: 178px;
  padding: 18px;
}

.research-intro-principles article > span {
  color: var(--indigo);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.research-intro-principles strong {
  font-size: 15px;
}

.research-intro-principles p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.55;
  margin: 0;
}

.research-intro-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.research-intro-actions button {
  border-radius: 999px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  min-height: 42px;
  padding: 9px 17px;
}

.intro-primary {
  background: var(--indigo);
  border: 1px solid var(--indigo);
  color: #ffffff;
}

.intro-secondary {
  background: #ffffff;
  border: 1px solid #dbd9ea;
  color: #454a5b;
}

.research-intro-shell > small {
  color: #85899a;
  display: block;
  font-size: 9px;
  margin-top: 14px;
}

.price-refresh {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  font-size: 12px;
  font-weight: 800;
  min-height: 38px;
  transition: background 160ms ease;
}

.price-refresh:hover {
  background: rgba(255, 255, 255, 0.14);
}

.hero-provenance {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 54px;
  padding-top: 18px;
}

.hero-provenance span {
  color: rgba(255, 255, 255, 0.48);
  font-size: 11px;
}

.hero-provenance strong {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 800;
  margin-right: 6px;
}

.freshness-strip {
  align-items: center;
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  display: flex;
  gap: 18px;
  margin-top: 18px;
  padding: 12px 16px;
}

.freshness-item {
  align-items: center;
  display: flex;
  flex: 1 1 0;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}

.freshness-item > span {
  align-items: center;
  color: rgba(255, 255, 255, 0.82);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 900;
  gap: 7px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.freshness-item i {
  background: #8f8aff;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(143, 138, 255, 0.12);
  height: 7px;
  width: 7px;
}

.freshness-item.market i {
  background: #55c8ff;
  box-shadow: 0 0 0 4px rgba(85, 200, 255, 0.12);
}

.freshness-item.market.live i {
  background: #5ee3ad;
  box-shadow: 0 0 0 4px rgba(94, 227, 173, 0.12);
}

.freshness-item.market.stale i {
  background: #f4b860;
  box-shadow: 0 0 0 4px rgba(244, 184, 96, 0.12);
}

.freshness-item > strong {
  color: rgba(255, 255, 255, 0.54);
  font-size: 11px;
  font-weight: 600;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.freshness-divider {
  background: rgba(255, 255, 255, 0.12);
  height: 24px;
  width: 1px;
}

.workspace {
  display: grid;
  gap: 26px;
  grid-template-columns: minmax(0, 1fr);
  margin: -42px auto 0;
  max-width: 1536px;
  padding: 0 28px 56px;
  position: relative;
  z-index: 3;
}

.controls {
  align-items: start;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  position: static;
}

.control-section,
.advanced-drawer,
.panel,
.metric-card {
  border-color: rgba(222, 224, 234, 0.9);
  border-radius: 18px;
}

.control-section {
  align-self: start;
  box-shadow: 0 24px 65px rgba(21, 18, 53, 0.14);
  gap: 18px;
  padding: 22px 24px;
}

.command-heading {
  align-items: end;
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.command-heading h2 {
  font-size: 20px;
  letter-spacing: -0.025em;
  margin: 4px 0 0;
}

.command-heading > p {
  color: var(--muted);
  font-size: 12px;
  margin: 0;
  max-width: 300px;
  text-align: right;
}

.command-grid {
  align-items: stretch;
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(260px, 1.2fr);
}

.command-grid.event-comparison-active {
  align-items: start;
  grid-template-columns: minmax(220px, 0.72fr) minmax(0, 2.28fr);
}

.command-field {
  display: grid;
  gap: 7px;
}

.event-comparator {
  display: contents;
}

.command-grid.event-comparison-active .command-mode-field,
.command-grid.event-comparison-active .event-comparator {
  background: linear-gradient(145deg, #fbfbff, #f6f6fc);
  border: 1px solid #e1e0ec;
  border-radius: 14px;
  padding: 12px;
}

.command-grid.event-comparison-active .event-comparator {
  align-items: start;
  display: grid;
  gap: 10px 12px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.command-grid.event-comparison-active .command-field {
  align-content: start;
}

.command-field label,
.scale-options legend {
  color: #7a8091;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.command-field label {
  align-items: center;
  display: flex;
  min-height: 18px;
}

.command-field select {
  background: #fafaff;
  border-color: #dfe1ea;
  border-radius: 10px;
  min-height: 48px;
  padding-left: 13px;
}

.event-compare-field {
  position: relative;
}

.event-compare-field[hidden] {
  display: none;
}

.event-meta {
  color: #85899a;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
  min-height: 13px;
}

.event-meta[hidden] {
  display: none;
}

.comparator-key {
  align-items: center;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 8px;
  height: 18px;
  justify-content: center;
  letter-spacing: 0;
  margin-right: 5px;
  width: 18px;
}

.comparator-key.event-a {
  background: #625bf6;
}

.comparator-key.event-b {
  background: #2f9dcc;
}

.event-swap {
  align-items: center;
  align-self: start;
  background: #ffffff;
  border: 1px solid #d9d7e8;
  border-radius: 999px;
  color: var(--indigo-deep);
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-size: 8px;
  font-weight: 900;
  gap: 0;
  height: 48px;
  justify-content: center;
  margin-top: 25px;
  padding: 3px 9px;
  text-transform: uppercase;
}

.event-swap > span:first-child {
  font-size: 17px;
  line-height: 1;
}

.event-swap:hover {
  background: var(--indigo);
  border-color: var(--indigo);
  color: #ffffff;
}

.event-swap[hidden],
.event-comparison-footer[hidden] {
  display: none;
}

.event-comparison-footer {
  align-items: center;
  border-top: 1px solid #e3e2ed;
  display: flex;
  gap: 16px;
  grid-column: 1 / -1;
  justify-content: space-between;
  padding-top: 10px;
}

.event-comparison-footer p {
  color: #777c8d;
  font-size: 9px;
  line-height: 1.45;
  margin: 0;
}

.event-comparison-footer > div {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.event-comparison-footer span {
  color: var(--green);
  font-size: 9px;
  font-weight: 800;
}

.event-comparison-footer button {
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  padding: 3px 0;
  text-decoration: underline;
  text-decoration-color: rgba(98, 91, 246, 0.3);
  text-underline-offset: 3px;
}

.scale-options {
  background: #fafaff;
  border: 1px solid #dfe1ea;
  border-radius: 10px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  min-width: 0;
  padding: 6px 12px 7px;
}

.scale-options[hidden] {
  display: none;
}

.scale-options legend {
  padding: 0 4px;
}

.scale-options .toggle-row {
  align-items: center;
  border-radius: 7px;
  color: #4f5567;
  font-size: 11px;
  font-weight: 700;
  min-height: 30px;
  padding: 5px 6px;
}

.scale-options .toggle-row:hover {
  background: #f0efff;
}

.scale-options input {
  accent-color: var(--indigo);
}

.command-note {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-size: 11px;
  gap: 7px;
  margin: 0;
}

.command-footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.research-presets {
  align-items: center;
  background: linear-gradient(90deg, rgba(98, 91, 246, 0.06), rgba(85, 200, 255, 0.035));
  border: 1px solid #e3e2f5;
  border-radius: 12px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding: 10px 12px;
}

.research-presets > div:first-child {
  display: grid;
  flex: 0 0 auto;
  gap: 2px;
}

.research-presets > div:first-child span {
  color: var(--indigo-deep);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.research-presets > div:first-child small {
  color: var(--muted);
  font-size: 10px;
}

.preset-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.preset-actions button {
  background: #ffffff;
  border: 1px solid #dcdced;
  border-radius: 999px;
  color: #454a5b;
  cursor: pointer;
  font-size: 10px;
  font-weight: 800;
  min-height: 30px;
  padding: 5px 11px;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.preset-actions button:hover,
.preset-actions button[aria-pressed="true"] {
  background: var(--indigo);
  border-color: var(--indigo);
  color: #ffffff;
}

.share-view {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.share-view span {
  color: var(--green);
  font-size: 10px;
  font-weight: 800;
}

.term-link {
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  font-size: inherit;
  font-weight: 800;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: rgba(98, 91, 246, 0.35);
  text-underline-offset: 2px;
}

.term-help {
  align-items: center;
  background: #efeeff;
  border: 1px solid #d9d6ff;
  border-radius: 50%;
  color: var(--indigo-deep);
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  height: 18px;
  justify-content: center;
  margin-left: 5px;
  padding: 0;
  vertical-align: 1px;
  width: 18px;
}

.term-help:hover,
.term-help[aria-expanded="true"] {
  background: var(--indigo);
  border-color: var(--indigo);
  color: #ffffff;
}

.command-note > span,
.notice-mark {
  align-items: center;
  background: rgba(98, 91, 246, 0.12);
  border-radius: 50%;
  color: var(--indigo);
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.advanced-drawer {
  box-shadow: 0 24px 65px rgba(21, 18, 53, 0.12);
}

.advanced-drawer > summary {
  min-height: 0;
  padding: 22px;
}

.advanced-drawer > summary {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
  list-style: none;
}

.advanced-drawer > summary::-webkit-details-marker {
  display: none;
}

.advanced-drawer > summary::after {
  align-items: center;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  content: "Open";
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  grid-column: 2;
  grid-row: 1 / 3;
  justify-content: center;
  letter-spacing: 0.08em;
  min-width: 54px;
  padding: 7px 10px;
  text-transform: uppercase;
}

.advanced-drawer[open] > summary::after {
  content: "Close";
}

.advanced-drawer[open] {
  bottom: auto;
  box-shadow: 0 34px 100px rgba(9, 8, 24, 0.28);
  height: calc(100vh - 48px);
  height: calc(100dvh - 48px);
  max-height: calc(100vh - 48px);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  position: fixed;
  right: 24px;
  top: 24px;
  width: min(440px, calc(100vw - 48px));
  z-index: 42;
}

.advanced-drawer[open] > summary {
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 2;
}

body.drawer-open .advanced-drawer[open] {
  overscroll-behavior: contain;
}

.advanced-drawer > summary span {
  font-size: 15px;
}

.advanced-drawer > summary small {
  font-size: 11px;
  margin-left: 0;
}

.advanced-body {
  background: var(--panel-soft);
}

.glossary-list {
  display: grid;
  gap: 9px;
  margin: 0;
}

.glossary-list div {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 2px;
  padding-bottom: 9px;
}

.glossary-list div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.glossary-list dt {
  color: var(--ink);
  font-size: 12px;
  font-weight: 800;
}

.glossary-list dd {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
}

.content {
  gap: 28px;
}

.section-nav {
  background: #ffffff;
  border-color: rgba(222, 224, 234, 0.9);
  border-radius: 999px;
  box-shadow: var(--shadow-soft);
  gap: 3px;
  justify-content: center;
  margin: 0 auto;
  padding: 6px 8px;
  position: sticky;
  top: 12px;
  width: fit-content;
  z-index: 12;
}

.section-nav > span {
  color: #a1a6b3;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  padding: 0 8px;
  text-transform: uppercase;
}

.section-nav a {
  border-radius: 999px;
  color: #656b7b;
  font-size: 10px;
  letter-spacing: 0.05em;
  padding: 8px 12px;
  transition: background 150ms ease, color 150ms ease;
}

.section-nav a:hover,
.section-nav a:focus-visible,
.section-nav a.active,
.section-nav a[aria-current="location"] {
  background: #eeedff;
  color: var(--indigo-deep);
}

.section-nav a.active,
.section-nav a[aria-current="location"] {
  box-shadow: inset 0 0 0 1px rgba(98, 91, 246, 0.16);
}

.section-anchor {
  scroll-margin-top: 76px;
}

.coverage-gateway {
  align-items: stretch;
  background:
    radial-gradient(circle at 78% 0, rgba(85, 200, 255, 0.1), transparent 18rem),
    linear-gradient(135deg, #ffffff 0%, #fbfbff 58%, #f5f5ff 100%);
  border: 1px solid rgba(218, 220, 233, 0.96);
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(27, 24, 64, 0.08);
  display: grid;
  gap: 22px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(440px, 1.45fr) minmax(190px, 0.55fr);
  overflow: hidden;
  padding: 18px 20px;
  position: relative;
}

.coverage-gateway::before {
  background: linear-gradient(90deg, var(--indigo), var(--cyan), #69d7b0);
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.coverage-gateway-heading {
  align-content: center;
  display: grid;
  gap: 4px;
}

.coverage-gateway-heading > span {
  color: var(--indigo);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.coverage-gateway-heading h2 {
  color: var(--ink);
  font-size: 17px;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 0;
}

.coverage-gateway-heading p {
  color: var(--muted);
  font-size: 10px;
  line-height: 1.45;
  margin: 0;
}

.coverage-gateway-facts {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.coverage-gateway-fact {
  align-content: center;
  border-left: 1px solid #e3e4ee;
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 13px;
}

.coverage-gateway-fact strong {
  color: #171a28;
  font-size: 18px;
  font-variant-numeric: tabular-nums;
  font-weight: 930;
  letter-spacing: -0.025em;
}

.coverage-gateway-fact small {
  color: #858a9b;
  font-size: 8px;
  font-weight: 750;
  line-height: 1.3;
  text-transform: uppercase;
}

.coverage-gateway-health {
  align-items: center;
  grid-template-columns: 9px minmax(0, 1fr);
  gap: 9px;
}

.coverage-gateway-health > span {
  display: grid;
  gap: 3px;
}

.coverage-gateway-health i {
  background: #34a579;
  border: 2px solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(52, 165, 121, 0.11);
  height: 9px;
  width: 9px;
}

.coverage-gateway-link {
  align-content: center;
  background: linear-gradient(135deg, #242044, #302b61);
  border: 1px solid rgba(62, 53, 131, 0.9);
  border-radius: 13px;
  color: #ffffff;
  display: grid;
  gap: 3px;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 66px;
  padding: 12px 14px;
  text-decoration: none;
  transition: box-shadow 160ms ease, transform 160ms ease;
}

.coverage-gateway-link:hover,
.coverage-gateway-link:focus-visible {
  box-shadow: 0 14px 28px rgba(37, 31, 89, 0.2);
  transform: translateY(-1px);
}

.coverage-gateway-link > span {
  font-size: 11px;
  font-weight: 900;
}

.coverage-gateway-link > small {
  color: #bcb9d8;
  font-size: 8px;
  grid-column: 1;
}

.coverage-gateway-link > i {
  align-self: center;
  color: #8fe0ff;
  font-size: 17px;
  font-style: normal;
  grid-column: 2;
  grid-row: 1 / span 2;
}

.metric-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.metric-context {
  align-items: baseline;
  display: flex;
  gap: 10px;
  grid-column: 1 / -1;
  min-width: 0;
  padding: 0 4px;
}

.metric-context span {
  color: var(--indigo);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.metric-context strong {
  color: var(--ink);
  font-size: 13px;
}

.metric-context small {
  color: var(--muted);
  font-size: 11px;
}

.metric-card {
  box-shadow: var(--shadow-soft);
  gap: 10px;
  min-height: 142px;
  overflow: hidden;
  padding: 22px;
  position: relative;
}

.metric-card::before {
  background: linear-gradient(90deg, var(--indigo), var(--cyan));
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.metric-card:nth-of-type(2)::before {
  background: linear-gradient(90deg, #4f9cf5, var(--cyan));
}

.metric-card:nth-of-type(3)::before {
  background: linear-gradient(90deg, #e36d63, #f0a260);
}

.metric-card:nth-of-type(4)::before {
  background: linear-gradient(90deg, #2a9d76, #6bd7af);
}

.metric-label {
  align-items: center;
  color: #73798b;
  display: flex;
  font-size: 10px;
  letter-spacing: 0.1em;
}

.metric-card strong {
  color: var(--ink);
  font-size: clamp(26px, 2.2vw, 34px);
  letter-spacing: -0.045em;
  min-height: 42px;
}

body.is-loading .hero-price-card > strong,
body.is-loading .metric-card > strong {
  animation: report-loading 1.25s ease-in-out infinite;
  background: linear-gradient(100deg, rgba(134, 130, 176, 0.12) 20%, rgba(134, 130, 176, 0.26) 42%, rgba(134, 130, 176, 0.12) 64%);
  background-size: 220% 100%;
  border-radius: 9px;
  color: transparent;
}

body.is-loading .hero-price-card > strong {
  background: linear-gradient(100deg, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0.08) 64%);
  background-size: 220% 100%;
  max-width: 210px;
}

@keyframes report-loading {
  to {
    background-position: -220% 0;
  }
}

.metric-card small {
  font-size: 11px;
  margin-top: auto;
}

.provenance-link {
  align-self: start;
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 0;
  text-decoration: underline;
  text-decoration-color: rgba(98, 91, 246, 0.28);
  text-underline-offset: 3px;
  text-transform: uppercase;
}

.panel {
  border-radius: 22px;
  box-shadow: var(--shadow-soft);
  padding: 24px;
}

.chart-panel {
  box-shadow: 0 26px 80px rgba(25, 22, 56, 0.1);
  padding: 28px;
}

.panel-header {
  margin-bottom: 22px;
}

.panel-header h2 {
  color: var(--ink);
  font-size: clamp(20px, 1.8vw, 28px);
  letter-spacing: -0.035em;
  line-height: 1.15;
  margin-top: 6px;
}

.panel-header p {
  font-size: 12px;
}

.panel-kicker,
.summary-kicker {
  color: var(--indigo);
}

.secondary-button {
  background: #f8f8fc;
  border-color: #dfe1e9;
  border-radius: 9px;
  color: #34384a;
  transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.secondary-button:hover {
  background: #f0efff;
  border-color: #c9c5ff;
  transform: translateY(-1px);
}

.chart-stage {
  align-items: stretch;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 280px);
}

.chart-panel .canvas-frame {
  background:
    linear-gradient(rgba(98, 91, 246, 0.025), rgba(98, 91, 246, 0)),
    #ffffff;
  border: 1px solid #ececf3;
  border-radius: 16px;
  height: 490px;
}

.chart-summary {
  background:
    radial-gradient(circle at 100% 0, rgba(98, 91, 246, 0.35), transparent 15rem),
    linear-gradient(155deg, #111326, #171634);
  border: 1px solid rgba(98, 91, 246, 0.24);
  border-radius: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 0;
  min-height: 220px;
  padding: 22px;
}

.chart-summary h3 {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.02em;
  margin: 8px 0 14px;
  text-transform: none;
}

.chart-summary p,
p.chart-summary {
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  line-height: 1.65;
}

.chart-context {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(143, 138, 255, 0.28);
  border-radius: 12px;
  display: grid;
  gap: 7px;
  margin: 0 0 14px;
  padding: 12px;
}

.chart-context[hidden] {
  display: none;
}

.chart-context > span {
  color: #9c97ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.chart-context > strong {
  color: #ffffff;
  font-size: 14px;
}

.chart-context > div {
  display: grid;
  gap: 4px;
}

.chart-context > div span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
}

.chart-context b {
  color: #ffffff;
}

.event-comparison-context > strong {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  line-height: 1.4;
}

.event-comparison-context > strong em {
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
  font-style: normal;
  margin: 0 2px;
}

.event-key {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 8px;
  height: 18px;
  justify-content: center;
  width: 18px;
}

.event-key.event-a {
  background: #625bf6;
}

.event-key.event-b {
  background: #2f9dcc;
}

.event-comparison-context > div span:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  line-height: 1.4;
  margin-top: 3px;
  padding-top: 6px;
}

p.chart-summary.compact-summary {
  background: #f6f7fb;
  border-color: var(--line);
  color: var(--muted);
  display: block;
  min-height: 0;
}

.legend {
  gap: 10px;
}

.legend-item {
  font-size: 11px;
}

.legend-swatch {
  height: 8px;
  width: 16px;
}

.selected-swatch {
  background: transparent;
  border: 2px solid #241f66;
  height: 10px;
}

.chart-toolbar {
  align-items: center;
  background: #f8f8fc;
  border: 1px solid #e7e7f0;
  border-radius: 14px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: -8px 0 18px;
  padding: 10px 12px;
}

.chart-toolbar .legend {
  justify-content: flex-start;
  max-width: none;
}

.chart-toolbar-meta {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.chart-interaction-hint {
  align-items: center;
  background: #eeedf9;
  border-radius: 999px;
  color: #5d6171;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  min-height: 30px;
  padding: 6px 10px;
}

.canvas-frame:focus-within {
  box-shadow: 0 0 0 3px rgba(98, 91, 246, 0.18);
}

#timelineChart {
  cursor: crosshair;
}

#rewardsChart {
  cursor: crosshair;
}

.chart-tool-button {
  background: #ffffff;
  border: 1px solid #dcdbea;
  border-radius: 999px;
  color: #4d5263;
  cursor: pointer;
  font-size: 9px;
  font-weight: 900;
  min-height: 30px;
  padding: 5px 10px;
}

.chart-tool-button[aria-pressed="true"] {
  background: var(--indigo-deep);
  border-color: var(--indigo-deep);
  color: #ffffff;
}

.chart-tool-button.reset {
  color: var(--red);
}

.chart-tool-button[hidden] {
  display: none;
}

.chart-legend-help {
  color: #85899a;
  flex: 0 0 auto;
  font-size: 9px;
  line-height: 1.35;
  margin: 0;
  max-width: 160px;
  text-align: right;
}

.chart-provenance {
  align-items: center;
  color: #7c8192;
  display: flex;
  font-size: 9px;
  gap: 7px;
  line-height: 1.45;
  margin: -8px 2px 14px;
}

.chart-provenance::before {
  background: var(--green);
  border-radius: 50%;
  content: "";
  flex: 0 0 auto;
  height: 6px;
  width: 6px;
}

.chart-provenance[hidden] {
  display: none;
}

.legend-toggle {
  align-items: center;
  background: #ffffff;
  border: 1px solid #ddddea;
  border-radius: 999px;
  color: #4d5263;
  cursor: pointer;
  display: inline-flex;
  font-size: 10px;
  font-weight: 800;
  gap: 6px;
  min-height: 30px;
  padding: 5px 9px;
  transition: border-color 150ms ease, box-shadow 150ms ease, color 150ms ease, opacity 150ms ease;
}

.legend-toggle:hover {
  border-color: #bdb9ff;
  color: var(--indigo-deep);
}

.legend-toggle[aria-pressed="true"] {
  box-shadow: 0 4px 12px rgba(36, 31, 102, 0.08);
}

.legend-toggle.is-off {
  background: transparent;
  box-shadow: none;
  opacity: 0.46;
}

.confidence-tag {
  border-radius: 999px;
  display: inline-flex;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.04em;
  margin-left: 3px;
  padding: 2px 5px;
  text-transform: uppercase;
  vertical-align: 1px;
}

.confidence-tag.high {
  background: #e6f5ef;
  color: #237b5c;
}

.confidence-tag.medium {
  background: #fff1dc;
  color: #996018;
}

.legend-sample {
  --legend-color: #777;
  display: inline-block;
  flex: 0 0 auto;
}

.legend-sample.bar {
  background: var(--legend-color);
  border-radius: 3px;
  height: 9px;
  width: 14px;
}

.legend-sample.bar.selected {
  background: transparent;
  border: 2px solid var(--legend-color);
}

.legend-sample.line {
  border-top: 2px solid var(--legend-color);
  height: 0;
  width: 18px;
}

.legend-sample.line.dashed {
  border-top-style: dashed;
}

.legend-sample.line.dotted {
  border-top-style: dotted;
}

.legend-sample.marker {
  border-bottom: 8px solid var(--legend-color);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  height: 0;
  width: 0;
}

.chart-summary {
  justify-content: flex-start;
  overflow: auto;
}

.chart-stats {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 12px;
}

.chart-stats[hidden] {
  display: none;
}

.chart-stat {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(143, 138, 255, 0.2);
  border-radius: 10px;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px;
}

.chart-stat small,
.week-inspector small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.chart-stat strong {
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.chart-stat em {
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  font-style: normal;
}

.week-inspector {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(143, 138, 255, 0.24);
  border-radius: 12px;
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 12px;
}

.week-inspector[hidden] {
  display: none;
}

.week-inspector-heading {
  display: grid;
  gap: 3px;
}

.week-inspector-heading > span {
  color: #9c97ff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.week-inspector-heading > strong {
  color: #ffffff;
  font-size: 12px;
}

.week-inspector-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-inspector-grid > span {
  display: grid;
  gap: 2px;
}

.week-inspector-grid strong {
  color: #ffffff;
  font-size: 10px;
}

.week-inspector-routes {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 5px;
  padding-top: 9px;
}

.week-inspector-routes > span {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 7px minmax(0, 1fr) auto;
}

.week-inspector-routes i {
  background: var(--route-color);
  border-radius: 2px;
  height: 7px;
  width: 7px;
}

.week-inspector-routes strong {
  color: #ffffff;
  font-size: 10px;
}

.week-inspector-routes small b {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 7px;
  margin-left: 3px;
  padding: 2px 4px;
}

.cohort-inspector-list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 5px;
  padding-top: 9px;
}

.cohort-inspector-list > span {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: 7px minmax(0, 1fr) auto 34px;
}

.cohort-inspector-list i {
  background: var(--route-color);
  border-radius: 999px;
  height: 7px;
  width: 7px;
}

.cohort-inspector-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.cohort-inspector-list strong {
  color: #ffffff;
  font-size: 9px;
}

.cohort-inspector-list em {
  color: rgba(255, 255, 255, 0.5);
  font-size: 8px;
  font-style: normal;
  text-align: right;
}

.cohort-driver-list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 6px;
  padding-top: 9px;
}

.cohort-driver-list > span {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(0, 1fr) auto 76px;
}

.cohort-driver-list small {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.cohort-driver-list small i {
  background: var(--route-color);
  border-radius: 999px;
  flex: 0 0 7px;
  height: 7px;
  width: 7px;
}

.cohort-driver-list strong {
  color: #ffffff;
  font-size: 8px;
  white-space: nowrap;
}

.cohort-driver-list em {
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  text-align: right;
}

.cohort-driver-list em.delta-up,
.week-comparison-grid em.delta-up {
  color: #79ddba;
}

.cohort-driver-list em.delta-down,
.week-comparison-grid em.delta-down {
  color: #ff9f96;
}

.cohort-driver-head {
  color: rgba(255, 255, 255, 0.42);
}

.compare-heading small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 8px;
}

.week-comparison-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-comparison-grid > span {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  display: grid;
  gap: 2px;
  padding: 7px;
}

.week-comparison-grid strong {
  color: #ffffff;
  font-size: 9px;
}

.week-comparison-grid em,
.week-route-comparison em {
  color: #79ddba;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.week-route-comparison {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 6px;
  padding-top: 9px;
}

.week-route-comparison > span {
  align-items: center;
  display: grid;
  gap: 6px;
  grid-template-columns: minmax(0, 1fr) auto 48px;
}

.week-route-comparison small {
  align-items: center;
  display: inline-flex;
  gap: 5px;
}

.week-route-comparison small i {
  background: var(--route-color);
  border-radius: 2px;
  height: 7px;
  width: 7px;
}

.week-route-comparison strong {
  color: #ffffff;
  font-size: 9px;
}

.week-route-comparison-head {
  color: rgba(255, 255, 255, 0.44);
}

.chart-data-drawer {
  background: #f8f8fc;
  border: 1px solid #e5e5ef;
  border-radius: 14px;
  margin-top: 16px;
  overflow: hidden;
}

.chart-data-drawer[hidden] {
  display: none;
}

.chart-data-drawer > summary {
  align-items: center;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: space-between;
  list-style: none;
  padding: 12px 14px;
}

.chart-data-drawer > summary::-webkit-details-marker {
  display: none;
}

.chart-data-drawer > summary::after {
  color: var(--indigo-deep);
  content: "+";
  font-size: 16px;
  margin-left: 10px;
}

.chart-data-drawer[open] > summary::after {
  content: "−";
}

.chart-data-drawer > summary small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  margin-left: auto;
}

.chart-data-drawer .table-frame {
  background: #ffffff;
  border: 0;
  border-top: 1px solid #e5e5ef;
  border-radius: 0;
  max-height: 440px;
}

.chart-data-table th button {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  gap: 4px;
  padding: 0;
  text-align: inherit;
}

.chart-data-table th[aria-sort="ascending"] button::after {
  content: "↑";
}

.chart-data-table th[aria-sort="descending"] button::after {
  content: "↓";
}

.chart-week-select {
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  padding: 3px 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.chart-data-table tr.selected-week {
  background: rgba(98, 91, 246, 0.08);
  box-shadow: inset 3px 0 0 var(--indigo);
}

.chart-data-table tr.comparison-week {
  background: rgba(85, 200, 255, 0.11);
  box-shadow: inset 3px 0 0 #2f6fa7;
}

.week-inspector > p {
  color: rgba(255, 255, 255, 0.48);
  font-size: 8px;
  line-height: 1.4;
  margin: 0;
}

.chart-summary > #chartSummary {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 10px;
  line-height: 1.5;
  margin-top: auto;
  padding-top: 10px;
}

.insights-section {
  display: grid;
  gap: 18px;
}

.section-heading {
  display: grid;
  max-width: 760px;
}

.section-heading h2 {
  color: var(--ink);
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: -0.045em;
  line-height: 1.08;
  margin: 10px 0 8px;
  text-wrap: balance;
}

.section-heading > p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  max-width: 650px;
}

.finding-grid {
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.finding-grid article {
  background: linear-gradient(155deg, #ffffff, #fafafe);
  border: 1px solid var(--line);
  border-left: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
  gap: 14px;
  min-height: 190px;
  padding: 22px;
  position: relative;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.finding-grid article::after {
  background: var(--indigo);
  border-radius: 999px;
  bottom: 20px;
  content: "";
  height: 3px;
  left: 22px;
  opacity: 0.65;
  position: absolute;
  width: 34px;
}

.finding-grid article:nth-child(2)::after {
  background: var(--red);
}

.finding-grid article:nth-child(3)::after {
  background: var(--green);
}

.finding-grid article:nth-child(4)::after {
  background: var(--cyan);
}

.finding-grid article:hover {
  box-shadow: 0 20px 52px rgba(25, 22, 56, 0.1);
  transform: translateY(-3px);
}

.finding-grid span {
  color: #858a99;
  font-size: 9px;
  letter-spacing: 0.11em;
}

.finding-grid strong {
  font-size: 19px;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

.finding-grid p {
  font-size: 12px;
  line-height: 1.55;
  padding-bottom: 24px;
}

.executive-story-grid {
  background: #ffffff;
  border: 1px solid #dfe1eb;
  border-radius: 20px;
  box-shadow: 0 22px 55px rgba(29, 25, 70, 0.08);
  gap: 0;
  grid-template-columns: 1.16fr repeat(3, minmax(0, 1fr));
  overflow: hidden;
}

.executive-story-grid article {
  background: linear-gradient(155deg, #ffffff, #fbfbfe);
  border: 0;
  border-radius: 0;
  border-right: 1px solid #e4e5ed;
  box-shadow: none;
  gap: 12px;
  min-height: 164px;
  padding: 20px 22px 18px;
}

.executive-story-grid article:last-child {
  border-right: 0;
}

.executive-story-grid article::after {
  display: none;
}

.executive-story-grid article:not(.finding-lead):hover {
  background: #ffffff;
  box-shadow: inset 0 3px 0 rgba(98, 91, 246, 0.48);
  transform: none;
}

.executive-story-grid .finding-lead {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.2), transparent 14rem),
    linear-gradient(145deg, #17152d, #2c275b);
  color: #ffffff;
}

.executive-story-grid article.finding-lead:hover {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.3), transparent 15rem),
    linear-gradient(145deg, #15132a, #312d68);
  box-shadow:
    inset 0 3px 0 rgba(112, 218, 255, 0.78),
    inset -1px 0 0 rgba(255, 255, 255, 0.08);
  transform: none;
}

.executive-story-grid .finding-lead ::selection {
  background: rgba(112, 218, 255, 0.38);
  color: #ffffff;
}

.finding-sequence {
  align-items: center;
  display: flex;
  gap: 8px;
}

.finding-sequence span {
  align-items: center;
  background: #efeeff;
  border: 1px solid #dcdaff;
  border-radius: 50%;
  color: var(--indigo-deep);
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  letter-spacing: 0;
  width: 26px;
}

.finding-sequence small {
  color: #7f8494;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.executive-story-grid .finding-lead .finding-sequence span {
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.executive-story-grid .finding-lead .finding-sequence small,
.executive-story-grid .finding-lead p {
  color: #b9b6d3;
}

.executive-story-grid .finding-lead strong {
  color: #ffffff;
}

.executive-story-grid article > em {
  color: var(--indigo);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.08em;
  margin-top: auto;
  text-transform: uppercase;
}

.executive-story-grid .finding-lead > em {
  color: #8fe0ff;
}

.executive-story-grid article p {
  margin: 0;
  padding-bottom: 0;
}

.sensitivity-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.07), transparent 25rem),
    linear-gradient(180deg, #ffffff, #fdfdff);
}

.sensitivity-summary {
  grid-template-columns: minmax(420px, 1.65fr) repeat(3, minmax(150px, 0.75fr));
}

.sensitivity-range-values strong {
  color: #ffffff;
  font-size: 27px;
}

.sensitivity-range-legend span:nth-child(2) strong {
  color: #f0b28e;
  font-size: 11px;
}

.sensitivity-range-hero {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.2), transparent 16rem),
    linear-gradient(145deg, #17152d, #302966);
  border: 1px solid rgba(98, 91, 246, 0.4);
  border-radius: 15px;
  box-shadow: 0 20px 45px rgba(32, 27, 82, 0.16);
  color: #ffffff;
  display: grid;
  gap: 10px;
  min-height: 130px;
  padding: 16px 18px;
}

.sensitivity-range-heading,
.sensitivity-range-legend {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.sensitivity-range-heading span,
.sensitivity-readout-lead > span {
  color: #9b95ff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.sensitivity-range-heading small {
  color: #a9a6c4;
  font-size: 8px;
}

.sensitivity-range-values {
  align-items: baseline;
  display: flex;
  gap: 9px;
}

.sensitivity-range-values strong {
  font-size: 27px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.045em;
}

.sensitivity-range-values i {
  color: #8fe0ff;
  font-size: 16px;
  font-style: normal;
}

.sensitivity-range-values em {
  color: #b9b6d3;
  font-size: 9px;
  font-style: normal;
}

.sensitivity-range-track {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  display: flex;
  height: 9px;
  overflow: hidden;
}

.sensitivity-range-track span {
  background: linear-gradient(90deg, #7770ff, #55c8ff);
  display: block;
  width: var(--excluding-share);
}

.sensitivity-range-track i {
  background: linear-gradient(90deg, #e0937d, #f2b06f);
  display: block;
  flex: 1;
}

.sensitivity-range-legend {
  color: #aaa7c4;
  font-size: 8px;
  gap: 10px;
}

.sensitivity-range-legend span:nth-child(2) {
  color: #f0b28e;
  text-align: center;
}

.sensitivity-range-legend span:last-child {
  text-align: right;
}

.sensitivity-fact-card {
  justify-content: center;
}

.sensitivity-fact-card.cex-gap {
  border-top: 3px solid #e6967e;
}

.sensitivity-fact-card.confidence {
  border-top: 3px solid #625bf6;
}

.sensitivity-fact-card.coverage {
  border-top: 3px solid #55c8ff;
}

.sensitivity-evidence-grid {
  gap: 14px;
}

.sensitivity-evidence-grid > article {
  border-radius: 17px;
  padding: 18px;
}

.sensitivity-confidence-composition {
  display: grid;
  gap: 16px;
}

.confidence-stack {
  background: #e9eaf1;
  border-radius: 999px;
  display: flex;
  height: 18px;
  overflow: hidden;
}

.confidence-segment {
  display: block;
  min-width: 0;
}

.confidence-segment.confidence-0 {
  background: linear-gradient(90deg, #625bf6, #55c8ff);
}

.confidence-segment.confidence-1 {
  background: #e79c81;
  min-width: 4px;
}

.confidence-segment.confidence-2 {
  background: #c4c7d3;
}

.confidence-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.confidence-row {
  align-items: center;
  border-left: 1px solid #e3e4ed;
  display: grid;
  gap: 8px;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  padding: 4px 12px;
}

.confidence-row:first-child {
  border-left: 0;
  padding-left: 0;
}

.confidence-row > i {
  background: #625bf6;
  border-radius: 50%;
  height: 7px;
  width: 7px;
}

.confidence-row.confidence-1 > i {
  background: #e79c81;
}

.confidence-row.confidence-2 > i {
  background: #c4c7d3;
}

.confidence-row > span {
  display: grid;
  gap: 2px;
}

.confidence-row strong {
  color: var(--ink);
  font-size: 10px;
}

.confidence-row small {
  color: #8c91a2;
  font-size: 8px;
}

.confidence-row > em {
  color: var(--ink);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.sensitivity-week-ranking {
  display: grid;
  gap: 0;
}

.sensitivity-week-row {
  align-items: center;
  border-top: 1px solid #e5e6ee;
  display: grid;
  gap: 4px 10px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  padding: 9px 0;
}

.sensitivity-week-rank {
  color: #9a9fb0;
  font-size: 8px;
  font-weight: 900;
  grid-row: 1 / span 2;
}

.sensitivity-week-copy {
  display: grid;
  gap: 2px;
}

.sensitivity-week-copy strong {
  color: var(--ink);
  font-size: 10px;
}

.sensitivity-week-copy small {
  color: #8c91a2;
  font-size: 8px;
}

.sensitivity-week-value {
  color: var(--ink) !important;
  font-size: 12px !important;
  font-variant-numeric: tabular-nums;
}

.sensitivity-week-row .benchmark-track {
  grid-column: 2 / -1;
  height: 5px;
}

.sensitivity-week-row .benchmark-track span {
  background: linear-gradient(90deg, #e6967e, #f0b06f);
}

.sensitivity-analyst-readout {
  align-items: center;
  background:
    radial-gradient(circle at 0 0, rgba(98, 91, 246, 0.2), transparent 20rem),
    #121325;
  gap: 14px 18px;
  grid-template-columns: minmax(280px, 0.85fr) minmax(520px, 1.45fr);
  padding: 18px 20px;
}

.sensitivity-readout-lead {
  display: grid;
  gap: 5px;
}

.sensitivity-readout-lead h3 {
  font-size: 16px;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0;
  text-transform: none;
}

.sensitivity-readout-lead p {
  color: #aaa7c4;
  font-size: 9px;
  line-height: 1.45;
  margin: 0;
}

.sensitivity-analyst-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sensitivity-analyst-readout > p {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  grid-column: 1 / -1;
  margin-top: 0;
  padding-top: 12px;
}

.sensitivity-scope-callout {
  background: linear-gradient(145deg, #fffaf5, #fff7ef);
  border-color: #efd9c6;
  border-left: 4px solid #e39a72;
  border-radius: 13px;
}

@media (max-width: 1180px) {
  .executive-story-grid {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  .executive-story-grid article {
    border: 1px solid #dfe1eb;
    border-radius: 16px;
  }

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

  .sensitivity-range-hero {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .sensitivity-evidence-grid,
  .sensitivity-analyst-readout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .executive-story-grid,
  .sensitivity-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .sensitivity-range-hero {
    grid-column: auto;
    padding: 15px;
  }

  .sensitivity-range-heading,
  .sensitivity-range-legend {
    align-items: flex-start;
    flex-direction: column;
  }

  .sensitivity-range-values {
    flex-wrap: wrap;
  }

  .sensitivity-range-values strong {
    font-size: 24px;
  }

  .sensitivity-range-legend span:last-child {
    text-align: left;
  }

  .confidence-legend,
  .sensitivity-analyst-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .confidence-row {
    border-left: 0;
    border-top: 1px solid #e3e4ed;
    padding: 10px 0;
  }
}

.coverage-panel {
  background:
    radial-gradient(circle at 80% 0, rgba(98, 91, 246, 0.32), transparent 20rem),
    linear-gradient(135deg, #0e1120, #17182c);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 22px;
  gap: 28px;
  padding: 24px 26px;
}

.coverage-intro strong {
  font-size: 18px;
  letter-spacing: -0.02em;
}

.coverage-intro p {
  line-height: 1.55;
}

.coverage-items div {
  padding-left: 16px;
}

.coverage-items strong {
  font-size: 14px;
}

.public-explainer {
  align-items: center;
  background: linear-gradient(135deg, #f5f4ff, #f7fbff);
  border: 1px solid #dedbff;
  border-left: 1px solid #dedbff;
  border-radius: 16px;
  display: flex;
  gap: 13px;
  padding: 16px 18px;
}

.public-explainer > div {
  display: grid;
  gap: 3px;
}

.public-explainer strong {
  font-size: 13px;
}

.public-explainer p {
  font-size: 11px;
}

.split-grid {
  gap: 20px;
}

.denominator-note {
  background: #f3f2ff;
  border-left-color: var(--indigo);
  border-radius: 0 10px 10px 0;
}

.event-rank-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 12px 0;
}

.event-rank-summary span {
  background: #efeeff;
  border: 1px solid #dcd9ff;
  border-radius: 999px;
  color: var(--indigo-deep);
  font-size: 10px;
  font-weight: 800;
  padding: 6px 9px;
}

.table-frame {
  border-color: #e7e8ef;
  border-radius: 12px;
}

th,
td {
  border-bottom-color: #ececf2;
  padding: 12px 14px;
}

th {
  background: #f7f7fb;
  color: #777d8c;
  font-size: 10px;
  letter-spacing: 0.06em;
}

td {
  font-size: 12px;
}

tbody tr {
  transition: background 120ms ease;
}

tbody tr:hover td {
  background: #fafaff;
}

.cohort-leaderboard-panel {
  align-self: start;
  overflow: hidden;
}

.cohort-leaderboard-panel .panel-header {
  align-items: center;
}

.cohort-leaderboard-panel .panel-header p {
  max-width: 620px;
}

.cohort-leaderboard-highlights {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

.cohort-leaderboard-highlights > span {
  background: linear-gradient(145deg, #f8f8ff, #f3f7ff);
  border: 1px solid #e4e4f1;
  border-radius: 13px;
  display: grid;
  gap: 4px;
  min-height: 92px;
  padding: 13px 14px;
}

.cohort-leaderboard-highlights > span:first-child {
  background: linear-gradient(145deg, #eeedff, #f5f2ff);
  border-color: #d7d3ff;
}

.cohort-leaderboard-highlights small,
.cohort-selection-metrics small {
  color: #858a9c;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cohort-leaderboard-highlights strong {
  color: #121422;
  font-size: 15px;
  line-height: 1.18;
}

.cohort-leaderboard-highlights em {
  color: #8a8fa0;
  font-size: 8px;
  font-style: normal;
  line-height: 1.35;
}

.cohort-leaderboard-table {
  border-radius: 14px;
  max-height: 470px;
}

.cohort-leaderboard-table table {
  min-width: 750px;
}

.cohort-leaderboard-table th,
.cohort-leaderboard-table td {
  padding-left: 9px;
  padding-right: 9px;
}

.cohort-leaderboard-table th {
  vertical-align: middle;
}

.cohort-leaderboard-table th button {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  gap: 5px;
  letter-spacing: inherit;
  padding: 0;
  text-transform: inherit;
}

.cohort-leaderboard-table th.num button {
  justify-content: flex-end;
}

.cohort-leaderboard-table th[aria-sort="ascending"] button::after,
.cohort-leaderboard-table th[aria-sort="descending"] button::after {
  color: var(--indigo);
  font-size: 8px;
}

.cohort-leaderboard-table th[aria-sort="ascending"] button::after {
  content: "↑";
}

.cohort-leaderboard-table th[aria-sort="descending"] button::after {
  content: "↓";
}

.cohort-header-with-help {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  justify-content: flex-end;
}

.cohort-help {
  align-items: center;
  background: #eceaff;
  border: 1px solid #d6d2ff;
  border-radius: 50%;
  color: var(--indigo-deep);
  cursor: help;
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  height: 17px;
  justify-content: center;
  position: relative;
  width: 17px;
}

.cohort-help::after {
  background: #121426;
  border: 1px solid rgba(143, 138, 255, 0.34);
  border-radius: 9px;
  color: #ffffff;
  content: "Coefficient of variation across 22 weekly observations. Higher values mean a less consistent weekly pattern—not higher risk.";
  display: none;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.45;
  padding: 9px 10px;
  position: absolute;
  right: 0;
  text-align: left;
  text-transform: none;
  top: 24px;
  white-space: normal;
  width: 235px;
  z-index: 8;
}

.cohort-help:hover::after,
.cohort-help:focus-visible::after {
  display: block;
}

.cohort-leaderboard-table td {
  background: #ffffff;
  vertical-align: middle;
}

.cohort-leaderboard-table tr.cohort-row-leading td:first-child,
.cohort-leaderboard-table tr.cohort-row-selected td:first-child {
  box-shadow: inset 3px 0 0 var(--indigo);
}

.cohort-leaderboard-table tr.cohort-row-selected td {
  background: #f7f6ff;
}

.cohort-leaderboard-table tr.cohort-row-selected:hover td {
  background: #f2f0ff;
}

.cohort-rank {
  align-items: center;
  background: #f0f1f6;
  border-radius: 8px;
  color: #73798b;
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  width: 30px;
}

.cohort-rank.top {
  background: #e9e7ff;
  color: var(--indigo-deep);
}

.cohort-name-button {
  background: transparent;
  border: 0;
  color: var(--ink);
  cursor: pointer;
  display: grid;
  gap: 4px;
  min-width: 165px;
  padding: 2px 0;
  text-align: left;
}

.cohort-name-button strong {
  font-size: 12px;
  line-height: 1.3;
}

.cohort-name-button small,
.cohort-flow-value small,
.cohort-variability small {
  color: #969aaa;
  font-size: 8px;
  font-weight: 650;
}

.cohort-name-button:hover strong,
.cohort-name-button[aria-pressed="true"] strong {
  color: var(--indigo-deep);
}

.cohort-flow-value strong,
.cohort-variability strong,
.cohort-share-visual strong,
.cohort-range-visual strong {
  color: #202332;
  font-size: 11px;
}

.cohort-flow-value,
.cohort-variability {
  display: grid;
  gap: 3px;
  justify-items: end;
}

.cohort-share-visual,
.cohort-range-visual {
  display: grid;
  gap: 7px;
  justify-items: end;
  min-width: 96px;
}

.cohort-share-track,
.cohort-range-track {
  background: #e9eaf1;
  border-radius: 999px;
  display: block;
  height: 5px;
  overflow: hidden;
  position: relative;
  width: 96px;
}

.cohort-share-track i {
  background: linear-gradient(90deg, #625bf6, #55c8ff);
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 4px;
}

.cohort-range-track i {
  background: linear-gradient(90deg, #928dff, #625bf6);
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 4px;
  position: absolute;
  top: 0;
}

.cohort-selection-summary {
  align-items: center;
  background:
    radial-gradient(circle at 85% 20%, rgba(98, 91, 246, 0.28), transparent 34%),
    linear-gradient(135deg, #111526, #181736);
  border: 1px solid rgba(120, 113, 255, 0.2);
  border-radius: 15px;
  color: #ffffff;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 14px;
  min-height: 118px;
  padding: 17px 18px;
}

.cohort-selection-summary h3 {
  font-size: 18px;
  letter-spacing: -0.025em;
  margin: 5px 0 7px;
}

.cohort-selection-summary p {
  color: rgba(255, 255, 255, 0.62);
  font-size: 10px;
  line-height: 1.55;
  margin: 0;
  max-width: 620px;
}

.cohort-selection-summary p strong {
  color: #ffffff;
}

.cohort-selection-metrics {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(90px, 1fr));
}

.cohort-selection-metrics > span {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 11px;
  display: grid;
  gap: 5px;
  min-width: 104px;
  padding: 10px 11px;
}

.cohort-selection-metrics strong {
  font-size: 13px;
}

.cohort-leaderboard-footer {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-top: 13px;
}

.cohort-leaderboard-footer p {
  color: #858a9a;
  font-size: 9px;
  line-height: 1.5;
  margin: 0;
}

.cohort-leaderboard-footer p strong {
  color: #555b6d;
}

.cohort-text-button {
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 900;
  padding: 5px 0;
  text-decoration: underline;
  text-decoration-color: rgba(98, 91, 246, 0.3);
  text-underline-offset: 4px;
}

.stat-row,
.dispo-row,
.summary-row,
.flow-row,
.disposition-row {
  background: #f8f8fc;
  border-color: #e7e8ef;
  border-radius: 11px;
}

.flow-meter,
.dispo-bar {
  background: #e8e9f1;
}

.flow-meter span {
  background: linear-gradient(90deg, var(--indigo), var(--cyan));
}

.methodology,
.drill {
  background: #f8f8fc;
  border-color: #e5e6ee;
  border-radius: 14px;
}

.source-status {
  background: #ffffff;
  border-color: #e5e6ee;
  border-radius: 9px;
}

.report-footer {
  margin-top: 10px;
  padding: 28px 4px 10px;
}

.report-footer strong {
  font-size: 16px;
}

.footer-links a,
.wallet-link,
.link-button,
.hint a {
  color: var(--indigo-deep);
}

.mobile-row-toggle {
  display: none;
}

.definition-popover {
  background: #ffffff;
  border: 1px solid #dedff0;
  border-radius: 16px;
  box-shadow: 0 24px 70px rgba(12, 10, 35, 0.24);
  color: var(--text);
  display: grid;
  gap: 9px;
  padding: 16px;
  position: fixed;
  z-index: 80;
}

.definition-popover[hidden] {
  display: none;
}

.definition-popover > div {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.definition-popover > div > span {
  color: var(--indigo);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.definition-popover button {
  align-items: center;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  height: 28px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 28px;
}

.definition-popover > strong {
  color: var(--ink);
  font-size: 16px;
}

.definition-popover > p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.definition-popover > a,
.definition-popover .popover-link {
  background: transparent;
  border: 0;
  color: var(--indigo-deep);
  cursor: pointer;
  font-size: 11px;
  font-weight: 800;
  justify-self: start;
  padding: 0;
  text-decoration: underline;
}

.provenance-popover {
  background: #ffffff;
  border: 1px solid #dedff0;
  border-radius: 18px;
  box-shadow: 0 28px 90px rgba(12, 10, 35, 0.28);
  color: var(--text);
  display: grid;
  gap: 13px;
  max-height: min(640px, calc(100dvh - 24px));
  overflow: auto;
  padding: 18px;
  position: fixed;
  width: min(430px, calc(100vw - 24px));
  z-index: 82;
}

.provenance-popover[hidden] {
  display: none;
}

.popover-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.popover-heading > span {
  color: var(--indigo);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.popover-heading button {
  align-items: center;
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--muted);
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  height: 28px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 28px;
}

.provenance-popover > strong {
  color: var(--ink);
  font-size: 19px;
}

.provenance-popover dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.provenance-popover dl > div {
  border-top: 1px solid #ececf3;
  display: grid;
  gap: 4px;
  padding: 10px 0;
}

.provenance-popover dt {
  color: #7a8091;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.provenance-popover dd {
  color: var(--text);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

.provenance-release {
  background: #f3f2ff;
  border-radius: 9px;
  color: var(--indigo-deep);
  font-size: 10px;
  font-weight: 800;
  margin: 0;
  padding: 9px 10px;
}

.provenance-popover .popover-link {
  color: var(--indigo-deep);
  font-size: 11px;
  font-weight: 900;
}

.evidence-matrix-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.08), transparent 22rem),
    #ffffff;
}

.coverage-matrix-summary {
  align-items: stretch;
  background: linear-gradient(135deg, #fafaff, #f4f4fb);
  border: 1px solid #e1e1ed;
  border-radius: 14px;
  display: grid;
  gap: 0;
  grid-template-columns: minmax(210px, 1.2fr) minmax(170px, 1fr) minmax(130px, 0.72fr) minmax(170px, 0.85fr);
  margin-bottom: 10px;
  min-height: 72px;
  overflow: hidden;
}

.coverage-summary-item,
.coverage-summary-release {
  align-content: center;
  border-right: 1px solid #e2e2ed;
  display: grid;
  gap: 3px;
  padding: 13px 17px;
}

.coverage-summary-item strong,
.coverage-summary-release strong {
  color: #171a28;
  font-size: 17px;
  font-weight: 930;
  letter-spacing: -0.02em;
}

.coverage-summary-item small,
.coverage-summary-release small {
  color: #858a9b;
  font-size: 9px;
  line-height: 1.35;
}

.coverage-summary-health {
  align-items: center;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 10px;
}

.coverage-summary-health > div {
  display: grid;
  gap: 3px;
}

.coverage-health-dot {
  background: #34a579;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 0 5px rgba(52, 165, 121, 0.11);
  height: 9px;
  width: 9px;
}

.coverage-summary-release {
  background: linear-gradient(135deg, #242044, #302b61);
  border-right: 0;
  grid-template-columns: auto 1fr;
}

.coverage-summary-release span {
  color: #a9a5d7;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.coverage-summary-release strong {
  color: #ffffff;
  font-size: 16px;
}

.coverage-summary-release small {
  color: #bcb9d8;
  grid-column: 1 / -1;
}

.coverage-matrix-guide {
  align-items: center;
  background: #ffffff;
  border: 1px solid #e7e7ef;
  border-radius: 11px;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(210px, auto) minmax(210px, auto) 1fr;
  margin-bottom: 12px;
  padding: 9px 12px;
}

.coverage-matrix-guide > div {
  align-items: center;
  display: flex;
  gap: 8px;
}

.coverage-matrix-guide p {
  color: #777d8d;
  font-size: 9px;
  margin: 0;
}

.coverage-matrix-guide > small {
  color: #9499a8;
  font-size: 9px;
  text-align: right;
}

.coverage-guide-key {
  border: 1px solid;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.05em;
  padding: 4px 7px;
  text-transform: uppercase;
}

.coverage-guide-key.supported {
  background: #eef8f4;
  border-color: #d1e9df;
  color: #33745b;
}

.coverage-guide-key.boundary {
  background: #fff6ee;
  border-color: #f0dac8;
  color: #9a6341;
}

.coverage-matrix-table {
  border-radius: 15px;
  max-height: 610px;
}

.coverage-detail-table {
  min-width: 1140px;
  table-layout: fixed;
}

.coverage-detail-table .coverage-col-surface { width: 17%; }
.coverage-detail-table .coverage-col-window { width: 15%; }
.coverage-detail-table .coverage-col-population { width: 19%; }
.coverage-detail-table .coverage-col-included { width: 20%; }
.coverage-detail-table .coverage-col-excluded { width: 21%; }
.coverage-detail-table .coverage-col-status { width: 8%; }

.coverage-detail-table th {
  height: 46px;
  letter-spacing: 0.085em;
}

.coverage-matrix-table td {
  line-height: 1.45;
  vertical-align: middle;
  white-space: normal;
}

.coverage-evidence-row td {
  height: 86px;
  padding-block: 13px;
}

.coverage-evidence-row.coverage-group-start:not(:first-child) td {
  border-top: 9px solid #f3f3f8;
}

.coverage-surface-name {
  color: #252938;
  display: block;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}

.coverage-group-label {
  color: #625bf1;
  display: block;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.coverage-window-cell {
  color: #62687a;
  font-weight: 680;
}

.coverage-population-cell {
  color: #4e5466;
}

.coverage-scope-cell {
  border-left: 2px solid transparent;
}

.coverage-scope-cell > span {
  display: block;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.055em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.coverage-scope-cell p {
  color: #555b6c;
  font-size: 10.5px;
  line-height: 1.5;
  margin: 0;
}

.coverage-included-cell {
  background: rgba(54, 151, 113, 0.035) !important;
  border-left-color: #78bea4;
}

.coverage-included-cell > span {
  color: #3e8067;
}

.coverage-excluded-cell {
  background: rgba(201, 132, 82, 0.035) !important;
  border-left-color: #dfb08d;
}

.coverage-excluded-cell > span {
  color: #9a6744;
}

.coverage-status-cell {
  text-align: center;
}

.coverage-status-content {
  align-items: center;
  display: grid;
  gap: 1px;
  justify-items: center;
}

.coverage-status {
  align-items: center;
  background: transparent !important;
  display: inline-flex;
  gap: 6px;
  padding: 0;
}

.coverage-status i {
  background: currentColor;
  border-radius: 999px;
  height: 7px;
  width: 7px;
}

.coverage-status strong {
  font-size: 9px;
  font-weight: 900;
}

.coverage-status.ready {
  color: #31906d;
}

.coverage-status.ready i {
  box-shadow: 0 0 0 4px rgba(49, 144, 109, 0.12);
}

.coverage-status.error {
  color: #b8564e;
}

.coverage-status.error i {
  box-shadow: 0 0 0 4px rgba(184, 86, 78, 0.12);
}

.coverage-status-cell .cell-note {
  color: #9a9eab;
  font-size: 7.5px;
  margin-top: 5px;
}

.coverage-matrix-table tbody tr:not(:hover) td:first-child {
  box-shadow: none;
}

@media (min-width: 761px) {
  .coverage-detail-table th:first-child,
  .coverage-detail-table td:first-child {
    background: #ffffff;
    box-shadow: 8px 0 18px rgba(24, 22, 48, 0.035);
    left: 0;
    position: sticky;
    z-index: 2;
  }

  .coverage-detail-table th:first-child {
    background: linear-gradient(180deg, #fafaff, #f2f2f8);
    z-index: 4;
  }

  .coverage-detail-table tbody tr:hover td:first-child {
    background: #f7f6ff;
    box-shadow: inset 3px 0 0 #817aff, 8px 0 18px rgba(24, 22, 48, 0.04);
  }
}

.cell-note {
  color: #8a90a3;
  display: block;
  font-size: 8px;
  line-height: 1.35;
  margin-top: 5px;
  white-space: normal;
}

.concentration-stat-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 18px;
}

.concentration-stat-grid > span {
  background: linear-gradient(145deg, #f8f8fc, #f4f4fb);
  border: 1px solid #e5e5ef;
  border-radius: 13px;
  display: grid;
  gap: 4px;
  min-height: 92px;
  padding: 13px 14px;
}

.concentration-stat-grid small {
  color: #7c8292;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.concentration-stat-grid strong {
  color: var(--ink);
  font-size: 18px;
  letter-spacing: -0.025em;
  line-height: 1.15;
}

.concentration-stat-grid em {
  color: #8a90a3;
  font-size: 9px;
  font-style: normal;
  line-height: 1.35;
}

.event-ranking-table {
  max-height: 500px;
}

.event-ranking-table tr.selected td {
  background: rgba(98, 91, 246, 0.07);
}

.event-ranking-table td small {
  color: #9a9fb0;
  font-size: 8px;
  margin-left: 3px;
}

.event-type-badge {
  border-radius: 999px;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  padding: 5px 8px;
}

.event-type-badge.micro {
  background: rgba(184, 86, 78, 0.11);
  color: #a64942;
}

.event-type-badge.macro {
  background: rgba(91, 111, 192, 0.12);
  color: #4b60ae;
}

.destination-analysis-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.destination-analysis-grid > article {
  background: #fbfbfd;
  border: 1px solid #e7e7ef;
  border-radius: 16px;
  min-width: 0;
  padding: 16px;
}

.analysis-subhead {
  align-items: flex-end;
  border-bottom: 1px solid #e8e8f0;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 13px;
  padding-bottom: 12px;
}

.analysis-subhead > div {
  display: grid;
  gap: 3px;
}

.analysis-subhead span {
  color: var(--indigo);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.analysis-subhead strong {
  color: var(--ink);
  font-size: 14px;
}

.analysis-subhead small {
  color: #818798;
  font-size: 9px;
  line-height: 1.4;
  max-width: 220px;
  text-align: right;
}

.rank-index {
  align-items: center;
  background: #eceaff;
  border-radius: 50%;
  color: var(--indigo-deep);
  display: inline-flex;
  font-size: 8px;
  height: 20px;
  justify-content: center;
  margin-right: 8px;
  vertical-align: 1px;
  width: 20px;
}

.validator-analysis-grid {
  align-items: stretch;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.6fr) minmax(250px, 0.7fr);
  margin-bottom: 18px;
}

.validator-concentration-frame {
  background:
    linear-gradient(rgba(98, 91, 246, 0.025), rgba(98, 91, 246, 0)),
    #ffffff;
  border-color: #e7e7ef;
  border-radius: 16px;
  height: 280px;
}

#validatorConcentrationChart {
  display: block;
}

.analysis-note {
  background:
    radial-gradient(circle at 100% 0, rgba(98, 91, 246, 0.34), transparent 14rem),
    linear-gradient(155deg, #111326, #171634);
  border: 1px solid rgba(98, 91, 246, 0.24);
  border-radius: 16px;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}

.analysis-note h3 {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 8px 0 12px;
  text-transform: none;
}

.analysis-note p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  line-height: 1.6;
  margin: 0 0 10px;
}

.analysis-note p:last-child {
  margin-bottom: 0;
}

.analysis-note p strong {
  color: #ffffff;
}

.analysis-data-drawer {
  background: #f8f8fc;
  border: 1px solid #e5e5ef;
  border-radius: 14px;
  margin-top: 18px;
  overflow: hidden;
}

.analysis-data-drawer > summary {
  align-items: center;
  color: var(--ink);
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: space-between;
  list-style: none;
  padding: 12px 14px;
}

.analysis-data-drawer > summary::-webkit-details-marker {
  display: none;
}

.analysis-data-drawer > summary::after {
  color: var(--indigo-deep);
  content: "+";
  font-size: 16px;
  margin-left: 10px;
}

.analysis-data-drawer[open] > summary::after {
  content: "−";
}

.analysis-data-drawer > summary small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
  margin-left: auto;
}

.analysis-data-drawer .table-frame {
  background: #ffffff;
  border: 0;
  border-top: 1px solid #e5e5ef;
  border-radius: 0;
  max-height: 440px;
}

.peer-benchmark-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.1), transparent 24rem),
    #ffffff;
}

.peer-benchmark-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.peer-benchmark-grid > article {
  background: #fbfbfe;
  border: 1px solid #e7e7f0;
  border-radius: 16px;
  padding: 16px;
}

.benchmark-bars {
  display: grid;
  gap: 14px;
}

.benchmark-row {
  display: grid;
  gap: 7px;
}

.benchmark-row > div:first-child {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.benchmark-row strong {
  color: #555b6d;
  font-size: 12px;
}

.benchmark-row > div:first-child span {
  color: #73798b;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}

.benchmark-row.primary strong,
.benchmark-row.primary > div:first-child span {
  color: var(--indigo-deep);
}

.benchmark-track {
  background: #e9eaf1;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.benchmark-track span {
  background: linear-gradient(90deg, #9298ad, #b6bac8);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.benchmark-row.primary .benchmark-track span {
  background: linear-gradient(90deg, var(--indigo), var(--cyan));
}

.participation-panel {
  background:
    linear-gradient(180deg, rgba(98, 91, 246, 0.025), transparent 18rem),
    #ffffff;
}

.participation-chart-shell,
.reward-origin-shell {
  background: #fbfbfe;
  border: 1px solid #e6e6ef;
  border-radius: 18px;
  padding: 16px;
}

.participation-axis {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.participation-axis span {
  color: var(--ink);
  font-size: 12px;
  font-weight: 900;
}

.participation-axis small {
  color: #818798;
  font-size: 9px;
}

.participation-scroll {
  display: grid;
  gap: 22px;
  overflow-x: auto;
  padding: 42px 2px 4px;
}

.participation-chart {
  min-width: 760px;
}

.participation-chart-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.participation-chart-label strong {
  color: #575d70;
  font-size: 10px;
  letter-spacing: 0.03em;
}

.participation-chart-label span {
  color: #8b90a1;
  font-size: 9px;
}

.participation-bars {
  align-items: end;
  border-bottom: 1px solid #dfe0e9;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(22, minmax(16px, 1fr));
  height: 98px;
}

.participation-bar {
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  position: relative;
  width: 100%;
}

.participation-bar > i {
  background: linear-gradient(180deg, #625bf6, #817aff);
  border-radius: 5px 5px 1px 1px;
  display: block;
  height: max(4px, var(--bar-height));
  transition: filter 150ms ease, transform 150ms ease;
  width: 100%;
}

.participation-chart.intensity .participation-bar > i {
  background: linear-gradient(180deg, #55c8ff, #2f9dcc);
}

.participation-bar > small {
  bottom: -17px;
  color: #9196a6;
  font-size: 7px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.participation-bar:hover > i,
.participation-bar:focus-visible > i {
  filter: saturate(1.22) brightness(0.94);
  transform: translateY(-2px);
}

.participation-bar:focus-visible {
  outline: 3px solid rgba(98, 91, 246, 0.22);
  outline-offset: 2px;
}

.participation-key,
.reward-origin-key {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;
}

.participation-key span,
.reward-origin-key span {
  align-items: center;
  color: #73798a;
  display: inline-flex;
  font-size: 9px;
  font-weight: 800;
  gap: 6px;
}

.participation-key i,
.reward-origin-key i {
  border-radius: 3px;
  display: inline-block;
  height: 8px;
  width: 14px;
}

.participation-key i.wallets {
  background: var(--indigo);
}

.participation-key i.intensity {
  background: var(--cyan);
}

.event-contributor-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, 0.65fr);
}

.event-contributor-grid > div:first-child {
  background: #fbfbfe;
  border: 1px solid #e7e7f0;
  border-radius: 16px;
  padding: 16px;
}

.event-contributor-list {
  display: grid;
  gap: 9px;
}

.contributor-row {
  background: #ffffff;
  border: 1px solid #e7e8f0;
  border-radius: 11px;
  display: grid;
  gap: 8px;
  padding: 9px 11px;
}

.contributor-row > div:first-child {
  align-items: center;
  display: grid;
  gap: 4px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.contributor-row .rank-index {
  margin: 0;
}

.contributor-row strong {
  color: var(--ink);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contributor-row small {
  color: #858b9c;
  font-size: 9px;
}

.contributor-row em {
  color: #555b6c;
  font-size: 10px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  white-space: nowrap;
}

.contributor-track {
  background: #e9eaf1;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.contributor-track span {
  background: linear-gradient(90deg, var(--indigo), var(--cyan));
  border-radius: inherit;
  display: block;
  height: 100%;
}

.reward-origin-key i.delegator {
  background: var(--indigo);
}

.reward-origin-key i.commission {
  background: #e66b58;
}

/* Premium weekly withdrawal-origin comparison. The stacked volume chart and
   commission-share strip intentionally keep independent, positive scales. */
.reward-origin-panel {
  background:
    linear-gradient(180deg, rgba(98, 91, 246, 0.025), transparent 20rem),
    #ffffff;
}

.reward-origin-summary {
  grid-template-columns: 1.18fr repeat(3, minmax(0, 0.9fr));
}

.reward-origin-summary > span {
  min-height: 122px;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.reward-origin-summary .reward-origin-total-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(79, 201, 255, 0.2), transparent 38%),
    linear-gradient(135deg, #101226 0%, #26265d 100%);
  border-color: rgba(109, 99, 239, 0.54);
  box-shadow: 0 16px 30px rgba(20, 22, 58, 0.18);
}

.reward-origin-total-hero small,
.reward-origin-total-hero em {
  color: #aeb5cb !important;
}

.reward-origin-total-hero strong {
  color: #ffffff !important;
  font-size: 29px !important;
  letter-spacing: -0.035em;
}

.reward-origin-delegator-stat {
  background: linear-gradient(145deg, rgba(98, 91, 246, 0.075), rgba(255, 255, 255, 0.96));
  border-color: rgba(98, 91, 246, 0.2) !important;
}

.reward-origin-commission-stat {
  background: linear-gradient(145deg, rgba(230, 107, 88, 0.09), rgba(255, 255, 255, 0.96));
  border-color: rgba(230, 107, 88, 0.22) !important;
}

.reward-origin-mix-stat {
  background: linear-gradient(145deg, rgba(255, 176, 93, 0.1), rgba(255, 255, 255, 0.96));
  border-color: rgba(221, 139, 52, 0.24) !important;
  cursor: default;
  outline: none;
}

.reward-origin-mix-stat:focus-visible {
  box-shadow: 0 0 0 3px rgba(98, 91, 246, 0.22);
}

.premium-origin-shell {
  border-color: rgba(109, 99, 239, 0.19);
  box-shadow: 0 16px 34px rgba(35, 38, 76, 0.08);
  display: grid;
  gap: 22px;
  overflow-x: auto;
  padding: 18px;
}

.reward-origin-chart,
.reward-origin-mix-chart {
  display: block;
  height: auto;
  min-width: 940px;
}

.reward-origin-chart-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin: 0 2px 10px 43px;
}

.reward-origin-chart-label strong {
  color: #4e5569;
  font-size: 10.5px;
  letter-spacing: 0.025em;
}

.reward-origin-chart-label span {
  color: #898fa1;
  font-size: 8.5px;
  font-weight: 760;
}

.reward-origin-volume-plot {
  background-image: linear-gradient(to top, rgba(222, 223, 233, 0.88) 1px, transparent 1px);
  background-size: 100% 50%;
  height: 230px;
  margin-bottom: 20px;
  position: relative;
}

.reward-origin-axis-labels {
  color: #9298a9;
  display: flex;
  flex-direction: column;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  inset: 0 auto 0 0;
  justify-content: space-between;
  position: absolute;
  width: 38px;
}

.reward-origin-columns {
  align-items: end;
  border-bottom: 1px solid #d8dae5;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(11, minmax(54px, 1fr));
  height: 100%;
  margin-left: 43px;
}

.reward-origin-column,
.reward-mix-week {
  align-items: end;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  position: relative;
  transition: opacity 160ms ease, transform 160ms ease;
}

.reward-origin-column {
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

.reward-origin-stack {
  border-radius: 7px 7px 2px 2px;
  box-shadow: 0 7px 14px rgba(60, 55, 150, 0.14);
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 4px;
  overflow: hidden;
  transition: filter 150ms ease, transform 150ms ease;
  width: min(46px, 78%);
}

.reward-origin-stack i {
  display: block;
  width: 100%;
}

.reward-origin-stack i.commission {
  background: linear-gradient(180deg, #ff9975, #df6658);
}

.reward-origin-stack i.delegator {
  background: linear-gradient(180deg, #6961f7, #4f49cd);
}

.reward-origin-column.is-commission-peak .reward-origin-stack {
  box-shadow: 0 0 0 2px rgba(230, 107, 88, 0.23), 0 10px 19px rgba(230, 107, 88, 0.18);
}

.reward-origin-column.is-mix-peak .reward-origin-stack {
  outline: 2px solid rgba(240, 165, 70, 0.58);
  outline-offset: 2px;
}

.reward-origin-column > small {
  bottom: -18px;
  color: #7f8495;
  font-size: 7.5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.reward-origin-column:hover,
.reward-origin-column:focus-visible,
.reward-mix-week:hover,
.reward-mix-week:focus-visible {
  z-index: 20;
}

.reward-origin-column:hover .reward-origin-stack,
.reward-origin-column:focus-visible .reward-origin-stack,
.reward-mix-week:hover > i,
.reward-mix-week:focus-visible > i {
  filter: saturate(1.2) brightness(0.94);
  transform: translateY(-2px);
}

.reward-origin-column:focus-visible,
.reward-mix-week:focus-visible {
  border-radius: 6px;
  outline: 3px solid rgba(98, 91, 246, 0.22);
  outline-offset: 3px;
}

.reward-origin-mix-plot {
  background:
    linear-gradient(to top, rgba(222, 223, 233, 0.82) 1px, transparent 1px),
    linear-gradient(180deg, rgba(230, 107, 88, 0.028), transparent);
  background-size: 100% 50%, 100% 100%;
  border-bottom: 1px solid #d8dae5;
  height: 126px;
  margin: 0 0 0 43px;
  position: relative;
}

.reward-origin-mix-bars {
  align-items: end;
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(11, minmax(54px, 1fr));
  height: 100%;
  inset: 0;
  position: absolute;
  z-index: 3;
}

.reward-mix-week > i {
  background: linear-gradient(180deg, #ff9975, #df6658);
  border-radius: 6px 6px 2px 2px;
  box-shadow: 0 6px 12px rgba(230, 107, 88, 0.15);
  display: block;
  height: max(4px, var(--mix-height));
  transition: filter 150ms ease, transform 150ms ease;
  width: min(46px, 78%);
}

.reward-mix-week.is-mix-peak > i {
  background: linear-gradient(180deg, #ffb45f, #e87652);
  box-shadow: 0 0 0 2px rgba(228, 125, 62, 0.22), 0 10px 19px rgba(228, 125, 62, 0.18);
}

.reward-origin-overall-line {
  border-top: 1.5px dashed #858b9c;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 4;
}

.reward-origin-overall-line > span {
  background: #f8f8fd;
  border: 1px solid #dfe0e9;
  border-radius: 999px;
  color: #646a7d;
  font-size: 8px;
  font-weight: 900;
  padding: 3px 7px;
  position: absolute;
  right: 8px;
  top: -11px;
}

.reward-origin-column .weekly-insight-tooltip {
  top: 64px;
}

.reward-mix-week .weekly-insight-tooltip {
  top: 6px;
}

.weekly-tooltip-metrics i.delegator {
  background: #625bf6;
}

.weekly-tooltip-metrics i.commission {
  background: #e66b58;
}

.reward-origin-column:hover .weekly-insight-tooltip,
.reward-origin-column:focus-visible .weekly-insight-tooltip,
.reward-mix-week:hover .weekly-insight-tooltip,
.reward-mix-week:focus-visible .weekly-insight-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}

.reward-origin-key i.origin-share {
  background: transparent;
  border-top: 2px dashed #858b9c;
  border-radius: 0;
  height: 0;
}

.reward-origin-readout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.reward-origin-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.6fr);
}

.reward-origin-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.reward-origin-readout-lead > span {
  color: #ff9b83;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.reward-origin-readout-lead > strong {
  color: #ffffff;
  font-size: 23px;
  letter-spacing: -0.025em;
}

.reward-origin-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.reward-origin-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reward-origin-readout [data-reward-origin-week] {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.reward-origin-readout [data-reward-origin-week]:focus-visible {
  box-shadow: 0 0 0 2px rgba(230, 107, 88, 0.5);
}

.reward-origin-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.reward-origin-panel.has-linked-reward-origin-week [data-reward-origin-week]:not(.is-linked) {
  opacity: 0.46;
}

.reward-origin-panel [data-reward-origin-week].is-linked {
  opacity: 1;
  transform: translateY(-1px);
}

.reward-origin-panel .reward-origin-column.is-linked .reward-origin-stack,
.reward-origin-panel .reward-mix-week.is-linked > i {
  filter: saturate(1.2) brightness(0.94);
  box-shadow: 0 0 0 2px rgba(230, 107, 88, 0.25), 0 10px 20px rgba(65, 47, 62, 0.2);
}

.reward-origin-summary [data-reward-origin-week].is-linked {
  border-color: rgba(230, 107, 88, 0.42) !important;
  box-shadow: 0 13px 28px rgba(87, 51, 64, 0.13);
}

.reward-origin-readout [data-reward-origin-week].is-linked {
  background: rgba(230, 107, 88, 0.13);
  border-color: rgba(255, 155, 131, 0.38);
}

@media (max-width: 900px) {
  .reward-origin-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .reward-origin-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .reward-origin-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .reward-origin-summary,
  .reward-origin-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .premium-origin-shell {
    padding: 14px;
  }
}

/* Premium reward-lot attribution: one denominator, one true percentage scale. */
.inflation-attribution-panel {
  background:
    linear-gradient(180deg, rgba(98, 91, 246, 0.026), transparent 22rem),
    #ffffff;
}

.inflation-summary {
  grid-template-columns: 1.18fr repeat(3, minmax(0, 0.9fr));
}

.inflation-summary > span {
  min-height: 122px;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.inflation-summary .inflation-share-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(79, 201, 255, 0.21), transparent 38%),
    linear-gradient(135deg, #101226 0%, #2a2866 100%);
  border-color: rgba(109, 99, 239, 0.54);
  box-shadow: 0 16px 30px rgba(20, 22, 58, 0.18);
}

.inflation-share-hero small,
.inflation-share-hero em {
  color: #b5bbd0 !important;
}

.inflation-share-hero strong {
  color: #ffffff !important;
  font-size: 30px !important;
}

.inflation-range-stat {
  background: linear-gradient(145deg, rgba(78, 190, 240, 0.09), rgba(255, 255, 255, 0.96));
  border-color: rgba(62, 165, 213, 0.22) !important;
  outline: none;
}

.inflation-range-stat:focus-visible {
  box-shadow: 0 0 0 3px rgba(75, 184, 232, 0.22);
}

.inflation-denominator-ribbon {
  align-items: stretch;
  background: linear-gradient(135deg, #f6f6fc, #fbfbfe);
  border: 1px solid #e1e2ec;
  border-radius: 15px;
  box-shadow: 0 12px 26px rgba(38, 40, 78, 0.06);
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  margin: 16px 0;
  padding: 13px;
}

.inflation-denominator-ribbon > div {
  display: grid;
  gap: 3px;
  padding: 3px 9px;
}

.inflation-denominator-ribbon > div.result {
  background: rgba(98, 91, 246, 0.08);
  border: 1px solid rgba(98, 91, 246, 0.15);
  border-radius: 10px;
}

.inflation-denominator-ribbon span {
  color: #797f92;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.inflation-denominator-ribbon strong {
  color: #17192a;
  font-size: 15px;
}

.inflation-denominator-ribbon em {
  color: #8b90a1;
  font-size: 8.5px;
  font-style: normal;
}

.inflation-denominator-ribbon > b {
  align-self: center;
  color: #7f8497;
  font-size: 17px;
}

.inflation-analysis-grid {
  grid-template-columns: minmax(300px, 0.72fr) minmax(560px, 1.28fr);
}

.inflation-analysis-grid > article {
  background: #fbfbfe;
  border: 1px solid #e3e4ed;
  border-radius: 17px;
  box-shadow: 0 13px 30px rgba(36, 38, 74, 0.055);
  min-width: 0;
  padding: 17px;
}

.inflation-route-list {
  display: grid;
  gap: 17px;
}

.inflation-scale-key {
  align-items: center;
  border-bottom: 1px solid #e7e8f0;
  color: #888e9f;
  display: flex;
  font-size: 8.5px;
  justify-content: space-between;
  padding-bottom: 9px;
}

.inflation-scale-key strong {
  color: #5b6175;
  font-variant-numeric: tabular-nums;
}

.inflation-route-row {
  display: grid;
  gap: 7px;
}

.inflation-route-row > div:first-child {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.inflation-route-row > div:first-child strong {
  color: #41475a;
  font-size: 11px;
}

.inflation-route-row > div:first-child b {
  color: #141628;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}

.inflation-route-row > small {
  color: #8d92a3;
  font-size: 8.5px;
}

.inflation-route-track {
  background: #e8e9f1;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.inflation-route-track > span {
  background: linear-gradient(90deg, #655df4, #54bff1);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.inflation-route-row.route-ibc-memo-swap .inflation-route-track > span {
  background: linear-gradient(90deg, #cf8432, #f1ae58);
}

.inflation-route-row.route-ibc-out .inflation-route-track > span {
  background: linear-gradient(90deg, #4c9b7e, #69c0a2);
}

.inflation-week-chart {
  min-width: 650px;
  padding-top: 36px;
}

.inflation-week-chart-label {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin: 0 2px 10px 43px;
}

.inflation-week-chart-label strong {
  color: #51586b;
  font-size: 10px;
}

.inflation-week-chart-label span {
  color: #898fa1;
  font-size: 8.5px;
  font-weight: 760;
}

.inflation-week-plot {
  background-image: linear-gradient(to top, rgba(222, 223, 233, 0.86) 1px, transparent 1px);
  background-size: 100% 50%;
  height: 205px;
  margin-bottom: 20px;
  position: relative;
}

.inflation-week-axis {
  color: #9298a9;
  display: flex;
  flex-direction: column;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  inset: 0 auto 0 0;
  justify-content: space-between;
  position: absolute;
  width: 38px;
}

.inflation-week-bars {
  align-items: end;
  border-bottom: 1px solid #d8dae5;
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(11, minmax(34px, 1fr));
  height: 100%;
  margin-left: 43px;
}

.inflation-week-bar {
  align-items: end;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  position: relative;
  transition: opacity 160ms ease, transform 160ms ease;
}

.inflation-week-bar > i {
  background: linear-gradient(180deg, #625bf6, #817aff);
  border-radius: 6px 6px 2px 2px;
  box-shadow: 0 6px 13px rgba(98, 91, 246, 0.16);
  display: block;
  height: max(4px, var(--bar-height));
  transition: filter 150ms ease, transform 150ms ease;
  width: 72%;
}

.inflation-week-bar.is-peak > i {
  background: linear-gradient(180deg, #ff9874, #dd6357);
  box-shadow: 0 0 0 2px rgba(221, 99, 87, 0.2), 0 9px 18px rgba(221, 99, 87, 0.2);
}

.inflation-week-bar.is-trough > i {
  background: linear-gradient(180deg, #66c7a8, #35997d);
  box-shadow: 0 0 0 2px rgba(53, 153, 125, 0.18), 0 8px 16px rgba(53, 153, 125, 0.17);
}

.inflation-week-bar > small {
  bottom: -18px;
  color: #8c92a3;
  font-size: 7px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.inflation-aggregate-line {
  border-top: 1.5px dashed #858b9c;
  left: 43px;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 4;
}

.inflation-aggregate-line > span {
  background: #f8f8fd;
  border: 1px solid #dfe0e9;
  border-radius: 999px;
  color: #646a7d;
  font-size: 8px;
  font-weight: 900;
  padding: 3px 7px;
  position: absolute;
  right: 7px;
  top: -11px;
}

.inflation-week-bar .weekly-insight-tooltip {
  top: 54px;
}

.weekly-tooltip-metrics i.attributed {
  background: #7770ff;
  box-shadow: 0 0 0 3px rgba(119, 112, 255, 0.12);
}

.weekly-tooltip-metrics i.overall-route {
  background: #4abef0;
  box-shadow: 0 0 0 3px rgba(74, 190, 240, 0.12);
}

.inflation-week-bar:hover,
.inflation-week-bar:focus-visible {
  z-index: 20;
}

.inflation-week-bar:hover > i,
.inflation-week-bar:focus-visible > i {
  filter: saturate(1.2) brightness(0.94);
  transform: translateY(-2px);
}

.inflation-week-bar:hover .weekly-insight-tooltip,
.inflation-week-bar:focus-visible .weekly-insight-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}

.inflation-week-bar:focus-visible {
  border-radius: 6px;
  outline: 3px solid rgba(98, 91, 246, 0.22);
  outline-offset: 3px;
}

.inflation-readout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.inflation-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.6fr);
}

.inflation-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.inflation-readout-lead > span {
  color: #72d1f5;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.inflation-readout-lead > strong {
  color: #ffffff;
  font-size: 26px;
  letter-spacing: -0.03em;
}

.inflation-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.inflation-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inflation-readout [data-inflation-week] {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.inflation-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.inflation-attribution-panel.has-linked-inflation-week [data-inflation-week]:not(.is-linked) {
  opacity: 0.46;
}

.inflation-attribution-panel [data-inflation-week].is-linked {
  opacity: 1;
  transform: translateY(-1px);
}

.inflation-attribution-panel .inflation-week-bar.is-linked > i {
  filter: saturate(1.2) brightness(0.94);
  box-shadow: 0 0 0 2px rgba(221, 99, 87, 0.24), 0 10px 20px rgba(65, 47, 62, 0.2);
}

.inflation-summary [data-inflation-week].is-linked {
  border-color: rgba(75, 184, 232, 0.4) !important;
  box-shadow: 0 13px 28px rgba(35, 83, 106, 0.12);
}

.inflation-readout [data-inflation-week].is-linked {
  background: rgba(75, 184, 232, 0.13);
  border-color: rgba(114, 209, 245, 0.38);
}

/* Premium destination comparison: separate study denominators, shared venue identity. */
.destination-concentration-panel {
  background:
    linear-gradient(180deg, rgba(98, 91, 246, 0.024), transparent 20rem),
    #ffffff;
}

.destination-summary {
  grid-template-columns: 1.18fr repeat(3, minmax(0, 0.9fr));
}

.destination-summary > span {
  min-height: 122px;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.destination-summary .destination-leader-hero {
  background:
    radial-gradient(circle at 84% 10%, rgba(79, 201, 255, 0.19), transparent 38%),
    linear-gradient(135deg, #101226 0%, #292862 100%);
  border-color: rgba(109, 99, 239, 0.52);
  box-shadow: 0 16px 30px rgba(20, 22, 58, 0.18);
  outline: none;
}

.destination-leader-hero small,
.destination-leader-hero em {
  color: #b4bbcf !important;
}

.destination-leader-hero strong {
  color: #ffffff !important;
  font-size: 21px !important;
}

.destination-top3-stat {
  background: linear-gradient(145deg, rgba(98, 91, 246, 0.075), rgba(255, 255, 255, 0.96));
  border-color: rgba(98, 91, 246, 0.2) !important;
}

.destination-coverage-stat {
  background: linear-gradient(145deg, rgba(61, 166, 130, 0.075), rgba(255, 255, 255, 0.96));
  border-color: rgba(61, 166, 130, 0.2) !important;
}

.destination-hhi-stat {
  background: linear-gradient(145deg, rgba(230, 107, 88, 0.075), rgba(255, 255, 255, 0.96));
  border-color: rgba(230, 107, 88, 0.2) !important;
}

.destination-analysis-grid {
  gap: 18px;
}

.destination-analysis-grid > article.destination-surface {
  background: #fbfbfe;
  border-color: #e2e3ed;
  border-radius: 18px;
  box-shadow: 0 14px 32px rgba(36, 38, 74, 0.06);
  padding: 18px;
}

.destination-surface .analysis-subhead span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.destination-surface .analysis-subhead span i {
  align-items: center;
  background: #eceaff;
  border: 1px solid rgba(98, 91, 246, 0.18);
  border-radius: 999px;
  color: var(--indigo-deep);
  display: inline-flex;
  font-size: 8px;
  font-style: normal;
  height: 19px;
  justify-content: center;
  width: 19px;
}

.wallet-destination-surface .analysis-subhead span i {
  background: rgba(230, 107, 88, 0.1);
  border-color: rgba(230, 107, 88, 0.2);
  color: #b64f46;
}

.destination-scale {
  align-items: center;
  color: #9297a8;
  display: grid;
  font-size: 7.5px;
  grid-template-columns: 1fr auto 1fr auto 1fr auto;
  margin: -2px 0 8px;
}

.destination-scale span {
  color: #7f8597;
  font-size: 8px;
  font-weight: 800;
  grid-column: 1 / 4;
}

.destination-scale small:nth-of-type(1) {
  grid-column: 4;
}

.destination-scale small:nth-of-type(2) {
  grid-column: 5;
  justify-self: center;
}

.destination-scale small:nth-of-type(3) {
  grid-column: 6;
}

.destination-row {
  background: #ffffff;
  border-color: #e3e4ed;
  border-radius: 13px;
  gap: 8px;
  outline: none;
  padding: 12px 13px;
  transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.destination-row.is-top-three {
  border-color: rgba(98, 91, 246, 0.18);
  box-shadow: 0 8px 18px rgba(50, 51, 93, 0.045);
}

.wallet-destination-surface .destination-row.is-top-three {
  border-color: rgba(230, 107, 88, 0.18);
}

.destination-row .dispo-head {
  align-items: center;
}

.destination-row .dispo-head > strong {
  align-items: center;
  color: #17192b;
  display: flex;
  font-size: 12px;
  min-width: 0;
}

.destination-row .dispo-head > b {
  background: #eceaff;
  border: 1px solid rgba(98, 91, 246, 0.16);
  border-radius: 999px;
  color: #5148cf;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  padding: 4px 7px;
  white-space: nowrap;
}

.wallet-destination-surface .destination-row .dispo-head > b {
  background: rgba(230, 107, 88, 0.09);
  border-color: rgba(230, 107, 88, 0.17);
  color: #b84f46;
}

.destination-row-meta {
  align-items: center;
  color: #8a90a1;
  display: flex;
  font-size: 8.5px;
  justify-content: space-between;
}

.destination-row-meta strong {
  color: #61677a;
  font-variant-numeric: tabular-nums;
}

.destination-row .dispo-bar {
  background: #e9eaf1;
  height: 9px;
}

.reward-destination-surface .destination-row .dispo-bar > span {
  background: linear-gradient(90deg, #625bf6, #8a84ff);
}

.wallet-destination-surface .destination-row .dispo-bar > span {
  background: linear-gradient(90deg, #df6258, #f39173);
}

.destination-caveat {
  background: rgba(215, 143, 50, 0.08);
  border-left: 2px solid #d78f32;
  border-radius: 6px;
  color: #777d8e;
  display: grid;
  font-size: 8.5px;
  gap: 2px;
  line-height: 1.4;
  margin: 1px 0 0;
  padding: 7px 8px;
}

.destination-caveat strong {
  color: #a36821;
  font-size: 7.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.destination-coverage-meter {
  background: #f5f5fa;
  border: 1px solid #e2e3ec;
  border-radius: 11px;
  display: grid;
  gap: 7px;
  margin-top: 2px;
  padding: 10px 11px;
}

.destination-coverage-meter > div:first-child {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
}

.destination-coverage-meter strong {
  color: #555c70;
  font-size: 9px;
}

.destination-coverage-meter span {
  color: #8a90a1;
  font-size: 8px;
}

.destination-coverage-track {
  background: #e3e4ec;
  border-radius: 999px;
  height: 5px;
  overflow: hidden;
}

.destination-coverage-track > span {
  background: linear-gradient(90deg, #4ba685, #70c9a9);
  border-radius: inherit;
  display: block;
  height: 100%;
}

.destination-readout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.destination-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(280px, 1fr) minmax(0, 1.45fr);
}

.destination-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.destination-readout-lead > span {
  color: #ff9b83;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.destination-readout-lead > strong {
  color: #ffffff;
  font-size: 25px;
  letter-spacing: -0.03em;
}

.destination-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.destination-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.destination-readout [data-destination-key] {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.destination-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.destination-concentration-panel.has-linked-destination [data-destination-key]:not(.is-linked) {
  opacity: 0.44;
}

.destination-concentration-panel [data-destination-key].is-linked {
  opacity: 1;
  transform: translateY(-1px);
}

.destination-concentration-panel .destination-row.is-linked {
  border-color: rgba(98, 91, 246, 0.36);
  box-shadow: 0 11px 24px rgba(49, 47, 108, 0.11);
}

.destination-concentration-panel .wallet-destination-surface .destination-row.is-linked {
  border-color: rgba(230, 107, 88, 0.38);
  box-shadow: 0 11px 24px rgba(117, 54, 48, 0.1);
}

.destination-summary [data-destination-key].is-linked {
  border-color: rgba(79, 201, 255, 0.44) !important;
  box-shadow: 0 15px 30px rgba(28, 47, 92, 0.2);
}

.destination-readout [data-destination-key].is-linked {
  background: rgba(230, 107, 88, 0.13);
  border-color: rgba(255, 155, 131, 0.38);
}

.destination-row:focus-visible,
.destination-leader-hero:focus-visible,
.destination-readout [data-destination-key]:focus-visible,
.inflation-readout [data-inflation-week]:focus-visible {
  box-shadow: 0 0 0 3px rgba(98, 91, 246, 0.23);
}

.destination-footnote {
  margin-top: 11px;
}

@media (max-width: 1050px) {
  .inflation-analysis-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .inflation-week-surface {
    overflow-x: auto;
  }
}

@media (max-width: 900px) {
  .inflation-summary,
  .destination-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inflation-denominator-ribbon {
    grid-template-columns: minmax(0, 1fr);
  }

  .inflation-denominator-ribbon > b {
    justify-self: center;
  }

  .inflation-readout-layout,
  .destination-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .inflation-readout-lead,
  .destination-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .inflation-summary,
  .destination-summary,
  .inflation-readout .readout-stats,
  .destination-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

select:focus,
input:focus,
button:focus,
a:focus-visible,
summary:focus-visible {
  outline: 3px solid rgba(98, 91, 246, 0.28);
  outline-offset: 3px;
}

@media (max-width: 1180px) {
  .hero-main {
    gap: 48px;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 320px);
  }

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

  .coverage-gateway {
    grid-template-columns: minmax(240px, 0.8fr) minmax(400px, 1.35fr) minmax(170px, 0.5fr);
  }

  body.drawer-open .controls::after {
    content: "";
    display: block;
    height: 86.7px;
  }

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

  .command-grid.event-comparison-active {
    grid-template-columns: 1fr;
  }

  .scale-options {
    grid-column: 1 / -1;
  }

  .advanced-drawer > summary {
    min-height: 0;
  }

  .chart-stage {
    grid-template-columns: 1fr;
  }

  .chart-summary {
    min-height: 180px;
    overflow: visible;
  }

  .chart-stats,
  .week-inspector-grid,
  .week-comparison-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .week-inspector-routes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  .validator-analysis-grid,
  .destination-analysis-grid,
  .peer-benchmark-grid,
  .event-contributor-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .topbar {
    min-height: 0;
    padding-bottom: 64px;
  }

  .hero-main {
    align-items: start;
    grid-template-columns: 1fr;
    margin-top: 54px;
  }

  .hero-price-card {
    max-width: 460px;
  }

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

  .freshness-strip {
    align-items: stretch;
    flex-direction: column;
    gap: 10px;
  }

  .coverage-gateway {
    gap: 14px;
    grid-template-columns: 1fr;
  }

  .coverage-gateway-fact:first-child {
    border-left: 0;
  }

  .coverage-gateway-link {
    min-height: 58px;
  }

  .freshness-divider {
    height: 1px;
    width: 100%;
  }

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

  .coverage-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .topbar {
    padding: 20px 16px 54px;
  }

  .hero-nav {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .topbar .status-strip {
    justify-content: flex-start;
  }

  .hero-main {
    gap: 34px;
    margin-top: 44px;
  }

  .hero-copy h1 {
    font-size: clamp(40px, 13vw, 54px);
    letter-spacing: -0.05em;
  }

  .hero-copy > p {
    font-size: 15px;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-primary,
  .hero-secondary {
    width: 100%;
  }

  .hero-price-card {
    border-radius: 18px;
    padding: 20px;
  }

  .hero-provenance {
    gap: 12px;
    margin-top: 38px;
  }

  .hero-provenance span {
    display: grid;
    gap: 2px;
  }

  .workspace {
    margin-top: -30px;
    padding: 0 12px 38px;
  }

  .coverage-gateway {
    border-radius: 16px;
    gap: 14px;
    padding: 18px 16px 16px;
  }

  .coverage-gateway-heading h2 {
    font-size: 16px;
  }

  .coverage-gateway-facts {
    border: 1px solid #e3e4ee;
    border-radius: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
  }

  .coverage-gateway-fact {
    border-bottom: 1px solid #e3e4ee;
    min-height: 58px;
    padding: 9px 12px;
  }

  .coverage-gateway-fact:nth-child(odd) {
    border-left: 0;
  }

  .coverage-gateway-fact:nth-child(n + 3) {
    border-bottom: 0;
  }

  .control-section {
    padding: 20px 16px;
  }

  .advanced-drawer[open] {
    bottom: auto;
    height: calc(100vh - 24px);
    height: calc(100dvh - 24px);
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    right: 12px;
    top: 12px;
    width: calc(100vw - 24px);
  }

  .command-heading {
    align-items: start;
    flex-direction: column;
    gap: 6px;
  }

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

  .command-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .research-presets {
    align-items: flex-start;
    flex-direction: column;
  }

  .preset-actions {
    justify-content: flex-start;
  }

  .share-view {
    justify-content: flex-start;
    width: 100%;
  }

  .freshness-item {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }

  .freshness-item > strong {
    text-align: left;
    white-space: normal;
  }

  .command-grid,
  .command-grid.event-comparison-active,
  .scale-options,
  .metric-grid,
  .split-grid,
  .finding-grid {
    grid-template-columns: 1fr;
  }

  .command-grid.event-comparison-active .event-comparator {
    grid-template-columns: 1fr;
  }

  .event-swap {
    flex-direction: row;
    gap: 7px;
    height: 38px;
    margin-top: 0;
    width: 100%;
  }

  .event-comparison-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
  }

  .event-comparison-footer > div {
    justify-content: space-between;
    width: 100%;
  }

  .research-intro {
    max-height: calc(100vh - 20px);
    max-height: calc(100dvh - 20px);
    width: calc(100vw - 20px);
  }

  .research-intro-shell {
    border-radius: 20px;
    padding: 26px 20px;
  }

  .research-intro-close {
    right: 14px;
    top: 14px;
  }

  .research-intro h2 {
    margin-right: 42px;
  }

  .research-intro-principles {
    grid-template-columns: 1fr;
  }

  .research-intro-principles article {
    min-height: 0;
  }

  .research-intro-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .metric-context {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .scale-options {
    grid-column: auto;
  }

  .section-nav {
    border-radius: 14px;
    justify-content: flex-start;
    margin: 0;
    max-width: 100%;
    overflow-x: auto;
    top: 8px;
    width: 100%;
  }

  .section-nav > span {
    display: none;
  }

  .responsive-table {
    border: 0;
    max-height: none;
    overflow: visible;
  }

  .responsive-table table,
  .responsive-table tbody,
  .responsive-table tr,
  .responsive-table td {
    display: block;
    min-width: 0;
    width: 100%;
  }

  .responsive-table thead {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
  }

  .responsive-table tbody {
    display: grid;
    gap: 12px;
  }

  .responsive-table tr {
    background: #ffffff;
    border: 1px solid #e4e5ee;
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(27, 23, 54, 0.05);
    overflow: hidden;
  }

  .responsive-table td {
    align-items: start;
    border-bottom: 1px solid #eeeef4;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(100px, 0.72fr) minmax(0, 1.28fr);
    padding: 10px 12px;
    text-align: left;
    white-space: normal;
  }

  .responsive-table td:last-child {
    border-bottom: 0;
  }

  .responsive-table td::before {
    color: #7a8090;
    content: attr(data-label);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .responsive-table td[colspan]::before {
    content: none;
  }

  .responsive-table td.mono,
  .responsive-table td.mono a {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .responsive-table .mobile-secondary {
    display: none;
  }

  .responsive-table tr.mobile-expanded .mobile-secondary {
    display: grid;
  }

  .mobile-row-toggle {
    background: #f0efff;
    border: 1px solid #dcd9ff;
    border-radius: 999px;
    color: var(--indigo-deep);
    cursor: pointer;
    display: inline-flex;
    font-size: 10px;
    font-weight: 900;
    justify-content: center;
    margin-right: 10px;
    padding: 6px 10px;
  }

  .metric-card {
    min-height: 124px;
  }

  .panel,
  .chart-panel {
    border-radius: 18px;
    padding: 20px 16px;
  }

  .panel-header {
    gap: 14px;
  }

  .panel-header h2 {
    font-size: 23px;
  }

  .chart-panel .canvas-frame {
    height: 360px;
  }

  .chart-summary {
    min-height: 220px;
  }

  .chart-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .chart-toolbar-meta {
    justify-content: flex-start;
    width: 100%;
  }

  .chart-legend-help {
    max-width: none;
    text-align: left;
  }

  .chart-stats,
  .week-inspector-grid,
  .week-comparison-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .week-inspector-routes {
    grid-template-columns: 1fr;
  }

  .finding-grid article {
    min-height: 170px;
  }

  .coverage-panel {
    border-radius: 18px;
    padding: 22px 18px;
  }

  .public-explainer {
    align-items: flex-start;
  }

  .chart-actions,
  .header-actions,
  .header-controls {
    width: 100%;
  }

  .coverage-matrix-summary {
    grid-template-columns: 1fr;
  }

  .analysis-subhead {
    align-items: flex-start;
    flex-direction: column;
  }

  .analysis-subhead small {
    max-width: none;
    text-align: left;
  }

  .participation-axis {
    align-items: flex-start;
    flex-direction: column;
  }

  .contributor-row > div:first-child {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .contributor-row small,
  .contributor-row em {
    grid-column: 2;
  }

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

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------------------------------------------------------------------------
   Holdings, liquid staking, emission, transfer clusters, inflation attribution.
   These surfaces reuse the existing stat-grid, benchmark-bar, participation-bar
   and data-drawer systems; only their own containers are defined here.
   --------------------------------------------------------------------------- */

.analyst-readout {
  background: var(--ink);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  color: #e8ecec;
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 15px 17px;
}

.analyst-readout h3 {
  color: #ffffff;
  font-size: 11px;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.analyst-readout p {
  color: #b9c2c2;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
}

.analyst-readout strong {
  color: #ffffff;
}

.analyst-readout .readout-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
}

.analyst-readout .readout-stats > span {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  display: grid;
  gap: 3px;
  padding: 9px 11px;
}

.analyst-readout .readout-stats small {
  color: #94a0a0;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.analyst-readout .readout-stats strong {
  font-size: 16px;
  letter-spacing: -0.01em;
}

.analyst-readout .readout-stats em {
  color: #8f9b9b;
  font-size: 11px;
  font-style: normal;
}

.analyst-readout .delta-up {
  color: #8fd0b4;
  font-style: normal;
}

.analyst-readout .delta-down {
  color: #e5a49c;
  font-style: normal;
}

.holdings-toolbar {
  align-items: center;
  background: linear-gradient(145deg, #f8f8fc, #f5f5fb);
  border: 1px solid #e4e4ee;
  border-radius: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 10px 12px;
}

.holdings-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.055), transparent 27rem),
    linear-gradient(180deg, #ffffff, #fdfdff);
  overflow: hidden;
}

.holdings-summary {
  grid-template-columns: minmax(275px, 1.35fr) repeat(3, minmax(165px, 1fr));
}

.holdings-summary > span {
  justify-content: center;
  min-height: 108px;
  padding: 16px 17px;
}

.holdings-summary .holdings-balance-hero {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.25), transparent 14rem),
    linear-gradient(145deg, #17152d, #302a64);
  border-color: rgba(93, 84, 194, 0.48);
  box-shadow: 0 18px 38px rgba(32, 27, 82, 0.16);
  overflow: hidden;
  position: relative;
}

.holdings-summary .holdings-balance-hero::after {
  border: 1px solid rgba(143, 224, 255, 0.2);
  border-radius: 50%;
  content: "";
  height: 118px;
  position: absolute;
  right: -42px;
  top: -54px;
  width: 118px;
}

.holdings-summary .holdings-balance-hero small,
.holdings-summary .holdings-balance-hero em {
  color: #bdb9dd;
  position: relative;
  z-index: 1;
}

.holdings-summary .holdings-balance-hero strong {
  color: #ffffff;
  font-size: 27px;
  position: relative;
  z-index: 1;
}

.holdings-summary .holdings-stat-card {
  background: linear-gradient(150deg, #fafafe, #f5f5fb);
  box-shadow: inset 0 3px 0 rgba(109, 99, 239, 0.16);
}

.holdings-summary .holdings-stat-card strong {
  font-size: 22px;
}

.holdings-summary .holdings-stat-card .delta-up {
  color: #258564;
}

.holdings-control-group {
  align-items: center;
  display: flex;
  gap: 10px;
}

.holdings-control-label {
  color: #73798b;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.holdings-kind {
  background: #ebeaf3;
  border: 1px solid #dfdeeb;
  border-radius: 12px;
  display: inline-grid;
  gap: 4px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 4px;
}

.holdings-kind legend {
  padding: 0;
}

.holdings-kind label {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #74798a;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 850;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  white-space: nowrap;
}

.holdings-kind input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.holdings-kind label:has(input:checked) {
  background: #ffffff;
  border-color: #d8d6ec;
  box-shadow: 0 5px 14px rgba(36, 31, 84, 0.09);
  color: var(--indigo-deep);
}

.holdings-kind label:has(input:focus-visible) {
  outline: 2px solid rgba(98, 91, 246, 0.42);
  outline-offset: 2px;
}

.holdings-toolbar .hint {
  margin: 0;
}

.holdings-snapshot-pill {
  background: #ffffff;
  border: 1px solid #e3e3ed;
  border-radius: 999px;
  color: #7b8192;
  padding: 7px 11px;
}

.holdings-comparison-grid {
  gap: 12px;
}

.peer-benchmark-grid > .holdings-comparison-card {
  background: linear-gradient(150deg, #fcfcff, #f8f8fd);
  border-color: #e3e3ed;
  border-radius: 18px;
  padding: 18px;
}

.holdings-comparison-card .analysis-subhead {
  border-bottom-color: #e5e5ee;
  margin-bottom: 10px;
  padding-bottom: 13px;
}

.holdings-comparison-card .analysis-subhead span {
  color: var(--indigo);
}

.holdings-comparison-card .analysis-subhead small {
  color: #969bac;
}

.holdings-comparison-card .benchmark-bars {
  gap: 5px;
}

.holdings-row {
  border: 1px solid transparent;
  border-radius: 12px;
  gap: 7px;
  min-width: 0;
  padding: 9px 10px;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.holdings-row:focus-visible {
  outline: 0;
}

.holdings-row-head {
  gap: 12px;
  min-width: 0;
}

.holdings-row-head strong {
  align-items: center;
  color: #4e5568;
  display: inline-flex;
  gap: 7px;
  min-width: 0;
}

.holdings-row .holdings-row-head > span {
  color: #676e82;
  flex: 0 0 auto;
  font-size: 10.5px;
}

.holdings-key-dot {
  background: var(--holding-color);
  border-radius: 999px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--holding-color) 14%, transparent);
  flex: 0 0 7px;
  height: 7px;
  width: 7px;
}

.holdings-track {
  background: #e9eaf2;
  height: 9px;
  overflow: visible;
  position: relative;
}

.holdings-track::after {
  background: rgba(111, 116, 138, 0.14);
  content: "";
  height: 15px;
  left: 50%;
  position: absolute;
  top: -3px;
  width: 1px;
}

.holdings-track > span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--holding-color) 72%, #ffffff), var(--holding-color));
  box-shadow: 0 2px 7px color-mix(in srgb, var(--holding-color) 18%, transparent);
  min-width: 3px;
  position: relative;
  z-index: 1;
}

.holdings-row-context {
  color: #9a9faf;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 750;
  letter-spacing: 0.01em;
}

.holdings-row-context.is-above {
  color: #278366;
}

.holdings-row-context.is-below {
  color: #bf675f;
}

.holdings-row-context.is-even {
  color: #7b8192;
}

.holdings-comparison-grid.has-linked-hover .holdings-row:not(.is-linked) {
  opacity: 0.58;
}

.holdings-comparison-grid .holdings-row.is-linked {
  background: color-mix(in srgb, var(--holding-color) 8%, #ffffff);
  border-color: color-mix(in srgb, var(--holding-color) 28%, #e1e1eb);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--holding-color) 10%, transparent);
  transform: translateY(-1px);
}

.holdings-comparison-grid .holdings-row.is-linked .holdings-row-head strong,
.holdings-comparison-grid .holdings-row.is-linked .holdings-row-head > span {
  color: #252b3b;
}

.holdings-comparison-grid .holdings-row.is-linked:focus-visible {
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--holding-color) 40%, transparent),
    0 10px 24px color-mix(in srgb, var(--holding-color) 10%, transparent);
}

.coverage-staleness {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  margin-top: 14px;
}

.coverage-staleness > span {
  background: rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  display: grid;
  gap: 2px;
  padding: 9px 11px;
}

.coverage-staleness small {
  color: #9aa4a4;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.coverage-staleness strong {
  color: #ffffff;
  font-size: 15px;
}

.coverage-staleness em {
  color: #9aa4a4;
  font-size: 11px;
  font-style: normal;
}

.coverage-absent {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin-top: 16px;
  padding-top: 14px;
}

.coverage-absent strong {
  color: #ffffff;
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.coverage-absent p {
  color: #b3bcbc;
  font-size: 12.5px;
  line-height: 1.6;
  margin: 0;
}

.coverage-absent strong,
.coverage-absent em {
  font-style: normal;
}

.coverage-absent p strong {
  color: #ffffff;
  display: inline;
  font-size: inherit;
}

.scope-callout {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-left: 3px solid var(--amber);
  border-radius: 10px;
  margin-top: 16px;
  padding: 13px 15px;
}

.scope-callout strong {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.scope-callout p {
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.6;
  margin: 0;
}

.benchmark-row.defunct div strong::after {
  background: var(--panel-soft);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--red);
  content: "defunct";
  font-size: 9px;
  letter-spacing: 0.05em;
  margin-left: 7px;
  padding: 1px 6px;
  text-transform: uppercase;
  vertical-align: middle;
}

@media (max-width: 900px) {
  .holdings-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

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

  .holdings-summary .holdings-balance-hero {
    grid-column: 1 / -1;
  }

  .holdings-snapshot-pill {
    border-radius: 10px;
  }

  .analyst-readout .readout-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .coverage-staleness,
  .analyst-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .holdings-kind {
    width: 100%;
  }

  .holdings-control-group {
    align-items: stretch;
    flex-direction: column;
  }

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

  .holdings-summary .holdings-balance-hero {
    grid-column: auto;
  }

  .holdings-row-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .holdings-row .holdings-row-head > span {
    padding-left: 14px;
  }
}

/* Liquid staking — matched-pool composition with explicit coverage. */

.lst-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(54, 167, 202, 0.07), transparent 26rem),
    linear-gradient(180deg, #ffffff, #fdfdff);
  overflow: hidden;
}

.lst-summary {
  grid-template-columns: minmax(275px, 1.35fr) repeat(3, minmax(165px, 1fr));
}

.lst-summary > span {
  justify-content: center;
  min-height: 108px;
  padding: 16px 17px;
}

.lst-summary .lst-total-hero {
  background:
    radial-gradient(circle at 100% 0, rgba(88, 206, 242, 0.26), transparent 14rem),
    linear-gradient(145deg, #17152d, #302a64);
  border-color: rgba(93, 84, 194, 0.48);
  box-shadow: 0 18px 38px rgba(32, 27, 82, 0.16);
  overflow: hidden;
  position: relative;
}

.lst-summary .lst-total-hero::after {
  border: 1px solid rgba(143, 224, 255, 0.22);
  border-radius: 50%;
  content: "";
  height: 116px;
  position: absolute;
  right: -40px;
  top: -55px;
  width: 116px;
}

.lst-summary .lst-total-hero small,
.lst-summary .lst-total-hero em {
  color: #bdb9dd;
  position: relative;
  z-index: 1;
}

.lst-summary .lst-total-hero strong {
  color: #ffffff;
  font-size: 27px;
  position: relative;
  z-index: 1;
}

.lst-summary .lst-stat-card {
  background: linear-gradient(150deg, #fafafe, #f5f5fb);
  box-shadow: inset 0 3px 0 rgba(109, 99, 239, 0.16);
}

.lst-summary .lst-stat-card strong,
.lst-summary .lst-coverage-stat strong {
  font-size: 22px;
}

.lst-summary .lst-coverage-stat {
  background: linear-gradient(150deg, #fffaf2, #fff6e9);
  border-color: #eddcc2;
  box-shadow: inset 0 3px 0 rgba(208, 139, 46, 0.42);
}

.lst-summary .lst-coverage-stat small,
.lst-summary .lst-coverage-stat em {
  color: #9b7745;
}

.lst-coverage-banner {
  align-items: start;
  background: linear-gradient(145deg, #fffaf2, #fff7ec);
  border: 1px solid #ecd9bc;
  border-left: 4px solid #d08b2e;
  border-radius: 14px;
  color: #5e4d38;
  display: grid;
  gap: 11px;
  grid-template-columns: auto minmax(0, 1fr);
  margin-bottom: 16px;
  padding: 12px 14px;
}

.lst-coverage-mark {
  align-items: center;
  background: #d08b2e;
  border-radius: 50%;
  color: #ffffff;
  display: inline-flex;
  font-size: 11px;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  margin-top: 1px;
  width: 22px;
}

.lst-coverage-banner strong {
  color: #3f3528;
  display: block;
  font-size: 12px;
  margin-bottom: 3px;
}

.lst-coverage-banner p {
  color: #7a684e;
  font-size: 11px;
  line-height: 1.5;
  margin: 0;
}

.lst-composition-shell {
  background: linear-gradient(150deg, #fcfcff, #f8f8fd);
  border: 1px solid #e3e3ed;
  border-radius: 18px;
  padding: 18px;
}

.lst-composition-heading {
  border-bottom-color: #e4e4ee;
  margin-bottom: 9px;
  padding-bottom: 13px;
}

.lst-composition-heading span {
  color: var(--indigo);
}

.lst-protocol-composition {
  gap: 5px;
}

.lst-protocol-row,
.lst-delegation-row {
  border: 1px solid transparent;
  border-radius: 12px;
  gap: 7px;
  min-width: 0;
  padding: 10px 11px;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.lst-protocol-row:focus-visible,
.lst-delegation-row:focus-visible,
.lst-trend-card:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--lst-color) 44%, transparent);
  outline-offset: 2px;
}

.lst-protocol-head {
  gap: 12px;
  min-width: 0;
}

.lst-protocol-head strong,
.lst-delegation-row > div:first-child strong,
.lst-trend-card small {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}

.lst-protocol-head strong i,
.lst-delegation-row > div:first-child strong i,
.lst-trend-card small i {
  background: var(--lst-color);
  border-radius: 999px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lst-color) 14%, transparent);
  flex: 0 0 7px;
  height: 7px;
  width: 7px;
}

.lst-protocol-head > span {
  color: #555c70;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  font-weight: 850;
}

.lst-protocol-track,
.lst-delegation-row .benchmark-track {
  background: #e8e9f1;
  height: 10px;
  overflow: hidden;
}

.lst-protocol-track > span,
.lst-delegation-row .benchmark-track > span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--lst-color) 70%, #ffffff), var(--lst-color));
  box-shadow: 0 2px 7px color-mix(in srgb, var(--lst-color) 18%, transparent);
  min-width: 3px;
}

.lst-protocol-meta {
  align-items: center;
  color: #8e94a5;
  display: flex;
  flex-wrap: wrap;
  font-size: 9px;
  font-weight: 750;
  gap: 6px 13px;
}

.lst-protocol-meta em {
  font-style: normal;
  font-weight: 850;
  margin-left: auto;
}

.lst-protocol-meta .delta-up,
.lst-trend-card .delta-up {
  color: #278366;
}

.lst-protocol-meta .delta-down,
.lst-trend-card .delta-down {
  color: #c2665e;
}

.lst-readout {
  background:
    radial-gradient(circle at 100% 0, rgba(88, 206, 242, 0.12), transparent 22rem),
    linear-gradient(145deg, #10111e, #17172b);
  border-radius: 18px;
  gap: 13px;
  padding: 18px 20px;
}

.lst-readout-layout {
  align-items: stretch;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(280px, 1.05fr) minmax(420px, 1.4fr);
}

.lst-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 8px;
  padding-right: 17px;
}

.lst-readout-lead > span {
  color: #8fe0ff;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.lst-readout-lead > strong {
  font-size: 21px;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.lst-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.55;
}

.lst-trend-grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lst-trend-card {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.lst-trend-card small {
  color: #9da6b2;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.lst-trend-card strong {
  font-size: 17px;
}

.lst-trend-card em {
  font-size: 9.5px;
  font-style: normal;
  font-weight: 850;
}

.lst-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 10px;
}

.lst-delegation-list {
  background: linear-gradient(150deg, #fcfcff, #f8f8fd);
  border: 1px solid #e3e3ed;
  border-radius: 16px;
  gap: 5px;
  padding: 12px;
}

.lst-delegation-row > div:first-child {
  gap: 12px;
}

.lst-delegation-row > div:first-child strong {
  color: #4e5568;
}

.lst-delegation-row > div:first-child span {
  color: #676e82;
}

.lst-delegation-row > small {
  color: #969bac;
  font-size: 8.5px;
  font-weight: 750;
}

.lst-panel.has-linked-protocol [data-lst-protocol]:not(.is-linked) {
  opacity: 0.56;
}

.lst-protocol-row.is-linked,
.lst-delegation-row.is-linked {
  background: color-mix(in srgb, var(--lst-color) 8%, #ffffff);
  border-color: color-mix(in srgb, var(--lst-color) 28%, #e1e1eb);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--lst-color) 10%, transparent);
  transform: translateY(-1px);
}

.lst-trend-card.is-linked {
  background: color-mix(in srgb, var(--lst-color) 18%, #17172b);
  border-color: color-mix(in srgb, var(--lst-color) 48%, transparent);
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .lst-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lst-summary .lst-total-hero {
    grid-column: 1 / -1;
  }

  .lst-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .lst-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .lst-summary,
  .lst-trend-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .lst-summary .lst-total-hero {
    grid-column: auto;
  }

  .lst-composition-shell,
  .lst-readout {
    padding: 14px;
  }

  .lst-protocol-head,
  .lst-delegation-row > div:first-child {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }

  .lst-protocol-head > span,
  .lst-delegation-row > div:first-child span {
    padding-left: 14px;
  }

  .lst-protocol-meta em {
    margin-left: 0;
  }
}

/* Holder concentration — one connected distribution story. */

.holder-concentration-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.07), transparent 24rem),
    linear-gradient(180deg, #ffffff, #fdfdff);
  overflow: hidden;
}

.holder-concentration-summary {
  grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(150px, 1fr));
}

.holder-concentration-summary > span {
  justify-content: center;
}

.holder-concentration-summary > .holder-gini-hero {
  background: linear-gradient(140deg, #17152d, #2e2861);
  border-color: rgba(91, 82, 190, 0.48);
  box-shadow: 0 18px 38px rgba(32, 27, 82, 0.16);
  min-height: 116px;
  overflow: hidden;
  padding: 16px 18px;
  position: relative;
}

.holder-gini-hero small,
.holder-gini-hero em {
  color: #bdb9df;
}

.holder-gini-hero strong {
  color: #ffffff;
  font-size: 34px;
  letter-spacing: -0.045em;
}

.holder-gini-scale {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  display: block;
  height: 5px;
  margin-top: 5px;
  position: relative;
}

.holder-gini-scale::before {
  background: linear-gradient(90deg, #7d76ff, #55c8ff);
  border-radius: inherit;
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: var(--gini-value);
}

.holder-gini-scale i {
  background: #ffffff;
  border: 2px solid #6961f4;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.13);
  height: 10px;
  left: var(--gini-value);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}

.holder-concentration-story {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
}

.lorenz-figure {
  background: linear-gradient(180deg, #fbfbff, #f7f8fd);
  border: 1px solid #e2e3ed;
  border-radius: 18px;
  margin: 0;
  overflow: hidden;
  padding: 18px;
}

.lorenz-figure > div {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.lorenz-figure-heading {
  align-items: end;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.lorenz-figure-heading > div:first-child {
  display: grid;
  gap: 3px;
}

.lorenz-figure-heading > div:first-child span,
.holder-ladder-heading > span,
.holder-ladder-callout > span,
.holder-readout-lead > span {
  color: var(--indigo);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.lorenz-figure-heading h3,
.holder-ladder-heading h3 {
  color: var(--ink);
  font-size: 14px;
  letter-spacing: -0.02em;
  margin: 0;
}

.lorenz-chart-key {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.lorenz-chart-key span {
  align-items: center;
  color: #747a8d;
  display: inline-flex;
  font-size: 8px;
  gap: 5px;
}

.lorenz-chart-key span::before {
  background: linear-gradient(90deg, var(--indigo), var(--cyan));
  border-radius: 999px;
  content: "";
  height: 3px;
  width: 16px;
}

.lorenz-chart-key .equality::before {
  background: repeating-linear-gradient(90deg, #9298aa 0 4px, transparent 4px 7px);
  border-radius: 0;
  height: 1px;
}

.lorenz-figure svg {
  display: block;
  height: auto;
  width: 100%;
}

.lorenz-figure figcaption {
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.5;
  border-top: 1px solid #e5e6ef;
  margin-top: 4px;
  padding-top: 10px;
}

.lorenz-equality {
  stroke: #838a9e;
  stroke-dasharray: 7 7;
  stroke-width: 1.4;
}

.lorenz-curve {
  fill: none;
  stroke: url(#holderLorenzStroke);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4;
}

.lorenz-gap {
  fill: url(#holderLorenzFill);
}

.lorenz-axis {
  stroke: #cfd2df;
  stroke-width: 1.2;
}

.lorenz-gridline {
  stroke: #e7e8f0;
  stroke-width: 1;
}

.lorenz-tick {
  fill: #969bac;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}

.lorenz-label {
  fill: #777e92;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.lorenz-guide {
  stroke: rgba(98, 91, 246, 0.42);
  stroke-dasharray: 3 4;
  stroke-width: 1;
}

.lorenz-marker {
  fill: #625bf6;
  stroke: #ffffff;
  stroke-width: 3;
}

.lorenz-marker.secondary {
  fill: #39aee7;
}

.lorenz-marker-label {
  fill: #4f48cf;
  font-size: 9px;
  font-weight: 900;
}

.lorenz-marker-label.secondary {
  fill: #2789ba;
}

.holder-concentration-ladder {
  background: linear-gradient(145deg, #17152d, #25204f 70%, #302966);
  border: 1px solid rgba(98, 91, 246, 0.32);
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(29, 24, 70, 0.16);
  color: #ffffff;
  display: grid;
  gap: 15px;
  padding: 18px;
}

.holder-ladder-heading {
  display: grid;
  gap: 4px;
}

.holder-ladder-heading > span {
  color: #9993ff;
}

.holder-ladder-heading h3 {
  color: #ffffff;
  font-size: 16px;
}

.holder-ladder-heading p {
  color: #aaa7c4;
  font-size: 9px;
  margin: 0;
}

.holder-share-ladder {
  gap: 0;
}

.holder-share-row {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  display: grid;
  gap: 4px 10px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  padding: 11px 0;
}

.holder-share-rank {
  color: #777493;
  font-size: 8px;
  font-weight: 900;
  grid-row: 1 / span 2;
  letter-spacing: 0.08em;
}

.holder-share-copy {
  display: grid !important;
  gap: 2px;
}

.holder-share-copy strong {
  color: #ffffff;
  font-size: 11px;
}

.holder-share-copy small {
  color: #9290ab;
  font-size: 8px;
}

.holder-share-value {
  color: #ffffff !important;
  font-size: 14px !important;
  font-variant-numeric: tabular-nums;
}

.holder-share-row .benchmark-track {
  background: rgba(255, 255, 255, 0.1);
  grid-column: 2 / -1;
  height: 6px;
}

.holder-share-row .benchmark-track span {
  background: linear-gradient(90deg, #7770ff, #55c8ff);
}

.holder-share-row.tier-4 .benchmark-track span,
.holder-share-row.tier-5 .benchmark-track span {
  background: linear-gradient(90deg, #55c8ff, #69d7b0);
}

.holder-ladder-callout {
  background: rgba(255, 255, 255, 0.075);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  display: grid;
  gap: 4px;
  padding: 12px;
}

.holder-ladder-callout > span {
  color: #8fe0ff;
}

.holder-ladder-callout strong {
  color: #ffffff;
  font-size: 13px;
}

.holder-ladder-callout p {
  color: #aaa7c4;
  font-size: 9px;
  margin: 0;
}

.holder-concentration-readout {
  align-items: center;
  background:
    radial-gradient(circle at 0 0, rgba(98, 91, 246, 0.22), transparent 18rem),
    #121325;
  gap: 14px 18px;
  grid-template-columns: minmax(250px, 0.75fr) minmax(400px, 1.25fr);
  padding: 18px 20px;
}

.holder-readout-lead {
  display: grid;
  gap: 5px;
}

.holder-readout-lead > span {
  color: #9993ff;
}

.holder-readout-lead h3 {
  font-size: 16px;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0;
  text-transform: none;
}

.holder-concentration-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.holder-concentration-readout > p {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  grid-column: 1 / -1;
  margin-top: 0;
  padding-top: 12px;
}

@media (max-width: 900px) {
  .holder-concentration-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .holder-concentration-summary > .holder-gini-hero {
    grid-column: 1 / -1;
  }

  .holder-concentration-story,
  .holder-concentration-readout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .holder-concentration-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .holder-concentration-summary > .holder-gini-hero {
    grid-column: auto;
  }

  .lorenz-figure,
  .holder-concentration-ladder {
    border-radius: 15px;
    padding: 14px;
  }

  .lorenz-figure-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .lorenz-chart-key {
    justify-content: flex-start;
  }

  .holder-concentration-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Named swap destinations inside the transfer-cluster panel. */

.swap-subhead {
  margin-top: 20px;
}

.propensity-panel .benchmark-row.concentrated .benchmark-track > span {
  background: var(--amber);
}

/* Route-weight what-if controls. */

.weight-controls {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.weight-controls .command-field {
  min-width: 172px;
}

.concentration-stat-grid > span.scenario-published strong {
  color: var(--green);
}

.concentration-stat-grid > span.scenario-modified strong {
  color: var(--amber);
}

@media (max-width: 760px) {
  .weight-controls {
    align-items: stretch;
    flex-direction: column;
  }

  .weight-controls .command-field {
    min-width: 0;
    width: 100%;
  }
}

/* Partial validator tier badges. */

.tier-badge {
  border: 1px solid var(--line);
  border-radius: 999px;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  min-width: 30px;
  padding: 2px 7px;
  text-align: center;
}

.tier-badge.tier-1 { background: #eef2fb; border-color: #ccd9f3; color: #2f4f8f; }
.tier-badge.tier-2 { background: #eef6f2; border-color: #cde3d7; color: #2f6b52; }
.tier-badge.tier-3 { background: var(--panel-soft); color: var(--muted); }

.tier-unknown,
.value-unknown {
  color: var(--muted);
}

/* AUM cell: operator-scale context, with an explicit unverified marker. */

.aum-value {
  white-space: nowrap;
}

.aum-value em {
  color: var(--amber);
  font-size: 9px;
  font-style: normal;
  letter-spacing: 0.04em;
  margin-left: 5px;
  text-transform: uppercase;
}

.aum-value.not-disclosed {
  color: var(--muted);
}

@media (max-width: 1180px) {
  .cohort-leaderboard-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1001px) {
  #events.split-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
  }
}

@media (max-width: 1000px) {
  #events.split-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .cohort-leaderboard-panel {
    padding: 18px;
  }

  .cohort-leaderboard-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cohort-leaderboard-highlights > span {
    min-height: 98px;
    padding: 12px;
  }

  .cohort-leaderboard-table table {
    min-width: 0;
  }

  .cohort-leaderboard-table tr.cohort-row-leading,
  .cohort-leaderboard-table tr.cohort-row-selected {
    border-color: #cfcaff;
    box-shadow: 0 10px 28px rgba(66, 57, 169, 0.1);
  }

  .cohort-leaderboard-table tr.cohort-row-leading td:first-child,
  .cohort-leaderboard-table tr.cohort-row-selected td:first-child {
    box-shadow: inset 3px 0 0 var(--indigo);
  }

  .cohort-name-button {
    min-width: 0;
    width: 100%;
  }

  .cohort-share-visual,
  .cohort-range-visual {
    justify-items: start;
    min-width: 0;
    width: 100%;
  }

  .cohort-share-track,
  .cohort-range-track {
    width: 100%;
  }

  .cohort-flow-value,
  .cohort-variability {
    justify-items: start;
    text-align: left;
  }

  .cohort-selection-summary {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

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

  .cohort-leaderboard-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .cohort-text-button {
    min-height: 34px;
    text-align: left;
  }
}

/* Premium table system. Applied presentation-only after every data renderer so
   the same source rows and values receive consistent hierarchy everywhere. */

.premium-table-frame {
  background: #ffffff;
  border-color: #e2e3ed;
  border-radius: 15px;
  scrollbar-color: #c7c5e8 #f4f4f8;
  scrollbar-width: thin;
}

.premium-table-frame::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

.premium-table-frame::-webkit-scrollbar-track {
  background: #f4f4f8;
  border-radius: 999px;
}

.premium-table-frame::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c9c6ec, #aaa5df);
  border: 2px solid #f4f4f8;
  border-radius: 999px;
}

.premium-table-primary {
  border-color: #ddddea;
  box-shadow:
    0 16px 38px rgba(25, 22, 56, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.premium-table-evidence {
  background: #fbfbfe;
  box-shadow: inset 0 1px 0 #ffffff;
}

.premium-data-table th {
  background: linear-gradient(180deg, #fafaff, #f2f2f8);
  border-bottom: 1px solid #dfe0e9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #6e7486;
  height: 44px;
  letter-spacing: 0.075em;
}

.premium-data-table td {
  background: #ffffff;
  color: #343847;
  transition: background 130ms ease, box-shadow 130ms ease, color 130ms ease;
}

.premium-data-table tbody tr:nth-child(even) td {
  background: #fcfcff;
}

.premium-data-table tbody tr:hover td {
  background: #f7f6ff;
}

.premium-data-table tbody tr:hover td:first-child {
  box-shadow: inset 3px 0 0 #817aff;
}

.premium-data-table td:first-child {
  color: #656b7d;
  font-weight: 760;
}

.premium-data-table td.num {
  color: #292d3b;
  font-feature-settings: "tnum" 1, "zero" 1;
}

.premium-data-table .wallet-link {
  color: #33384c;
  font-weight: 760;
  text-decoration-color: rgba(98, 91, 246, 0.28);
  text-underline-offset: 3px;
}

.premium-data-table .wallet-link:hover {
  color: var(--indigo-deep);
  text-decoration-color: rgba(98, 91, 246, 0.72);
}

.premium-ranked-table tbody tr:first-child td,
.premium-ranked-table tbody tr[aria-current="true"] td,
.premium-ranked-table tbody tr.selected td {
  background: linear-gradient(90deg, #f3f1ff, #fafaff);
}

.premium-ranked-table tbody tr:first-child td:first-child,
.premium-ranked-table tbody tr[aria-current="true"] td:first-child,
.premium-ranked-table tbody tr.selected td:first-child {
  box-shadow: inset 3px 0 0 var(--indigo);
}

.table-rank {
  align-items: center;
  background: #f0f1f6;
  border: 1px solid #e5e6ed;
  border-radius: 8px;
  color: #73798b;
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  height: 26px;
  justify-content: center;
  min-width: 30px;
  padding: 0 6px;
}

.premium-ranked-table tbody tr:first-child .table-rank,
.premium-ranked-table tbody tr[aria-current="true"] .table-rank,
.premium-ranked-table tbody tr.selected .table-rank {
  background: #e6e3ff;
  border-color: #d3ceff;
  color: var(--indigo-deep);
}

#watchTable td[data-label="Total"] strong {
  background: #eceaff;
  border: 1px solid #d9d5ff;
  border-radius: 999px;
  color: var(--indigo-deep);
  display: inline-flex;
  justify-content: center;
  min-width: 58px;
  padding: 5px 8px;
}

#walletTable td[data-label="Weighted ATOM"],
#validatorTable td[data-label="Withdrawn ATOM"],
#rewardRoutesTable td[data-label="Weighted ATOM"] {
  color: #171a28;
  font-weight: 850;
}

.premium-table-evidence .premium-data-table th {
  background: linear-gradient(180deg, #f9f9fd, #f3f3f8);
  height: 40px;
}

.premium-table-evidence .premium-data-table td {
  font-size: 11px;
}

.analysis-data-drawer[open] .premium-table-evidence,
.chart-data-drawer[open] .premium-table-evidence {
  box-shadow: 0 12px 28px rgba(25, 22, 56, 0.055);
}

table.mini {
  border: 1px solid #e2e3ed;
  border-radius: 11px;
  box-shadow: 0 10px 24px rgba(25, 22, 56, 0.05);
  overflow: hidden;
}

table.mini th {
  background: linear-gradient(180deg, #fafaff, #f2f2f8);
}

@media (max-width: 760px) {
  .premium-table-frame {
    background: transparent;
    box-shadow: none;
  }

  .premium-data-table tbody {
    gap: 13px;
  }

  .premium-data-table tr {
    border-color: #dfe0ea;
    box-shadow: 0 10px 26px rgba(25, 22, 56, 0.06);
  }

  .premium-data-table tbody tr:nth-child(even) td,
  .premium-data-table tbody tr:hover td {
    background: #ffffff;
  }

  .premium-ranked-table tbody tr:first-child,
  .premium-ranked-table tbody tr[aria-current="true"],
  .premium-ranked-table tbody tr.selected {
    border-color: #cfcaff;
    box-shadow: 0 12px 30px rgba(66, 57, 169, 0.11);
  }

  .premium-ranked-table tbody tr:first-child td,
  .premium-ranked-table tbody tr[aria-current="true"] td,
  .premium-ranked-table tbody tr.selected td {
    background: #ffffff;
  }

  .premium-data-table td:first-child {
    border-radius: 13px 13px 0 0;
  }

  .premium-data-table td:last-child {
    border-radius: 0 0 13px 13px;
  }
}

/* Wallet evidence table. These styles only reorganize the existing wallet
   fields; percentages and meters use the published pct_of_cohort value. */

.wallet-detail-panel .panel-header {
  align-items: flex-end;
  gap: 24px;
}

.wallet-detail-panel .panel-header > div:first-child {
  min-width: 330px;
}

.wallet-header-controls {
  display: grid;
  flex: 0 1 790px;
  grid-template-columns: minmax(220px, 0.9fr) minmax(270px, 1.15fr) auto;
  width: min(100%, 790px);
}

.wallet-header-controls > div,
.wallet-header-controls .search-input,
.wallet-header-controls select {
  max-width: none;
  min-width: 0;
  width: 100%;
}

.wallet-header-controls .search-input,
.wallet-header-controls select {
  background: #fbfbfe;
  border-color: #ddddea;
  border-radius: 10px;
  min-height: 44px;
  padding-inline: 13px;
}

.wallet-header-controls .search-input:focus,
.wallet-header-controls select:focus {
  background: #ffffff;
  border-color: #aaa4ff;
  box-shadow: 0 0 0 3px rgba(98, 91, 246, 0.11);
  outline: 0;
}

.wallet-header-controls .compact-button {
  min-height: 44px;
  white-space: nowrap;
}

.wallet-table-summary {
  align-items: stretch;
  background: linear-gradient(135deg, #fafaff, #f5f5fb);
  border: 1px solid #e1e1ed;
  border-radius: 14px;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(150px, 1fr)) minmax(190px, 0.85fr);
  margin-bottom: 14px;
  overflow: hidden;
}

.wallet-summary-stat,
.wallet-summary-note,
.wallet-summary-status {
  min-height: 82px;
  padding: 15px 18px;
}

.wallet-summary-stat {
  border-right: 1px solid #e3e3ee;
  display: grid;
  gap: 3px;
}

.wallet-summary-stat span,
.wallet-summary-status span {
  color: #777d90;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.wallet-summary-stat strong,
.wallet-summary-status strong {
  color: #171a28;
  font-size: 15px;
  font-weight: 900;
}

.wallet-summary-stat small {
  color: #8b90a0;
  font-size: 10px;
}

.wallet-summary-note {
  align-content: center;
  color: #686e81;
  display: grid;
  font-size: 10px;
  font-weight: 760;
  gap: 8px;
  grid-template-columns: 8px minmax(0, 1fr);
  line-height: 1.4;
}

.wallet-summary-note > span {
  background: #6f68f5;
  border-radius: 999px;
  box-shadow: 0 0 0 4px rgba(111, 104, 245, 0.1);
  height: 7px;
  width: 7px;
}

.wallet-summary-status {
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
}

.wallet-detail-table {
  min-width: 1180px;
  table-layout: fixed;
}

.wallet-detail-table .wallet-col-rank { width: 5%; }
.wallet-detail-table .wallet-col-address { width: 17%; }
.wallet-detail-table .wallet-col-label { width: 10%; }
.wallet-detail-table .wallet-col-holder { width: 11%; }
.wallet-detail-table .wallet-col-staker { width: 10%; }
.wallet-detail-table .wallet-col-weighted { width: 12%; }
.wallet-detail-table .wallet-col-raw { width: 9%; }
.wallet-detail-table .wallet-col-weeks { width: 7%; }
.wallet-detail-table .wallet-col-share { width: 12%; }
.wallet-detail-table .wallet-col-action { width: 7%; }

.wallet-detail-table th,
.wallet-detail-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.wallet-detail-table td {
  height: 58px;
}

.wallet-detail-table th:last-child,
.wallet-detail-table td:last-child {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.wallet-detail-table th:first-child,
.wallet-detail-table td:first-child {
  overflow: visible;
  text-overflow: clip;
}

.wallet-address-cell .wallet-link {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-source-label {
  color: #4b5163;
  display: inline-block;
  font-weight: 760;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-muted-state,
.wallet-tier-tag {
  border: 1px solid #e2e3eb;
  border-radius: 999px;
  display: inline-flex;
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  max-width: 100%;
  overflow: hidden;
  padding: 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wallet-muted-state {
  background: #f6f6f9;
  color: #979baa;
}

.wallet-tier-tag.holder-tier {
  background: #efeeff;
  border-color: #dcd8ff;
  color: #514ab6;
}

.wallet-tier-tag.staker-tier {
  background: #edf7f3;
  border-color: #d3e9df;
  color: #33725a;
}

.wallet-weighted-cell strong {
  color: #111421;
  font-size: 13px;
  font-weight: 950;
}

.wallet-raw-cell {
  color: #717789 !important;
}

.wallet-week-count {
  align-items: baseline;
  background: #f3f3f8;
  border: 1px solid #e5e5ed;
  border-radius: 8px;
  display: inline-flex;
  font-weight: 850;
  gap: 2px;
  justify-content: center;
  min-width: 48px;
  padding: 5px 7px;
}

.wallet-week-count small {
  color: #9297a6;
  font-size: 9px;
}

.wallet-share-cell {
  display: grid;
  gap: 7px;
  justify-items: stretch;
  margin-left: auto;
  max-width: 124px;
  width: 100%;
}

.wallet-share-cell strong {
  color: #2c3040;
  font-size: 11px;
  font-weight: 900;
}

.wallet-share-track {
  background: #e8e8f0;
  border-radius: 999px;
  display: block;
  height: 5px;
  overflow: hidden;
  width: 100%;
}

.wallet-share-track i {
  background: linear-gradient(90deg, #665ff0, #5dc7ee);
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 3px;
  width: var(--wallet-share);
}

.wallet-inspect-action {
  align-items: center;
  background: #f4f3ff;
  border: 1px solid #dedbff;
  border-radius: 9px;
  color: #4f48bd;
  cursor: pointer;
  display: inline-flex;
  font-size: 9px;
  font-weight: 900;
  gap: 5px;
  justify-content: center;
  min-height: 30px;
  padding: 6px 9px;
  text-decoration: none;
}

.wallet-inspect-action:hover,
.wallet-inspect-action:focus-visible {
  background: #e9e7ff;
  border-color: #c9c4ff;
  outline: 0;
}

.wallet-inspect-action b {
  font-size: 11px;
  transition: transform 130ms ease;
}

.wallet-inspect-action:hover b {
  transform: translateX(2px);
}

.wallet-inspect-action.is-active {
  background: #282450;
  border-color: #282450;
  color: #ffffff;
}

#walletTable tr.selected td {
  background: linear-gradient(90deg, #f0eeff, #fafaff);
}

@media (max-width: 1180px) {
  .wallet-detail-panel .panel-header {
    align-items: stretch;
    flex-direction: column;
  }

  .wallet-header-controls {
    flex-basis: auto;
    width: 100%;
  }

  .wallet-table-summary {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
  }

  .wallet-summary-note {
    border-top: 1px solid #e3e3ee;
    grid-column: 1 / -1;
    min-height: 52px;
  }
}

@media (max-width: 760px) {
  .wallet-detail-panel .panel-header > div:first-child {
    min-width: 0;
  }

  .wallet-header-controls {
    display: grid;
    grid-template-columns: 1fr;
  }

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

  .wallet-summary-stat {
    border-bottom: 1px solid #e3e3ee;
    border-right: 0;
    min-height: 88px;
    padding: 14px;
  }

  .wallet-summary-stat:nth-child(odd) {
    border-right: 1px solid #e3e3ee;
  }

  .wallet-summary-stat:nth-child(3) {
    grid-column: 1 / -1;
  }

  .wallet-summary-note {
    grid-column: 1 / -1;
    min-height: 52px;
  }

  .wallet-detail-table {
    min-width: 0;
    table-layout: auto;
  }

  .wallet-detail-table td {
    height: auto;
    overflow: visible;
  }

  .wallet-detail-table td:last-child {
    text-align: left;
  }

  .wallet-share-cell {
    margin-left: 0;
    max-width: none;
  }

  .wallet-inspect-action {
    min-width: 108px;
  }

  .coverage-matrix-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
  }

  .coverage-summary-item,
  .coverage-summary-release {
    border-bottom: 1px solid #e2e2ed;
    min-height: 78px;
    padding: 12px 13px;
  }

  .coverage-summary-item:nth-child(2) {
    border-right: 0;
  }

  .coverage-summary-release {
    border-bottom: 0;
    border-right: 0;
  }

  .coverage-matrix-guide {
    align-items: stretch;
    gap: 9px;
    grid-template-columns: 1fr;
  }

  .coverage-matrix-guide > div {
    align-items: flex-start;
  }

  .coverage-matrix-guide > small {
    border-top: 1px solid #ececf2;
    padding-top: 8px;
    text-align: left;
  }

  .coverage-detail-table {
    min-width: 0;
    table-layout: auto;
  }

  .coverage-evidence-row td {
    height: auto;
  }

  .coverage-evidence-row.coverage-group-start:not(:first-child) {
    margin-top: 14px;
  }

  .coverage-evidence-row.coverage-group-start:not(:first-child) td {
    border-top: 0;
  }

  .coverage-detail-table th:first-child,
  .coverage-detail-table td:first-child {
    left: auto;
    position: static;
  }

  .coverage-group-label {
    margin-bottom: 4px;
  }

  .coverage-status-cell {
    text-align: left;
  }

  .coverage-status-content {
    align-items: center;
    gap: 8px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    justify-items: start;
    width: 100%;
  }

  .coverage-status-content .cell-note {
    margin: 0;
  }

  .coverage-status-content .mobile-row-toggle {
    margin: 0;
  }

  .coverage-scope-cell {
    border-left-width: 3px;
  }
}

/* Final cascade contract for the premium sensitivity summary and responsive story. */
.sensitivity-summary {
  grid-template-columns: minmax(420px, 1.65fr) repeat(3, minmax(150px, 0.75fr));
}

.sensitivity-summary .sensitivity-range-values strong {
  color: #ffffff;
  font-size: 27px;
}

.sensitivity-summary .sensitivity-range-legend span:nth-child(2) strong {
  color: #f0b28e;
  font-size: 11px;
}

@media (max-width: 1180px) {
  .sensitivity-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sensitivity-range-hero {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .sensitivity-evidence-grid,
  .sensitivity-analyst-readout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .executive-story-grid,
  .sensitivity-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .sensitivity-range-hero {
    grid-column: auto;
  }

  .confidence-legend,
  .sensitivity-analyst-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Premium transfer-routing comparison: exact percentage scales, destination
   identity, visible tail coverage, and linked evidence across the readout. */
.clusters-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.08), transparent 28rem),
    radial-gradient(circle at 0 32%, rgba(109, 99, 239, 0.055), transparent 24rem),
    #ffffff;
}

.clusters-summary {
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(170px, 1fr));
}

.clusters-summary > span {
  min-height: 104px;
  padding: 16px 17px;
}

.clusters-summary > .clusters-total-hero {
  background:
    radial-gradient(circle at 92% 8%, rgba(109, 99, 239, 0.5), transparent 58%),
    linear-gradient(145deg, #0c1020, #191936 64%, #29245d);
  border-color: rgba(111, 104, 246, 0.38);
  box-shadow: 0 18px 38px rgba(27, 27, 60, 0.18);
}

.clusters-summary .clusters-total-hero small,
.clusters-summary .clusters-total-hero em {
  color: #aeb7cc;
}

.clusters-summary .clusters-total-hero strong {
  color: #ffffff;
  font-size: 25px;
}

.clusters-summary > .clusters-exchange-stat {
  background:
    linear-gradient(145deg, rgba(220, 107, 97, 0.1), rgba(255, 255, 255, 0.96)),
    #ffffff;
  border-color: rgba(220, 107, 97, 0.25);
}

.clusters-summary .clusters-exchange-stat strong {
  color: #b95049;
  font-size: 24px;
}

.routing-comparison-grid {
  align-items: stretch;
}

.peer-benchmark-grid > .routing-surface {
  background: linear-gradient(155deg, #fdfdff, #f8f8fd);
  border-color: #e1e2ed;
  box-shadow: 0 16px 34px rgba(27, 31, 58, 0.055);
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 18px;
}

.routing-surface .analysis-subhead {
  border-bottom: 0;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.routing-surface .analysis-subhead strong {
  font-size: 17px;
  letter-spacing: -0.015em;
}

.routing-scale-key {
  align-items: center;
  background: #f1f1f8;
  border: 1px solid #e2e2ec;
  border-radius: 10px;
  color: #73798b;
  display: flex;
  flex-wrap: wrap;
  font-size: 9px;
  font-weight: 800;
  gap: 12px;
  margin-bottom: 11px;
  min-height: 34px;
  padding: 7px 10px;
}

.routing-scale-key span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}

.routing-scale-key i {
  background: #6d63ef;
  border-radius: 999px;
  height: 7px;
  width: 7px;
}

.routing-scale-key i.exchange {
  background: #dc6b61;
}

.routing-scale-key i.unlabeled {
  background: #6d63ef;
}

.routing-scale-key small {
  color: #9a9faf;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.05em;
  margin-left: auto;
  text-transform: uppercase;
}

.routing-surface .benchmark-bars {
  gap: 6px;
}

.routing-pair-row,
.ibc-chain-row {
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid transparent;
  border-radius: 12px;
  gap: 6px;
  outline: none;
  padding: 9px 10px;
  transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.routing-row-head {
  align-items: center !important;
  gap: 12px;
}

.routing-row-head > strong {
  align-items: center;
  color: #43495b;
  display: flex;
  font-size: 10.5px;
  gap: 6px;
  min-width: 0;
}

.routing-row-head > strong i {
  background: var(--routing-color);
  border-radius: 999px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--routing-color) 11%, transparent);
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.routing-row-head > strong span {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 820 !important;
  min-width: 0;
}

.routing-row-head > strong b {
  color: #a2a7b5;
  font-size: 11px;
}

.routing-row-head > em {
  color: var(--routing-color);
  font-size: 10.5px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  margin-left: auto;
}

.routing-track {
  background: #e9eaf1;
  height: 8px;
}

.routing-track > span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--routing-color) 70%, #ffffff), var(--routing-color));
  box-shadow: 0 2px 7px color-mix(in srgb, var(--routing-color) 20%, transparent);
  min-width: 3px;
}

.routing-pair-row > small,
.ibc-chain-row > small {
  align-items: center;
  color: #969bac;
  display: flex;
  flex-wrap: wrap;
  font-size: 8.5px;
  font-weight: 750;
  gap: 6px 12px;
}

.routing-pair-row > small strong,
.ibc-chain-row > small strong {
  color: #5e6577;
  font-size: inherit;
}

.routing-pair-row > small em,
.ibc-chain-row > small em {
  color: var(--routing-color);
  font-style: normal;
  font-weight: 850;
  margin-left: auto;
}

.routing-pair-row:first-child,
.ibc-chain-row:first-child {
  background: color-mix(in srgb, var(--routing-color) 6%, #ffffff);
  border-color: color-mix(in srgb, var(--routing-color) 18%, #e4e4ed);
}

.routing-pair-row:hover,
.routing-pair-row:focus-visible,
.ibc-chain-row:hover,
.ibc-chain-row:focus-visible {
  background: color-mix(in srgb, var(--routing-color) 8%, #ffffff);
  border-color: color-mix(in srgb, var(--routing-color) 30%, #e1e1eb);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--routing-color) 10%, transparent);
  transform: translateY(-1px);
}

.ibc-coverage-note {
  align-items: center;
  background: linear-gradient(135deg, #eeeefe, #f7f7fc);
  border: 1px solid #deddf5;
  border-radius: 11px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-top: 11px;
  min-height: 46px;
  padding: 9px 11px;
}

.ibc-coverage-note > span {
  display: grid;
  gap: 2px;
}

.ibc-coverage-note strong {
  color: #474c61;
  font-size: 10px;
}

.ibc-coverage-note em,
.ibc-coverage-note small {
  color: #888ea0;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 750;
}

.ibc-coverage-note > small {
  text-align: right;
}

.clusters-panel #clustersReadout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.routing-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(220px, 0.85fr) minmax(0, 1.7fr);
}

.routing-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.routing-readout-lead > span {
  color: #9d95ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.routing-readout-lead > strong {
  font-size: 22px;
  letter-spacing: -0.025em;
}

.routing-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.clusters-panel #clustersReadout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.clusters-panel #clustersReadout .routing-readout-card {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.routing-readout-card:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--routing-color, #6d63ef) 58%, transparent);
}

.routing-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.clusters-panel.has-linked-routing[data-linked-type="routingKey"] [data-routing-key]:not(.is-linked),
.clusters-panel.has-linked-routing[data-linked-type="ibcChain"] [data-ibc-chain]:not(.is-linked) {
  opacity: 0.5;
}

.clusters-panel [data-routing-key].is-linked,
.clusters-panel [data-ibc-chain].is-linked {
  background: color-mix(in srgb, var(--routing-color) 12%, #ffffff);
  border-color: color-mix(in srgb, var(--routing-color) 42%, #e1e1eb);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--routing-color) 12%, transparent);
  transform: translateY(-1px);
}

.clusters-panel #clustersReadout [data-routing-key].is-linked,
.clusters-panel #clustersReadout [data-ibc-chain].is-linked {
  background: color-mix(in srgb, var(--routing-color) 20%, #17172b);
  border-color: color-mix(in srgb, var(--routing-color) 50%, transparent);
}

@media (max-width: 1180px) {
  .clusters-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .clusters-summary > .clusters-total-hero {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .routing-comparison-grid,
  .routing-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .routing-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .clusters-summary,
  .clusters-panel #clustersReadout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .clusters-summary > .clusters-total-hero {
    grid-column: auto;
  }

  .routing-row-head {
    align-items: flex-start !important;
  }

  .routing-row-head > strong {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .routing-pair-row > small em,
  .ibc-chain-row > small em {
    margin-left: 0;
  }

  .ibc-coverage-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .ibc-coverage-note > small {
    text-align: left;
  }
}

/* Premium issuance comparison: one shared ATOM scale, a positive ratio plot,
   explicit 1.0x parity, paired week details and a linked analyst conclusion. */
.emission-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(85, 200, 255, 0.08), transparent 28rem),
    radial-gradient(circle at 0 35%, rgba(109, 99, 239, 0.05), transparent 26rem),
    #ffffff;
}

.emission-summary {
  grid-template-columns: minmax(270px, 1.35fr) repeat(3, minmax(170px, 1fr));
}

.emission-summary > span {
  min-height: 104px;
  padding: 16px 17px;
}

.emission-summary > .emission-ratio-hero {
  background:
    radial-gradient(circle at 92% 8%, rgba(85, 200, 255, 0.34), transparent 52%),
    linear-gradient(145deg, #0c1020, #191936 64%, #29245d);
  border-color: rgba(111, 104, 246, 0.38);
  box-shadow: 0 18px 38px rgba(27, 27, 60, 0.18);
}

.emission-summary .emission-ratio-hero small,
.emission-summary .emission-ratio-hero em {
  color: #acb8cf;
}

.emission-summary .emission-ratio-hero strong {
  color: #ffffff;
  font-size: 29px;
}

.emission-summary > .emission-pressure-stat {
  background:
    linear-gradient(145deg, rgba(220, 107, 97, 0.1), rgba(255, 255, 255, 0.96)),
    #ffffff;
  border-color: rgba(220, 107, 97, 0.24);
}

.emission-summary .emission-pressure-stat strong {
  color: #b95049;
  font-size: 22px;
}

.emission-comparison-shell {
  background: linear-gradient(150deg, #fdfdff, #f8f8fd);
  border: 1px solid #e1e2ed;
  border-radius: 18px;
  box-shadow: 0 18px 38px rgba(27, 31, 58, 0.065);
  overflow: hidden;
  padding: 18px;
}

.emission-chart-header {
  align-items: flex-end;
  border-bottom: 1px solid #e7e7ef;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  padding: 0 2px 14px;
}

.emission-chart-header > div:first-child {
  display: grid;
  gap: 3px;
}

.emission-chart-header > div:first-child > span {
  color: #655cf1;
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.emission-chart-header > div:first-child > strong {
  color: #222737;
  font-size: 17px;
  letter-spacing: -0.015em;
}

.emission-chart-header > div:first-child > small {
  color: #8d93a5;
  font-size: 9px;
  font-weight: 750;
}

.emission-chart-key {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  justify-content: flex-end;
}

.emission-chart-key span {
  align-items: center;
  color: #747a8c;
  display: inline-flex;
  font-size: 9px;
  font-weight: 820;
  gap: 6px;
}

.emission-chart-key i {
  border-radius: 3px;
  display: inline-block;
  height: 8px;
  width: 15px;
}

.emission-chart-key i.emitted {
  background: linear-gradient(90deg, #625bf6, #817aff);
}

.emission-chart-key i.pressure {
  background: linear-gradient(90deg, #e27a6d, #c85e57);
}

.emission-chart-key i.parity {
  background: transparent;
  border-top: 2px dashed #7c8295;
  border-radius: 0;
  height: 0;
}

.emission-chart-scroll {
  display: grid;
  gap: 25px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 52px 3px 6px;
}

.emission-paired-chart,
.emission-ratio-chart {
  min-width: 940px;
}

.emission-chart-caption {
  align-items: baseline;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin: 0 3px 9px 43px;
}

.emission-chart-caption strong {
  color: #4e5568;
  font-size: 10.5px;
  letter-spacing: 0.02em;
}

.emission-chart-caption span {
  color: #9399aa;
  font-size: 8.5px;
  font-weight: 750;
}

.emission-paired-plot {
  background-image:
    linear-gradient(to top, rgba(222, 223, 233, 0.9) 1px, transparent 1px);
  background-size: 100% 50%;
  min-height: 218px;
  position: relative;
}

.emission-axis-labels {
  bottom: 18px;
  color: #9298a9;
  display: flex;
  flex-direction: column;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 760;
  justify-content: space-between;
  left: 0;
  position: absolute;
  top: 0;
  width: 38px;
}

.emission-week-groups {
  align-items: end;
  border-bottom: 1px solid #d8dae5;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(21, minmax(25px, 1fr));
  height: 200px;
  margin-left: 43px;
}

.emission-week-group {
  height: 100%;
  outline: none;
  position: relative;
  transition: opacity 160ms ease, transform 160ms ease;
}

.emission-week-bars {
  align-items: end;
  display: grid;
  gap: 3px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 100%;
}

.emission-week-bars i {
  border-radius: 5px 5px 2px 2px;
  display: block;
  min-height: 3px;
  transition: filter 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.emission-week-bars i.emitted {
  background: linear-gradient(180deg, #625bf6, #817aff);
  box-shadow: 0 5px 11px rgba(98, 91, 246, 0.16);
}

.emission-week-bars i.pressure {
  background: linear-gradient(180deg, #e27a6d, #c85e57);
  box-shadow: 0 5px 11px rgba(200, 94, 87, 0.14);
}

.emission-week-group.is-below .emission-week-bars i.pressure {
  background: linear-gradient(180deg, #62c2a4, #33977b);
  box-shadow: 0 5px 11px rgba(51, 151, 123, 0.15);
}

.emission-week-group.is-peak .emission-week-bars i.pressure {
  box-shadow: 0 0 0 2px rgba(200, 94, 87, 0.2), 0 8px 18px rgba(200, 94, 87, 0.22);
}

.emission-week-group > small {
  bottom: -18px;
  color: #858b9d;
  font-size: 7.5px;
  font-weight: 760;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}

.emission-week-tooltip {
  background: linear-gradient(145deg, #111326, #1b1e3a);
  border: 1px solid rgba(143, 138, 255, 0.38);
  border-radius: 13px;
  box-shadow: 0 18px 38px rgba(17, 19, 38, 0.24);
  color: #ffffff;
  display: grid;
  gap: 10px;
  opacity: 0;
  padding: 12px;
  pointer-events: none;
  position: absolute;
  top: -38px;
  transform: translateY(5px) scale(0.985);
  transition: opacity 130ms ease, transform 130ms ease, visibility 130ms ease;
  visibility: hidden;
  width: 276px;
  z-index: 18;
}

.emission-week-tooltip.tooltip-east {
  left: calc(100% + 10px);
}

.emission-week-tooltip.tooltip-west {
  right: calc(100% + 10px);
}

.emission-week-tooltip::after {
  background: #171a33;
  content: "";
  height: 10px;
  position: absolute;
  top: 48px;
  transform: rotate(45deg);
  width: 10px;
}

.emission-week-tooltip.tooltip-east::after {
  border-bottom: 1px solid rgba(143, 138, 255, 0.38);
  border-left: 1px solid rgba(143, 138, 255, 0.38);
  left: -6px;
}

.emission-week-tooltip.tooltip-west::after {
  border-right: 1px solid rgba(143, 138, 255, 0.38);
  border-top: 1px solid rgba(143, 138, 255, 0.38);
  right: -6px;
}

.emission-tooltip-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 3px;
  padding-bottom: 9px;
}

.emission-tooltip-head small {
  color: #9e97ff;
  font-size: 7px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.emission-tooltip-head strong {
  color: #ffffff;
  font-size: 10.5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.emission-tooltip-head strong span {
  color: #7e849b;
  padding: 0 2px;
}

.emission-tooltip-metrics {
  display: grid;
  gap: 7px;
}

.emission-tooltip-metrics > span {
  align-items: center;
  display: grid;
  gap: 7px;
  grid-template-columns: 7px minmax(0, 1fr) auto;
}

.emission-tooltip-metrics i {
  border-radius: 999px;
  height: 7px;
  width: 7px;
}

.emission-tooltip-metrics i.emitted {
  background: #7770ff;
  box-shadow: 0 0 0 3px rgba(119, 112, 255, 0.12);
}

.emission-tooltip-metrics i.pressure {
  background: #dd6d62;
  box-shadow: 0 0 0 3px rgba(221, 109, 98, 0.12);
}

.emission-tooltip-metrics i.pressure.below {
  background: #58bea0;
  box-shadow: 0 0 0 3px rgba(88, 190, 160, 0.12);
}

.emission-tooltip-metrics small {
  color: #abb2c2;
  font-size: 8.5px;
  font-weight: 700;
}

.emission-tooltip-metrics strong {
  color: #ffffff;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.emission-tooltip-result {
  align-items: center;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 7px 8px;
}

.emission-tooltip-result > strong {
  background: rgba(143, 138, 255, 0.18);
  border: 1px solid rgba(143, 138, 255, 0.3);
  border-radius: 999px;
  color: #c5c1ff;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  padding: 3px 7px;
}

.emission-tooltip-result > span {
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  font-weight: 820;
  text-align: right;
  white-space: nowrap;
}

.emission-tooltip-result > span.above {
  color: #ff9f94;
}

.emission-tooltip-result > span.below {
  color: #73d3b5;
}

.emission-week-group:hover,
.emission-week-group:focus-visible,
.emission-ratio-week:hover,
.emission-ratio-week:focus-visible {
  z-index: 16;
}

.emission-week-group:hover .emission-week-tooltip,
.emission-week-group:focus-visible .emission-week-tooltip,
.emission-ratio-week:hover .emission-week-tooltip,
.emission-ratio-week:focus-visible .emission-week-tooltip {
  opacity: 1;
  transform: translateY(0) scale(1);
  visibility: visible;
}

.emission-week-group:hover .emission-week-bars i,
.emission-week-group:focus-visible .emission-week-bars i {
  filter: saturate(1.18) brightness(0.96);
  transform: translateY(-2px);
}

.emission-week-group:focus-visible,
.emission-ratio-week:focus-visible {
  border-radius: 6px;
  outline: 3px solid rgba(98, 91, 246, 0.22);
  outline-offset: 3px;
}

.emission-ratio-plot {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4), rgba(245, 245, 251, 0.72));
  border: 1px solid #e3e4ed;
  border-radius: 13px;
  height: 132px;
  margin-left: 43px;
  overflow: visible;
  position: relative;
}

.emission-ratio-bars {
  align-items: end;
  bottom: 0;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(21, minmax(25px, 1fr));
  inset: 0;
  padding: 0 6px;
  position: absolute;
}

.emission-ratio-week {
  align-items: end;
  display: flex;
  height: 100%;
  justify-content: center;
  outline: none;
  position: relative;
  transition: opacity 160ms ease, transform 160ms ease;
}

.emission-ratio-week .emission-week-tooltip {
  top: 8px;
}

.emission-ratio-week > i {
  background: linear-gradient(180deg, #e27a6d, #c85e57);
  border-radius: 5px 5px 2px 2px;
  box-shadow: 0 4px 10px rgba(200, 94, 87, 0.14);
  display: block;
  height: max(3px, var(--ratio-height));
  transition: filter 160ms ease, transform 160ms ease;
  width: 68%;
}

.emission-ratio-week.below > i {
  background: linear-gradient(180deg, #62c2a4, #33977b);
  box-shadow: 0 4px 10px rgba(51, 151, 123, 0.15);
}

.emission-ratio-week.peak > i,
.emission-ratio-week.trough > i {
  box-shadow: 0 0 0 2px rgba(98, 91, 246, 0.2), 0 7px 16px rgba(39, 40, 78, 0.15);
}

.emission-ratio-week > small {
  bottom: min(calc(var(--ratio-height) + 5px), 112px);
  color: #676d81;
  font-size: 7.5px;
  font-variant-numeric: tabular-nums;
  font-weight: 900;
  position: absolute;
  white-space: nowrap;
}

.emission-ratio-week:hover > i,
.emission-ratio-week:focus-visible > i {
  filter: saturate(1.18) brightness(0.95);
  transform: translateY(-2px);
}

.emission-parity-line {
  border-top: 1.5px dashed #7c8295;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 4;
}

.emission-parity-line > span {
  background: #f8f8fd;
  border: 1px solid #dfe0e9;
  border-radius: 999px;
  color: #646a7d;
  font-size: 8px;
  font-weight: 900;
  padding: 3px 7px;
  position: absolute;
  right: 8px;
  top: -11px;
}

.issuance-readout {
  border-color: rgba(109, 99, 239, 0.24);
  border-radius: 16px;
  box-shadow: 0 18px 36px rgba(14, 16, 35, 0.14);
  gap: 13px;
  padding: 18px;
}

.issuance-readout-layout {
  display: grid;
  gap: 15px;
  grid-template-columns: minmax(230px, 0.9fr) minmax(0, 1.6fr);
}

.issuance-readout-lead {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  gap: 7px;
  padding-right: 16px;
}

.issuance-readout-lead > span {
  color: #9d95ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.issuance-readout-lead > strong {
  color: #ffffff;
  font-size: 23px;
  letter-spacing: -0.025em;
}

.issuance-readout-lead p {
  color: #aeb7c1;
  font-size: 11.5px;
  line-height: 1.5;
}

.issuance-readout .readout-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.issuance-week-card {
  border: 1px solid rgba(255, 255, 255, 0.07);
  outline: none;
  transition: background 160ms ease, border-color 160ms ease, opacity 160ms ease, transform 160ms ease;
}

.issuance-week-card:focus-visible {
  box-shadow: 0 0 0 2px rgba(109, 99, 239, 0.5);
}

.issuance-readout-footnote {
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: #939cab !important;
  font-size: 10.5px !important;
  padding-top: 11px;
}

.emission-panel.has-linked-emission-week [data-emission-week]:not(.is-linked) {
  opacity: 0.5;
}

.emission-panel [data-emission-week].is-linked {
  opacity: 1;
  transform: translateY(-1px);
}

.emission-panel .emission-week-group.is-linked .emission-week-bars i,
.emission-panel .emission-ratio-week.is-linked > i {
  filter: saturate(1.22) brightness(0.94);
  box-shadow: 0 0 0 2px rgba(98, 91, 246, 0.24), 0 9px 18px rgba(39, 40, 78, 0.18);
}

.emission-panel .issuance-week-card.is-linked {
  background: rgba(109, 99, 239, 0.16);
  border-color: rgba(143, 138, 255, 0.42);
}

@media (max-width: 1180px) {
  .emission-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .emission-summary > .emission-ratio-hero {
    grid-column: 1 / -1;
  }
}

@media (max-width: 900px) {
  .emission-chart-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .emission-chart-key {
    justify-content: flex-start;
  }

  .issuance-readout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .issuance-readout-lead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0;
    padding-bottom: 14px;
    padding-right: 0;
  }
}

@media (max-width: 760px) {
  .emission-summary,
  .issuance-readout .readout-stats {
    grid-template-columns: minmax(0, 1fr);
  }

  .emission-summary > .emission-ratio-hero {
    grid-column: auto;
  }

  .emission-comparison-shell {
    padding: 14px;
  }

  .emission-chart-caption {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
}

/* Six-chapter report architecture. The complete evidence bundle stays mounted,
   while only the active chapter is exposed visually and to assistive tech. */
[hidden] {
  display: none !important;
}

body[data-chapter]:not([data-chapter="overview"]) .topbar {
  min-height: 154px;
  padding-bottom: 72px;
}

body[data-chapter]:not([data-chapter="overview"]) .hero-main,
body[data-chapter]:not([data-chapter="overview"]) .hero-provenance,
body[data-chapter]:not([data-chapter="overview"]) .freshness-strip {
  display: none;
}

body[data-chapter]:not([data-chapter="overview"]):not([data-chapter="flows"]) .controls {
  display: none;
}

.chapter-nav {
  max-width: calc(100vw - 40px);
}

.chapter-nav a {
  white-space: nowrap;
}

.chapter-hero {
  align-items: stretch;
  background:
    radial-gradient(circle at 92% 18%, rgba(85, 200, 255, 0.11), transparent 19rem),
    linear-gradient(135deg, #ffffff 0%, #fbfbff 58%, #f6f6ff 100%);
  border: 1px solid rgba(218, 220, 233, 0.96);
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(26, 24, 66, 0.1);
  display: grid;
  gap: 28px;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  padding: clamp(24px, 3.2vw, 42px);
  position: relative;
}

.chapter-hero::before {
  background: linear-gradient(180deg, var(--indigo), var(--cyan));
  content: "";
  inset: 0 auto 0 0;
  position: absolute;
  width: 4px;
}

.chapter-hero-copy {
  max-width: 930px;
}

.chapter-kicker,
.chapter-directory-heading > span {
  color: var(--indigo);
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.chapter-hero h2 {
  color: var(--ink);
  font-size: clamp(30px, 3.4vw, 50px);
  letter-spacing: -0.052em;
  line-height: 1.02;
  margin: 12px 0 14px;
  max-width: 900px;
  text-wrap: balance;
}

.chapter-hero-copy > p {
  color: #6f768b;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 820px;
}

.chapter-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.chapter-meta span {
  background: rgba(98, 91, 246, 0.075);
  border: 1px solid rgba(98, 91, 246, 0.12);
  border-radius: 999px;
  color: #686d82;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 7px 10px;
  text-transform: uppercase;
}

.chapter-hero-actions {
  align-items: stretch;
  display: grid;
  gap: 9px;
  min-width: 220px;
}

.chapter-hero-actions button,
.chapter-hero-actions a {
  align-items: center;
  border-radius: 13px;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 900;
  justify-content: space-between;
  min-height: 46px;
  padding: 11px 14px;
  text-decoration: none;
}

.chapter-methodology-button {
  background: #ffffff;
  border: 1px solid #dedfea;
  color: #555c71;
}

#chapterPrimaryAction {
  background: linear-gradient(135deg, #4d43df, #625bf6);
  border: 1px solid #544bea;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(77, 67, 223, 0.22);
}

#chapterPrimaryAction span {
  font-size: 17px;
}

.chapter-local-nav {
  align-items: center;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(222, 224, 234, 0.94);
  border-radius: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 7px;
}

.chapter-local-nav::before {
  color: #989ead;
  content: "On this page";
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0 9px;
  text-transform: uppercase;
}

.chapter-local-nav a {
  border-radius: 9px;
  color: #676e80;
  font-size: 10px;
  font-weight: 800;
  padding: 8px 10px;
  text-decoration: none;
}

.chapter-local-nav a:hover,
.chapter-local-nav a:focus-visible,
.chapter-local-nav a.active,
.chapter-local-nav a[aria-current="location"] {
  background: #eeedff;
  color: var(--indigo-deep);
}

.chapter-directory {
  background: #0d1020;
  border: 1px solid rgba(98, 91, 246, 0.28);
  border-radius: 24px;
  box-shadow: 0 26px 72px rgba(10, 11, 28, 0.18);
  color: #ffffff;
  overflow: hidden;
  padding: clamp(24px, 3vw, 38px);
}

.chapter-directory-heading h2 {
  font-size: clamp(25px, 3vw, 38px);
  letter-spacing: -0.045em;
  margin: 10px 0 8px;
}

.chapter-directory-heading p {
  color: #9ca5b9;
  font-size: 13px;
  margin: 0;
}

.chapter-directory-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 26px;
}

.chapter-directory-grid a {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 15px;
  color: #ffffff;
  display: grid;
  gap: 8px;
  min-height: 154px;
  padding: 17px;
  text-decoration: none;
  transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.chapter-directory-grid a:hover,
.chapter-directory-grid a:focus-visible {
  background: rgba(98, 91, 246, 0.18);
  border-color: rgba(143, 138, 255, 0.5);
  transform: translateY(-2px);
}

.chapter-directory-grid a > span {
  color: #8f8aff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.chapter-directory-grid strong {
  font-size: 17px;
}

.chapter-directory-grid p {
  color: #a8b0c2;
  font-size: 11px;
  line-height: 1.45;
  margin: 0;
}

.chapter-directory-grid em {
  align-self: end;
  color: #67d3ff;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

.chapter-pagination {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chapter-pagination a {
  background: #ffffff;
  border: 1px solid #dfe1eb;
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
  color: var(--ink);
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 17px 19px;
  text-decoration: none;
}

.chapter-pagination a:last-child {
  text-align: right;
}

.chapter-pagination a > span {
  color: #8a90a2;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.chapter-pagination a > strong {
  font-size: 15px;
}

.chapter-pagination a:hover,
.chapter-pagination a:focus-visible {
  border-color: rgba(98, 91, 246, 0.38);
  box-shadow: 0 14px 34px rgba(41, 37, 103, 0.12);
}

@media (max-width: 900px) {
  .chapter-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .chapter-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }

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

@media (max-width: 760px) {
  body[data-chapter]:not([data-chapter="overview"]) .topbar {
    min-height: 138px;
    padding: 20px 18px 64px;
  }

  .chapter-nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: calc(100vw - 24px);
    overflow-x: auto;
    position: sticky;
    top: 8px;
  }

  .chapter-nav > span {
    display: none;
  }

  .chapter-hero {
    border-radius: 18px;
    padding: 23px 20px;
  }

  .chapter-hero h2 {
    font-size: 31px;
  }

  .chapter-hero-actions,
  .chapter-directory-grid,
  .chapter-pagination {
    grid-template-columns: minmax(0, 1fr);
  }

  .chapter-local-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .chapter-local-nav::before,
  .chapter-local-nav a {
    flex: 0 0 auto;
  }

  .chapter-pagination a:last-child {
    text-align: left;
  }
}

/* Premium Ownership context: propensity, baseline and peer benchmark */
section.propensity-panel,
section.baseline-panel,
section.peer-benchmark-panel {
  background: radial-gradient(circle at 100% 0, rgba(92, 188, 255, .07), transparent 30%), #fff;
  overflow: hidden;
}

#propensitySummary > span,
#networkBaselineSummary > span,
#peerBenchmarkSummary > span {
  min-height: 124px;
  overflow: hidden;
  position: relative;
}
#propensitySummary > span::after,
#networkBaselineSummary > span::after,
#peerBenchmarkSummary > span::after {
  background: linear-gradient(90deg, var(--ownership-accent, #665ff4), transparent);
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
}
.propensity-zero-stat { --ownership-accent: #ef705f; }

.propensity-summary .propensity-volume-hero,
.baseline-summary .baseline-gap-hero,
.peer-summary .peer-impact-hero {
  background: linear-gradient(135deg, #0a1021, #211d52 70%, #31548a 125%);
  border-color: rgba(116, 108, 246, .52);
  box-shadow: 0 20px 40px rgba(18, 23, 60, .2);
  color: #fff;
}
.propensity-summary .propensity-volume-hero::before,
.baseline-summary .baseline-gap-hero::before,
.peer-summary .peer-impact-hero::before {
  background: rgba(85, 213, 218, .14);
  border-radius: 50%;
  content: "";
  height: 116px;
  position: absolute;
  right: -32px;
  top: -52px;
  width: 116px;
}
.propensity-summary .propensity-volume-hero small,
.propensity-summary .propensity-volume-hero em,
.baseline-summary .baseline-gap-hero small,
.baseline-summary .baseline-gap-hero em,
.peer-summary .peer-impact-hero small,
.peer-summary .peer-impact-hero em { color: rgba(255,255,255,.66); }
.propensity-summary .propensity-volume-hero strong,
.baseline-summary .baseline-gap-hero strong,
.peer-summary .peer-impact-hero strong { color: #fff; font-size: clamp(28px, 2.2vw, 40px); }

.propensity-comparison-ribbon,
.baseline-mechanism-ribbon,
.peer-comparison-ribbon {
  background: linear-gradient(135deg, #f8f8ff, #f2f5fc);
  border: 1px solid #dde0ef;
  border-radius: 18px;
  display: grid;
  gap: 14px;
  margin: 20px 0 24px;
  padding: 15px;
}
.propensity-comparison-ribbon { align-items: stretch; grid-template-columns: minmax(210px, .65fr) minmax(0, 1.35fr); }
.propensity-comparison-ribbon > p,
.baseline-mechanism-ribbon > p,
.peer-comparison-ribbon > p { color: #838a9e; font-size: 10px; grid-column: 1 / -1; margin: -3px 4px 0; }
.propensity-ribbon-lead,
.baseline-ribbon-state,
.peer-ribbon-lead {
  background: #fff;
  border: 1px solid #e0e2ee;
  border-radius: 14px;
  display: grid;
  padding: 15px 17px;
}
.propensity-ribbon-lead small,
.baseline-ribbon-state small,
.peer-ribbon-lead small { color: #6961ef; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.propensity-ribbon-lead strong,
.baseline-ribbon-state strong,
.peer-ribbon-lead strong { color: #171a2c; font-size: 24px; }
.propensity-ribbon-lead span,
.baseline-ribbon-state span,
.peer-ribbon-lead span { color: #777e91; font-size: 11px; font-weight: 750; }
.propensity-ribbon-equation { align-items: center; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
.propensity-ribbon-equation > span { background: rgba(255,255,255,.72); border: 1px solid #e3e4ee; border-radius: 13px; display: grid; padding: 12px 14px; }
.propensity-ribbon-equation small { color: #858b9d; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.propensity-ribbon-equation strong { font-size: 21px; }
.propensity-ribbon-equation em { color: #777e91; font-size: 10px; font-style: normal; }
.propensity-ribbon-equation b { color: #6961ef; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }

.propensity-analysis-grid > article,
.baseline-analysis-grid > article,
.peer-analysis-grid > article {
  background: linear-gradient(180deg, #fff, #fafaff);
  border: 1px solid #dfe1ed;
  border-radius: 20px;
  box-shadow: 0 16px 36px rgba(27, 31, 75, .065);
  padding: 22px;
}
.propensity-tier-list,
.peer-network-list { display: grid; gap: 9px; margin-top: 15px; }
.propensity-scale-note,
.peer-scale-note { color: #9096a8; font-size: 10px; font-weight: 750; margin: 0 0 3px; text-align: right; }
.propensity-tier-row,
.peer-network-row,
.baseline-bond-row {
  --tier-accent: #7169f5;
  background: #fff;
  border: 1px solid #e4e5ef;
  border-radius: 14px;
  padding: 12px 14px;
  transition: border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.propensity-tier-row:nth-of-type(6) { --tier-accent: #ef705f; }
.propensity-row-label,
.peer-row-label,
.baseline-row-label { align-items: baseline; display: grid; gap: 8px; grid-template-columns: auto minmax(0,1fr) auto; margin-bottom: 9px; }
.propensity-row-label .rank,
.peer-row-label .rank,
.baseline-row-label .rank { color: var(--tier-accent, #6861ef); font-size: 9px; font-weight: 950; letter-spacing: .08em; }
.propensity-row-label strong,
.peer-row-label strong,
.baseline-row-label strong { color: #25283a; font-size: 12px; }
.propensity-row-label > span:last-child,
.peer-row-label > span:last-child,
.baseline-row-label > span:last-child { color: #72798d; font-size: 11px; font-weight: 750; text-align: right; }
.propensity-track,
.peer-track,
.baseline-bond-track { background: #e9eaf2; border-radius: 999px; height: 8px; overflow: visible; position: relative; }
.propensity-track i,
.peer-track i,
.baseline-bond-track i { background: linear-gradient(90deg, var(--tier-accent, #6961f1), #70c7f7); border-radius: inherit; display: block; height: 100%; min-width: 2px; }

.propensity-panel .propensity-readout,
.baseline-panel .baseline-readout,
.peer-benchmark-panel .peer-readout {
  background: radial-gradient(circle at 100% 0, rgba(103, 96, 242, .25), transparent 32%), #090d1b;
  border: 1px solid #222a47;
  border-radius: 20px;
  box-shadow: 0 20px 42px rgba(11,15,35,.18);
  padding: 22px 24px;
}
.propensity-readout-layout,
.baseline-readout-layout,
.peer-readout-layout { display: grid; gap: 16px; grid-template-columns: minmax(225px,.7fr) minmax(0,1.3fr); }
.propensity-readout-lead,
.baseline-readout-lead,
.peer-readout-lead { background: linear-gradient(135deg, rgba(106,98,245,.22), rgba(255,255,255,.035)); border: 1px solid rgba(130,123,255,.28); border-radius: 15px; display: grid; padding: 17px; }
.propensity-readout-lead small,
.baseline-readout-lead small,
.peer-readout-lead small { color: #8bd9ff; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.propensity-readout-lead strong,
.baseline-readout-lead strong,
.peer-readout-lead strong { color: #fff; font-size: 34px; line-height: 1.1; margin-top: 4px; }
.propensity-readout-lead span,
.baseline-readout-lead span,
.peer-readout-lead span { color: #fff; font-size: 13px; font-weight: 850; }
.propensity-readout-lead p,
.baseline-readout-lead p,
.peer-readout-lead p { border: 0; color: #aeb4c8; font-size: 11px; margin: 10px 0 0; padding: 0; }
.propensity-panel .propensity-readout .readout-stats,
.baseline-panel .baseline-readout .readout-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
.peer-benchmark-panel .peer-readout .readout-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
.propensity-panel .propensity-readout > p,
.baseline-panel .baseline-readout > p,
.peer-benchmark-panel .peer-readout > p { border-top: 1px solid rgba(255,255,255,.1); color: #aeb4c8; margin-top: 16px; padding-top: 14px; }

.baseline-mechanism-ribbon { align-items: center; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
.baseline-ribbon-state.inflation small { color: #e96c5d; }
.baseline-ribbon-arrow { display: grid; justify-items: center; min-width: 190px; }
.baseline-ribbon-arrow span { color: #8179ed; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.baseline-ribbon-arrow strong { color: #625af0; font-size: 25px; }
.baseline-ribbon-arrow small { color: #848a9d; font-size: 10px; }
.baseline-inflation-scale { display: grid; gap: 10px; margin-top: 20px; }
.baseline-band-chart { padding: 34px 8px 5px; }
.baseline-band-track { background: linear-gradient(90deg, #67c4f7, #6a61f1, #ec6c5d); border-radius: 999px; height: 10px; position: relative; }
.baseline-current-marker { bottom: 15px; display: grid; justify-items: center; position: absolute; transform: translateX(-50%); }
.baseline-current-marker::after { background: #111425; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #6760ef; content: ""; height: 9px; margin-top: 5px; width: 9px; }
.baseline-current-marker b { color: #171a2c; font-size: 15px; }
.baseline-current-marker small { color: #777e91; font-size: 9px; text-transform: uppercase; }
.baseline-band-endpoints { display: flex; justify-content: space-between; margin-top: 9px; }
.baseline-band-endpoints span { display: grid; }
.baseline-band-endpoints strong { font-size: 12px; }
.baseline-band-endpoints small { color: #8b91a3; font-size: 9px; text-transform: uppercase; }
.baseline-band-endpoints span:last-child { text-align: right; }
.baseline-band-marker { align-items: center; border-top: 1px solid #ececf3; display: flex; justify-content: space-between; padding: 8px 2px 0; }
.baseline-band-marker span { color: #777e91; font-size: 11px; font-weight: 750; }
.baseline-band-marker strong { font-size: 12px; }
.baseline-bond-scale { display: grid; gap: 10px; margin-top: 16px; }
.baseline-bond-row { --tier-accent: #6760ee; }
.baseline-bond-row.tone-target { --tier-accent: #ef705f; }
.baseline-bond-row.tone-cohort { --tier-accent: #42a98c; }
.baseline-bond-track b { background: #ef705f; height: 18px; position: absolute; top: -5px; width: 2px; }

.peer-comparison-ribbon { grid-template-columns: minmax(210px,.7fr) minmax(0,1.3fr); }
.peer-ribbon-comparison { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.peer-ribbon-comparison > span { background: rgba(255,255,255,.75); border: 1px solid #e2e4ef; border-radius: 13px; display: grid; padding: 12px 14px; }
.peer-ribbon-comparison small { color: #858b9e; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.peer-ribbon-comparison strong { font-size: 19px; }
.peer-ribbon-comparison em { color: #6961ef; font-size: 10px; font-style: normal; font-weight: 800; }
.peer-network-row { --tier-accent: #9ba1b5; }
.peer-network-row.primary { --tier-accent: #665ef2; border-color: rgba(102,94,242,.3); box-shadow: 0 9px 22px rgba(61,54,170,.08); }
.peer-network-row > small { color: #9197a9; display: block; font-size: 9px; margin-top: 7px; }

.propensity-panel.has-linked-propensity-tier [data-propensity-tier]:not(.is-linked),
.baseline-panel.has-linked-baseline-signal [data-baseline-signal]:not(.is-linked),
.peer-benchmark-panel.has-linked-peer-network [data-peer-network]:not(.is-linked) { opacity: .42; }
.propensity-panel [data-propensity-tier].is-linked,
.baseline-panel [data-baseline-signal].is-linked,
.peer-benchmark-panel [data-peer-network].is-linked { border-color: var(--tier-accent, #6b63f3); box-shadow: 0 10px 24px rgba(46,45,105,.12); opacity: 1; transform: translateY(-1px); }
.propensity-panel [data-propensity-tier]:focus-visible,
.baseline-panel [data-baseline-signal]:focus-visible,
.peer-benchmark-panel [data-peer-network]:focus-visible { outline: 3px solid rgba(105,97,244,.25); outline-offset: 2px; }

@media (max-width: 900px) {
  .propensity-comparison-ribbon,
  .baseline-mechanism-ribbon,
  .peer-comparison-ribbon,
  .propensity-readout-layout,
  .baseline-readout-layout,
  .peer-readout-layout { grid-template-columns: minmax(0,1fr); }
  .baseline-ribbon-arrow { min-width: 0; }
  .baseline-ribbon-arrow strong { transform: rotate(90deg); }
  .peer-benchmark-panel .peer-readout .readout-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  #propensitySummary > span,
  #networkBaselineSummary > span,
  #peerBenchmarkSummary > span { min-height: 108px; }
  .propensity-ribbon-equation,
  .peer-ribbon-comparison { grid-template-columns: minmax(0,1fr); }
  .propensity-ribbon-equation b { text-align: center; }
  .propensity-row-label,
  .peer-row-label,
  .baseline-row-label { grid-template-columns: auto minmax(0,1fr); }
  .propensity-row-label > span:last-child,
  .peer-row-label > span:last-child,
  .baseline-row-label > span:last-child { grid-column: 2; text-align: left; }
  .peer-benchmark-panel .peer-readout .readout-stats { grid-template-columns: minmax(0,1fr); }
}

/* Premium originating-validator concentration surface. The Lorenz curve and
   ranked table retain their source values; these rules only improve hierarchy. */
.validator-concentration-panel { overflow: visible; }
.validator-concentration-panel .panel-header { align-items: flex-end; gap: 28px; }
.validator-concentration-panel .header-controls { align-items: flex-end; }
.validator-concentration-panel .header-controls > div:first-child { min-width: 230px; }

.validator-concentration-summary { grid-template-columns: 1.28fr repeat(4,minmax(0,1fr)); }
.validator-concentration-summary > span { min-height: 110px; padding: 17px 18px; transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease, transform .18s ease; }
.validator-concentration-summary > span strong { font-size: 25px; }
.validator-concentration-summary .validator-lead-hero {
  --tier-accent: #6b63f4;
  background: radial-gradient(circle at 100% 0, rgba(84,196,255,.2), transparent 58%), linear-gradient(135deg,#11142a,#28245d);
  border-color: rgba(110,102,246,.56);
  box-shadow: 0 16px 34px rgba(30,27,78,.16);
}
.validator-concentration-summary .validator-lead-hero small { color: #8bddff; }
.validator-concentration-summary .validator-lead-hero strong { color: #fff; font-size: 32px; }
.validator-concentration-summary .validator-lead-hero em { color: rgba(255,255,255,.67); }

.validator-concentration-ribbon {
  background: linear-gradient(110deg,#f5f4ff,#fbfcff 64%,#f4fbff);
  border: 1px solid #dfdef0;
  border-radius: 17px;
  box-shadow: 0 12px 28px rgba(38,35,91,.055);
  margin: 2px 0 18px;
  padding: 16px 18px 14px;
}
.validator-ribbon-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 12px; }
.validator-ribbon-head span { color: #615aed; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.validator-ribbon-head strong { color: #555c71; font-size: 10px; }
.validator-ribbon-track { border-radius: 999px; display: flex; height: 34px; overflow: hidden; }
.validator-ribbon-segment { align-items: center; border: 0; color: #fff; display: flex; font: inherit; justify-content: center; min-width: 0; padding: 0; transition: filter .18s ease, opacity .18s ease, transform .18s ease; }
button.validator-ribbon-segment { cursor: pointer; }
.validator-ribbon-segment span { font-size: 9px; font-weight: 950; white-space: nowrap; }
.validator-ribbon-segment.top1 { --tier-accent:#5f57ea; background: linear-gradient(90deg,#574fe0,#6b63f4); }
.validator-ribbon-segment.top5 { --tier-accent:#8179f3; background: #8179f3; }
.validator-ribbon-segment.top10 { --tier-accent:#58b9eb; background: #58b9eb; }
.validator-ribbon-segment.remainder { background: #dfe3ed; color: #666e82; }
.validator-ribbon-labels { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 11px; }
.validator-ribbon-labels span { align-items: center; color: #747b8f; display: inline-flex; font-size: 9px; font-weight: 800; }
.validator-ribbon-labels i { border-radius: 50%; height: 7px; margin-right: 6px; width: 7px; }
.validator-ribbon-labels i.top1 { background:#5f57ea; }
.validator-ribbon-labels i.top5 { background:#8179f3; }
.validator-ribbon-labels i.top10 { background:#58b9eb; }
.validator-ribbon-labels i.remainder { background:#d5dae6; }

.validator-analysis-grid { grid-template-columns: minmax(0,1.62fr) minmax(290px,.62fr); gap: 18px; }
.validator-chart-surface { background: linear-gradient(180deg,#fff,#fbfbfe); border: 1px solid #e3e4ee; border-radius: 19px; box-shadow: 0 16px 34px rgba(30,27,78,.055); overflow: hidden; padding: 17px; }
.validator-chart-head { border-bottom: 1px solid #e9e9f1; margin: 0 0 4px; padding: 0 2px 13px; }
.validator-chart-key { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.validator-chart-key span { align-items: center; color: #7d8497; display: inline-flex; font-size: 9px; font-weight: 800; letter-spacing: 0; text-transform: none; }
.validator-chart-key i { display: inline-block; margin-right: 6px; width: 18px; }
.validator-chart-key i.actual { background: #665ef2; border-radius: 999px; height: 4px; }
.validator-chart-key i.equality { border-top: 2px dashed #8a929f; height: 0; }
.validator-chart-scale { color: #9197a9; display: flex; font-size: 8px; justify-content: space-between; padding: 9px 5px 0; }
.validator-chart-scale strong { color: #646b7e; font-size: 9px; }
.validator-concentration-frame { border: 0; border-radius: 12px; height: 290px; }

.validator-concentration-readout { justify-content: flex-start; padding: 23px; }
.validator-concentration-readout h3 { font-size: 20px; margin-bottom: 16px; }
.validator-readout-lead { --tier-accent:#6b63f4; background: linear-gradient(135deg,rgba(104,95,242,.25),rgba(255,255,255,.04)); border: 1px solid rgba(129,121,243,.32); border-radius: 15px; display: grid; padding: 16px; transition: opacity .18s ease, transform .18s ease; }
.validator-readout-lead small { color: #8bddff; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.validator-readout-lead strong { color: #fff; font-size: 32px; line-height: 1.08; }
.validator-readout-lead span { color: #fff; font-size: 12px; font-weight: 850; }
.validator-readout-lead p { margin-top: 7px; }
.validator-readout-stats { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 10px; }
.validator-readout-stats > span { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 11px; display: grid; padding: 10px; transition: opacity .18s ease, transform .18s ease; }
.validator-readout-stats small { color: #8990a5; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.validator-readout-stats strong { color: #fff; font-size: 15px; }
.validator-readout-stats em { color: #8990a5; font-size: 8px; font-style: normal; }
.analysis-note .validator-readout-boundary { border-top: 1px solid rgba(255,255,255,.1); margin-top: 14px; padding-top: 13px; }

.validator-ranked-shell { background: linear-gradient(180deg,#fff,#fcfcff); border: 1px solid #e0e1eb; border-radius: 20px; box-shadow: 0 18px 42px rgba(30,27,78,.07); margin-top: 24px; overflow: hidden; padding: 18px; }
.validator-table-heading { align-items: flex-end; display: flex; justify-content: space-between; margin: 0 2px 14px; }
.validator-table-heading span { color: #625af0; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.validator-table-heading h3 { color: var(--ink); font-size: 18px; margin: 3px 0 0; text-transform: none; }
.validator-table-heading p { color: #8c92a4; font-size: 9px; margin: 0; text-align: right; }
.validator-evidence-summary { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 13px; }
.validator-evidence-summary > span { background: linear-gradient(145deg,#f6f5ff,#fbfcff); border: 1px solid #e2e1ef; border-radius: 13px; display: grid; min-height: 77px; padding: 12px 14px; }
.validator-evidence-summary > span:first-child { background: radial-gradient(circle at 100% 0,rgba(78,194,255,.18),transparent 65%),linear-gradient(135deg,#171936,#29265d); border-color: rgba(105,97,244,.38); }
.validator-evidence-summary small { color: #858b9d; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.validator-evidence-summary strong { color: #171a29; font-size: 18px; line-height: 1.2; }
.validator-evidence-summary em { color: #9197a9; font-size: 8px; font-style: normal; }
.validator-evidence-summary > span:first-child small { color: #8bddff; }
.validator-evidence-summary > span:first-child strong { color: #fff; }
.validator-evidence-summary > span:first-child em { color: rgba(255,255,255,.62); }
.validator-evidence-summary .is-boundary { border-color: #ead8bd; background: linear-gradient(145deg,#fffaf2,#fff); }
.validator-evidence-summary .is-boundary small { color: #bc7925; }
.validator-ranked-frame { border-radius: 14px; box-shadow: none; max-height: 570px; }
.validator-ranked-frame .premium-data-table thead th { background: linear-gradient(180deg,#f8f7ff,#f1f1f8); }
.validator-ranked-frame .premium-data-table th { height: 48px; }
.validator-ranked-frame .premium-data-table td { height: 58px; }
.validator-ranked-row.is-top-ten td { background: linear-gradient(90deg,#fcfbff,#fff); }
.validator-ranked-row.is-top-ten td:first-child { box-shadow: inset 2px 0 0 rgba(105,97,244,.28); }
.validator-ranked-row:first-child td { background: linear-gradient(90deg,#f1efff,#fbfbff); }
.validator-identity-cell { min-width: 250px; }
.validator-identity-cell > small { color: #9a9fb0; display: block; font-family: var(--font-sans); font-size: 8px; font-weight: 750; margin-top: 4px; }
.validator-withdrawn-cell { min-width: 140px; }
.validator-withdrawn-cell > strong { display: block; font-size: 12px; }
.validator-withdrawn-cell > span { background: #ececf4; border-radius: 999px; display: block; height: 4px; margin-top: 6px; overflow: hidden; }
.validator-withdrawn-cell > span i { background: linear-gradient(90deg,#655df1,#52c6f0); border-radius: inherit; display: block; height: 100%; }
.validator-share-cell strong { color: #35394a; display: block; font-size: 11px; }
.validator-share-cell small { color: #9ba0b0; display: block; font-size: 7px; font-weight: 750; margin-top: 3px; white-space: nowrap; }

.validator-tier-boundary { background: linear-gradient(120deg,#fff9ef,#fff 62%,#f7f7ff); border: 1px solid #eadcc6; border-left: 4px solid #d88a27; border-radius: 16px; box-shadow: 0 12px 30px rgba(74,52,21,.055); padding: 17px 18px; }
.validator-tier-boundary-head { align-items: flex-end; display: flex; gap: 18px; justify-content: space-between; }
.validator-tier-boundary-head > span { color: #ba7522; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.validator-tier-boundary-head > strong { color: #242735; font-size: 14px; margin: 0; text-align: right; }
.validator-tier-coverage-metrics { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 13px 0; }
.validator-tier-coverage-metrics > span { background: rgba(255,255,255,.8); border: 1px solid #e8e2d9; border-radius: 12px; display: grid; min-height: 72px; padding: 11px 13px; }
.validator-tier-coverage-metrics small { color: #8c7d68; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.validator-tier-coverage-metrics strong { color: #252837; font-size: 17px; line-height: 1.2; margin: 0; }
.validator-tier-coverage-metrics em { color: #9599a8; font-size: 8px; font-style: normal; }
.validator-tier-methodology { border-top: 1px solid #ebe3d7; padding-top: 11px; }
.validator-tier-methodology summary { color: #5f6475; cursor: pointer; font-size: 9px; font-weight: 900; list-style: none; }
.validator-tier-methodology summary::-webkit-details-marker { display: none; }
.validator-tier-methodology summary::after { color: #766ef0; content: "+"; float: right; font-size: 16px; line-height: .7; }
.validator-tier-methodology[open] summary::after { content: "−"; }
.validator-tier-methodology p { border-top: 1px solid #eee8de; color: #73798b; font-size: 10px; line-height: 1.65; margin-top: 11px; padding-top: 11px; }

.validator-concentration-panel.has-linked-validator-band [data-validator-band]:not(.is-linked) { opacity: .4; }
.validator-concentration-panel [data-validator-band].is-linked { border-color: var(--tier-accent,#6b63f4); box-shadow: 0 11px 25px rgba(45,40,132,.13); opacity: 1; transform: translateY(-1px); }
.validator-concentration-panel tr[data-validator-band].is-linked td { background: #f5f3ff; }
.validator-concentration-panel tr[data-validator-band].is-linked td:first-child { box-shadow: inset 3px 0 0 #6961ef; }
.validator-concentration-panel [data-validator-band]:focus-visible { outline: 3px solid rgba(105,97,244,.25); outline-offset: 2px; }

@media (max-width: 1100px) {
  .validator-concentration-summary { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .validator-concentration-summary .validator-lead-hero { grid-column: span 2; }
  .validator-analysis-grid { grid-template-columns: minmax(0,1fr); }
  .validator-concentration-readout { min-height: 0; }
}

@media (max-width: 760px) {
  .validator-concentration-panel .panel-header { align-items: stretch; }
  .validator-concentration-panel .header-controls { align-items: stretch; display: grid; grid-template-columns: minmax(0,1fr); width: 100%; }
  .validator-concentration-panel .header-controls > div:first-child { min-width: 0; }
  .validator-concentration-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .validator-concentration-summary .validator-lead-hero { grid-column: span 2; }
  .validator-ribbon-head, .validator-table-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .validator-ribbon-segment span { font-size: 8px; }
  .validator-table-heading p { text-align: left; }
  .validator-ranked-shell { border-radius: 16px; padding: 13px; }
  .validator-evidence-summary, .validator-tier-coverage-metrics { grid-template-columns: minmax(0,1fr); }
  .validator-tier-boundary-head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .validator-tier-boundary-head > strong { text-align: left; }
  .validator-readout-stats { grid-template-columns: minmax(0,1fr); }
  .validator-chart-head { align-items: flex-start; gap: 10px; }
}

/* Premium reward-credit split and restake destinations. These surfaces share
   the same source totals but keep their distinct tracked-credit denominators. */
.credit-split-surface { background: linear-gradient(145deg,#fff,#fafbff); border: 1px solid #e1e2ed; border-radius: 19px; box-shadow: 0 16px 38px rgba(30,27,78,.06); margin-top: 20px; padding: 18px; }
.credit-split-surface .swap-subhead { border-bottom: 1px solid #e8e9f1; margin: 0 0 14px; padding: 0 1px 13px; }
.credit-split-hero { display: grid; gap: 12px; grid-template-columns: minmax(250px,.72fr) minmax(0,1.28fr); }
.credit-total-hero { background: radial-gradient(circle at 100% 0,rgba(79,198,244,.23),transparent 60%),linear-gradient(135deg,#11142b,#29265f); border: 1px solid rgba(105,97,244,.42); border-radius: 16px; box-shadow: 0 15px 32px rgba(31,28,80,.15); display: flex; flex-direction: column; justify-content: center; min-height: 135px; padding: 18px; }
.credit-total-hero small { color: #8bddff; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.credit-total-hero strong { color: #fff; font-size: 31px; line-height: 1.1; }
.credit-total-hero strong span { font-size: 12px; }
.credit-total-hero p { color: rgba(255,255,255,.64); font-size: 9px; margin: 8px 0 0; }
.credit-split-comparison { background: #f7f7fc; border: 1px solid #e1e2ec; border-radius: 16px; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); padding: 12px; }
.credit-split-comparison > span { --credit-accent:#5c55e9; background: #fff; border: 1px solid #e0e1eb; border-radius: 13px; display: flex; flex-direction: column; justify-content: center; min-height: 108px; padding: 14px; transition: border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease; }
.credit-split-comparison > span.is-staked { --credit-accent:#41b9e8; }
.credit-split-comparison small { color: #858b9c; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.credit-split-comparison strong { color: #1f2231; font-size: 18px; }
.credit-split-comparison em { color: #8f95a7; font-size: 8px; font-style: normal; }
.credit-split-comparison > div { align-self: center; display: grid; min-width: 94px; text-align: center; }
.credit-split-comparison > div strong { font-size: 14px; }
.credit-split-bars { margin-top: 14px; }
.credit-stack { background: #ececf4; border: 3px solid #fff; border-radius: 999px; box-shadow: 0 0 0 1px #dfe0ea,0 8px 20px rgba(31,28,80,.08); display: flex; height: 31px; overflow: hidden; }
.credit-stack > span { display: block; }
.credit-stack .is-liquid,.credit-stack-legend i.is-liquid { background: linear-gradient(90deg,#635cf0,#8079f6); }
.credit-stack .is-staked,.credit-stack-legend i.is-staked { background: linear-gradient(90deg,#3faee2,#59cef0); }
.credit-stack-legend { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 11px; }
.credit-stack-legend > span { align-items: center; border: 1px solid #e4e5ed; border-radius: 11px; display: grid; grid-template-columns: auto 1fr auto; padding: 10px 12px; transition: border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease; }
.credit-stack-legend i { border-radius: 50%; height: 9px; margin-right: 8px; width: 9px; }
.credit-stack-legend strong { color: #35394a; font-size: 10px; }
.credit-stack-legend em { color: #737a8e; font-size: 9px; font-style: normal; }
.credit-split-surface.has-linked-credit-state [data-credit-state]:not(.is-linked) { opacity: .42; }
.credit-split-surface [data-credit-state].is-linked { border-color: var(--credit-accent,#655df1); box-shadow: 0 10px 24px rgba(46,40,133,.12); opacity: 1; transform: translateY(-1px); }
.credit-split-surface [data-credit-state]:focus-visible { outline: 3px solid rgba(101,93,241,.24); outline-offset: 2px; }

.inflation-scope-boundary { background: linear-gradient(120deg,#fff8ed,#fff 60%,#f7f7ff); border: 1px solid #eadcc5; border-left: 4px solid #d98a26; border-radius: 16px; box-shadow: 0 12px 30px rgba(72,50,19,.055); padding: 17px 18px; }
.inflation-scope-head { align-items: flex-end; display: flex; gap: 18px; justify-content: space-between; }
.inflation-scope-head > span { color: #bc7722; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.inflation-scope-head > strong { color: #242735; font-size: 14px; margin: 0; text-align: right; }
.inflation-scope-metrics { display: grid; gap: 9px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 13px 0; }
.inflation-scope-metrics > span { background: rgba(255,255,255,.82); border: 1px solid #e8e2d8; border-radius: 12px; display: grid; min-height: 72px; padding: 11px 13px; }
.inflation-scope-metrics small { color: #8e7e68; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.inflation-scope-metrics strong { color: #252837; font-size: 15px; margin: 0; }
.inflation-scope-metrics em { color: #969aa8; font-size: 8px; font-style: normal; }
.inflation-scope-boundary > p { border-top: 1px solid #ebe4d9; font-size: 10px; line-height: 1.65; padding-top: 11px; }

.restake-panel #restakeSummary { grid-template-columns: 1.32fr repeat(3,minmax(0,1fr)); }
.restake-panel #restakeSummary > span { min-height: 108px; transition: border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease; }
.restake-panel #restakeSummary .restake-total-hero { background: radial-gradient(circle at 100% 0,rgba(75,196,244,.24),transparent 60%),linear-gradient(135deg,#11142b,#29265f); border-color: rgba(105,97,244,.45); box-shadow: 0 15px 32px rgba(31,28,80,.15); }
.restake-panel #restakeSummary .restake-total-hero small { color: #8bddff; }
.restake-panel #restakeSummary .restake-total-hero strong { color: #fff; font-size: 29px; }
.restake-panel #restakeSummary .restake-total-hero em { color: rgba(255,255,255,.63); }
.restake-concentration-ribbon { background: linear-gradient(115deg,#f5f4ff,#fbfcff 64%,#f3fbff); border: 1px solid #dedfec; border-radius: 17px; box-shadow: 0 12px 28px rgba(35,32,87,.055); margin: 2px 0 16px; padding: 16px 18px 14px; }
.restake-ribbon-head { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 12px; }
.restake-ribbon-head > div { display: grid; }
.restake-ribbon-head span { color: #625af0; font-size: 8px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.restake-ribbon-head strong { color: #2d3140; font-size: 13px; }
.restake-ribbon-head small { color: #8e94a6; font-size: 8px; }
.restake-ribbon-track { border-radius: 999px; display: flex; height: 30px; overflow: hidden; }
.restake-ribbon-track > span { display: block; }
.restake-ribbon-track .is-leader { background:#5d55ea; }
.restake-ribbon-track .is-top-five { background:#8179f3; }
.restake-ribbon-track .is-top-ten { background:#55bce9; }
.restake-ribbon-track .is-remainder { background:#dfe3ec; }
.restake-ribbon-legend { display: flex; flex-wrap: wrap; gap: 10px 21px; margin-top: 10px; }
.restake-ribbon-legend span { align-items: center; color: #747b8e; display: inline-flex; font-size: 8px; font-weight: 800; }
.restake-ribbon-legend i { border-radius: 50%; height: 7px; margin-right: 6px; width: 7px; }
.restake-ribbon-legend i.is-leader { background:#5d55ea; }.restake-ribbon-legend i.is-top-five { background:#8179f3; }.restake-ribbon-legend i.is-top-ten { background:#55bce9; }.restake-ribbon-legend i.is-remainder { background:#dfe3ec; }
.restake-ranking-grid { display: grid; gap: 9px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 17px; }
.restake-rank-card { --restake-accent:#655df1; align-items: center; background: linear-gradient(145deg,#fff,#fafaff); border: 1px solid #e1e2eb; border-radius: 14px; display: grid; gap: 8px 11px; grid-template-columns: auto minmax(0,1fr) auto; padding: 12px 13px; transition: border-color .18s ease,box-shadow .18s ease,opacity .18s ease,transform .18s ease; }
.restake-rank { align-items: center; background: #eceaff; border-radius: 8px; color: #544dd9; display: flex; font-size: 9px; font-weight: 950; height: 29px; justify-content: center; width: 32px; }
.restake-rank-copy { display: grid; min-width: 0; }
.restake-rank-copy strong { color: #303445; font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.restake-rank-copy small { color: #969bac; font-size: 8px; }
.restake-rank-value { display: grid; text-align: right; }
.restake-rank-value strong { color: #202332; font-size: 11px; }
.restake-rank-value span { color: #655df1; font-size: 8px; font-weight: 850; }
.restake-rank-track { background: #ebeaf2; border-radius: 999px; grid-column: 2 / 4; height: 5px; overflow: hidden; }
.restake-rank-track span { background: linear-gradient(90deg,#655df1,#53c4ed); border-radius: inherit; display: block; height: 100%; }
.restake-readout { padding: 21px; }
.restake-readout-head > span { color: #7d75ff; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.restake-readout-head h3 { color: #fff; font-size: 20px; margin: 4px 0 5px; }
.restake-readout-head p { margin: 0 0 14px; }
.restake-readout > p { border-top: 1px solid rgba(255,255,255,.1); margin-top: 14px; padding-top: 13px; }
.restake-panel.has-linked-restake-validator [data-restake-validator]:not(.is-linked) { opacity: .4; }
.restake-panel [data-restake-validator].is-linked { border-color: var(--restake-accent,#655df1); box-shadow: 0 11px 26px rgba(44,39,132,.14); opacity: 1; transform: translateY(-1px); }
.restake-panel [data-restake-validator]:focus-visible { outline: 3px solid rgba(101,93,241,.24); outline-offset: 2px; }

@media (max-width: 900px) {
  .credit-split-hero { grid-template-columns: minmax(0,1fr); }
  .restake-panel #restakeSummary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .restake-panel #restakeSummary .restake-total-hero { grid-column: span 2; }
}

@media (max-width: 760px) {
  .credit-split-surface { padding: 13px; }
  .credit-split-comparison,.credit-stack-legend,.inflation-scope-metrics,.restake-ranking-grid { grid-template-columns: minmax(0,1fr); }
  .credit-split-comparison > div { min-height: 54px; }
  .inflation-scope-head,.restake-ribbon-head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .inflation-scope-head > strong { text-align: left; }
  .restake-panel #restakeSummary { grid-template-columns: minmax(0,1fr); }
  .restake-panel #restakeSummary .restake-total-hero { grid-column: auto; }
  .restake-rank-card { grid-template-columns: auto minmax(0,1fr); }
  .restake-rank-value { grid-column: 2; text-align: left; }
  .restake-rank-track { grid-column: 2; }
}

/* Premium selected-event brief. All quantities remain tied to the event's
   period-correct tracked-cohort denominator and seven-day source window. */
.event-detail-panel { overflow: hidden; }
.event-detail-panel .panel-header { margin-bottom: 14px; }
.event-detail-panel .denominator-note { border: 1px solid #e0ddff; border-left: 4px solid #6b63f4; color: #676e82; font-size: 10px; line-height: 1.5; padding: 12px 13px; }

.event-rank-summary { display: grid; gap: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 13px 0; }
.event-rank-summary > span { background: linear-gradient(145deg,#f7f6ff,#fbfbff); border: 1px solid #e0def2; border-radius: 12px; display: grid; min-height: 75px; padding: 11px 12px; transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease; }
.event-rank-summary small { color: #7d8498; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.event-rank-summary strong { color: #4f48ce; font-size: 18px; line-height: 1.1; }
.event-rank-summary em { color: #9298aa; font-size: 8px; font-style: normal; }

.event-detail-panel .event-summary { display: grid; gap: 10px; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); }
.event-hero-metric { --tier-accent:#6b63f4; background: radial-gradient(circle at 100% 0,rgba(79,197,255,.23),transparent 60%),linear-gradient(140deg,#101329,#28245c); border: 1px solid rgba(106,97,243,.5); border-radius: 16px; box-shadow: 0 16px 32px rgba(34,30,91,.17); display: flex; flex-direction: column; justify-content: center; min-height: 173px; padding: 18px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.event-hero-metric > small { color: #8bddff; font-size: 9px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.event-hero-metric > strong { color: #fff; font-size: 34px; letter-spacing: -.04em; line-height: 1.04; margin-top: 6px; }
.event-hero-metric > strong span { font-size: 13px; letter-spacing: 0; }
.event-hero-metric p { color: rgba(255,255,255,.62); font-size: 9px; line-height: 1.45; margin: 9px 0 0; }
.event-hero-support { display: grid; gap: 8px; }
.event-hero-support > span { background: #f8f8fc; border: 1px solid #e4e4ee; border-radius: 12px; display: grid; padding: 10px 12px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.event-hero-support small { color: #7e8497; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.event-hero-support strong { color: #171a2b; font-size: 18px; }
.event-hero-support em { color: #959bad; font-size: 8px; font-style: normal; }

.event-intensity-ribbon,.event-comparison-strip,.event-cohort-composition { background: linear-gradient(120deg,#f7f6ff,#fbfdff); border: 1px solid #e1e1ee; border-radius: 15px; margin-top: 12px; padding: 14px; }
.event-intensity-head,.event-comparison-head,.event-composition-head { align-items: center; display: flex; justify-content: space-between; margin-bottom: 11px; }
.event-intensity-head span,.event-comparison-head span,.event-composition-head span { color: #625af0; font-size: 8px; font-weight: 950; letter-spacing: .1em; text-transform: uppercase; }
.event-intensity-head strong,.event-comparison-head strong,.event-composition-head strong { color: #747b8f; font-size: 8px; }
.event-intensity-values { --tier-accent:#6b63f4; align-items: center; display: grid; gap: 9px; grid-template-columns: auto minmax(80px,1fr) auto auto; transition: opacity .18s ease,transform .18s ease; }
.event-intensity-values > span { display: grid; }
.event-intensity-values small { color: #8a90a3; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.event-intensity-values strong { color: #212538; font-size: 11px; white-space: nowrap; }
.event-intensity-values > span:nth-of-type(2) { text-align: right; }
.event-intensity-values > em { background: #655df0; border-radius: 999px; color: #fff; font-size: 11px; font-style: normal; font-weight: 950; padding: 7px 9px; }
.event-intensity-track { background: #e1e4ee; border-radius: 999px; height: 11px; overflow: hidden; position: relative; }
.event-intensity-track b { background: linear-gradient(90deg,#6961f0,#57c4f4); border-radius: inherit; inset: 0; position: absolute; }
.event-intensity-track i { background: #ef7464; border-radius: inherit; height: 100%; left: 0; min-width: 3px; position: absolute; top: 0; z-index: 1; }

.event-comparison-grid { display: grid; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.event-comparison-identities { align-items: stretch; display: grid; gap: 7px; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); margin-bottom: 9px; }
.event-comparison-identities > b { align-self: center; color: #999fb1; font-size: 7px; letter-spacing: .08em; text-transform: uppercase; }
.event-comparison-identity { align-items: center; background: rgba(255,255,255,.76); border: 1px solid #e1e1ed; border-radius: 11px; display: grid; gap: 1px 7px; grid-template-columns: auto minmax(0,1fr); padding: 9px 10px; }
.event-comparison-identity i { align-items: center; background: #6961ef; border-radius: 50%; color: #fff; display: inline-flex; font-size: 8px; font-style: normal; font-weight: 950; grid-row: 1 / 3; height: 21px; justify-content: center; width: 21px; }
.event-comparison-identity.event-b-identity i { background: #3ca9d7; }
.event-comparison-identity strong { color: #202437; font-size: 9px; line-height: 1.2; min-width: 0; }
.event-comparison-identity small { color: #8f95a6; font-size: 7px; }
.event-comparison-card { background: rgba(255,255,255,.82); border: 1px solid #e4e4ee; border-radius: 12px; display: grid; padding: 10px; transition: opacity .18s ease,transform .18s ease,box-shadow .18s ease; }
.event-comparison-card > small { color: #787f93; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.event-comparison-card > div { align-items: center; display: grid; gap: 6px; grid-template-columns: 1fr auto 1fr; margin-top: 5px; }
.event-comparison-card > div > span { align-items: center; display: flex; gap: 5px; min-width: 0; }
.event-comparison-card > div > span:last-child { justify-content: flex-end; }
.event-comparison-card i { align-items: center; background: #6961ef; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 18px; font-size: 8px; font-style: normal; font-weight: 950; height: 18px; justify-content: center; }
.event-comparison-card > div > span:last-child i { background: #3ca9d7; }
.event-comparison-card strong { color: #191c2d; font-size: 13px; white-space: nowrap; }
.event-comparison-card b { color: #a1a6b6; font-size: 10px; }
.event-comparison-card > em { color: #969cad; font-size: 7px; font-style: normal; margin-top: 4px; }

.event-composition-track { background: #e4e7ef; border-radius: 999px; display: flex; height: 16px; overflow: hidden; }
.event-composition-track > span { display: block; min-width: 2px; }
.event-composition-key { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 10px; }
.event-composition-key span { align-items: center; color: #767d91; display: inline-flex; font-size: 8px; font-weight: 800; }
.event-composition-key i { border-radius: 50%; height: 7px; margin-right: 5px; width: 7px; }
.cohort-tone-0 { background:#e16658; }
.cohort-tone-1 { background:#7b6af0; }
.cohort-tone-2 { background:#43a889; }
.cohort-tone-3 { background:#3da8d7; }
.cohort-tone-4 { background:#c4862f; }
.cohort-tone-5 { background:#9b61a0; }
.cohort-tone-6 { background:#7da154; }
.cohort-tone-7 { background:#9ba2a0; }

.event-cohort-list { margin-top: 11px; }
.event-cohort-list h3 { font-size: 9px; letter-spacing: .1em; }
.event-cohort-list .dispo-row { padding: 9px 10px; }
.event-cohort-list .dispo-head strong { font-size: 10px; }
.event-cohort-list .dispo-head span { font-size: 9px; }
.event-cohort-list .dispo-bar { height: 5px; }
.event-interpretation-boundary { background: #111426; border: 1px solid #262b48; border-radius: 14px; margin-top: 13px; padding: 13px 14px; }
.event-interpretation-boundary strong { color: #8bddff; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }
.event-interpretation-boundary p { color: #abb1c2; font-size: 9px; line-height: 1.55; margin: 5px 0 0; }

.event-detail-panel.has-linked-event-metric [data-event-metric]:not(.is-linked) { opacity: .38; }
.event-detail-panel [data-event-metric].is-linked { box-shadow: 0 10px 24px rgba(47,41,139,.13); opacity: 1; transform: translateY(-1px); }
.event-detail-panel [data-event-metric]:focus-visible { outline: 3px solid rgba(105,97,244,.25); outline-offset: 2px; }

@media (max-width: 1050px) {
  .event-detail-panel .event-summary { grid-template-columns: minmax(0,1fr); }
  .event-hero-support { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .event-rank-summary,.event-comparison-grid,.event-comparison-identities { grid-template-columns: minmax(0,1fr); }
  .event-comparison-identities > b { justify-self: center; }
  .event-hero-support { grid-template-columns: minmax(0,1fr); }
  .event-intensity-head,.event-comparison-head,.event-composition-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .event-intensity-values { grid-template-columns: minmax(0,1fr) auto; }
  .event-intensity-track { grid-column: 1 / -1; grid-row: 2; }
  .event-intensity-values > span:nth-of-type(2) { grid-column: 2; grid-row: 1; }
  .event-intensity-values > em { grid-column: 2; grid-row: 3; }
}