/* ==========================================================================
   TRANSITIONAL — load ONLY on pages that use the new navbar while still
   loading css/style.css for the rest of their styling.

   Load order matters: style.css, then navbar.css, then this file.

   Delete this file once every page has moved to the new navbar and the old
   navbar rules have been removed from style.css. Nothing here is a design
   decision; it exists purely so the two implementations can share a page
   during the changeover.
   ========================================================================== */

@media (max-width: 640px) {
  /* style.css reserves space for the OLD navbar by padding the body, because
     that bar is position:fixed and js/scroll.js measures it into --nav-h.

     On a page using the new navbar there is no .navbar element, so scroll.js
     never writes --nav-h and the declaration falls back to its literal 330px.
     That would sit on top of the .nv-spacer the new bar already reserves,
     pushing the content down by the height of a navbar that is not there.

     The new bar reserves its own space in flow, so the right value is zero. */
  body {
    padding-top: 0;
  }
}