/* ========================================================================
   v17.7.5 — SITE-WIDE READABILITY PASS
   Purpose: remove ultra-micro typography without inflating text that is
   already comfortably readable. readability-pass.js applies the final
   computed-size floor to dynamically rendered routes; this file provides
   layout-safe adjustments for the densest/high-risk components.
   ======================================================================== */

:root{
  --readability-micro:10px;
  --readability-small:11px;
}

/* Runtime-applied text floors. Font size is set inline by the audit script so
   it can react to the actual computed size on every route/breakpoint. */
[data-readability-floor="10"]{line-height:1.28!important;text-rendering:optimizeLegibility}
[data-readability-floor="11"]{line-height:1.34!important;text-rendering:optimizeLegibility}

/* Generated labels are not DOM text nodes, so cover them explicitly. */
.topbar-brand:after,
table.mobile-card-table td:before,
.mobile-card-table tbody td:before,
.manager-grid.phase3-manager-grid.v1-manager-list-view .manager-card-name:after,
.monthly-view-switcher:before,
body[data-page="news"] .news-grid>*:first-child:after,
body[data-page="news"] .article-grid>*:first-child:after{
  font-size:10px!important;
  line-height:1.2!important;
}

/* ------------------------------------------------------------------------
   MY MANAGER / GLOBAL PERSONAL STRIPS
   ------------------------------------------------------------------------ */
.my-manager-quick{
  min-height:64px!important;
  padding:10px 12px!important;
}
.my-manager-quick span{font-size:12px!important;line-height:1.2!important}
.my-manager-quick small{
  margin-top:5px!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.my-manager-hub-stats span,
.redesigned-stats span{font-size:10px!important;line-height:1.2!important;letter-spacing:.065em!important}
.my-manager-page-strip{min-height:66px!important;padding-top:11px!important;padding-bottom:11px!important}
.my-manager-strip-copy span{font-size:10px!important;line-height:1.15!important;letter-spacing:.055em!important}
.my-manager-strip-copy strong{font-size:12px!important;line-height:1.2!important}
.my-manager-strip-copy small{font-size:10.5px!important;line-height:1.25!important}
.my-manager-strip-actions .plain-link{font-size:10px!important}
.my-manager-menu-stats span{font-size:10px!important;line-height:1.2!important}
.my-manager-menu-links b{font-size:11px!important}
.my-manager-menu-links small{font-size:10.5px!important;line-height:1.25!important}
.my-manager-you-badge{font-size:9.5px!important;min-height:18px!important;padding-inline:6px!important}

/* ------------------------------------------------------------------------
   LIVE GAMEWEEK / SMALL FIXTURE HEROES
   ------------------------------------------------------------------------ */
.matchday-pl-mini>span{
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.matchday-impact-tag{font-size:9.5px!important;line-height:1.15!important;padding:2px 5px!important}
.matchday-pl-mini>div{min-height:55px!important;padding:7px 9px!important}
.matchday-pl-mini b{font-size:11px!important}
.matchday-pl-mini>small{
  padding:1px 9px 8px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}
.matchday-card-head small,
.matchday-module-head small,
.matchday-broadcast-meta,
.matchday-feed-empty,
.matchday-mini-empty{font-size:11px!important;line-height:1.35!important}
.matchday-match-detail,
.matchday-event-copy small,
.matchday-impact-card small,
.matchday-impact-card>em,
.matchday-match-intel em{font-size:10.5px!important;line-height:1.3!important}
.matchday-match-intel small,
.matchday-person-stats span,
.matchday-pulse-grid span,
.matchday-tactics-grid span,
.matchday-broadcast-kpis span{font-size:10px!important;line-height:1.2!important}
.matchday-match-intel strong{font-size:11px!important;line-height:1.25!important}
.matchday-impact-card{min-height:55px!important;padding:9px 0!important}
.matchday-impact-card strong{font-size:12px!important}
.matchday-impact-card small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.matchday-impact-card>em{white-space:normal!important}

/* ------------------------------------------------------------------------
   STATS & RECORD BOOK — the most micro-heavy desktop/mobile route
   ------------------------------------------------------------------------ */
.stats-record-kicker,
.stats-record-group-head small,
.record-book-card-head span,
.stats-record-breaker-top span,
.stats-record-breaker-person small,
.record-holder-crown{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.stats-record-hero p,
.stats-record-section-heading p,
.stats-record-group-head p,
.stats-record-breaker-person span,
.record-holder-copy span{
  font-size:11px!important;
  line-height:1.4!important;
}
.stats-record-hero-count span,
.stats-record-hero-count small,
.stats-record-nav>span,
.stats-my-record-person span,
.stats-my-record-totals span,
.stats-my-record-featured span,
.stats-record-breaker-value span{
  font-size:10px!important;
  line-height:1.25!important;
}
.stats-record-filter{min-height:36px!important;font-size:10.5px!important;padding-inline:12px!important}
.stats-record-group-head>b{font-size:10px!important;min-height:28px!important}
.stats-record-breaker-card{min-height:232px!important}
.stats-record-breaker-person strong{font-size:12px!important;line-height:1.2!important}
.record-holder{min-height:126px!important;padding-top:20px!important}
.record-holder-copy strong{font-size:14px!important}
.record-chaser-row{min-height:56px!important;padding-block:8px!important}
.record-chaser-position{font-size:10px!important;width:24px!important;height:24px!important}
.record-chaser-copy strong{font-size:11px!important;line-height:1.2!important}
.record-chaser-copy small{font-size:10px!important;line-height:1.25!important}
.record-chaser-row>b{font-size:10.5px!important}

/* ------------------------------------------------------------------------
   MANAGER DIRECTORY + FLAGSHIP MANAGER PROFILES
   ------------------------------------------------------------------------ */
.manager-profile-you{font-size:10px!important;min-height:25px!important}
.manager-profile-form-showcase>span,
.manager-profile-rank-card>span,
.manager-profile-rank-meta span,
.manager-profile-stat-ribbon span,
.manager-profile-section-kicker,
.manager-profile-pulse-grid span,
.manager-profile-spotlight-head span{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.075em!important;
}
.manager-profile-form-showcase>small,
.manager-profile-rank-card>small,
.manager-profile-stat-ribbon small,
.manager-profile-tab small,
.manager-profile-section-title-row p,
.manager-profile-honours-preview p,
.manager-profile-honours-hero p,
.manager-profile-pulse-grid small,
.manager-profile-progress-line span,
.manager-profile-progress-line strong{
  font-size:11px!important;
  line-height:1.35!important;
}
.manager-profile-action,
.manager-profile-showcase-actions .pill-button{font-size:11px!important;min-height:40px!important}
.manager-profile-tabs{gap:8px!important}
.manager-profile-tab{min-height:66px!important;padding:10px 14px!important}
.manager-profile-tab span{font-size:12px!important}
.manager-profile-pulse-grid>div{padding:14px!important}
.manager-profile-rank-meta{gap:12px!important}
.manager-card-manager,
.manager-card-team{font-size:11px!important;line-height:1.3!important}

/* ------------------------------------------------------------------------
   MY SEASON
   ------------------------------------------------------------------------ */
.my-season-command-kicker,
.my-season-command-scoreboard span,
.my-season-kpis span,
.my-season-now-side span,
.my-season-now-score small,
.my-season-card-head span,
.my-season-reward-stats span,
.my-season-story-list small,
.my-season-inbox-list small,
.my-season-next-list small{font-size:10px!important;line-height:1.25!important}
.my-season-command-person p,
.my-season-section-head p,
.my-season-dashboard-card p,
.my-season-competition-card p{font-size:11px!important;line-height:1.4!important}
.my-season-hero-action{font-size:10.5px!important;min-height:39px!important}
.my-season-quick-dock button,
.my-season-quick-dock a{font-size:10px!important;line-height:1.2!important;min-height:48px!important}

/* ------------------------------------------------------------------------
   LEAGUE / FIXTURES / GAMEWEEK / MONTHLY — keep dense data compact, readable
   ------------------------------------------------------------------------ */
.league-standings-table th,
.league-mobile-table-head,
.fixtures-board-head,
.gameweek-score-ranking-head,
.monthly-ranking-head{font-size:10px!important;line-height:1.2!important}
.league-standings-table td,
.fixture-board-card,
.gameweek-ranking-copy,
.monthly-ranking-manager,
.monthly-ranking-gw,
.monthly-ranking-avg,
.monthly-ranking-total{line-height:1.3!important}
.fixture-status-label,
.fixture-board-card-head,
.fixture-spotlight-label,
.fixtures-round-metrics span,
.gameweek-section-head small,
.gameweek-rankings-panel-head small,
.monthly-ranking-status,
.monthly-exclusive-chip,
.monthly-prize-winner-label,
.monthly-section-heading small{font-size:10px!important;line-height:1.2!important}
.fixture-board-identity small,
.fixture-board-footer,
.fixture-insight-strip,
.gameweek-ranking-copy small,
.gameweek-rankings-context,
.monthly-command-copy span,
.monthly-hero-copy p,
.monthly-my-race-identity span,
.monthly-prize-note{font-size:11px!important;line-height:1.35!important}

/* ------------------------------------------------------------------------
   RIVALRY / PRIZES / HALL OF FAME / TIMELINE / NEWS / RULES / ARCADE
   ------------------------------------------------------------------------ */
.rivalry-showdown-head small,
.rivalry-section-head small,
.rivalry-picker-bar small,
.rivalry-duel-copy small,
.rivalry-next-meeting small,
.rivalry-record-card small,
.rivalry-battle-card small,
.rivalry-chart-identities small{font-size:10.5px!important;line-height:1.3!important}

.prize-section-heading small,
.prize-centre-copy p,
.prize-offer-card p,
.prize-history-date,
.prize-history-kind,
.prize-history-winner small,
.prize-my-person span,
.prize-my-total span,
.prize-my-latest span{font-size:10.5px!important;line-height:1.35!important}

.hof-hero-copy p,
.hof-feature-meta,
.hof-feature-card-head small,
.hof-section-head p,
.hof-stat-strip span,
.hof-legend-copy small,
.hof-most-decorated small{font-size:10.5px!important;line-height:1.35!important}

.season-timeline-hero-copy p,
.season-timeline-hero-meta,
.season-timeline-chapter p,
.season-timeline-stats span,
.season-timeline-journey-labels,
.season-timeline-journey-foot{font-size:10.5px!important;line-height:1.35!important}

.home-news-feature-top span,
.home-news-feature-top small,
.home-news-feature-byline b,
.home-news-feature-byline small,
.home-news-feature-byline>em,
.home-news-feature-body>p,
.home-news-feature-action,
.news-article-kicker,
.news-article-byline,
.newsroom-story-meta,
.newsroom-story-foot,
.newsroom-author small,
.newspaper-page-header,
.newspaper-match-facts,
.newspaper-report-body,
.newspaper-stat-row{font-size:10.5px!important;line-height:1.35!important}

.rules-handbook-eyebrow,
.rules-section-label,
.rules-chapter small,
.rules-flow-track span,
.rules-glance-grid span,
.rules-handbook-closing small,
.rules-last-updated{font-size:10.5px!important;line-height:1.35!important}

.arcade-hero-copy p,
.arcade-hero-pills span,
.arcade-machine-top small,
.arcade-game-picker,
.arcade-scoreboard span,
.arcade-question-head small,
.arcade-footer-note{font-size:10.5px!important;line-height:1.35!important}

/* Home page micro-copy. Larger headline/hero type remains untouched. */
.home-status-item span,
.home-leader-label,
.home-leader-stat span,
.home-stat-label,
.home-live-kicker,
.home-live-metrics span,
.home-discord-copy span,
.home-discord-action small,
.home-section-action{font-size:10.5px!important;line-height:1.3!important}
.home-stat-detail,
.home-live-copy,
.mobile-home-manager-copy small{font-size:11px!important;line-height:1.35!important}

/* Inbox / notifications: compact, but no 6–8px text. */
.inbox-v2-owner span,
.inbox-v2-summary span,
.inbox-v2-section>header,
.inbox-v2-section>header b,
.inbox-v2-date,
.inbox-v2-meta b,
.inbox-v2-meta i,
.inbox-v2-meta time,
.inbox-v2-copy>span,
.inbox-v2-copy>em,
.inbox-v2-open,
.notification-bubble-meta,
.notification-bubble-copy>span:not(.notification-bubble-action),
.notification-bubble-action,
.notification-toast-source span,
.notification-toast-source strong,
.notification-toast-head>time,
.notification-toast-category{font-size:10px!important;line-height:1.3!important}

/* Safety for text that becomes multi-line after the readability pass. */
.my-manager-quick,
.manager-profile-tab,
.record-book-card,
.matchday-pl-mini,
.my-season-dashboard-card,
.monthly-champion-card,
.prize-offer-card,
.hof-feature-card{overflow-wrap:anywhere}

@media(max-width:760px){
  .stats-record-breaker-card{min-height:198px!important}
  .record-holder{min-height:96px!important;padding-top:16px!important}
  .stats-record-filter{min-height:34px!important;font-size:10px!important}
  .manager-profile-tab{min-height:62px!important;padding:9px 10px!important}
  .manager-profile-tab span{font-size:11px!important}
  .manager-profile-tab small{font-size:10px!important}
  .my-season-quick-dock button,.my-season-quick-dock a{font-size:9.5px!important;min-height:46px!important}
  .matchday-pl-mini>small{font-size:10px!important}
}