/* The mobile navigation is one shared coral surface on every public route. */
body > dialog#mobile-menu.mobile-menu,
body > dialog#mobile-menu.mobile-menu :is(.menu-header, .menu-body) {
  background: #c64b3c;
  color: #fff;
}
body > dialog#mobile-menu.mobile-menu::backdrop {
  background: #c64b3c;
}
body
  > dialog#mobile-menu.mobile-menu
  :is(
    .brand-lockup,
    .brand-mark,
    .menu-close,
    .eyebrow,
    nav a,
    small,
    .menu-note
  ) {
  color: #fff;
}
body > dialog#mobile-menu.mobile-menu :focus-visible {
  outline-color: #fff;
}

/* Legal documents share the page's cream surface and editorial type colours. */
body:has(> main[data-public-design='light-v5'] .legal-body) {
  & main > .section:has(.legal-body) {
    background: var(--public-cream);
    color: var(--public-ink);
  }
  & :is(.document-layout, .document-index, .legal-body, .legal-body > article) {
    background: transparent;
    box-shadow: none;
  }
  & .legal-body :is(p, li) {
    color: var(--public-ink);
  }
  & .legal-body :is(h2, h3) {
    color: var(--public-heading);
    font-family: var(--f-display);
  }
}