/* TypeFlow V5.0.2 — final readable typography layer.
   IMPORTANT: this file is intentionally loaded AFTER premium-home.css. */

html { font-size: 16px; }
body { font-size: 16px; line-height: 1.55; }

/* Header */
.brand { font-size: 22px !important; }
.main-nav a { font-size: 16px !important; font-weight: 700; }
.header-actions button,
.header-actions a,
.language-picker,
.language-picker select { font-size: 15px !important; }

/* Hero / page heading */
.premium-hero h1,
.page-heading h1 { font-size: clamp(38px, 3vw, 48px) !important; }
.premium-hero p,
.page-heading p { font-size: 17px !important; line-height: 1.6; }
.eyebrow { font-size: 13px !important; }
.proof-item strong { font-size: 16px !important; }
.proof-item small { font-size: 13.5px !important; }

/* Test configuration */
.toolbar-label,
.workspace-label,
.control-heading,
.control-label,
.test-config-row label,
.typing-language-label > span { font-size: 14px !important; font-weight: 750; }

.premium-typing-panel .option-btn,
.typing-lang-btn,
.content-mode,
.segmented button { font-size: 14.5px !important; }

.typing-language-label small,
.workspace-hint,
.custom-duration-row { font-size: 13px !important; line-height: 1.5; }

.mini-badge,
.space-tip { font-size: 12px !important; }

/* Typing area stays intentionally large */
.premium-workspace .word-stream,
.word-stream { font-size: 26px !important; line-height: 1.65 !important; }
.typing-input,
.premium-workspace input,
.premium-workspace textarea { font-size: 17px !important; }

/* Live metrics */
.premium-metrics .metric small,
.metric small,
.metric-label { font-size: 13.5px !important; }
.premium-metrics .metric strong,
.metric strong { font-size: 20px !important; }
.premium-typing-panel .test-status { font-size: 13px !important; }

/* Buttons */
.primary-btn,
.outline-btn,
.soft-action,
.start-test,
.reset-test { font-size: 15px !important; font-weight: 750; }

/* Right side cards */
.section-head h2,
.premium-side-card .section-head h2 { font-size: 19px !important; }
.section-head a,
.premium-side-card .section-head a,
.subtle-link { font-size: 13.5px !important; }

.daily-copy strong { font-size: 15.5px !important; }
.daily-copy small,
.daily-reset { font-size: 13.5px !important; }

.leader-tabs button { font-size: 14px !important; }
.leader-list .leader-name { font-size: 15px !important; }
.leader-list .leader-score,
.leader-list .leader-accuracy,
.leader-list .country-badge { font-size: 14px !important; }
.empty-score,
.friends-empty { font-size: 14px !important; }

/* Bottom summary cards */
.premium-summary-grid .summary-card h3,
.summary-card h3 { font-size: 16px !important; }
.premium-summary-grid .summary-card strong { font-size: 28px !important; }
.premium-summary-grid .summary-card small,
.summary-card p,
.summary-card a { font-size: 14px !important; line-height: 1.5; }

/* Gamification / profile */
.progress-level-badge { font-size: 13px !important; }
.home-xp-copy strong { font-size: 15px !important; }
.home-xp-copy small { font-size: 13px !important; }
.home-progression-side span,
.home-progression-side a { font-size: 14px !important; }
.profile-v5-identity p { font-size: 15px !important; }
.profile-progress-copy span { font-size: 14px !important; }
.profile-progress-copy > small,
.profile-streak-row small,
.profile-stat-grid .stat small { font-size: 13px !important; }
.achievement-copy strong { font-size: 15px !important; }
.achievement-copy p { font-size: 14px !important; line-height: 1.55; }
.achievement-copy small { font-size: 12.5px !important; }

/* Results / analysis */
.analysis-kicker { font-size: 13px !important; }
.analysis-header p { font-size: 15px !important; }
.personal-best-badge { font-size: 13px !important; }
.score-label,
.result-comparison { font-size: 14px !important; }
.analysis-primary-stats small { font-size: 13.5px !important; }
.analysis-section-head h3 { font-size: 17px !important; }
.analysis-section-head p { font-size: 14px !important; }
.chart-legend,
.chart-axis { font-size: 12.5px !important; }
.analysis-detail-card > span { font-size: 13px !important; }
.detail-pair small { font-size: 13px !important; }
.detail-pair strong { font-size: 15px !important; }
.word-summary small { font-size: 13px !important; }
.error-word-chip b { font-size: 14px !important; }
.error-word-chip small { font-size: 13px !important; }

/* Settings / auth / admin */
.setting-row > span,
.auth-card label,
.admin-panel label { font-size: 14px !important; }
.setting-row select,
.auth-card input,
.admin-panel input,
.admin-panel select,
.admin-panel textarea { font-size: 15px !important; }
.table-wrap table,
.admin-table { font-size: 14px !important; }

/* Footer / SEO */
.seo-copy p { font-size: 16px !important; }
.seo-guide-links a { font-size: 15px !important; }
.faq-card p { font-size: 15px !important; }
.footer { font-size: 13.5px !important; }

/* Mobile: don't collapse typography into tiny labels */
@media (max-width: 760px) {
  body { font-size: 15px; }
  .brand { font-size: 20px !important; }
  .main-nav a { font-size: 15px !important; }
  .premium-hero p { font-size: 15.5px !important; }
  .premium-typing-panel .option-btn,
  .typing-lang-btn,
  .content-mode { font-size: 13.5px !important; }
  .premium-workspace .word-stream,
  .word-stream { font-size: 23px !important; }
  .premium-metrics .metric small { font-size: 12.5px !important; }
  .premium-metrics .metric strong { font-size: 19px !important; }
}