/*
 * SimpleAIHub - Accessibility / Readability Typography
 * Rule: no normal lesson text should render below 15px.
 * Loaded after lesson-specific CSS so old small-font declarations cannot
 * make users zoom the browser to read the lesson.
 */
.sah-page-shell {
  font-size: 16px !important;
}

.sah-page-shell :where(
  p, li, a, button, input, select, textarea, label, small,
  code, pre, th, td, figcaption, blockquote, dt, dd,
  span, strong, b, em, i
) {
  font-size: max(15px, 1em) !important;
}

/* Keep code readable while preserving the code block's horizontal scroll. */
.sah-page-shell :where(pre, pre code) {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Common UI metadata / labels should also remain readable. */
.sah-page-shell :where(
  .sah-codebar__language,
  .sah-codebar__icon,
  .sah-lesson-sidebar,
  .sah-lesson-sidebar *,
  .sah-header,
  .sah-header *,
  .sah-course-navbar,
  .sah-course-navbar *,
  .sah-explore-courses,
  .sah-explore-courses *
) {
  font-size: max(15px, 1em) !important;
}

/* Do not let the readability rule create page-wide horizontal overflow. */
.sah-page-shell,
.sah-page-shell * {
  max-width: 100%;
}

.sah-page-shell pre,
.sah-page-shell .sah-code-block,
.sah-page-shell .sah-code-block pre {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}