/* Type scale from brand/valseq/GUIDELINES.md. Fonts load in brand-tokens.css. */
:root {
  --page-max: 1372px;
  --identity-icon-size: 46px;
  --identity-gap: 14px;
  --page-gutter: clamp(24px, 4vw, 64px);
  --panel-inset: 24px;
  --text-display: 3rem;
  --leading-display: 3.5rem;
  --text-hero: 5.5rem;
  --leading-hero: 5.5rem;
  --text-marketing-section: 3rem;
  --leading-marketing-section: 3.3125rem;
  --text-title: 2.75rem;
  --leading-title: 3.25rem;
  --text-transaction-title: 2.5rem;
  --leading-transaction-title: 3rem;
  --text-section: 1.375rem;
  --leading-section: 1.875rem;
  --text-body: 1rem;
  --leading-body: 1.625rem;
  --text-lead: 1.125rem;
  --leading-lead: 1.75rem;
  --text-data: .875rem;
  --leading-data: 1.25rem;
  --text-meta: .8125rem;
  --leading-meta: 1.375rem;
  --text-caption: .75rem;
  --leading-caption: 1rem;
  --text-compact: .75rem;
  --leading-compact: 1.125rem;
  --text-metric: 1.5rem;
  --leading-metric: 2rem;
  --text-balance: 2.5rem;
  --leading-balance: 3rem;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 600;
  --font-display: var(--weight-medium) var(--text-display)/var(--leading-display) var(--sans);
  --font-title: var(--weight-medium) var(--text-title)/var(--leading-title) var(--sans);
  --font-section: var(--weight-semibold) var(--text-section)/var(--leading-section) var(--sans);
  --font-body: var(--weight-normal) var(--text-body)/var(--leading-body) var(--sans);
  --font-data: var(--weight-normal) var(--text-data)/var(--leading-data) var(--sans);
  --font-meta: var(--weight-normal) var(--text-meta)/var(--leading-meta) var(--sans);
  --font-caption: var(--weight-normal) var(--text-caption)/var(--leading-caption) var(--sans);
  --font-metric: var(--weight-normal) var(--text-metric)/var(--leading-metric) var(--mono);
}
@media (max-width: 68.75rem) {
  :root { --text-hero: 3rem; --leading-hero: 3.5rem; }
}
@media (max-width: 37.5rem) {
  :root {
    --panel-inset: 16px;
    --text-display: 2.125rem;
    --leading-display: 2.5rem;
    --text-hero: 2.25rem;
    --leading-hero: 2.75rem;
    --text-marketing-section: 1.625rem;
    --leading-marketing-section: 2.125rem;
    --text-title: 2rem;
    --leading-title: 2.5rem;
    --text-transaction-title: 1.75rem;
    --leading-transaction-title: 2.25rem;
    --text-section: 1.125rem;
    --leading-section: 1.625rem;
    --text-lead: 1rem;
    --leading-lead: 1.5rem;
    --text-metric: 1.375rem;
    --leading-metric: 1.875rem;
    --text-balance: 2rem;
    --leading-balance: 2.5rem;
  }
}
time, td, dd, .transactions-gas, .account-coin-value, .account-coin-balance { font-variant-numeric: tabular-nums; }
.explorer-theme :is(time, code, pre, .mono, .stat-value, .home-transaction-time, .home-gas-cost, .home-object-count, .transactions-gas, .account-total-value, .account-coin-value, .account-coin-price, .account-coin-balance strong, .validator-rank, .validator-stake, .validator-voting-power, .flow-amount, .gas-value, .chart-time-axis) { font-family: var(--mono); font-synthesis: none; font-weight: 400; }
.explorer-theme :is(.perf-key-figures dd, .perf-costs strong, .chart-readout dd, .chart-tick, .checkpoint-facts dd, .checkpoint-gas-facts dd, .checkpoint-nav-button small, .validator-lead-stats strong, .validator-overview strong, .validator-detail-stats strong, .validator-metric, .validator-rank-change, .home-object-rank) { font-family: var(--mono); font-synthesis: none; font-weight: 400; }
.explorer-theme :is(.eyebrow, .home-eyebrow) { font-family: var(--mono); font-weight: 400; letter-spacing: .06em; }
@media (max-width: 37.5rem) { :root { --identity-icon-size: 40px; --identity-gap: 12px; } }