.stat-strip{grid-template-columns:repeat(3,1fr)}.engine-grid .feature:last-child{grid-column:auto}.parameter-summary{margin-top:24px;padding:26px;border:1px solid var(--line);border-radius:12px}.parameter-summary h3{font-size:1.2rem;margin-bottom:12px}.indexed-scroll{overflow-x:auto}.indexed-plot{position:relative;min-width:650px}.indexed-plot img{width:100%;height:auto}.indexed-plot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chart-link{display:block;font:12px/1.5 var(--mono);color:#b4bac5;margin-top:12px}.chart figcaption{clear:both}

.robustness-grid{grid-template-columns:1fr}.stat-strip strong{font-size:clamp(1.65rem,3.4vw,3rem)}@media(max-width:700px){.stat-strip{grid-template-columns:1fr;gap:24px}.stat-strip>div{padding:0;border:0}.stat-strip strong{font-size:2rem}}

/* Card titles match the trading portal: Space Grotesk Medium. */
.journey-card h3, .profile-card h3, .feat h3, .step h3,
.guild-body h3, .analytics-grid h4, .cap h3, .ins-card h3,
.res-title, .ex-title, .feature h3, .chart-heading h3,
.glossary-grid h3, .hub-market-aside h2, .hub-asset strong {
  font-family: "Space Grotesk", var(--font-space, "Inter"), system-ui, sans-serif;
  font-weight: 500;
  color: #F4F5F7;
  line-height: 1.4;
  letter-spacing: 0;
}
.dex-head .dex-title {
  font-family: "Space Grotesk", var(--font-space, "Inter"), system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #F4F5F7;
  line-height: 1.4;
  letter-spacing: 0;
}
.mk-strategy-profiles .cap h4 {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  color: #B8CFFF;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

/* Readable UI labels: Inter replaces the small monospace treatment. */
.mono, .mono-label, .label, .eyebrow {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
}
.mk-table th, .dex-table th {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .035em;
  color: #B4BDC9;
}
.strategies-as-of {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .025em;
  color: #B4BDC9;
}
.mk-ranges button {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .025em;
}

.mk-ranges button:not(.on) { color: #B4BDC9; }

/* One typography system within data panels. */
.mk-panel .dex-title, .mk-panel .mk-st-name, .dex-panel .dex-title,
.dex-panel .dex-strat {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  color: #F4F5F7;
}
.mk-panel .mono, .mk-panel .mono-label, .mk-panel .mk-ranges button,
.dex-panel .mono, .dex-panel .mono-label {
  font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif;
  letter-spacing: 0;
}
.mk-table th, .dex-table th {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.strategies-as-of { font-size:12px; font-weight:400; letter-spacing:0; }
.mk-table td, .dex-table td { font-family: "Inter", var(--font-inter, system-ui), -apple-system, sans-serif; font-variant-numeric:tabular-nums; }