/* Mae Home · pagine legali (/privacy-policy/, /cookie-policy/) · dopo base.css.
   Testi completi dal 07/10/2026: introduzione, sezioni con sottotitoli (h3.lg-s__h), elenchi (.lg-l)
   e tabelle dei cookie (.lg-tab, su telefono una scheda per riga). I segnaposto .lg-seg restano per le bozze future. */

/* ---------- Apertura ---------- */
.lg-ap{padding-bottom:clamp(48px,5vw,80px)}
.lg-ap__t{max-width:none}
.lg-ap__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:clamp(20px,2.4vw,32px);font-size:16px;font-weight:500;line-height:1.5;color:var(--testo-2)}
.lg-ap__meta::before{content:"";flex:none;width:20px;height:1px;background:currentColor;opacity:.7}
.lg-avviso{display:inline-block;margin-top:24px;padding:12px 16px 13px;border-left:3px solid var(--rovere);background:var(--bianco);font-size:16px;line-height:1.5;color:var(--testo);max-width:44em}
.lg-avviso strong{color:var(--rovere-ink)}
.lg-ap__lead{max-width:40em;margin-top:20px;font-size:clamp(18px,1.5vw,20px);line-height:1.6;color:var(--testo)}
.anim .lg-ap__meta,.anim .lg-avviso,.anim .lg-ap__lead{animation:liftIn 1.1s var(--ease) .5s both}

/* ---------- Indice a sinistra, testo a destra ---------- */
.lg{padding-block:clamp(72px,8vw,128px)}
.lg__g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:48px;align-items:start}
.lg-toc{grid-column:1/span 4;position:sticky;top:calc(var(--hdr) + 32px)}
.lg-toc__box{max-width:320px}
.lg-toc__k{padding-bottom:14px;border-bottom:1px solid var(--linea-forte);font-size:16px;font-weight:600;line-height:1.35;color:var(--inchiostro)}
.lg-toc__l{list-style:none;margin:0;padding:6px 0 0;border-left:1px solid var(--linea)}
.lg-toc__l a{position:relative;display:flex;gap:10px;padding:7px 4px 7px 18px;font-size:16px;font-weight:500;line-height:1.4;color:var(--testo-2);text-decoration:none;transition:color .3s}
.lg-toc__l a::before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:2px;background:var(--rovere);transform:scaleY(0);transition:transform .45s var(--ease)}
.lg-toc__l a:hover,.lg-toc__l a[aria-current="true"]{color:var(--inchiostro)}
.lg-toc__l a[aria-current="true"]::before{transform:none}
.lg-toc__n{flex:none;min-width:1.2em;font-variant-numeric:tabular-nums;color:var(--rovere-ink)}
.lg__body{grid-column:6/-1;max-width:44em}
.lg-s{padding:clamp(28px,3vw,40px) 0;border-top:1px solid var(--linea-forte);scroll-margin-top:calc(var(--hdr) + 24px)}
.lg-s:first-child{border-top:0;padding-top:0}
.lg-s__t{display:flex;align-items:baseline;gap:16px;font-size:clamp(22px,2vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--inchiostro)}
.lg-s__n{flex:none;font-size:16px;font-weight:600;letter-spacing:0;color:var(--rovere-ink);font-variant-numeric:tabular-nums}
/* il testo vero, quando arriva */
.lg-s p,.lg-s li{font-size:18px;line-height:1.7}
.lg-s p+p{margin-top:16px}
.lg-s>p,.lg-s>ul,.lg-s>.lg-tab{margin-top:16px}
.lg-s__h{margin-top:30px;font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.01em;color:var(--inchiostro)}
.lg-s__h+p{margin-top:8px}
.lg-l{list-style:none;margin:0;padding:0}
.lg-l li{position:relative;padding-left:22px}
.lg-l li+li{margin-top:10px}
.lg-l li::before{content:"";position:absolute;left:2px;top:.8em;width:8px;height:1px;background:var(--rovere)}
.lg-s strong{font-weight:600;color:var(--inchiostro)}
.lg-s code{font:500 15px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--inchiostro);overflow-wrap:anywhere}
.lg-tab{border-top:1px solid var(--linea-forte)}
.lg-tab table{width:100%;border-collapse:collapse}
.lg-tab th{padding:12px 12px 10px 0;text-align:left;font-size:16px;font-weight:600;color:var(--testo-2);border-bottom:1px solid var(--linea-forte)}
.lg-tab td{padding:14px 12px 14px 0;vertical-align:top;font-size:17px;line-height:1.55;border-bottom:1px solid var(--linea)}
.lg-tab td:first-child{width:32%}
.lg-tab td:last-child{width:26%;color:var(--testo-2)}
/* i segnaposto: ben visibili, così nessuno li scambia per testo */
.lg-seg{display:grid;gap:6px;margin-top:18px;padding:18px 20px;border:1px dashed var(--linea-forte);border-radius:3px;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(169,118,73,.06) 10px 20px)}
.lg-seg__k{font-size:16px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--rovere-ink)}
.lg-seg__d{font-size:16px;line-height:1.55;color:var(--testo)}
.lg-seg__inline{padding:1px 8px;border:1px dashed var(--linea-forte);border-radius:3px;color:var(--rovere-ink)}
.lg-dati{margin:20px 0 0;border-top:1px solid var(--linea)}
.lg-dati div{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--linea)}
.lg-dati dt{font-size:16px;line-height:1.5;color:var(--testo-2)}
.lg-dati dd{margin:0;font-size:17px;font-weight:500;line-height:1.5;color:var(--inchiostro)}
.lg-azione{margin-top:20px}
/* «Gestisci i cookie»: riusa il gestore del footer (classe ftr__cookie), con l'aspetto di un pulsante */
.lg-s .btn.ftr__cookie{min-height:52px;padding:0 22px;gap:12px;border:1px solid var(--linea-forte);border-radius:3px;background:transparent;font:500 17px/1.2 var(--f);color:var(--inchiostro)}
.lg-s .btn.ftr__cookie:hover{border-color:var(--inchiostro);background:var(--bianco)}
.lg-s .btn.ftr__cookie .i{transition:transform .5s var(--ease)}
.lg-s .btn.ftr__cookie:hover .i{transform:translateX(4px)}
@media (max-width:1023px){
  .lg-toc{grid-column:1/-1;position:static}
  .lg-toc__box{max-width:none}
  .lg__body{grid-column:1/-1}
}
@media (max-width:599px){
  /* su telefono la data va sempre a capo: col font di riserva starebbe su una riga e, all'arrivo di Poppins, la pagina scatterebbe */
  .lg-ap__meta{display:grid;grid-template-columns:20px auto;justify-content:start;column-gap:12px}
  .lg-ap__meta::before{align-self:center}
  .lg-ap__meta .lg-seg__inline{grid-column:2;justify-self:start}
}
@media (max-width:399px){.lg-dati div{grid-template-columns:1fr;gap:2px}}
@media (max-width:599px){
  /* tabelle dei cookie: una scheda per riga, niente scorrimento orizzontale */
  .lg-tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-tab tr{display:block;padding:14px 0;border-bottom:1px solid var(--linea)}
  .lg-tab td{display:block;width:auto!important;padding:2px 0;border:0}
  .lg-tab td:first-child{margin-bottom:4px}
}