/*
 * Plain-CSS fixes loaded after the compiled theme CSS (public/css/app.*.css).
 * Kept outside the bud build on purpose: the compiled CSS in public/ was
 * hand-renamed (app.a1b2c3.css) and may contain edits not in resources/, so a
 * rebuild is not known to be safe. Move these into resources/styles once it is.
 */

/* Readability (2026-11-10): body copy was 2.5x line-height and mid-grey. */
:root {
  --text-size-medium-p-lh: 2;
  --text-size-large-p-lh: 1.9;
  --text-color-dark-copy: #3f3f3f;
}
@media (max-width: 767.98px) {
  :root {
    --text-size-medium-p-lh: 1.7;
    --text-size-large-p-lh: 1.6;
  }
}

/* Embeds pasted into text fields (e.g. the AHPO Giraffe360 tour iframe at a
   fixed 853x480) must never be wider than the screen. */
.section iframe {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.section iframe[width][height] {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}