/* Shared stylesheet for the four legal stub pages. Loaded alongside site.css,
   which supplies the font face, colour tokens and reset. */

body { background: var(--paper); }

.legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px var(--space-gutter);
  border-bottom: 1px solid var(--line);
}

.legal-main {
  max-width: var(--content-narrow);
  margin: 0 auto;
  padding: clamp(2.5rem, 5vw, 5rem) var(--space-gutter);
}

.legal-main h1 {
  font-size: var(--fs-display-l);
  letter-spacing: -0.025em;
  max-width: none;
}

.legal-updated {
  color: var(--sage);
  margin-top: 0.75rem;
}

.legal-main h2 {
  font-size: 1.25rem;
  letter-spacing: -0.01em;
  margin-top: 3rem;
  margin-bottom: 0.75rem;
  max-width: none;
}

.legal-main p, .legal-main li {
  color: var(--sage);
  max-width: none;
  margin-top: 1rem;
}

.legal-main ul, .legal-main ol {
  list-style: disc;
  padding-left: 1.5rem;
}
.legal-main li { margin-top: 0.5rem; }

.legal-main a { color: var(--teal-deep); }

.legal-footer {
  padding: 2.5rem var(--space-gutter) 3rem;
  text-align: center;
  color: var(--sage);
  font-size: 0.875rem;
}