/* Privacy notice layout. Static reading page: no motion. Colours and spacing come from the tokens in styles.css. */
.notice { max-width: 44rem; margin: 0 auto; padding: 4rem var(--space-lg) 5rem; }
.notice h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3rem); line-height: 1.1; }
.notice .effective { color: var(--muted); font-size: 1rem; margin-top: var(--space-md); }
.notice .lede { max-width: none; }
.notice h2 { font-size: 1.375rem; line-height: 1.25; margin: 2.5rem 0 var(--space-xs); padding-top: var(--space-lg); border-top: 1px solid var(--line2); }
.notice p, .notice li { max-width: 62ch; }
.notice p { margin-top: var(--space-sm); }
.notice ul { margin: var(--space-sm) 0 0; padding-left: 1.25rem; }
.notice li { margin-top: var(--space-hair); }
.notice li::marker { color: var(--muted); }
@media (max-width: 600px) { .notice { padding-top: 2.5rem; padding-bottom: 3.5rem; } }