/**
 * /devices page-specific `<main>` override.
 *
 * Ported from src/layouts/CompatibleLayout.astro:9-33 -- `devices.astro` is
 * the only reference page that wraps itself in `CompatibleLayout` instead of
 * the bare `RootLayout`, and that layout layers its own `main` padding-bottom
 * (and gap, though gap is inert here: `<main>` only ever has one child,
 * `wp:post-content`, on this template) on top of RootLayout's site-wide
 * rhythm. Without this override the devices page fell back to base.css's
 * generic `main{padding-bottom:48/120/120}`, leaving ~16-96px of extra
 * whitespace before the footer at <1024px widths that the reference doesn't
 * have (see .superpowers/sdd/2026-08-29-wp-polish/audit-devices.md, Issue 2).
 *
 * Enqueued only on the devices template, gated by the `page-devices` body
 * class (see functions.php) so it never touches any other page.
 */

body.page-devices main {
  padding-bottom: 32px;
}

@media (min-width: 600px) {
  body.page-devices main {
    padding-bottom: 24px;
  }
}

@media (min-width: 1024px) {
  body.page-devices main {
    padding-bottom: 120px;
  }
}