/* Shared base typography for all pages.
   Scales the root font-size up so every Tailwind rem-based utility
   (text sizes, spacing, max-widths) grows together proportionally —
   the whole site reads larger without any layout re-tuning. */
html {
    font-size: 125%; /* 20px base instead of the browser default 16px — bumped up again for larger body copy */
}

/* Prevent the off-canvas drawer from allowing background scroll while open. */
html.drawer-open,
html.drawer-open body {
    overflow: hidden;
}