/* Pagine legali (/privacy, /cookie-policy): testo lungo, allineato a sinistra. */
.legal { text-align: left; gap: 10px; }
.legal h1 { font-size: 1.6rem; line-height: 1.25; margin: 4px 0 6px; }
.legal h2 { font-size: 1.15rem; margin: 22px 0 4px; }
.legal p, .legal li { font-size: 0.98rem; line-height: 1.55; color: var(--text); margin: 6px 0; }
.legal ul { padding-left: 20px; margin: 6px 0; }
.legal a { color: var(--text); }
.legal table { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin: 8px 0; }
.legal th, .legal td { border: 1px solid var(--field-border); padding: 8px; text-align: left; vertical-align: top; }
.legal .bozza {
  background: #FFE9A8; color: #3a2d00; font-weight: 800; text-align: center;
  padding: 12px 14px; border-radius: var(--radius-sm); margin: 0 0 12px; font-size: 1rem;
}
.legal .todo { background: rgba(255, 233, 168, 0.22); padding: 0 4px; border-radius: 4px; font-weight: 700; }
.legal .meta { color: var(--text-soft); font-size: 0.85rem; }
@media (max-width: 480px) { .legal { padding: 26px 18px; } }