/* Plain reading layout for /privacy/ and /delete-account/.
 * Palette and typography variables live in /styles.css. */

.legal-page .site-header { position: relative; }

.legal-main {
  width: min(100% - 3rem, 46rem);
  margin: 0 auto;
  padding: clamp(3rem, 6vw, 6rem) 0 clamp(4rem, 8vw, 7rem);
}

.legal-main h1 { font-size: clamp(2.6rem, 5vw, 4rem); }
.legal-main h2 { margin-top: 2.75rem; font-size: clamp(1.5rem, 2.4vw, 2rem); }
.legal-main p,
.legal-main li { color: #3f3c34; line-height: 1.65; }
.legal-main ol,
.legal-main ul { padding-left: 1.25rem; }
.legal-main li + li { margin-top: 0.5rem; }
.legal-main a { color: var(--moss); }
.legal-main a:focus-visible { outline: 3px solid var(--clay); outline-offset: 4px; }
.legal-updated { color: var(--muted-ink); font-size: 0.85rem; }

.legal-table { width: 100%; margin-top: 1rem; border-collapse: collapse; font-size: 0.95rem; }
.legal-table th,
.legal-table td { padding: 0.65rem 0.5rem; border-bottom: 1px solid #d9d4c5; text-align: left; vertical-align: top; }
.legal-table th { color: var(--moss); }