/* ============================================================================
   Maremè — stili delle pagine legali (privacy, cookie).
   Si appoggia a pages.css: qui c'è solo quello che serve a un testo lungo.
   ============================================================================ */

.legal-page{padding:var(--sp-xl) 0 var(--sp-2xl)}
.legal-page .wrap{max-width:860px}

.legal-page .kick{margin-bottom:12px}
.legal-page h1{font-size:clamp(34px,7vw,52px);margin-bottom:18px}
.legal-page .lede{font-size:clamp(16.5px,2.2vw,19px);line-height:1.6;color:var(--ink);
  max-width:56ch;margin-bottom:14px}
.legal-page .agg{font-size:13px;color:var(--muted);padding-bottom:26px;
  border-bottom:1px solid rgba(26,42,46,.14);margin-bottom:var(--sp-xl)}

.legal-page h2{font-family:var(--serif);font-weight:500;font-size:clamp(21px,3vw,26px);
  letter-spacing:-.01em;line-height:1.2;margin:var(--sp-xl) 0 12px}
.legal-page h2:first-of-type{margin-top:0}

.legal-page p{font-size:15.5px;line-height:1.7;color:var(--ink);max-width:70ch;margin-bottom:14px}
.legal-page p b{font-weight:600}
.legal-page a{color:var(--terraInk);text-decoration:underline;text-underline-offset:3px}
.legal-page a:hover{color:var(--terra)}
.legal-page code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:rgba(26,42,46,.07);border-radius:5px;padding:2px 6px}

/* ---- tabelle: su mobile scorrono, non spingono la pagina ---- */
.legal-page .tbl{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14.5px}
.legal-page .tbl th,.legal-page .tbl td{text-align:left;vertical-align:top;
  padding:11px 14px 11px 0;border-bottom:1px solid rgba(26,42,46,.12);line-height:1.55}
.legal-page .tbl th{font-family:var(--grotesk);font-weight:600;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
  border-bottom-color:rgba(26,42,46,.22);padding-bottom:9px}
.legal-page .tbl td:last-child,.legal-page .tbl th:last-child{padding-right:0}
@media(max-width:640px){
  .legal-page .tbl{display:block;overflow-x:auto;white-space:normal;min-width:0}
  .legal-page .tbl th,.legal-page .tbl td{min-width:130px}
}

.legal-page .tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;
  background:rgba(228,137,46,.14);color:var(--terraInk);border-radius:100px;
  padding:2px 8px;margin-left:4px;white-space:nowrap}

.legal-page .cta-inline{font-weight:600}
.legal-page .chiudi{margin-top:var(--sp-xl);padding-top:22px;
  border-top:1px solid rgba(26,42,46,.14);font-weight:600}

/* Con JS spento restano visibili tutte e due le lingue, una dopo l'altra:
   è brutto ma è leggibile, ed è meglio di una pagina legale vuota. */
.lang-en[hidden]{display:none}