/* =====================================================================
   FF Theme · pagina Note legali (/note-legali/), dopo pagina.css
   Dal concept pagine/federicofloris-legali-concept.html (blocco «NOTE LEGALI»).
   In più: senza JavaScript tutte le schede sono visibili una sotto l'altra (le nasconde legali.js).
   ===================================================================== */
.ff-sub{font-style:normal;color:var(--muted)}
.ff-jump small b{color:var(--accent);font-weight:500}
.ff-jump small{white-space:nowrap}
.ff-jump a{grid-template-columns:2.8rem minmax(0,1fr) auto}
.ff-lg-jump a{padding-block:clamp(6px,1vh,10px)}
.ff-lg-jump i{font:400 .7rem/1 var(--ff-mono)!important}

.ff-lg-grid{display:grid;grid-template-columns:minmax(13rem,.3fr) minmax(0,1fr);gap:clamp(32px,5vw,96px);margin-top:clamp(40px,7vh,72px);align-items:start}
.ff-lg-nav{position:sticky;top:calc(var(--ff-head) + 24px);min-width:0}
.ff-lg-nav ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ff-lg-nav a{position:relative;display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:baseline;gap:8px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500;color:color-mix(in srgb,var(--fg) 62%,transparent);transition:padding var(--ff-t-mid) var(--ff-ease-out),color var(--ff-t-fast)}
.ff-lg-nav small{font-size:.7rem;color:var(--accent)}
.ff-lg-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 500ms var(--ff-ease-out)}
.ff-lg-nav a:hover{color:var(--fg)}
.ff-lg-nav a.is-on{color:var(--fg);padding-left:8px}
.ff-lg-nav a.is-on::after{transform:scaleX(1)}
.ff-lg-nav a em{grid-column:2;font:400 .66rem/1.4 var(--ff-mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}

.ff-lg-main{min-width:0}
.ff-lg-p{scroll-margin-top:calc(var(--ff-head) + 24px)}
/* senza JavaScript le schede si susseguono: un po' d'aria tra l'una e l'altra */
.ff-lg-p+.ff-lg-p{margin-top:clamp(40px,7vh,72px)}
.ff-lg-p[hidden]{display:none}
.ff-lg-top{display:grid;gap:10px;padding-bottom:clamp(20px,3vh,32px);border-bottom:1px solid var(--line)}
.ff-lg-top p.ff-mono{margin:0;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ff-lg-top p.ff-mono b{color:var(--accent);font-weight:400}
.ff-page .ff-scene .ff-lg-top h3{font-size:clamp(1.8rem,3vw,2.6rem)}
.ff-lg-top .ff-lg-lead{margin:0;max-width:62ch;font-size:1.06rem;color:var(--muted)}
.ff-lg-copy,.ff-lg-art-copy{justify-self:start;padding:0;background:none;border:0;cursor:pointer;color:var(--muted);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ff-lg-copy:hover,.ff-lg-art-copy:hover{color:var(--accent)}
/* «Copia link» serve solo con JavaScript */
html:not(.ff-js) .ff-lg-copy,html:not(.ff-js) .ff-lg-art-copy{display:none}
.ff-lg-art{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:6px 10px;padding:clamp(22px,3.4vh,34px) 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--ff-head) + 80px)}
.ff-lg-art>small{padding-top:.5em;font-size:.7rem;color:var(--accent)}
.ff-page .ff-scene .ff-lg-art h4{margin:0 0 .5em;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.ff-lg-art>div{min-width:0}
.ff-lg-art p,.ff-lg-art li{max-width:66ch;font-size:1rem;line-height:1.65;margin:0 0 .8em;-webkit-user-select:text;user-select:text}
.ff-lg-art ul{margin:0 0 .8em;padding-left:1.2em}
.ff-lg-art li::marker{color:var(--accent)}
.ff-lg-art a:not(.ff-btn){color:var(--fg);text-decoration-color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere}
.ff-lg-art-copy{margin-top:2px}
.ff-lg-t{width:100%;max-width:66ch;border-collapse:collapse;font-size:.92rem;line-height:1.45;margin:0 0 .8em;-webkit-user-select:text;user-select:text}
.ff-lg-t th,.ff-lg-t td{padding:10px 14px 10px 0;text-align:left;vertical-align:baseline;border-bottom:1px solid var(--line)}
.ff-lg-t thead th{font:400 .66rem/1 var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ff-lg-t td:first-child{font-weight:600;overflow-wrap:anywhere}
.ff-lg-next{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:clamp(24px,4vh,40px)}

@media (min-width:900px) and (max-width:1180px){
  .ff-lg-grid{grid-template-columns:minmax(12rem,.32fr) minmax(0,1fr);gap:32px}
  .ff-lg-nav a{font-size:.9rem}
}
@media (max-width:899px){
  .ff-lg-grid{display:block;margin-top:24px}
  /* le schede diventano una riga di pillole ferma sotto l'header */
  .ff-lg-nav{top:var(--ff-head);z-index:4;margin:0 calc(var(--ff-pad-r) * -1) 0 calc(var(--ff-pad-l) * -1);padding:10px 0;background:var(--bg);border-bottom:1px solid var(--line)}
  .ff-lg-nav ol{display:flex;gap:6px;border-top:0;overflow-x:auto;scrollbar-width:none;padding:0 var(--ff-pad-r) 0 var(--ff-pad-l)}
  .ff-lg-nav ol::-webkit-scrollbar{display:none}
  .ff-lg-nav ol.ff-ovf{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,36px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fl,0px),#000 calc(100% - var(--fr,36px)),transparent 100%)}
  .ff-lg-nav li{flex:none}
  .ff-lg-nav a{display:inline-flex;gap:8px;padding:9px 14px;border:1px solid var(--line);color:var(--fg);font-size:.92rem;white-space:nowrap}
  .ff-lg-nav a::after,.ff-lg-nav a em{display:none}
  .ff-lg-nav a.is-on{padding-left:14px;background:var(--fg);border-color:var(--fg);color:var(--bg)}
  .ff-lg-nav a.is-on small,.ff-lg-nav a.is-on .ff-sub{color:var(--bg)}
  .ff-lg-p{scroll-margin-top:calc(var(--ff-head) + 70px);padding-top:28px}
  .ff-lg-art{scroll-margin-top:calc(var(--ff-head) + 90px)}
}
@media (max-width:599px){
  .ff-lg-jump{display:none}
  .ff-lg-art{grid-template-columns:minmax(0,1fr)}
  .ff-lg-art>small{padding:0}
  .ff-page .ff-scene.ff-hero .ff-actions{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;margin-inline:0;padding-inline:0}
  .ff-lg-t th:last-child,.ff-lg-t td:last-child{display:none}
}
@media print{
  .ff-lg-nav,.ff-lg-copy,.ff-lg-art-copy,.ff-lg-next{display:none!important}
  .ff-lg-p[hidden]{display:block!important}
}