/* Prose layout for the Privacy Policy and Terms. Builds on /dairy-ai/survey.css. */
.legal { max-width: 46rem; margin: 0 auto; padding: 1rem 1.25rem 3rem; position: relative; z-index: 1; }
.legal h1 { font-size: clamp(1.9rem, 5vw, 2.6rem); margin: 0.5rem 0 0.5rem; }
.legal .effective { color: var(--muted); margin: 0 0 1.5rem; }
.legal h2 { font-size: 1.3rem; margin: 2.25rem 0 0.75rem; padding-top: 0.5rem; scroll-margin-top: 1rem; }
.legal h3 { font-size: 1.05rem; margin: 1.5rem 0 0.5rem; font-family: var(--font); }
.legal p, .legal li { color: var(--text); }
.legal ul { padding-left: 1.25rem; }
.legal li { margin: 0.35rem 0; }
.legal strong { color: var(--text-strong); }
.legal .summary { margin: 1.25rem 0 0.5rem; }
.legal .summary ul { margin: 0.5rem 0 0; }
.legal .toc { margin: 1.5rem 0; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--radius-sm); background: rgba(255, 255, 255, 0.02); }
.legal .toc p { margin: 0 0 0.5rem; font-weight: 600; color: var(--text-strong); }
.legal .toc ol { margin: 0; padding-left: 1.25rem; columns: 2 16rem; }
.legal .toc a { text-decoration: none; }
.legal .toc a:hover { text-decoration: underline; }
.legal address { font-style: normal; line-height: 1.7; }