/* Homepage type roles: display headings, body copy, and monospace labels. */
.section-head h2, .archimedes-copy h2 {
  font-family: var(--font-d);
  font-size: clamp(32px, 4.4vw, 58px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.03em;
}
.section-head .lede, .section-head .lede-sm, .section-head .journey-lead,
.archimedes-description, .about-copy p, .analytics-heading > p:last-child {
  font-family: var(--font-b);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
}
.journey-card h3, .profile-card h3, .feat h3, .step h3,
.guild-body h3, .analytics-grid h4 {
  font-family: var(--font-d);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.journey-card p, .profile-card > p:not(.profile-tag), .feat p,
.step p, .guild-body p, .analytics-grid p {
  font-family: var(--font-b);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8;
}
.section .label {
  font-family: var(--font-m);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: .14em;
}
@media (max-width: 700px) {
  .section-head .lede, .section-head .lede-sm, .section-head .journey-lead,
  .archimedes-description, .about-copy p, .analytics-heading > p:last-child {
    font-size: 16px;
  }
  .journey-card h3, .profile-card h3, .feat h3, .step h3,
  .guild-body h3, .analytics-grid h4 { font-size: 20px; }
}

/* 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; }