/* Spotless - pagine legali (privacy, termini) */
.legal { padding-top: var(--s-5); }
.legal-head { margin-bottom: var(--s-5); }
.legal-head h1 { margin-bottom: var(--s-2); }
.legal-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); color: var(--text-3); font-size: var(--fs-sm); margin: 0; }
.legal-lang { display: inline-flex; gap: var(--s-1); font-size: var(--fs-xs); letter-spacing: .06em; }
.legal-lang a { color: var(--text-3); padding: .2rem .5rem; border-radius: var(--radius-sm); min-height: 32px; display: inline-flex; align-items: center; }
.legal-lang a.is-active { color: var(--primary); background: var(--primary-soft); text-decoration: none; }
.legal h2 { font-size: var(--fs-xl); }
.legal h3 { font-size: var(--fs-lg); margin-top: var(--s-5); }
.legal p, .legal li { color: var(--text-2); line-height: 1.6; }
.legal .summary { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--s-4) var(--s-5); margin-bottom: var(--s-5); }
.legal .summary h2 { margin-top: 0; font-size: var(--fs-lg); }
.legal .summary ul { margin-bottom: 0; }
.legal .placeholder { background: var(--amber-soft); color: var(--amber); padding: 0 .3em; border-radius: var(--radius-sm); font-weight: 600; }
.legal .table-wrap { margin: var(--s-4) 0; }
.legal .table td, .legal .table th { vertical-align: top; }
.legal dl { display: grid; grid-template-columns: 1fr; gap: var(--s-1) var(--s-4); font-size: var(--fs-sm); }
@media (min-width: 640px) { .legal dl { grid-template-columns: max-content 1fr; } }
.legal dl dt { font-weight: 600; color: var(--text); }
.legal dl dd { margin: 0 0 var(--s-2); color: var(--text-2); }