/* ==================================================================================================
   Weather guide — fitting the supplied page to our chrome.

   weather.css arrived as a self-contained package and may be regenerated wholesale, so anything that
   exists only because of OUR site lives here instead, where a regeneration cannot silently drop it.

   THE ONE THING THAT NEEDED FIXING

   Our navbar is position:absolute, top:0, z-index:99 — it floats over the page rather than taking up
   space in it, which is why every other page on the site pads its own banner down past it (the guide
   pages use .section-padding with an mt-90 caption). The supplied hero pads 48px, so the breadcrumb
   and the eyebrow line rendered underneath the logo.

   The hero is taller than its own min-height, so padding-top positions the content directly: the
   number here is the nav height plus breathing room, nothing subtler.

     desktop   nav 100px   ->  130px
     ≤720px    nav  90px   ->  112px

   Scoped under #dle-weather like everything else in the guide, so it cannot reach another page.
   ================================================================================================== */

#dle-weather .dw-hero {
    padding-top: 130px;
}

@media (max-width: 720px) {
    #dle-weather .dw-hero {
        padding-top: 112px;
    }
}