/* Shared layout for manually maintained legal pages. */
@import "../base/theme.css";
@import "../components/topbar.css";
@import "../components/links.css";

/* Legal pages reuse the shared site palette. */
body {
  color: var(--text-light);
}

/* App-specific legal pages can opt into the slideshow landing background. */
body.app-legal-theme {
  color: #e6e6e6;
  font-family: Calibri, "Segoe UI", Candara, Arial, sans-serif;
  background-color: #0d0f12;
  background: radial-gradient(circle at 10% 8%, #1b1f28 0%, #0d0f12 45%),
    radial-gradient(circle at 82% 70%, #1b2130 0%, transparent 44%), #0d0f12;
}

/* Keeps the legal copy centered without turning it into a card UI. */
.legal-stage {
  width: min(1120px, 92vw);
  margin: 12px auto 0;
  min-height: calc(100vh - 170px);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Main text column for legal content. */
.legal-page {
  width: min(720px, 100%);
  margin: 0;
  line-height: 1.6;
  text-align: left;
}

/* Modifier for pages that should keep all copy left-aligned. */
.legal-page--left {
  text-align: left;
}

/* Spacing for the page title. */
.legal-page h1 {
  margin-top: 0;
}

/* Section heading rhythm inside legal copy. */
.legal-page h2 {
  margin-top: 1.8rem;
  margin-bottom: 0.5rem;
}

/* Default list indentation inside legal copy. */
.legal-page ul {
  padding-left: 1.25rem;
}

/* Inline links embedded in paragraphs. */
.legal-inline-link {
  color: #c7d2ff;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.legal-inline-link:hover,
.legal-inline-link:focus-visible {
  border-color: #c7d2ff;
  outline: none;
}

/* Full-width iframe variant for embedded legal content. */
.legal-embed-frame {
  width: 100%;
  min-height: 1200px;
  display: block;
  border: 0;
}