/* Sticky footer for the inner pages.
 *
 * ⚠️ Deliberately NOT in site.css. That file is regenerated VERBATIM from
 *    index.html's <style> by tools/sync-site-css.py, so anything added there is
 *    silently overwritten on the next sync — and the homepage itself is never
 *    edited. This loads AFTER site.css and only adds its own layer, which is the
 *    established pattern for page-level rules.
 *
 * ⚠️ The homepage does not need it and does not load it: it is ~8400px tall, so
 *    its footer is always far below the fold. The short pages are the ones that
 *    show the bug, and only on a tall screen — measured at 2560x1440,
 *    /pricing left 146px of empty page BELOW the footer and /faq 64px. Every
 *    viewport under about 1200px tall hides it completely, which is why it
 *    survived this long.
 *
 * min-height twice on purpose: dvh excludes mobile browser chrome, so it is the
 * correct unit, and the plain vh above it is the fallback for anything that
 * does not understand dvh.
 */
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

/* Pushes the footer to the bottom when the content does not fill the screen.
   On a long page this does nothing at all. */
footer { margin-top: auto; }