/* The inner layouts use an overlapping header (`.overlap { position: absolute;
   top: 0 }`). With nothing positioned between it and the viewport, it pins to
   the page top and covers this banner. The `.anc-ovlp-ctx` wrapper (around the
   header in those layouts) becomes the header's positioning context so it
   overlaps the content below the banner instead. Home uses HeaderV2, which is
   normal-flow, so it has no wrapper. */
.anc-ovlp-ctx {
    position: relative;
}

/* Below 1280px the `flx-at-1280` row stacks, so `gp_sp` falls back to a
   margin-top of --grd-sp-dyn between the text and the button. That default
   is too large when stacked here — the banner's padding-block is only .6rem,
   so keep the gap under that. */
@media screen and (max-width: 1279px) {
    .anc-bnr [class*="flx"][class*="-at-1280"][class*="gp_sp"] > * + * {
        margin-top: 0.4rem;
    }
}