/* Shared layout for the static legal pages (/privacy, /terms). They load
   styles.css first for tokens and the base look; this only shapes prose. */

a.logo { color: inherit; text-decoration: none; }

.legal-main { max-width: 640px; margin: 0 auto; padding: 4px 16px 44px; }
.legal-main h1 { font-size: 26px; letter-spacing: -0.02em; margin: 18px 0 4px; }
.legal-main .updated { color: var(--muted); font-size: 12.5px; margin: 0 0 24px; }
.legal-main h2 { font-size: 16px; letter-spacing: -0.01em; margin: 26px 0 8px; }
.legal-main p, .legal-main li { font-size: 14.5px; line-height: 1.55; }
.legal-main ul { padding-left: 20px; margin: 8px 0; }
.legal-main a { color: var(--act-ink); text-underline-offset: 2px; }
.legal-main .foot { max-width: none; }