/* =============================================================================
   ActuallySpeak — desktop readability layer.
   Phones & tablets keep the mobile-optimised layout untouched (< 1024px).
   On larger screens the centered content column is enlarged so website users
   on a computer get a bigger, easier-to-read version of every app.
   Scoped to the direct content column (main / .container / .wrap) so nothing
   nests or double-scales, and sticky headers stay their normal size.
   ============================================================================= */
@media (min-width: 1024px) {
  body > main,
  body > .container,
  body > .wrap { zoom: 1.12; }
}
@media (min-width: 1500px) {
  body > main,
  body > .container,
  body > .wrap { zoom: 1.2; }
}