/* ========================================================================== Site-wide typography fixes. Loaded last, on every page. 1. Hyphens. `font-variant-numeric: tabular-nums` was set on (and on the workspace, coach, leaderboard and My Tests containers). In Inter, tabular figures also swap in a fixed-width HYPHEN — 9.7px against the normal 6.9px at body size — so every "cut-offs", "food-tech" and "Paper-I" on the site rendered with visible gaps around the hyphen. Text now uses proportional figures; tabular figures are kept only on the things that are actually numbers and need to line up. 2. Early line breaks. Descriptive paragraphs carried max-width caps (46ch–78ch) that stopped lines two thirds of the way across their card, leaving an empty strip on the right. Inside cards and panels text now uses the full width. Test questions and options keep their cap — long lines there hurt reading under time pressure. ========================================================================== */ /* 1 — proportional figures everywhere… */ html body, html body.fsd-scope, html body .ws, html body .coach, html body .lb, html body .mt { font-variant-numeric: normal; } /* …and tabular figures only where numbers need to align. */ html body :is(time, output, [data-count], [class*="count"], [class*="score"], [class*="rank"], [class*="timer"], [class*="price"], [class*="metric"], [class*="marks"], [class*="percent"], [class*="__num"], [class*="-num"], [class*="stat"] strong, [class*="stat"] dd, .fsd-testmetrics strong, .fsd-exfacts dd, .fsd-eac-tile__count strong, .fsd-table td, .adm-table .is-num, .li-stats dd) { font-variant-numeric: tabular-nums; } /* 2 — descriptive text fills its container. */ html body :is( .fsd-lede, .fsd-sub, .fsd-note, .fsd-list, .fsd-guide__lede, .fsd-guide__note, .fsd-guide__source, .fsd-startfree__note, .fsd-bundlepromo__note, .fsd-next__note, .fsd-eligibility__lede, .fsd-readiness__note, .fsd-negative__note, .fsd-nextup__why, .fsd-dhead__sub, .fsd-register-cta__body > p, .fsd-listinghero .fsd-lede, .fsd-termarticle .fsd-lede, .fsd-termarticle .fsd-why, .fsd-examhero .fsd-lede, .fsd-hrank__pitch ) { max-width: none; } /* Guide panels: first paragraph and notes start at the panel edge, not centred. */ html body .fsd-guide__panel > :is(p, .fsd-guide__facts, .fsd-bookgroups, .fsd-eligibility) { margin-left: 0; margin-right: 0; max-width: none; } /* app.css boxed every exam-guide panel child to 52.5rem and centred it; that is what left the empty strip on the right. Full width, flush left. */ html body .fsd-examguide .fsd-guide__panel > :not(.fsd-tablewrap) { width: auto; max-width: none; margin-left: 0; margin-right: 0; }