/* FingerWPM v33 — readability pass
   Goal: remove micro-text across the site without changing the typing canvas geometry.
   This file is loaded last so older compact rules cannot shrink important UI copy again. */

:root{--fw-readable-xs:12px;--fw-readable-sm:13px;--fw-readable-md:14px;--fw-readable-body:15px}

/* Main typing page and shared UI */
.summary,.control-label,.results-kicker,.metric-label,.mini-label,.chart-detail-label,
.leaderboard-kicker,.leaderboard-filters label>span,.history-kicker,.history-filters label>span,
.test-status-bar .stat-label,.header-stats .stat-label{font-size:var(--fw-readable-xs)!important;line-height:1.35}
.controls select,.simple-select,.restart-btn,.retry-btn,.results-sub,.section-title span,
.leaderboard-refresh,.leaderboard-status,.leaderboard-value,.leaderboard-note,
.history-refresh,.history-status,.history-pagination button,.history-pagination span,.history-note,
.auth-field>span,.auth-switch,.auth-message{font-size:var(--fw-readable-sm)!important;line-height:1.45}
.chart-detail-item small,.legend,.history-table,.leaderboard-columns,.leaderboard-identity small,
.auth-user-email,.auth-field small,.auth-password-toggle{font-size:var(--fw-readable-xs)!important;line-height:1.4}
.history-table th{font-size:11px!important;line-height:1.35}
.history-table td{font-size:12px!important;line-height:1.45}
.history-table .history-net{font-size:15px!important}
.leaderboard-you{font-size:11px!important}
.auth-user-name{font-size:14px!important}.auth-intro{font-size:14px!important;line-height:1.6}.auth-field input{font-size:15px!important}
.auth-primary,.auth-login-button{font-size:14px!important;min-height:42px}

/* Certificate-test controls on the typing page */
.certificate-mode-kicker{font-size:12px!important}.certificate-mode-copy strong{font-size:16px!important}
.certificate-mode-status{font-size:13px!important;line-height:1.55}.certificate-mode-btn{font-size:13px!important;min-height:40px}
.certificate-level-scale>span{grid-template-columns:30px auto!important;min-width:102px!important;column-gap:9px!important}
.certificate-level-scale i{width:30px!important;height:30px!important;font-size:11px!important}
.certificate-level-scale b{font-size:12px!important;line-height:1.25!important}.certificate-level-scale small{font-size:11px!important;line-height:1.25!important}

/* Private profile: no important text below 12px. */
.profile-page-back{font-size:14px!important}.profile-photo-button{font-size:12px!important;padding:8px 12px!important}
.profile-online-pill,.profile-member-pill{font-size:12px!important;padding:6px 10px!important}
.profile-handle{font-size:14px!important}.profile-hero-bio{font-size:15px!important;line-height:1.65!important}
.profile-primary-action,.profile-secondary-action,.profile-icon-action{font-size:13px!important;min-height:42px!important}
.profile-level-ring{width:72px!important;height:72px!important;flex-basis:72px!important}.profile-level-ring span{font-size:10px!important}.profile-level-ring strong{font-size:21px!important}
.profile-level-copy>span,.profile-metrics span,.profile-kicker,.profile-history-heading>span,.profile-section-count span{font-size:12px!important;line-height:1.35!important}
.profile-level-copy>strong{font-size:15px!important}.profile-level-copy small,.profile-metrics small{font-size:12px!important;line-height:1.4!important}
.profile-metrics strong{font-size:28px!important}
.profile-section-heading p,.profile-history-heading p{font-size:13px!important;line-height:1.6!important}
.profile-chart-switch button{font-size:12px!important;min-height:36px!important}.profile-chart-summary span{font-size:12px!important}.profile-chart-summary strong{font-size:18px!important}
.profile-chart-empty{font-size:13px!important}.chart-axis-label{font-size:11px!important}.chart-value-label,.chart-x-label{font-size:11px!important}
.profile-journey-strip strong{font-size:14px!important}.profile-journey-strip small{font-size:12px!important;line-height:1.4!important}
.profile-record-breakdown strong{font-size:14px!important}.profile-record-breakdown span,.profile-record-breakdown:empty:after{font-size:12px!important;line-height:1.5!important}
.profile-next-achievement>span{font-size:12px!important}.profile-next-achievement strong{font-size:14px!important}.profile-next-achievement small{font-size:12px!important;line-height:1.4!important}
.achievement-top strong{font-size:13px!important}.achievement-top span{font-size:11px!important}.achievement-copy p{font-size:12px!important;line-height:1.55!important}.achievement-copy small{font-size:11px!important;line-height:1.4!important}
.certificate-copy>span{font-size:11px!important}.certificate-copy h3{font-size:14px!important}.certificate-stats b{font-size:11px!important}.certificate-copy p,.certificate-copy small{font-size:12px!important;line-height:1.5!important}
.profile-insight-head>span{font-size:12px!important}.profile-insight-head h3{font-size:18px!important}.skill-row span,.skill-row strong{font-size:13px!important}.profile-formula-note{font-size:12px!important;line-height:1.6!important}
.profile-pending-certificates{font-size:12px!important;line-height:1.5!important}.profile-pending-certificates strong{font-size:13px!important}
.profile-privacy-controls legend{font-size:12px!important}.profile-toggle-row.compact b{font-size:13px!important}.profile-toggle-row.compact small{font-size:12px!important;line-height:1.45!important}
.profile-photo-help,.profile-message,.profile-session-help,.profile-session-line,.profile-sidebar-meta,.profile-completion-inline{font-size:12px!important;line-height:1.5!important}
.profile-form label>span,.profile-sidebar-title{font-size:12px!important}.profile-form input,.profile-form textarea,.profile-form select{font-size:14px!important}
.profile-save{font-size:13px!important;min-height:42px!important}
.chart-detail-row b{font-size:12px!important}.chart-detail-row small{font-size:11px!important;line-height:1.45!important}

/* Public profile: readable as a shareable typing résumé. */
.public-profile-back{font-size:14px!important}.public-kicker{font-size:12px!important}.public-identity>p,.public-bio,.public-meta{font-size:14px!important;line-height:1.6!important}
.public-level-number span,.public-level-copy>span{font-size:12px!important}.public-level-number strong{font-size:24px!important}.public-level-title{font-size:15px!important}.public-level-copy small{font-size:12px!important;line-height:1.4!important}
.public-start,.public-share{font-size:13px!important;min-height:42px!important;padding-inline:15px!important}
.public-metrics span{font-size:12px!important;line-height:1.35!important}.public-metrics strong{font-size:28px!important}.public-metrics small{font-size:12px!important;line-height:1.4!important}
.public-section-head>div>span{font-size:12px!important}.public-section-head p{font-size:13px!important;line-height:1.6!important}.public-section-total{font-size:22px!important}
.public-chart-switch button{font-size:12px!important;min-height:36px!important}.public-chart-summary span{font-size:12px!important}.public-chart-summary strong{font-size:18px!important}
.public-chart-controls label>span,.public-chart-note{font-size:12px!important}.public-chart-controls select{font-size:13px!important;min-height:38px!important}
.public-chart-empty{font-size:13px!important}.public-journey-strip strong{font-size:14px!important}.public-journey-strip small{font-size:12px!important;line-height:1.4!important}
.public-insight-head>span{font-size:12px!important}.public-insight-head h3{font-size:18px!important}.public-skill-breakdown .skill-row span,.public-skill-breakdown .skill-row strong{font-size:13px!important}.public-formula-note{font-size:12px!important;line-height:1.6!important}
.public-history-pagination button,.public-history-page-info{font-size:12px!important}.public-profile-status{font-size:14px!important}
.public-profile-body .achievement-top strong{font-size:13px!important}.public-profile-body .achievement-top span{font-size:11px!important}.public-profile-body .achievement-copy p{font-size:12px!important}.public-profile-body .achievement-copy small{font-size:11px!important}
.public-profile-body .certificate-copy>span{font-size:11px!important}.public-profile-body .certificate-copy h3{font-size:14px!important}.public-profile-body .certificate-stats b{font-size:11px!important}.public-profile-body .certificate-copy p,.public-profile-body .certificate-copy small{font-size:12px!important}
.public-profile-body .chart-detail-row b{font-size:12px!important}.public-profile-body .chart-detail-row small{font-size:11px!important;line-height:1.45!important}

/* Resource / guide pages. Keep long-form reading comfortable. */
body[data-resource-page] .breadcrumbs,body[data-resource-page] .kicker{font-size:13px!important;line-height:1.5!important}
body[data-resource-page] .lead{font-size:18px!important;line-height:1.75!important}
body[data-resource-page] .article{font-size:16px!important;line-height:1.8!important}
body[data-resource-page] .article p,body[data-resource-page] .article li{font-size:16px!important;line-height:1.8!important}
body[data-resource-page] .note{font-size:15px!important;line-height:1.7!important}
body[data-resource-page] .nav a,body[data-resource-page] .cta{font-size:14px!important}

/* Footer/social labels and compact shared copy. */
.site-footer,.site-footer a,.site-footer p,.site-footer small,.footer-social-label,.promo-video{font-size:13px}

/* The certificate itself has a fixed A4 composition; keep its internal type scale intact.
   Only surrounding screen controls/status are enlarged. */
.certificate-page-body #cert-status{font-size:16px!important}.certificate-page-body .cert-actions a,.certificate-page-body .cert-actions button{font-size:14px!important;min-height:42px}

@media(max-width:760px){
  :root{--fw-readable-xs:12px;--fw-readable-sm:13px;--fw-readable-md:14px;--fw-readable-body:15px}
  .profile-dashboard-shell,.public-profile-shell{width:min(100% - 24px,1180px)!important}
  .profile-identity h1,.public-identity h1{font-size:30px!important}
  .profile-metrics,.public-metrics{row-gap:0}
  .profile-metrics>div,.public-metrics>div{min-height:94px}
  .profile-metrics span,.profile-metrics small,.public-metrics span,.public-metrics small{letter-spacing:.06em!important}
  .profile-section-heading h2,.profile-history-heading h2,.public-section-head h2{font-size:21px!important}
  .profile-hero-actions,.public-action-row{gap:9px!important}
   .profile-primary-action,.profile-secondary-action,.public-start,.public-share{padding-inline:14px!important}
}

@media(max-width:480px){
   .profile-primary-action,.profile-secondary-action,.profile-share-action,.public-start,.public-share{font-size:13px!important}
  .profile-chart-switch button,.public-chart-switch button{padding-inline:9px!important}
  body[data-resource-page] .article p,body[data-resource-page] .article li{font-size:16px!important}
}