/* ==========================================================================
   Privacy Policy & Terms of Service — shared page styles.
   Loaded after design-system.css; these two pages are a genuinely matched
   pair (same template, different content) so they share one stylesheet
   rather than each getting its own near-identical file.
   Prototype only — not committed, not deployed. No legal text has been
   drafted here — see the pending-review notice on each page and
   docs/paula-todo.md.
   ========================================================================== */

/* A page-level caveat, not a small inline gap — deliberately more visible
   than the standard .placeholder-note used elsewhere on the site, since
   the entire page below it is a placeholder, not just one detail. */
.legal-notice {
  border: 1px solid var(--color-warning);
  background: rgba(176, 137, 74, 0.08);
  border-radius: var(--radius-input);
  padding: var(--space-5);
  margin-bottom: var(--space-8);
}
.legal-notice p {
  margin-bottom: 0;
  color: var(--text-primary);
}
.legal-notice p + p {
  margin-top: var(--space-3);
}

.legal-outline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.legal-outline li {
  padding: var(--space-5) 0;
  border-bottom: var(--border-hairline);
}
.legal-outline li:first-child { padding-top: 0; }
.legal-outline li:last-child { border-bottom: none; }
/* Outline section titles are h2 elements (they follow the page's single h1
   directly — h3 here skipped a heading level, which screen-reader outline
   navigation exposes as a gap). Styled down to the h3 scale, since these
   are sub-entries of one page, not major page divisions. (2026-07-13) */
.legal-outline h2 {
  font-size: clamp(1.375rem, 2vw, 1.625rem);
  line-height: 1.3;
  font-style: normal;
  margin-bottom: var(--space-2);
}
.legal-outline p { margin-bottom: 0; color: var(--text-secondary); }