/* =========================================================
   LE PAGINE DEI DOCUMENTI: privacy, termini e quelle che verranno.
   Indice a sinistra che segue la lettura, testo a destra.
   I dati ancora da compilare stanno in <mark class="dato">.
   ========================================================= */
:root{--navy:#0B1220;--verde:#00C878;--verde-s:#00A866;--menta-t:#E4F8EF;--bianco:#F7F9FA;--testo2:#4A5566;--linea:#DDE3E8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Bricolage Grotesque",system-ui,sans-serif;background:var(--bianco);color:var(--navy);font-size:17px;line-height:1.65}
a{color:inherit}
.doc-testa{max-width:1200px;margin:0 auto;padding:60px 24px 34px}
.doc-testa small{display:block;font-size:13px;font-weight:760;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-s);margin-bottom:12px}
.doc-testa h1{font-size:clamp(38px,5vw,62px);font-weight:780;line-height:1.04;letter-spacing:-.03em;margin-bottom:14px}
.doc-testa p{font-size:19px;color:var(--testo2);max-width:720px}
.bozza{max-width:1200px;margin:0 auto 34px;padding:0 24px}
.bozza div{display:flex;gap:14px;align-items:flex-start;background:#FFF8E6;border:1px solid #F3DFA8;border-radius:16px;padding:16px 20px;font-size:15px;color:#5C4A12}
.bozza b{display:block;color:#3D3008}
.bozza i{flex:0 0 30px;height:30px;border-radius:50%;background:#F3C94B;display:grid;place-items:center;font-style:normal;font-weight:800;color:#3D3008}
.doc{max-width:1200px;margin:0 auto;padding:0 24px 90px;display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start}
.indice{position:sticky;top:110px;display:grid;gap:2px;font-size:14px}
.indice b{font-size:12px;font-weight:760;letter-spacing:.14em;text-transform:uppercase;color:var(--testo2);margin-bottom:8px}
.indice a{text-decoration:none;padding:7px 12px;border-radius:10px;color:var(--testo2);border-left:3px solid transparent;transition:background .2s,color .2s}
.indice a:hover{background:#fff;color:var(--navy)}
.indice a.on{background:#fff;color:var(--navy);border-left-color:var(--verde);font-weight:650}
.testo{background:#fff;border:1px solid var(--linea);border-radius:24px;padding:46px 54px;max-width:820px}
.testo h2{font-size:24px;font-weight:760;letter-spacing:-.015em;margin:38px 0 12px;scroll-margin-top:110px}
.testo h2:first-child{margin-top:0}
.testo h3{font-size:17.5px;font-weight:720;margin:22px 0 6px}
.testo p{margin-bottom:12px}
.testo ul{margin:6px 0 14px 22px}
.testo li{margin-bottom:6px}
.testo li::marker{color:var(--verde-s)}
.testo .base{display:inline-block;font-size:13.5px;font-weight:650;background:var(--menta-t);color:#0A6B45;border-radius:8px;padding:3px 10px;margin:2px 0 12px}
.testo .avverti{background:var(--navy);color:#fff;border-radius:16px;padding:20px 22px;margin:6px 0 18px}
.testo .avverti p:last-child{margin-bottom:0}
.tabella{display:grid;gap:8px;margin:8px 0 16px}
.tabella div{display:grid;grid-template-columns:220px 1fr;gap:16px;background:var(--bianco);border-radius:12px;padding:12px 16px;font-size:15.5px}
.tabella div b{font-weight:700}
mark.dato{background:#FFF0C2;color:#6B4E00;border-radius:4px;padding:1px 5px;font-weight:650}
.firma{margin-top:34px;padding-top:18px;border-top:1px solid var(--linea);font-size:14px;color:var(--testo2)}
@media (max-width:900px){
  .doc{grid-template-columns:1fr;gap:20px}
  .indice{position:static;background:#fff;border:1px solid var(--linea);border-radius:18px;padding:16px}
  .testo{padding:28px 22px;border-radius:18px}
  .tabella div{grid-template-columns:1fr;gap:2px}
  .doc-testa{padding-top:36px}
}