/* v0.31.2 — project-wide typography contract.
   No user-facing text may fall below 13px. Research uses a 14px floor. */
html { font-size: 16px; }
body { font-size: var(--font-size-body); }
button, input, select, textarea { font-size: var(--font-size-control); }

#app small,
#app .ref-eyebrow,
#app .ref-status-pill,
#app .ref-count-badge,
#app .ref-nav-group-title em,
#app .ref-nav-entry small,
#app .ref-resource-chip small,
#app .ref-resource-chip em,
#app .ref-env-metric span,
#app .ref-env-metric small,
#app .ref-selection-card small,
#app .ref-selection-card em,
#app .ref-inspector-block > span,
#app .ref-inspector-block > small,
#app .ref-inspector-stat-grid small,
#app .ref-inspector-action > small,
#app .ref-unlock-chain small,
#app .ref-metric span,
#app .ref-metric small,
#app .ref-task-row small,
#app .ref-warning-row small,
#app .ref-feed-row small,
#app .ref-live-ticker-label,
#app .ref-live-ticker-item,
#app .ref-live-ticker-item strong,
#app .ref-live-ticker-item small {
  font-size: var(--font-size-floor) !important;
  line-height: 1.4;
}

#app .research-hub-page,
#app .research-hub-page button,
#app .research-hub-page input,
#app .research-hub-page select,
#app .research-hub-page textarea,
#app .research-hub-page p,
#app .research-hub-page span,
#app .research-hub-page small,
#app .research-hub-page em,
#app .research-hub-page label,
#app .research-hub-page li,
#app .research-hub-page td,
#app .research-hub-page th {
  font-size: var(--font-size-research) !important;
  line-height: 1.45;
}

#app .research-hub-page h1 { font-size: clamp(28px, 2.2vw, 38px) !important; }
#app .research-hub-page h2 { font-size: clamp(22px, 1.7vw, 30px) !important; }
#app .research-hub-page h3 { font-size: clamp(18px, 1.25vw, 23px) !important; }
#app .research-hub-page strong { line-height: 1.3; }
#app .research-hub-tabs button { min-height: 42px; padding-inline: 14px; }
#app .research-roadmap-card,
#app .research-blueprint-component,
#app .research-technology-row { min-width: 0; }
#app .research-blueprint-layout { grid-template-columns: minmax(0, 1fr) minmax(390px, 430px); }
#app .research-blueprint-component p,
#app .research-roadmap-card p { max-width: 72ch; }

@media (max-width: 1450px) {
  #app .research-blueprint-layout { grid-template-columns: minmax(0, 1fr); }
  #app .research-blueprint-inspector { max-height: none; }
}

@media (max-width: 820px) {
  :root {
    --font-size-floor: 13px;
    --font-size-body: 14px;
    --font-size-control: 14px;
    --font-size-research: 14px;
  }
  #app .research-hub-tabs { overflow-x: auto; }
  #app .research-hub-tabs button { flex: 0 0 auto; }
}