/* Pagine di testo della versione chiara: privacy, cookie, clienti */

.legal{padding:clamp(48px,6vw,86px) 0 clamp(56px,8vw,100px)}
.legal .wrap{width:min(820px,90vw);margin:0 auto}
.legal .eyebrow{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.34em;
  text-transform:uppercase;color:var(--accent);margin-bottom:16px
}
.legal h1{font-size:clamp(1.9rem,4.4vw,3rem);margin-bottom:12px}
.legal .updated{
  font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:44px
}
.legal .lead{
  font-family:var(--serif);font-size:clamp(1.18rem,2.1vw,1.45rem);line-height:1.55;
  color:var(--ink);margin-bottom:38px
}
.legal h2{
  font-size:clamp(1.2rem,2.3vw,1.55rem);font-weight:600;color:var(--ink);
  margin:46px 0 14px;padding-top:26px;border-top:1px solid var(--line)
}
.legal h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal h3{font-size:1rem;font-weight:600;color:var(--ink);margin:26px 0 8px}
.legal p{margin:0 0 16px;color:var(--body)}
.legal ul,.legal ol{margin:0 0 18px;padding-left:22px;color:var(--body)}
.legal li{margin-bottom:9px}
.legal strong{color:var(--ink);font-weight:600}
.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--accent-dark)}
.legal code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;
  background:var(--bg-soft);padding:2px 6px;border-radius:3px
}
.legal table{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:15px}
.legal th,.legal td{text-align:left;padding:13px 14px;border:1px solid var(--line);vertical-align:top}
.legal th{background:var(--bg-soft);color:var(--ink);font-weight:600;font-size:13px;letter-spacing:.04em}
.legal .box{
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 24px;margin:0 0 28px
}
.legal .box p:last-child{margin-bottom:0}
.legal .box--todo{border-color:rgba(224,86,42,.45);background:rgba(224,86,42,.06)}
.legal .btn-back{
  display:inline-flex;align-items:center;gap:9px;margin-top:16px;
  border:1px solid var(--line);border-radius:100px;padding:13px 26px;
  font-size:13.5px;font-weight:500;letter-spacing:.04em;color:var(--ink);
  text-decoration:none;background:#fff;transition:background .3s,border-color .3s,color .3s
}
.legal .btn-back:hover{background:var(--accent);border-color:var(--accent);color:#fff}

@media(max-width:640px){
  .legal table{font-size:14px}
  .legal th,.legal td{padding:10px}
}