/* ── Separation between the last content block and the site footer.
   Applied to every funnel pre* and inter* page. Those pages are all Layout = null with their
   own stylesheet mixes, so this single file is linked into each of them and is the one place
   to tune the value.

   !important is required: most pre pages carry Bootstrap's `my-5` on the <footer>, which sets
   margin-top with !important of its own. */
/* `footer[class]` (0-1-1) is needed, not a bare `footer` (0-0-1): 45 of the pre pages carry
   Bootstrap's `my-5` on the element, and a CLASS beats an ELEMENT selector even when both are
   !important — so the bare selector silently lost on exactly the pages that needed it most. */
footer,
footer[class] {
    margin-top: 350px !important;
}

/* A phone screen is ~850px tall, so 350px of blank would be nearly half a viewport. */
@media (max-width: 768px) {
    footer,
    footer[class] {
        margin-top: 200px !important;
    }
}