/* ==========================================================================
   Coming-soon holding page
   ==========================================================================
   Shown when COMING_SOON=true. Rendered with `minimal: true` so the layout
   omits nav + footer + islands — this page stands alone.

   The template uses vendor utility classes (.fs .f .justify-content-center
   .align-items-center) on the section for flex-centering. We still need to
   strip #content's own padding and max-width so the section can truly fill
   the viewport. The :has() selector targets the exact class combination used
   in the coming-soon template, which is unique to this page. */

main#content:has(.fs.f.justify-content-center) {
  max-width: none;
  margin: 0;
  padding: 0;
}

/* Belt-and-suspenders: enforce 100dvh in site CSS regardless of what version
 * of the vendor .fs utility is deployed. dvh accounts for mobile browser
 * chrome (address bar shrink/grow) where 100vh can fall short. */
main#content > .fs.f {
  min-height: 100dvh;
}