/* readable.css — "bigger, easier to read" layer (2026-10-31, Heike's friend's feedback)
   PREVIEW: active only when <html> has class "big" (set by ?bigger in the URL, kept for the tab).
   GO LIVE: replace every "html.big" with "html" in this file (one sed), bump ?v=.
   ROLLBACK: remove the <link>/<script> pair from the page heads (backups/20261031-bigger/). */

/* 1. All text +19%: every font-size on the site is in rem, all spacing in px,
      so this enlarges text only and leaves the layout untouched. 16px -> 19px */
html.big { font-size: 118.75%; }

/* 2. Reading text one step thicker — thin 300 weight on dark ground reads small and faint */
html.big body,
html.big .quote-banner-content blockquote,
html.big .session-topic,
html.big .next-session-meta,
html.big .verse-lines p,
html.big .form-group select { font-weight: 400; }

/* 3. Big headings grow less (net about +7%) so pages don't stretch apart */
html.big h1,
html.big h2 { zoom: 0.9; }

/* 4. Tiny labels get a floor (~13px instead of 9–11px) */
html.big .bp-stages,
html.big .program-badge,
html.big .whatson-badge,
html.big .track-card .track-num .st,
html.big .cc-live,
html.big .cal span,
html.big .dt b,
html.big .dt i,
html.big .nx-tag,
html.big .fr .pill,
html.big .pricing-option-badge,
html.big .coming-soon,
html.big .pc .roles span { font-size: 0.7rem; }