/* ===================================
   Public /legal page (anonymous)
   The login body is `overflow:hidden` (site.css), so the page provides its
   own full-viewport scroll container. Sits above the neural background and
   leaves room at the bottom for the fixed anon compliance bar.
   =================================== */
.legal-page {
  position: fixed;
  inset: 0;
  z-index: 2;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.5rem 1rem 6rem;
  /* Centre the card both axes, mirroring `.cortex-settings-wrapper` (user.css).
     Clamping width here instead fought the reused `.cortex-settings-pane`
     (width: 66.67vw), which overflowed and shoved the card to the top-right. */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.legal-page-inner {
  /* No width clamp: shrink-wrap to the settings pane's responsive width
     (66.67vw, or 92vw under the user.css max-width:768px breakpoint) and let
     `.legal-page` centre it. */
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Back link sits at the top-left, aligned with the tab card below it. */
.legal-page #legal-back {
  align-self: flex-start;
}