/* overflow:hidden on the marketing body created a separate scroll container,
   preventing the sticky header from following document scrolling. */
html:has(body.page-legal),
body.page-legal { overflow-x: clip; }
body.page-legal > header { position: sticky; top: 0; }
body.page-legal main { position: relative; z-index: 1; line-height: 1.7; }
body.page-legal main section[id] { scroll-margin-top: 8rem; }
body.page-legal main a { overflow-wrap: anywhere; }
@media (min-width: 900px) {
  body.page-legal > header nav.hidden { display: flex !important; }
}
@media (max-width: 640px) {
  body.page-legal > header > div { gap: .5rem; }
  body.page-legal main { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (max-width: 380px) {
  body.page-legal > header img[alt="BNB Pilot"] { width: 56px; }
  body.page-legal > header > div > div:last-child { min-width: 0; flex: 1; justify-content: flex-end; }
  body.page-legal > header .btn-primary { min-width: 0; width: auto; flex: 1; padding: .65rem .6rem; font-size: .7rem; white-space: normal; overflow-wrap: anywhere; }
  body.page-legal [data-mobile-nav-toggle] { flex-shrink: 0; padding: .5rem; min-height: 44px; }
}