/* Privacy Policy — page-local styling. House style piece 10 (2026-10-05): tokens only, and no page width cap
   (rule 1). The page and its card fill the window like every other page; only the TEXT is held to the reading width
   (--read-width, 80ch), because a line of legal prose 200 characters long cannot be read. terms.css is the same
   rules for /terms (the two legal pages must not drift apart). */

body { margin: 0; }

.legal { line-height: 1.6; font-size: var(--hs-ui); }
.legal .fo-card { padding: var(--s5); }
.legal .fo-card > :first-child { margin-top: 0; }
.legal .fo-card > * { max-width: var(--read-width); }

/* Section heads are structure: the house section-title size in the card's text colour, over a hairline. */
.legal h2 { font-size: var(--hs-title); font-weight: 650; color: var(--color-card-foreground);
            margin: var(--s5) 0 var(--s2); padding-bottom: var(--s1);
            border-bottom: 1px solid var(--color-border); }

.legal p { color: var(--color-foreground-2); margin: 0 0 var(--s3); }
.legal ul { padding-left: var(--s5); margin: 0 0 var(--s3); }
.legal li { color: var(--color-foreground-2); margin: var(--s1) 0; }
.legal b { color: var(--color-foreground); }

.legal .foot { margin: var(--s5) 0 0; padding-top: var(--s3);
               border-top: 1px solid var(--color-border); font-size: var(--hs-ui); color: var(--color-muted-foreground); }