/* dpdpa.support: legal pages (/legal/...). Loads after site.css and articles.css; reuses their palette. */
.legal-meta { font-size: 0.9rem; font-weight: 600; color: var(--a-navy); margin: 0 0 1.4em; }
.legal-box { margin: 0 0 2em; padding: 20px 22px; border-radius: 8px; background: var(--a-panel); border: 1px solid var(--a-line); }
.legal-box p { margin: 0; }
.legal-box p + p { margin-top: 0.6em; font-size: 0.95rem; color: var(--a-muted); }
.legal-box a { overflow-wrap: anywhere; }
.prose code { font-size: 0.9em; padding: 1px 5px; border-radius: 4px; background: var(--a-panel); border: 1px solid var(--a-line); }
.legal-links { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; }
.legal-links a { font-size: 0.92rem; }
.legal-links a[aria-current="page"] { font-weight: 700; color: var(--a-ink); text-decoration: none; }

/* Row headers in the legal tables are full sentences: let them wrap (articles.css keeps them on one line for short labels). */
.table-wrap tbody th { white-space: normal; min-width: 11rem; }