/* The nav is HOLLOW (#201) and the footer already carries the bottom clearance, so the
           body adds none of its own. This lived inside the old holo-nav.css — a page rule hiding
           in a component card, which is why nobody could see it. */
        body { padding-bottom: 0; }

        /* Main Content - Mobile First */
        main {
            position: relative;
            z-index: 10;
            max-width: 1400px;
            margin: 0 auto;
            /* the top figure REPLACES the header's own vertical space, which it no longer
               occupies in flow now that app/shared/css/header.css pins it fixed — --header-
               clearance is the ONE number both the header's real height and this reserve read,
               written by app/shared/js/header-clearance.js. */
            padding: calc(var(--header-clearance) + 1.5rem) 5% 1.5rem;
        }