/* readability.css — larger, clearer study text for learners (many of ours are
 * non-native English readers on small phones). Bumps the default reading size
 * across every study surface by ~8-12% and lifts cramped sub-text to a
 * comfortable floor, while keeping headings proportional.
 *
 * Why `body ...` selectors: each study view ships its own inline <style> block,
 * which lands later in the DOM than this file. A plain `.concept-box` here would
 * lose to the view's `.concept-box` on source order, so we add one extra level
 * of specificity (`body`) — this wins regardless of order, and lets us raise the
 * site-wide default without editing each view. Sizes are in rem so they still
 * cooperate with the accessibility "font scale" control. */

/* ── Core reading prose (Maths / English / generic study) ── */
body .concept-box        { font-size: 1.13rem; line-height: 1.85; }
body .concept-box table  { font-size: 1rem; }
body .concept-box thead th { font-size: .9rem; }
body .example-problem    { font-size: 1.08rem; }
body .example-solution   { font-size: 1.04rem; line-height: 1.75; }
body .recap-list li      { font-size: 1.04rem; }
body .qz .qt             { font-size: 1.06rem; }
body .qz .qopt           { font-size: 1.02rem; }

/* ── English-grammar study extras ── */
body .eg-outcomes li        { font-size: 1.04rem; }
body .mistake-cell          { font-size: 1.04rem; }
body .eg-practice ol li     { font-size: 1.05rem; }
body .eg-reading .passage   { font-size: 1.08rem; line-height: 1.85; }

/* ── Vedic-maths tutorials ── */
body .vm-content   { font-size: 1.16rem; line-height: 1.85; }
body .q-text       { font-size: 1.1rem; }
body .q-opt        { font-size: 1.05rem; }
body .q-expl       { font-size: 1.02rem; }

/* ── Olympiad (IMO) study ── */
body .topic .concept { font-size: 1.08rem; line-height: 1.75; }
body .topic h2       { font-size: 1.32rem; }
body .chk-q .qt      { font-size: 1.04rem; }
body .chk-opt        { font-size: 1.02rem; }

/* ── Digital Literacy course (px-based view) ── */
body .dls .content       { font-size: 16.5px; }
body .dls .intro         { font-size: 17px; }
body .dls .outcome       { font-size: 15px; }
body .dls .dl-note,
body .dls .dl-tip,
body .dls .dl-warn       { font-size: 15px; }
body .dls .dl-table      { font-size: 14.5px; }
body .dls .keys li       { font-size: 14.5px; }
body .dls .topic > h3    { font-size: 21px; }

/* ── Course cards, hubs & exam-prep listing typography ── */
body .vd-card__desc   { font-size: .95rem; }
body .vd-card__meta   { font-size: .82rem; }
body .vd-dom li       { font-size: .95rem; }
body .vd-section-sub  { font-size: 1rem; }

/* Keep mobile comfortable but not oversized */
@media (max-width: 600px) {
  body .concept-box { font-size: 1.05rem; }
  body .vm-content  { font-size: 1.08rem; }
}