/* legal.css — privacy/terms page styles (was an inline <style>) */
.dp-prose { max-width: 72rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
.dp-prose h1 { font-family: var(--v2-font-serif); font-size: clamp(1.4rem,3vw,2rem); font-weight: 500; letter-spacing: -0.02em; color: var(--v2-ink); margin: 0 0 0.25rem; }
.dp-prose .dp-eyebrow { margin: 0 0 1.5rem; }
.dp-prose h2 { font-family: var(--v2-font-mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--v2-muted); margin: 2rem 0 0.5rem; font-weight: 500; }
.dp-prose p, .dp-prose li { font-size: 0.875rem; color: var(--v2-muted); line-height: 1.75; margin: 0.4rem 0; }
.dp-prose strong { color: var(--v2-ink); }
.dp-prose ul { padding-left: 1.25rem; }
.dp-prose a { color: var(--v2-ink); }
.dp-prose hr { border: none; border-top: 1px solid var(--v2-line); margin: 2rem 0; }
@media (max-width: 640px) { .dp-prose { padding: 1.5rem 0.875rem 3rem; } }

.dp-back-link { text-decoration: none; }
.dp-updated { font-size: 0.75rem; color: var(--v2-muted); }