@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(/font/newsreader-latin-opsz-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(/font/newsreader-latin-opsz-italic.woff2) format("woff2")}
/* Titoli grandi: un taglio leggero e ottico da titolo, pochi kilobyte, caricato per primo */
@font-face{font-family:"Newsreader Titoli";font-style:normal;font-weight:300;font-display:swap;src:url(/font/newsreader-titoli-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader Titoli";font-style:italic;font-weight:300;font-display:swap;src:url(/font/newsreader-titoli-italic.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/font/instrument-sans-latin-wght-normal.woff2) format("woff2")}

/* Caratteri di riserva con le stesse proporzioni: quando arriva il carattere del sito il testo non si sposta */
@font-face{font-family:"Newsreader riserva";font-style:normal;src:local("Times New Roman");size-adjust:99.8%;ascent-override:73.6%;descent-override:26.5%;line-gap-override:0%}
@font-face{font-family:"Newsreader riserva";font-style:italic;src:local("Times New Roman Italic");size-adjust:91.4%;ascent-override:80.4%;descent-override:29.0%;line-gap-override:0%}
@font-face{font-family:"Instrument riserva";font-style:normal;src:local("Arial");size-adjust:101.9%;ascent-override:95.2%;descent-override:24.5%;line-gap-override:0%}

:root{
  --notte:#0A1826; --notte-2:#0F2236; --blu:#1F4E79; --inchiostro:#141D27; --carta:#F6F4EE; --bianco:#FFFFFF;
  --ottone:#86621A; --ottone-chiaro:#D9B86A; --grigio:#586371; --linea:rgba(20,29,39,.14); --linea-notte:rgba(255,255,255,.13);
  --tenue:#93A3B5; --ombra:rgba(10,24,38,.28); --allarme:#B4472F;
  --titoli:"Newsreader Titoli","Newsreader","Newsreader riserva",Georgia,"Times New Roman",serif;
  --serif:"Newsreader","Newsreader riserva",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans","Instrument riserva",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --molla:cubic-bezier(.16,.8,.2,1);
}
:root[data-tema="scuro"]{--carta:#0B1724;--bianco:#102133;--inchiostro:#E8ECF0;--grigio:#9AA7B5;--linea:rgba(255,255,255,.13);--ottone:#D9B86A;--blu:#8FB8E0;--ombra:rgba(0,0,0,.5);--allarme:#E59A86}
@media (prefers-color-scheme:dark){:root:not([data-tema="chiaro"]){--carta:#0B1724;--bianco:#102133;--inchiostro:#E8ECF0;--grigio:#9AA7B5;--linea:rgba(255,255,255,.13);--ottone:#D9B86A;--blu:#8FB8E0;--ombra:rgba(0,0,0,.5);--allarme:#E59A86}}
@view-transition{navigation:auto}

*{box-sizing:border-box}
[hidden]{display:none !important}
html{scroll-padding-top:96px;font-size:18px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--carta);color:var(--inchiostro);font-family:var(--serif);font-size:1.06rem;line-height:1.7;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
a{color:var(--blu);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ottone)}
:focus-visible{outline:2px solid var(--ottone-chiaro);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-weight:400;margin:0;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0}
button{font:inherit;color:inherit;cursor:pointer}
.largo{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.salta{position:absolute;left:-999px;top:8px;background:var(--bianco);color:var(--inchiostro);padding:10px 16px;border-radius:8px;z-index:100}
.salta:focus{left:12px}
.avanzamento{position:fixed;inset:0 0 auto 0;height:2px;background:var(--ottone-chiaro);transform-origin:0 50%;transform:scaleX(0);z-index:60}
.treccia{width:100%;height:44px;opacity:.9}

/* Testata */
.testata{position:sticky;top:0;z-index:40;color:#F6F4EE;font-family:var(--sans);background:rgba(10,24,38,.94);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .35s,border-color .35s}
.testata .largo{display:flex;align-items:center;gap:28px;height:68px}
.firma{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:var(--serif);font-size:1.12rem;letter-spacing:-.01em;margin-right:auto}
.firma:hover{color:#fff}
.sigillo{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--ottone-chiaro);color:var(--ottone-chiaro);font-size:.72rem;letter-spacing:.04em;font-family:var(--sans);font-weight:600;box-shadow:inset 0 0 0 3px var(--notte),inset 0 0 0 4px rgba(217,184,106,.35)}
.menu{display:flex;gap:26px}
.menu a{color:#C5D0DB;text-decoration:none;font-size:.9rem;padding:6px 0;position:relative}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ottone-chiaro);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--molla)}
.menu a:hover,.menu a[aria-current]{color:#fff}
.menu a:hover::after,.menu a[aria-current]::after{transform:scaleX(1)}
.azioni{display:flex;align-items:center;gap:8px}
.cerca-apri,.tema,.menu-apri{display:flex;align-items:center;gap:8px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);padding:0 14px;font-size:.84rem;color:#E5EBF1;transition:border-color .2s,background .2s}
.cerca-apri:hover,.tema:hover,.menu-apri:hover{border-color:var(--ottone-chiaro);background:rgba(255,255,255,.08)}
.cerca-apri svg,.tema svg{width:15px;height:15px}
.cerca-apri kbd{font:inherit;font-size:.72rem;color:var(--tenue)}
.tema,.menu-apri{width:40px;padding:0;justify-content:center}
.menu-apri{display:none;flex-direction:column;gap:5px}
.menu-apri span{display:block;width:16px;height:1.5px;background:currentColor;transition:transform .3s var(--molla)}
.menu-apri[aria-expanded="true"] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.menu-apri[aria-expanded="true"] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.casa .testata{position:fixed;left:0;right:0;background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.casa .testata .firma span:last-child{opacity:0;transition:opacity .3s}
.casa .testata.scorsa{background:rgba(10,24,38,.94);border-color:rgba(255,255,255,.08);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
.casa .testata.scorsa .firma span:last-child{opacity:1}
.velo{position:fixed;inset:0;z-index:39;background:var(--notte);color:#F6F4EE;padding:104px clamp(20px,5vw,56px) 40px;overflow:auto}
.velo nav{display:flex;flex-direction:column}
.velo a{color:inherit;text-decoration:none;font-size:2.3rem;font-weight:300;letter-spacing:-.03em;line-height:1.15;padding:12px 0;border-bottom:1px solid var(--linea-notte)}
.velo a[aria-current]{color:var(--ottone-chiaro)}
.velo .velo-contatto{font-family:var(--sans);font-size:1rem;letter-spacing:0;border:0;margin-top:28px;color:var(--ottone-chiaro)}

/* Elementi ricorrenti */
.bottone{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 26px;border-radius:999px;border:1px solid rgba(255,255,255,.34);color:#F6F4EE;background:transparent;font-family:var(--sans);font-weight:600;font-size:.92rem;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s var(--molla)}
.bottone:hover{border-color:var(--ottone-chiaro);color:var(--ottone-chiaro)}
.bottone:active{transform:scale(.98)}
.bottone.pieno{background:var(--ottone-chiaro);border-color:var(--ottone-chiaro);color:#141D27}
.bottone.pieno:hover{background:#E7CB86;color:#141D27}
.bottone.scuro{border-color:var(--linea);color:var(--inchiostro)}
.bottone.scuro:hover{border-color:var(--ottone);color:var(--ottone)}
.bottone.pieno.scuro{background:var(--inchiostro);border-color:var(--inchiostro);color:var(--carta)}
.bottone.pieno.scuro:hover{background:var(--blu);border-color:var(--blu);color:#fff}
.bottone.piccolo{height:42px;padding:0 18px;font-size:.84rem;border-color:var(--linea);color:var(--inchiostro)}
.bottone.piccolo:hover{border-color:var(--ottone);color:var(--ottone)}
.bottone.piccolo.chiaro{border-color:rgba(255,255,255,.28);color:#F6F4EE}
.bottone.piccolo.chiaro:hover{border-color:var(--ottone-chiaro);color:var(--ottone-chiaro)}
.testuale{background:none;border:0;padding:0 4px;font-family:var(--sans);font-size:.84rem;color:var(--grigio);text-decoration:underline;text-underline-offset:.2em}
.testuale:hover{color:var(--ottone)}
.etichetta{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--grigio);margin:0 0 14px;letter-spacing:.01em}
.grande{font-weight:300;font-size:clamp(2.1rem,4.5vw,3.9rem);line-height:1.03;letter-spacing:-.032em}
.guida{font-size:1.2rem;line-height:1.5;color:var(--grigio);max-width:31em;margin:0}
.prosegui{font-family:var(--sans);font-weight:600;font-size:.88rem;color:var(--inchiostro);text-decoration:underline;text-decoration-color:var(--ottone);text-underline-offset:.3em;text-decoration-thickness:1.5px}
a.prosegui:hover,a:hover .prosegui{color:var(--ottone)}
.aggiornato{font-family:var(--sans);font-size:.76rem;color:var(--grigio);margin:18px 0 0}
.vuoto{color:var(--grigio);font-style:italic}
.zona{padding:clamp(72px,10vw,132px) 0}
.testa-zona{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(32px,5vw,56px)}
.collegamenti{display:flex;gap:22px;margin:0;font-family:var(--sans);font-size:.88rem;font-weight:600}
.collegamenti a{color:var(--inchiostro);text-decoration-color:var(--ottone);text-underline-offset:.3em}
.js [data-rivela]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--molla),transform .8s var(--molla)}
.js [data-rivela].vista{opacity:1;transform:none}
.barra{position:relative;height:8px;border-radius:4px;background:rgba(127,140,155,.22);overflow:hidden;display:flex}
.barra span{display:block;height:100%;width:0;background:var(--ottone-chiaro);transition:width .5s var(--molla)}
.barra .nuovo{background:repeating-linear-gradient(135deg,#F1DFAE 0 4px,rgba(241,223,174,.35) 4px 8px)}
.barra .oltre{background:var(--allarme)}

/* Ingresso */
.ingresso{position:relative;background:var(--notte);color:#F6F4EE;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:140px 0 34px}
.ingresso::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(10,24,38,.94),transparent);pointer-events:none;z-index:1}
.rosone{position:absolute;inset:0;width:100%;height:100%}
.ingresso .largo{position:relative;z-index:2;width:100%}
.luogo{font-family:var(--sans);font-size:.86rem;color:#B9C6D4;margin:0 0 22px;display:flex;align-items:center;gap:10px}
.luogo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ottone-chiaro);box-shadow:0 0 0 0 rgba(217,184,106,.6);animation:battito 2.6s infinite}
@keyframes battito{70%{box-shadow:0 0 0 10px rgba(217,184,106,0)}100%{box-shadow:0 0 0 0 rgba(217,184,106,0)}}
.nome{font-weight:300;font-size:clamp(3.5rem,12.4vw,11rem);line-height:.9;letter-spacing:-.045em;margin:0 0 40px -.04em}
.nome .riga{display:block;overflow:hidden;padding:.14em .1em .16em;margin:-.14em -.1em -.04em}
.nome .riga > span{display:inline-block;transform:translateY(112%);animation:sale 1.1s var(--molla) forwards}
.nome .riga:nth-child(2) > span{animation-delay:.14s;font-style:italic;padding-left:.7em}
@keyframes sale{to{transform:none}}
.ingresso-fondo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end;opacity:0;animation:compare .9s .55s forwards}
@keyframes compare{to{opacity:1}}
.presentazione{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.36;margin:0;max-width:23em;letter-spacing:-.005em}
.inviti{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.figura{position:absolute;z-index:1;bottom:0;right:max(1.5vw,calc(50vw - 770px));height:min(89svh,66vw);width:auto;max-width:none;opacity:0;transform:translateY(14px) scale(1.015);transform-origin:50% 100%;animation:arriva 1.4s .25s var(--molla) forwards;pointer-events:none;user-select:none;will-change:transform}
@keyframes arriva{to{opacity:1;transform:none}}
.con-figura .nome{font-size:clamp(3.4rem,9.4vw,8.6rem)}
.con-figura .ingresso-fondo{grid-template-columns:1fr;gap:30px;max-width:min(54%,640px)}
.con-figura .inviti{justify-content:flex-start}
.con-figura::after{height:34%}
.ingresso-piede{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:baseline;margin-top:clamp(40px,7vh,84px);padding-top:18px;border-top:1px solid var(--linea-notte);color:#F6F4EE;text-decoration:none;font-family:var(--sans);font-size:.84rem;opacity:0;animation:compare .9s .9s forwards}
.ingresso-piede span{color:var(--ottone-chiaro);font-weight:600}
.ingresso-piede strong{font-family:var(--serif);font-weight:400;font-size:1.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ingresso-piede time{color:var(--tenue)}
.ingresso-piede:hover strong{color:var(--ottone-chiaro)}

/* Posizione */
.posizione{padding:clamp(88px,13vw,170px) 0 clamp(72px,9vw,120px)}
.posizione-testo{font-size:clamp(1.65rem,3.5vw,3.15rem);line-height:1.2;letter-spacing:-.022em;font-weight:350;max-width:21.5em;margin:0}
.posizione-testo .p{opacity:.16;transition:opacity .25s linear}
.posizione-testo .p.su{opacity:1}
.fatti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin:clamp(56px,8vw,104px) 0 0;border-top:1px solid var(--linea)}
.fatti div{padding-top:22px}
.fatti dt{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ottone);margin-bottom:8px}
.fatti dd{margin:0;font-size:1.16rem;line-height:1.45}

/* Ciclo */
.ciclo{background:var(--notte);color:#F6F4EE;position:relative}
.ciclo-fisso{padding:clamp(72px,10vw,120px) 0}
.ciclo-testa{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end}
.ciclo .guida{color:#B9C6D4}
.ciclo-testa .grande{font-size:clamp(1.9rem,3.5vw,3.1rem)}
.binario{list-style:none;display:grid;grid-template-columns:repeat(var(--fasi),minmax(0,1fr));position:relative;margin:clamp(34px,5vh,60px) 0 clamp(30px,4.5vh,52px);--attiva:0}
.binario li{position:relative}
.binario li::after{content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:var(--linea-notte)}
.binario button{position:relative;z-index:1;display:grid;grid-template-rows:20px 11px auto;row-gap:10px;justify-items:start;width:100%;background:none;border:0;padding:0 12px 0 0;text-align:left;font-family:var(--sans);color:var(--tenue);transition:color .3s}
.binario .num{font-size:.74rem;font-weight:600;letter-spacing:.06em;line-height:20px}
.binario button::before{content:"";grid-row:2;width:11px;height:11px;border-radius:50%;border:1px solid var(--ottone-chiaro);background:var(--notte);transition:background .3s,box-shadow .3s}
.binario .nome-fase{grid-row:3;font-size:.86rem;font-weight:600;line-height:1.25}
.binario button:hover{color:#F6F4EE}
.binario button[aria-selected="true"]{color:#F6F4EE}
.binario button[aria-selected="true"]::before{background:var(--ottone-chiaro);box-shadow:0 0 0 6px rgba(217,184,106,.18)}
.binario button.fatta::before{background:var(--ottone-chiaro)}
.binario-pieno{position:absolute;left:0;top:35px;height:1px;background:var(--ottone-chiaro);width:calc(var(--attiva) / var(--fasi) * 100% + 6px);transition:width .6s var(--molla);z-index:0}
.fasi{display:grid}
.fase{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .45s,transform .6s var(--molla),visibility 0s .45s}
.fase.attiva{opacity:1;visibility:visible;transform:none;transition:opacity .45s .1s,transform .6s .1s var(--molla),visibility 0s}
.fase-num{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ottone-chiaro);margin:0 0 12px}
.fase-num span{color:var(--tenue);font-weight:400}
.fase h3{font-weight:300;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.1;letter-spacing:-.025em;max-width:21em}
.fase .tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:clamp(24px,4vh,40px)}
.fase .tre > div{border-top:1px solid var(--linea-notte);padding-top:16px}
.fase .tre .rompe{border-top-color:var(--ottone-chiaro)}
.fase .tre h4{font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--tenue);margin-bottom:10px}
.fase .tre .rompe h4{color:var(--ottone-chiaro)}
.fase .tre p,.fase .tre li{font-size:1rem;line-height:1.55;margin:0;color:#DDE4EC}
.fase .tre ul{list-style:none}
.fase .tre li{padding-left:18px;position:relative;margin-bottom:6px}
.fase .tre li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1px;background:var(--ottone-chiaro)}
.legami{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(20px,3vh,32px) 0 0}
.legami a{font-family:var(--sans);font-size:.78rem;color:#C5D0DB;text-decoration:none;border:1px solid var(--linea-notte);border-radius:999px;padding:5px 12px;transition:border-color .2s,color .2s}
.legami a:hover{border-color:var(--ottone-chiaro);color:var(--ottone-chiaro)}
.legami .verso-strumento{color:var(--ottone-chiaro);border-color:rgba(217,184,106,.45)}
html:not(.js) .fase{opacity:1;visibility:visible;transform:none;grid-area:auto;margin-bottom:56px}
@media (min-width:901px) and (min-height:700px){
  .js .ciclo{height:calc(100svh + var(--fasi) * 46vh)}
  .js .ciclo-fisso{position:sticky;top:0;height:100svh;padding:68px 0 0;display:flex;align-items:center}
  .js .ciclo-fisso .largo{width:100%}
}

/* Strumenti in home */
.attrezzi{background:var(--carta)}
.attrezzi-griglia{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.attrezzo{display:flex;flex-direction:column;background:var(--bianco);border:1px solid var(--linea);border-radius:20px;padding:clamp(24px,3vw,38px);color:var(--inchiostro);text-decoration:none;grid-column:span 5;transition:border-color .3s,box-shadow .4s,transform .4s var(--molla)}
a.attrezzo:hover{color:var(--inchiostro);border-color:var(--ottone);box-shadow:0 30px 60px -40px var(--ombra);transform:translateY(-3px)}
.attrezzo{grid-column:span 4}
.attrezzi-griglia > .attrezzo:nth-last-child(-n+3){grid-column:span 4}
.attrezzo.primo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:stretch;padding:clamp(28px,4vw,56px)}
.attrezzo-testo{display:flex;flex-direction:column}
.attrezzo.primo h3{font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:300;letter-spacing:-.028em;margin-bottom:16px}
.attrezzo.primo .attrezzo-testo p{font-size:1.16rem}
.attrezzo h3,.attrezzo h2{font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:10px}
.attrezzo h3 a{color:inherit;text-decoration:none}
.attrezzo p{color:var(--grigio);margin:0;font-size:1.02rem;line-height:1.5}
.attrezzo .prosegui{margin-top:auto;padding-top:26px;align-self:flex-start}
.attrezzo .tipo{font-family:var(--sans);font-size:.76rem;font-weight:600;color:var(--ottone);letter-spacing:.06em;margin-bottom:22px}
.disegno{width:100%;max-width:230px;height:auto;margin-bottom:22px;overflow:visible}
.disegno path{fill:none;stroke-width:1.5;stroke-linecap:round}
.disegno .l1{stroke:var(--inchiostro)}.disegno .l2{stroke:var(--ottone)}.disegno .l3{stroke:var(--ottone);stroke-dasharray:3 4}
.disegno .b{fill:none;stroke:var(--inchiostro);stroke-width:1.2}.disegno .b.g{stroke:var(--ottone);stroke-dasharray:3 4}
.mini{border-left:1px solid var(--linea);padding-left:clamp(28px,5vw,72px)}
.scala{display:flex;justify-content:space-between;font-family:var(--sans);font-size:.72rem !important;color:var(--grigio);margin-top:8px !important;font-variant-numeric:tabular-nums}
.mini label{display:block;font-family:var(--sans);font-size:.82rem;color:var(--grigio);margin-bottom:14px}
.mini-esito{margin:22px 0 14px}
.attrezzo .mini-cifra{font-family:var(--sans);font-weight:500;font-size:clamp(2.6rem,5.4vw,4.4rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--inchiostro);margin:0 0 8px}
.attrezzo .mini-sotto{font-family:var(--sans);font-size:.84rem;color:var(--grigio);margin:0;font-variant-numeric:tabular-nums}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--linea)}
input[type=range]::-moz-range-track{height:2px;background:var(--linea)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--bianco);border:1.5px solid var(--ottone);margin-top:-11px;box-shadow:0 4px 12px -4px var(--ombra);cursor:grab}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--bianco);border:1.5px solid var(--ottone);cursor:grab}
.attrezzi-elenco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.attrezzi-elenco .attrezzo:first-child{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:48px;align-items:center}
.attrezzi-elenco .attrezzo:first-child .disegno{grid-row:1/4;margin:0}
.attrezzi-elenco .attrezzo:first-child h2{font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:300}
.attrezzi-elenco .attrezzo{grid-column:auto;min-height:300px}

/* Note in home */
.note-casa{background:var(--bianco);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.nota-primo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);background:var(--notte-2);color:#F6F4EE;text-decoration:none;border-radius:22px;position:relative;overflow:hidden;transition:transform .5s var(--molla)}
.nota-primo-testo{padding:clamp(28px,4.4vw,60px);position:relative;z-index:1;order:1}
.nota-primo .incisione{order:2;height:100%;min-height:320px;background:transparent;border-left:1px solid var(--linea-notte)}
.nota-primo::after{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx,80%) var(--my,0%),rgba(217,184,106,.16),transparent 60%);pointer-events:none}
.nota-primo:hover{color:#F6F4EE;transform:translateY(-3px)}
.nota-primo .sopra{display:flex;gap:18px;font-family:var(--sans);font-size:.82rem;color:var(--tenue);margin-bottom:22px}
.nota-primo .sopra span{color:var(--ottone-chiaro);font-weight:600}
.nota-primo h3{font-weight:300;font-size:clamp(1.9rem,4.2vw,3.5rem);line-height:1.04;letter-spacing:-.03em;max-width:17em}
.nota-primo .estratto{font-size:1.16rem;line-height:1.5;color:#C9D3DD;max-width:36em;margin:22px 0 0}
.nota-primo .prosegui{display:inline-block;margin-top:30px;color:#F6F4EE;text-decoration-color:var(--ottone-chiaro)}
.norme-riga{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;font-family:var(--sans);font-size:.76rem}
.norme-riga a,.norme-riga span{border:1px solid var(--linea);border-radius:999px;padding:4px 11px;color:var(--grigio);text-decoration:none}
.nota-primo .norme-riga span{border-color:var(--linea-notte);color:#C5D0DB}
.note-vive{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px;margin-top:clamp(28px,4vw,48px);align-items:start}
.righe{list-style:none}
.righe li{border-top:1px solid var(--linea)}
.righe li:last-child{border-bottom:1px solid var(--linea)}
.righe a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:20px 0;color:var(--inchiostro);text-decoration:none;align-items:baseline;transition:padding .35s var(--molla)}
.righe a:hover{padding-left:12px;color:var(--inchiostro)}
.righe time{font-family:var(--sans);font-size:.82rem;color:var(--grigio);font-variant-numeric:tabular-nums}
.righe .titolo{display:block;font-size:1.36rem;line-height:1.2;letter-spacing:-.012em}
.righe a:hover .titolo{color:var(--ottone)}
.righe .rubrica{display:block;font-family:var(--sans);font-size:.78rem;color:var(--grigio);margin-top:5px}
.anteprima{position:sticky;top:110px;border-left:1px solid var(--ottone);padding:4px 0 4px 26px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .4s var(--molla)}
.anteprima.aperta{opacity:1;transform:none}
.ant-testo{font-size:1.14rem;line-height:1.5;margin:0 0 14px}
.ant-norme{font-family:var(--sans);font-size:.78rem;color:var(--ottone);margin:0;white-space:pre-wrap}

/* Date */
.date{background:var(--notte-2);color:#F6F4EE;padding:clamp(72px,10vw,128px) 0}
.date-griglia{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,88px);align-items:start}
.date .guida{color:#B9C6D4;margin:22px 0 26px}
.date .prosegui{color:#F6F4EE;text-decoration-color:var(--ottone-chiaro)}
.date .aggiornato{color:var(--tenue)}
.scadenze{list-style:none;--l:var(--linea)}
.date .scadenze{--l:var(--linea-notte)}
.scadenza{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--l)}
.scadenza:last-child{border-bottom:1px solid var(--l)}
.scadenza .quando{margin:0;font-family:var(--sans);display:flex;align-items:baseline;gap:10px}
.scadenza .giorno{font-size:2.5rem;font-weight:400;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.scadenza .mese{font-size:.8rem;color:var(--grigio);line-height:1.2}
.date .scadenza .mese{color:var(--tenue)}
.scadenza h3{font-size:1.26rem;line-height:1.25;margin-bottom:4px}
.scadenza p{margin:0}
.scadenza div p{font-size:.98rem;line-height:1.5;color:var(--grigio)}
.date .scadenza div p{color:#B9C6D4}
.scadenza .manca{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--ottone);white-space:nowrap;font-variant-numeric:tabular-nums}
.date .scadenza .manca{color:var(--ottone-chiaro)}
.scadenza .stato{font-family:var(--sans);font-size:.68rem;font-weight:600;border:1px solid currentColor;border-radius:999px;padding:2px 8px;margin-left:8px;vertical-align:middle;color:var(--ottone)}
.date .scadenza .stato{color:var(--ottone-chiaro)}
.scadenza.passata{opacity:.5}

/* Oltre il lavoro */
.oltre-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 56px}
.oltre-griglia > div{border-top:1px solid var(--inchiostro);padding-top:20px}
.oltre-griglia h3{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ottone);margin-bottom:22px}
.voci-lista,.adesso{list-style:none}
.voci-lista li{margin-bottom:20px}
.voci-lista strong{display:block;font-weight:400;font-size:1.34rem;line-height:1.2;letter-spacing:-.012em}
.voci-lista span{display:block;color:var(--grigio);font-size:.98rem;line-height:1.45;margin-top:4px}
.adesso li{position:relative;padding-left:20px;margin-bottom:14px;font-size:1.04rem;line-height:1.5}
.adesso li::before{content:"";position:absolute;left:0;top:.74em;width:9px;height:1px;background:var(--ottone)}

/* Chiusura e piede */
.chiusura{position:relative;background:var(--notte);color:#F6F4EE;padding:clamp(80px,11vw,140px) 0;overflow:hidden}
.chiusura .largo{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:48px;align-items:end}
.chiusura h2{font-weight:300;font-size:clamp(2.1rem,5.2vw,4.4rem);line-height:1.03;letter-spacing:-.03em;max-width:13em}
.piede{background:var(--notte);color:#C5D0DB;font-family:var(--sans);font-size:.88rem;border-top:1px solid var(--linea-notte)}
.piede .treccia{height:54px;opacity:.55}
.piede-alto{padding:clamp(30px,5vw,60px) 0 clamp(34px,5vw,56px);border-bottom:1px solid var(--linea-notte)}
.piede-nome{font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,8.4vw,7rem);line-height:.95;letter-spacing:-.045em;color:#F6F4EE;margin:0 0 14px -.04em}
.piede-riga{margin:0;color:var(--tenue)}
.piede-colonne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,2fr);gap:36px;padding:40px 0}
.piede-colonne h2{font-size:.76rem;font-weight:600;color:var(--ottone-chiaro);margin-bottom:14px}
.piede-colonne a{display:block;color:#DDE4EC;text-decoration:none;padding:4px 0}
.piede-colonne a:hover{color:var(--ottone-chiaro)}
.piede-nota p{margin:0;color:var(--tenue);font-size:.8rem;line-height:1.55}
.piede-basso{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--linea-notte);padding:20px 0 30px;color:var(--tenue);font-size:.78rem}
.piede-basso p{margin:0}
.piede-basso a{color:inherit}

/* Pagine interne */
.pagina-testa{padding:clamp(48px,7vw,92px) 0 0}
.pagina-testa h1{font-weight:300;font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;letter-spacing:-.04em;margin:0 0 24px -.03em}
.pagina-testa .guida{font-size:clamp(1.14rem,1.7vw,1.36rem);max-width:33em}
.pagina-testa .treccia{margin-top:clamp(36px,5vw,60px);opacity:.5}
.briciole{font-family:var(--sans);font-size:.82rem;color:var(--grigio);margin:0 0 18px;display:flex;gap:10px;align-items:center}
.briciole a{color:var(--grigio)}
.briciole span::before,.briciole a + a::before{content:"/";margin-right:10px;color:var(--linea)}
.sezione{padding:clamp(40px,5vw,64px) 0 0}
.sezione:last-of-type{padding-bottom:clamp(72px,9vw,120px)}
.sezione > .largo > h2,.spiega h2{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--grigio);margin:0 0 24px;display:flex;align-items:center;gap:12px}
.sezione > .largo > h2::before,.spiega h2::before{content:"";width:26px;height:1px;background:var(--ottone)}
.campo{display:block;width:100%;max-width:560px;height:54px;margin-top:30px;border:1px solid var(--linea);border-radius:999px;background:var(--bianco);padding:0 24px;font-family:var(--sans);font-size:.96rem;color:var(--inchiostro)}
.campo:focus{outline:none;border-color:var(--ottone)}
.sezione .campo{margin:0 0 30px}
.gettoni{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.gettoni button{font-family:var(--sans);font-size:.82rem;border:1px solid var(--linea);background:transparent;border-radius:999px;padding:8px 16px;color:var(--inchiostro)}
.gettoni button span{color:var(--grigio);margin-left:4px}
.gettoni button[aria-pressed="true"]{background:var(--inchiostro);color:var(--carta);border-color:var(--inchiostro)}
.gettoni button[aria-pressed="true"] span{color:inherit;opacity:.7}
.registro{list-style:none}
.registro li{display:grid;grid-template-columns:170px minmax(0,1fr) 200px;gap:28px;padding:26px 0;border-top:1px solid var(--linea);align-items:baseline}
.registro li:last-child{border-bottom:1px solid var(--linea)}
.registro time,.registro .rubrica{font-family:var(--sans);font-size:.82rem;color:var(--grigio);font-variant-numeric:tabular-nums}
.registro .rubrica{text-align:right}
.registro h3{font-size:clamp(1.36rem,2.2vw,1.76rem);line-height:1.16;letter-spacing:-.016em;margin-bottom:8px}
.registro h3 a{color:var(--inchiostro);text-decoration:none;background:linear-gradient(var(--ottone),var(--ottone)) 0 100%/0 1px no-repeat;transition:background-size .45s var(--molla)}
.registro h3 a:hover{background-size:100% 1px}
.registro p{margin:0;color:var(--grigio);max-width:42em;line-height:1.55}

/* Nota */
.nota-testa{position:relative;background:var(--notte);color:#F6F4EE;overflow:hidden;padding:clamp(52px,7vw,104px) 0 clamp(36px,5vw,64px)}
.nota-testa .incisione{position:absolute;top:0;right:0;width:min(46%,620px);height:100%;background:transparent;opacity:.9;-webkit-mask-image:linear-gradient(to right,transparent,#000 45%);mask-image:linear-gradient(to right,transparent,#000 45%)}
.nota-testa .largo{position:relative}
.nota-testa h1{font-weight:300;font-size:clamp(2.2rem,5.4vw,4.5rem);line-height:1.02;letter-spacing:-.034em;margin-bottom:26px;max-width:15em}
.nota-testa .briciole,.nota-testa .briciole a{color:var(--tenue)}
.nota-testa .briciole span{color:var(--ottone-chiaro)}
.nota-testa .dati{color:#B9C6D4}
.nota-testa .testuale{color:#B9C6D4}
.blocco,.nota-coda{display:grid;grid-template-columns:220px minmax(0,730px);gap:44px}
.dati{display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--sans);font-size:.84rem;color:var(--grigio);margin:0}
.bozza{color:var(--ottone);font-weight:600}
.nota-corpo{padding:clamp(34px,5vw,60px) 0 0}
.nota.testo-grande .blocco .testo p,.nota.testo-grande .blocco .testo li{font-size:1.32rem}
.nota.testo-grande .blocco .testo p.attacco{font-size:1.8rem}
.blocco{margin-bottom:6px}
.blocco.con-titolo{margin-top:30px}
.margine{font-family:var(--sans);font-size:.76rem;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:.5em;text-align:right}
.con-titolo .margine{padding-top:3.6em}
.margine a,.margine span{color:var(--ottone);text-decoration:none;border-bottom:1px solid transparent}
.margine a:hover{border-color:var(--ottone)}
.blocco .testo p,.blocco .testo li{font-size:1.14rem;line-height:1.72}
.blocco .testo p.attacco{font-size:clamp(1.34rem,2.2vw,1.62rem);line-height:1.38;letter-spacing:-.012em}
.blocco .testo h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.016em;margin-bottom:12px}
.blocco .testo ul{list-style:none;margin:0 0 1em}
.blocco .testo li{position:relative;padding-left:26px;margin-bottom:8px}
.blocco .testo li::before{content:"";position:absolute;left:0;top:.86em;width:12px;height:1px;background:var(--ottone)}
a.gl{color:inherit;text-decoration:underline dotted var(--ottone);text-decoration-thickness:1.5px;text-underline-offset:.22em;cursor:help}
a.gl:hover{color:var(--ottone)}
.fumetto{position:absolute;z-index:70;max-width:340px;background:var(--notte);color:#F6F4EE;font-family:var(--sans);font-size:.82rem;line-height:1.5;padding:14px 16px;border-radius:12px;box-shadow:0 24px 50px -20px var(--ombra);border:1px solid var(--linea-notte);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .3s var(--molla)}
.fumetto.aperto{opacity:1;transform:none}
.fumetto strong{display:block;color:var(--ottone-chiaro);font-weight:600;margin-bottom:4px}
.nota-coda{margin-top:48px}
.scheda{border-top:1px solid var(--linea);padding:22px 0 8px}
.scheda h2{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--grigio);margin-bottom:10px}
.scheda p{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.citazione{font-family:var(--sans);font-size:.86rem !important;color:var(--grigio)}
.termini{display:flex;flex-wrap:wrap;gap:8px}
.termini a{font-family:var(--sans);font-size:.8rem;border:1px solid var(--linea);border-radius:999px;padding:5px 13px;color:var(--inchiostro);text-decoration:none}
.termini a:hover{border-color:var(--ottone);color:var(--ottone)}
.vicine{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--inchiostro);margin-top:22px;padding-top:22px}
.vicine span{display:block;font-family:var(--sans);font-size:.78rem;color:var(--grigio);margin-bottom:6px}
.vicine a{font-size:1.2rem;line-height:1.25;color:var(--inchiostro);text-decoration:none}
.vicine a:hover{color:var(--ottone)}
.vicine .dopo{text-align:right}
.correlate{padding-bottom:clamp(72px,9vw,120px)}

/* Quadro normativo e glossario */
.atti-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.atto-scheda{background:var(--bianco);border:1px solid var(--linea);border-radius:20px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column}
.atto-scheda .tipo{font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--ottone);margin-bottom:14px}
.atto-scheda h3{font-size:1.6rem;line-height:1.14;letter-spacing:-.02em;margin-bottom:10px}
.atto-scheda p{color:var(--grigio);font-size:1.02rem;line-height:1.5}
.stato-atto{font-family:var(--sans);font-size:.84rem !important;color:var(--inchiostro) !important;font-weight:600;display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:10px}
.stato-atto::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ottone)}
.atto-piede{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--sans);font-size:.84rem !important;margin:0;border-top:1px solid var(--linea);padding-top:16px}
.atto{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:30px 0;border-top:1px solid var(--linea)}
.atto .lato{font-family:var(--sans);font-size:.82rem;color:var(--grigio);line-height:1.7}
.atto h3{font-size:1.6rem;letter-spacing:-.02em}
.atto .numero{font-family:var(--sans);font-size:.82rem;color:var(--grigio);margin:4px 0 18px}
.voci{list-style:none}
.voci li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:12px 0;border-top:1px solid var(--linea);align-items:baseline}
.voci .rif{font-family:var(--sans);font-size:.86rem;color:var(--ottone);font-weight:600;font-variant-numeric:tabular-nums}
.voci a{display:block;color:var(--inchiostro);text-decoration:none}
.voci a:hover{color:var(--ottone)}
.voci li:target,.voce-gl:target{background:linear-gradient(90deg,rgba(217,184,106,.22),transparent)}
.glossario{margin:0}
.voce-gl{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;padding:26px 0;border-top:1px solid var(--linea);scroll-margin-top:110px}
.voce-gl dt{font-size:1.5rem;line-height:1.16;letter-spacing:-.018em}
.voce-gl dd{margin:0}
.voce-gl dd p{margin:0 0 10px;max-width:40em}
.voce-gl .fonte{font-family:var(--sans);font-size:.82rem;color:var(--ottone);font-weight:600}
.nelle-note{font-family:var(--sans);font-size:.82rem;color:var(--grigio);display:flex;flex-wrap:wrap;gap:6px 16px}

/* Strumenti */
.strumento{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,3vw,44px);align-items:start}
.modulo fieldset{border:1px solid var(--linea);border-radius:20px;background:var(--bianco);padding:clamp(20px,2.6vw,30px);margin:0 0 18px;min-width:0}
.modulo legend{font-family:var(--sans);font-weight:600;font-size:.9rem;padding:0 10px;margin-left:-10px}
.campi{display:grid;gap:16px}
.campi.due{grid-template-columns:repeat(2,minmax(0,1fr))}
.campi.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.modulo label{display:flex;flex-direction:column;gap:7px;font-family:var(--sans);font-size:.8rem;color:var(--grigio)}
.modulo small{font-size:.72rem;line-height:1.4}
.modulo input,.modulo select{height:48px;width:100%;min-width:0;border:1px solid var(--linea);border-radius:12px;background:var(--carta);padding:0 14px;font-family:var(--sans);font-size:.98rem;color:var(--inchiostro);font-variant-numeric:tabular-nums}
.modulo input:focus,.modulo select:focus{outline:none;border-color:var(--ottone);box-shadow:0 0 0 3px rgba(217,184,106,.25)}
.righe-testa,.riga-aiuto{display:grid;grid-template-columns:160px minmax(0,1fr) minmax(0,1.1fr) 40px;gap:10px;align-items:center}
.righe-testa.cinque,.riga-impresa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.5fr) minmax(0,.5fr) minmax(0,1.15fr) minmax(0,1.15fr) 40px;gap:8px;align-items:center}
.riga-impresa input,.riga-impresa select{padding:0 9px;font-size:.88rem}
.righe-testa{font-family:var(--sans);font-size:.74rem;color:var(--grigio);margin-bottom:8px}
.riga-aiuto,.riga-impresa{margin-bottom:10px}
.togli{width:40px;height:40px;border-radius:50%;border:1px solid var(--linea);background:transparent;color:var(--grigio);font-size:1.1rem;line-height:1}
.togli:hover{border-color:var(--allarme);color:var(--allarme)}
.azioni-modulo{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:16px 0 0}
.nota-modulo{font-family:var(--sans);font-size:.78rem;color:var(--grigio);line-height:1.5;margin:16px 0 0}
.esito{position:sticky;top:92px;background:var(--notte);color:#F6F4EE;border:1px solid var(--linea-notte);border-radius:22px;padding:clamp(24px,2.8vw,36px);overflow:hidden}
.esito .etichetta{color:var(--tenue)}
.cifra{font-family:var(--sans);font-weight:500;font-size:clamp(2.5rem,4.4vw,3.9rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 20px}
.cifra.parola{font-family:var(--serif);font-weight:300;letter-spacing:-.03em;font-size:clamp(2.3rem,4vw,3.4rem)}
.esito .barra{background:rgba(255,255,255,.12)}
.esito-voci{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:22px 0 0}
.esito-voci div{border-top:1px solid var(--linea-notte);padding-top:10px}
.esito-voci dt{font-family:var(--sans);font-size:.74rem;color:var(--tenue);margin-bottom:2px}
.esito-voci dd{margin:0;font-family:var(--sans);font-size:1.16rem;font-weight:500;font-variant-numeric:tabular-nums}
.verdetto{font-family:var(--sans);font-size:.9rem;line-height:1.5;margin:22px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.06);border-left:3px solid var(--ottone-chiaro)}
.verdetto:empty{display:none}
.verdetto.no{border-left-color:#E59A86;background:rgba(229,154,134,.12)}
.grafico{margin:26px 0 0}
.grafico svg{width:100%;height:auto;overflow:visible}
.grafico figcaption{font-family:var(--sans);font-size:.72rem;color:var(--tenue);margin-top:8px}
.grafico text{font-family:var(--sans);font-size:10.5px;fill:var(--tenue)}
.uscite{list-style:none;margin:18px 0 22px;font-family:var(--sans);font-size:.82rem}
.uscite li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid var(--linea-notte);font-variant-numeric:tabular-nums}
.uscite span:last-child{color:var(--ottone-chiaro);white-space:nowrap}
.esito > p:last-child{margin:22px 0 0}
.soglie{margin:24px 0 0;display:grid;gap:16px}
.soglia p{display:flex;justify-content:space-between;gap:12px;font-family:var(--sans);font-size:.76rem;color:var(--tenue);margin:0 0 6px;font-variant-numeric:tabular-nums}
.spiega{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,3vw,44px)}
.spiega h2{margin-top:34px}
.spiega h2:first-child{margin-top:0}
.metodo{list-style:none;counter-reset:m}
.metodo li{counter-increment:m;position:relative;padding:16px 0 16px 56px;border-top:1px solid var(--linea);font-size:1.08rem;line-height:1.55}
.metodo li::before{content:counter(m);position:absolute;left:0;top:14px;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--ottone);width:32px;height:32px;border:1px solid var(--ottone);border-radius:50%;display:grid;place-items:center}
.fonti{list-style:none;font-family:var(--sans);font-size:.88rem}
.fonti li{padding:8px 0;border-top:1px solid var(--linea)}

/* Chi sono */
.profilo{display:grid;grid-template-columns:220px minmax(0,700px);gap:44px;padding-top:clamp(28px,4vw,48px)}
.profilo.con-foto{grid-template-columns:minmax(0,420px) minmax(0,660px);gap:clamp(32px,5vw,72px);align-items:start}
.profilo-lato{position:sticky;top:96px}
.profilo img.ritratto{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;box-shadow:0 30px 70px -36px var(--ombra)}
.scheda-fatti{margin:26px 0 0;font-family:var(--sans);font-size:.84rem}
.scheda-fatti div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:9px 0;border-top:1px solid var(--linea)}
.scheda-fatti dt{color:var(--grigio)}
.scheda-fatti dd{margin:0;line-height:1.45}
.profilo .testo p{font-size:1.14rem;line-height:1.72}
.profilo .testo p:first-child{font-size:clamp(1.4rem,2.5vw,1.9rem);line-height:1.3;letter-spacing:-.016em}
.profilo-inviti{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.percorso{list-style:none;border-top:1px solid var(--linea)}
.percorso li{display:grid;grid-template-columns:220px minmax(0,700px);gap:44px;padding:20px 0;border-bottom:1px solid var(--linea);align-items:baseline}
.percorso .anni{font-family:var(--sans);font-size:.86rem;color:var(--ottone);font-weight:600;font-variant-numeric:tabular-nums}
.percorso strong{display:block;font-weight:400;font-size:1.4rem;line-height:1.2;letter-spacing:-.014em}
.percorso .dove{display:block;color:var(--grigio);margin-top:4px}
.rubriche{list-style:none;border-top:1px solid var(--linea)}
.rubriche li{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:44px;padding:18px 0;border-bottom:1px solid var(--linea);align-items:baseline}
.nome-rubrica{font-size:1.3rem;letter-spacing:-.012em}
.nome-rubrica a{color:var(--inchiostro);text-decoration-color:var(--ottone)}
.rubriche li span:last-child{color:var(--grigio)}

/* Ricerca */
dialog.cerca{width:min(660px,92vw);margin:11vh auto auto;border:1px solid var(--linea);border-radius:20px;padding:0;background:var(--bianco);color:var(--inchiostro);box-shadow:0 50px 120px -30px var(--ombra);overflow:hidden}
dialog.cerca::backdrop{background:rgba(10,24,38,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
dialog.cerca input{width:100%;border:0;border-bottom:1px solid var(--linea);background:transparent;padding:24px 26px;font-family:var(--serif);font-size:1.36rem;color:inherit}
dialog.cerca input:focus{outline:none}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
dialog.cerca ul{list-style:none;max-height:min(52vh,460px);overflow:auto;padding:8px}
dialog.cerca li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:baseline;padding:12px 18px;border-radius:12px;color:inherit;text-decoration:none;font-size:1.06rem;line-height:1.3}
dialog.cerca li a small{font-family:var(--sans);font-size:.74rem;color:var(--grigio);white-space:nowrap}
dialog.cerca li a em{grid-column:1/-1;font-style:normal;font-family:var(--sans);font-size:.78rem;color:var(--grigio);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
dialog.cerca li.su a,dialog.cerca li a:hover{background:rgba(217,184,106,.2)}
dialog.cerca .aiuto{font-family:var(--sans);font-size:.74rem;color:var(--grigio);margin:0;padding:12px 26px;border-top:1px solid var(--linea)}
.avviso{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--inchiostro);color:var(--carta);font-family:var(--sans);font-size:.86rem;padding:12px 20px;border-radius:999px;opacity:0;transition:opacity .25s,transform .35s var(--molla);z-index:80;pointer-events:none}
.avviso.su{opacity:1;transform:translate(-50%,0)}

@media (max-width:1080px){
  .menu{gap:18px}
  .cerca-apri span,.cerca-apri kbd{display:none}
  .cerca-apri{width:40px;padding:0;justify-content:center}
}
@media (max-width:900px){
  html{font-size:17px}
  .menu{display:none}
  .menu-apri{display:flex}
  .ingresso{padding:110px 0 26px}
  .ingresso-fondo{grid-template-columns:1fr;gap:28px}
  .inviti{justify-content:flex-start}
  .figura{left:50%;right:auto;translate:-50% 0;height:min(64svh,150vw);bottom:auto;top:66px}
  .con-figura::after{height:78%;background:linear-gradient(to top,var(--notte) 40%,rgba(10,24,38,.86) 62%,transparent)}
  .con-figura .ingresso-fondo{max-width:none}
  .ingresso-piede{grid-template-columns:1fr;gap:4px}
  .ingresso-piede strong{white-space:normal}
  .fatti,.fase .tre,.oltre-griglia,.atti-griglia,.attrezzi-elenco,.spiega,.strumento,.date-griglia,.ciclo-testa,.note-vive,.chiusura .largo{grid-template-columns:1fr}
  .fatti{gap:0}.fatti div{padding:18px 0;border-bottom:1px solid var(--linea)}.fatti{border-top:1px solid var(--linea)}
  .ciclo-testa{gap:18px}
  .binario{display:flex;overflow-x:auto;scrollbar-width:none;margin-left:calc(clamp(20px,5vw,56px) * -1);margin-right:calc(clamp(20px,5vw,56px) * -1);padding:0 clamp(20px,5vw,56px)}
  .binario::-webkit-scrollbar{display:none}
  .binario li{flex:0 0 132px}
  .binario-pieno{display:none}
  .fase{display:none;transform:none}
  .fase.attiva{display:block}
  .fase .tre{gap:22px}
  .attrezzi-griglia{grid-template-columns:1fr}
  .attrezzo,.attrezzo.primo{grid-column:auto;grid-row:auto}
  .attrezzo.primo{display:flex;gap:0}
  .mini{border-left:0;padding-left:0;border-top:1px solid var(--linea);margin-top:28px;padding-top:26px}
  .anteprima{display:none}
  .righe a{grid-template-columns:1fr;gap:4px}
  .scadenza{grid-template-columns:104px minmax(0,1fr);gap:8px 18px}
  .scadenza .giorno{font-size:2rem}
  .scadenza .quando{flex-direction:column;gap:2px}
  .scadenza .manca{grid-column:2}
  .oltre-griglia > div{margin-bottom:34px}
  .piede-colonne{grid-template-columns:repeat(2,minmax(0,1fr))}
  .piede-nota{grid-column:1/-1}
  .registro li{grid-template-columns:1fr;gap:6px}
  .registro .rubrica{text-align:left}
  .blocco,.nota-coda,.atto,.voce-gl,.profilo,.profilo.con-foto,.percorso li,.rubriche li{grid-template-columns:1fr;gap:10px}
  .margine{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:6px 14px;padding:0;order:2;margin-bottom:10px}
  .con-titolo .margine{padding-top:0}
  .blocco .testo{order:1}
  .nota-coda > div:first-child{display:none}
  .nota-testa .incisione{width:100%;opacity:.35;-webkit-mask-image:none;mask-image:none}
  .profilo-lato{position:static}
  .profilo img.ritratto{max-width:460px}
  .esito{position:static}
  .voci li{grid-template-columns:110px minmax(0,1fr)}
}
@media (max-width:620px){
  .campi.due,.campi.tre{grid-template-columns:1fr}
  .righe-testa{display:none}
  .riga-aiuto{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed var(--linea)}
  .riga-aiuto input{padding:0 10px}
  .riga-aiuto input:nth-child(3){grid-column:1/3;grid-row:2}
  .riga-impresa{grid-template-columns:1fr 1fr 40px}
  .riga-impresa > :nth-child(4),.riga-impresa > :nth-child(5){grid-row:2}
  .riga-impresa > :nth-child(3){grid-row:1;grid-column:auto}
  .vicine{grid-template-columns:1fr}.vicine .dopo{text-align:left}
  .esito-voci{grid-template-columns:1fr 1fr}
  .piede-colonne{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .nome .riga > span{transform:none}
  .ingresso-fondo,.ingresso-piede,.js [data-rivela]{opacity:1;transform:none}
  .figura{opacity:1;transform:none}
  .posizione-testo .p{opacity:1}
}
@media print{
  .testata,.piede,.velo,.avanzamento,.chiusura,dialog,.azioni-modulo,.treccia,[data-copia-esito],[data-copia]{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  .esito{position:static;background:#fff;color:#000;border:1px solid #999}
  .esito .etichetta,.esito-voci dt,.grafico figcaption{color:#444}
  .strumento,.spiega{grid-template-columns:1fr}
  a{color:#000}
}

/* Selezione e dettagli */
::selection{background:rgba(217,184,106,.45);color:inherit}
.lingua{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#E5EBF1;font-size:.76rem;font-weight:600;text-decoration:none;letter-spacing:.04em}
.lingua:hover{border-color:var(--ottone-chiaro);color:var(--ottone-chiaro)}
.date-inviti,.chiusura-inviti,.azioni-nota{display:flex;flex-wrap:wrap;gap:12px 22px;margin:0}
.sezione .date-inviti{margin-top:22px}
.chiusura-inviti{justify-content:flex-end}

/* Incisioni: un disegno per ogni nota */
.incisione{display:block;width:100%;background:var(--notte-2)}
.catalogo{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalogo li{display:flex}
.catalogo a{display:flex;flex-direction:column;width:100%;background:var(--bianco);border:1px solid var(--linea);border-radius:18px;overflow:hidden;color:var(--inchiostro);text-decoration:none;transition:transform .45s var(--molla),box-shadow .45s,border-color .3s}
.catalogo a:hover{transform:translateY(-4px);border-color:var(--ottone);box-shadow:0 34px 60px -40px var(--ombra);color:var(--inchiostro)}
.catalogo .incisione{aspect-ratio:16/9}
.scheda-nota{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.scheda-nota .sopra{display:flex;justify-content:space-between;gap:12px;font-family:var(--sans);font-size:.76rem;color:var(--grigio);margin:0 0 12px}
.scheda-nota .sopra span{color:var(--ottone);font-weight:600}
.scheda-nota :is(h2,h3){font-size:1.46rem;line-height:1.14;letter-spacing:-.018em;margin-bottom:10px}
.scheda-nota p:last-child{margin:0;color:var(--grigio);font-size:.98rem;line-height:1.5}
.catalogo li:first-child:nth-last-child(n+4){grid-column:1/-1}
.catalogo li:first-child:nth-last-child(n+4) a{flex-direction:row}
.catalogo li:first-child:nth-last-child(n+4) .incisione{aspect-ratio:auto;width:46%;min-height:300px;order:2}
.catalogo li:first-child:nth-last-child(n+4) .scheda-nota{padding:clamp(26px,3.6vw,48px);justify-content:center}
.catalogo li:first-child:nth-last-child(n+4) :is(h2,h3){font-size:clamp(1.9rem,3.6vw,3rem);font-weight:300;letter-spacing:-.03em}
.catalogo li:first-child:nth-last-child(n+4) .scheda-nota p:last-child{font-size:1.14rem}
.rubriche-casa{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(28px,4vw,44px) 0 0}
.rubriche-casa a{font-family:var(--sans);font-size:.82rem;border:1px solid var(--linea);border-radius:999px;padding:8px 16px;color:var(--inchiostro);text-decoration:none}
.rubriche-casa a span{color:var(--grigio);margin-left:4px}
.rubriche-casa a:hover{border-color:var(--ottone);color:var(--ottone)}
.legami .verso-nota{border-style:dashed}

/* Numeri */
.numeri{background:var(--bianco);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:clamp(40px,5vw,64px) 0}
.numeri ul{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.numeri li{border-left:1px solid var(--linea)}
.numeri li:first-child{border-left:0}
.numeri a{display:block;height:100%;padding:6px 22px 10px;color:var(--inchiostro);text-decoration:none;transition:background .3s}
.numeri li:first-child a{padding-left:0}
.numeri a:hover{color:var(--inchiostro)}
.numeri a:hover .numero{color:var(--ottone)}
.numeri .numero{font-family:var(--sans);font-weight:500;font-size:clamp(2rem,3.5vw,3.1rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:0 0 12px;display:flex;align-items:baseline;gap:6px;transition:color .3s;white-space:nowrap}
.numeri .numero small{font-size:.86rem;font-weight:600;letter-spacing:0;color:var(--ottone)}
.numeri li p:last-child{margin:0;font-size:.94rem;line-height:1.4;color:var(--grigio)}

/* Domande e criteri */
.domande{border-top:1px solid var(--inchiostro)}
.domanda{border-bottom:1px solid var(--linea)}
.domanda summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:24px;align-items:center;padding:24px 0;font-size:clamp(1.26rem,2.1vw,1.7rem);line-height:1.2;letter-spacing:-.016em}
.domanda summary::-webkit-details-marker{display:none}
.domanda summary::after{content:"";width:32px;height:32px;border-radius:50%;border:1px solid var(--linea);background:linear-gradient(var(--ottone),var(--ottone)) center/12px 1.5px no-repeat,linear-gradient(var(--ottone),var(--ottone)) center/1.5px 12px no-repeat;transition:transform .35s var(--molla)}
.domanda[open] summary::after{transform:rotate(45deg)}
.domanda summary:hover{color:var(--ottone)}
.domanda > div{padding:0 56px 28px 0;max-width:46em}
.domanda > div p:first-child{font-size:1.12rem;line-height:1.66}
.criteri .nome-rubrica{font-size:1.5rem}
.criteri li span:last-child{font-size:1.1rem;line-height:1.6;color:var(--inchiostro)}

/* Verifica prima della domanda */
.quesito{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--linea)}
.quesito:first-of-type{border-top:0;padding-top:4px}
.quesito p{margin:0;font-size:1.06rem;line-height:1.45}
.quesito .scelta{display:inline-flex;border:1px solid var(--linea);border-radius:999px;padding:3px;background:var(--carta)}
.quesito .scelta label{display:block;position:relative;font-size:.82rem;color:var(--inchiostro);cursor:pointer}
.quesito .scelta input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}
.quesito .scelta span{display:block;padding:8px 15px;border-radius:999px;white-space:nowrap;transition:background .2s,color .2s}
.quesito .scelta input:checked + span{background:var(--inchiostro);color:var(--carta)}
.quesito .scelta input:focus-visible + span{outline:2px solid var(--ottone-chiaro);outline-offset:2px}
.da-chiarire{list-style:none;margin:20px 0 22px}
.da-chiarire li{border-top:1px solid var(--linea-notte);padding:14px 0}
.da-chiarire strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.04rem;line-height:1.35;margin-bottom:6px}
.da-chiarire span{display:block;font-family:var(--sans);font-size:.82rem;line-height:1.5;color:#B9C6D4}
.da-chiarire a{font-family:var(--sans);font-size:.8rem;color:var(--ottone-chiaro);display:inline-block;margin-top:6px}

/* Carta degli aiuti a finalità regionale */
.carta-mappa svg{width:100%;height:auto;max-height:78vh;display:block;margin:0 auto}
.carta-mappa .reg{fill:var(--inchiostro);fill-opacity:.1;stroke:var(--carta);stroke-width:1.2;transition:fill-opacity .35s}
.carta-mappa .za{fill:var(--ottone);cursor:pointer;outline:none}
.carta-mappa .za.scelta{stroke:var(--inchiostro);stroke-width:2.2}
.carta-mappa .za:focus-visible{stroke:var(--blu);stroke-width:3}
.carta-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;font-family:var(--sans);font-size:.76rem;color:var(--grigio);margin:18px 0 0}
.carta-legenda span{display:inline-block;width:14px;height:14px;border-radius:3px;margin-left:14px;background:var(--ottone)}
.carta-legenda span:first-child{margin-left:0}
.carta-legenda .c30{opacity:.3}.carta-legenda .c0{background:var(--inchiostro);opacity:.1}
.segmenti{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px;margin-bottom:24px}
.segmenti button{background:none;border:0;border-radius:999px;padding:8px 18px;font-family:var(--sans);font-size:.84rem;color:#DDE4EC}
.segmenti button[aria-pressed="true"]{background:var(--ottone-chiaro);color:#141D27;font-weight:600}
.carta-regione{font-size:1.4rem;margin:-8px 0 18px;letter-spacing:-.01em}
.regioni li{padding:0}
.regioni button{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:10px 0;font:inherit;color:#DDE4EC;text-align:left}
.regioni button:hover,.regioni button.scelta{color:var(--ottone-chiaro)}

/* Cassa e cumulo */
.grafico .leg{display:inline-flex;align-items:center;gap:6px;margin-right:16px}
.grafico .leg::before{content:"";width:16px;height:2px;background:#F6F4EE}
.grafico .l-fonti::before{background:var(--ottone-chiaro)}
.righe-testa.due-col,.riga-cumulo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 40px;gap:10px;align-items:center}
.riga-cumulo{margin-bottom:10px}

@media (max-width:1080px){.lingua{display:none}.numeri ul{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}.numeri li:nth-child(4){border-left:0}.numeri li:nth-child(4) a{padding-left:0}}
@media (max-width:900px){
  .catalogo{grid-template-columns:1fr}
  .catalogo li:first-child:nth-last-child(n+4) a{flex-direction:column}
  .catalogo li:first-child:nth-last-child(n+4) .incisione{width:100%;min-height:0;aspect-ratio:16/9;order:0}
  .nota-primo{grid-template-columns:1fr}
  .nota-primo .incisione{min-height:0;height:150px;order:0;border-left:0;border-bottom:1px solid var(--linea-notte)}
  .numeri ul{grid-template-columns:1fr 1fr;row-gap:26px}
  .numeri li,.numeri li:nth-child(4){border-left:0}
  .numeri a,.numeri li:first-child a{padding:0 14px 0 0}
  .attrezzi-griglia > .attrezzo:nth-last-child(-n+3){grid-column:auto}
  .attrezzi-elenco .attrezzo:first-child{display:flex}
  .attrezzi-elenco .attrezzo:first-child .disegno{margin-bottom:22px}
  .quesito{grid-template-columns:1fr}
  .domanda > div{padding-right:0}
  .chiusura-inviti{justify-content:flex-start}
}
@media print{
  .nota-testa{background:#fff;color:#000;padding:0 0 12pt;border-bottom:1pt solid #000}
  .nota-testa .incisione,.nota-testa .testuale,.correlate,.vicine{display:none !important}
  .nota-testa h1{font-size:24pt}
  .nota-testa .briciole,.nota-testa .briciole a,.nota-testa .briciole span,.nota-testa .dati{color:#333}
  .blocco,.nota-coda{grid-template-columns:90pt 1fr;gap:14pt}
  .margine a,.margine span{color:#333}
  a.gl{text-decoration:none}
}

/* Scena d'apertura, movimento e rifiniture */
::selection{background:var(--ottone-chiaro);color:#141D27}
html{-webkit-tap-highlight-color:transparent}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
p,li,dd{text-wrap:pretty}
time,.cifra,.numero,.manca,.mini-cifra,.giorno,.esito-voci dd{font-variant-numeric:lining-nums tabular-nums}
.scena{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.ingresso.con-scena .figura{opacity:0;animation:none;transform:none}
.ingresso .largo{will-change:translate,opacity}
.ingresso-ferma .ingresso{position:sticky;top:0}
.ingresso-ferma .casa main > section:not(.ingresso),.ingresso-ferma.js .casa main > section:not(.ingresso){position:relative;z-index:2}
:where(.casa main > section:not(.ingresso)){background-color:var(--carta)}
.ingresso-ferma .posizione{border-radius:28px 28px 0 0;box-shadow:0 -34px 70px -20px rgba(4,10,18,.55)}
.binario li.binario-pieno{position:absolute}
.binario li.binario-pieno::after{display:none}
.fase{position:relative}
.fase-ombra{position:absolute;right:0;top:-.06em;z-index:-1;font-size:min(25vh,15vw);line-height:1;font-style:italic;font-weight:300;font-family:var(--titoli);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(217,184,106,.2);pointer-events:none;user-select:none;transition:translate 1.1s var(--molla),opacity .6s}
.fase:not(.attiva) .fase-ombra{translate:7vw 0;opacity:0}
.posizione-testo .p{opacity:1;color:#858889;color:color-mix(in srgb,var(--inchiostro) 50%,var(--carta));transition:color .3s linear}
.posizione-testo .p.su{color:inherit}
.bottone{transition:background .25s,color .25s,border-color .25s,transform .25s var(--molla),translate .5s var(--molla)}

/* Grana sottile sulle sezioni scure */
.ciclo,.chiusura,.piede,.date{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-blend-mode:soft-light}

@media (prefers-reduced-motion:no-preference){
  /* Titoli parola per parola */
  .js :is(.grande,.pagina-testa h1,.chiusura h2):not(.spezzato){opacity:0;animation:compare .01s 3s forwards}
  .pm{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .06em .2em;margin:-.1em -.06em -.2em}
  .pi{display:inline-block;transform:translateY(118%) rotate(4deg);transform-origin:0 100%;transition:transform 1s var(--molla);transition-delay:calc(var(--i) * 42ms)}
  .vista .pi{transform:none}
  /* Apertura: la testata arriva dopo il nome */
  .casa .testata{animation:giu 1s .75s var(--molla) both}
  @keyframes giu{from{opacity:0;transform:translateY(-16px)}}
  /* Passaggio tra le pagine */
  ::view-transition-old(root){animation:vt-esce .26s cubic-bezier(.4,0,1,1) both}
  ::view-transition-new(root){animation:vt-entra .6s cubic-bezier(.16,.8,.2,1) both}
  @keyframes vt-esce{to{opacity:0;transform:translateY(-16px)}}
  @keyframes vt-entra{from{opacity:0;transform:translateY(28px)}}
  /* Ritratto del profilo */
  .js .profilo img.ritratto{animation:scopre 1.4s .2s var(--molla) both}
  @keyframes scopre{from{clip-path:inset(0 0 100% 0);transform:scale(1.07)}to{clip-path:inset(0 0 0 0);transform:none}}
  /* Schede inclinate */
  .js .inclina.vista{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--molla),opacity .8s var(--molla),box-shadow .4s,border-color .3s}
  .js a.inclina.vista:hover{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px)}
}
.testata{view-transition-name:testata}

/* Puntatore */
.puntatore{position:fixed;left:0;top:0;z-index:95;width:0;height:0;pointer-events:none;opacity:0;transition:opacity .3s}
.puntatore.vivo{opacity:1}
.puntatore span{position:absolute;left:0;top:0;translate:-50% -50%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid #B8923F;color:#141D27;font-family:var(--sans);font-weight:600;font-size:0;line-height:1;transition:width .4s var(--molla),height .4s var(--molla),translate .4s var(--molla),background .25s,font-size .2s,scale .2s,opacity .25s}
.puntatore.su span{width:52px;height:52px;background:rgba(217,184,106,.16)}
.puntatore.scheda span{width:74px;height:74px;translate:14px 14px;background:var(--ottone-chiaro);border-color:var(--ottone-chiaro);font-size:.78rem}
.puntatore.giu span{scale:.86}
.in-cerca .puntatore{display:none}
@media (max-width:900px){.fase-ombra{display:none}}
@media print{.puntatore,.scena{display:none !important}}

/* Piede: il nome in grande */
.piede-nome{font-size:clamp(3rem,11.5vw,11.5rem);line-height:.92;letter-spacing:-.045em;font-weight:300;font-style:italic;color:#F6F4EE;margin:0 0 .18em -.03em;white-space:nowrap}
.piede-alto{display:block;overflow:hidden}
@media (max-width:620px){.piede-nome{font-size:15.5vw}}

.nome,.grande,.chiusura h2,.piede-nome,.pagina-testa h1,.nota-testa h1,.fase h3,.velo a:not(.velo-contatto){font-family:var(--titoli)}
.cerca-apri kbd::before{content:attr(data-tasto)}
.nota-testa .bozza{color:var(--ottone-chiaro)}

/* Guide e approfondimenti: testo ricco */
.guida-griglia{display:grid;grid-template-columns:220px minmax(0,730px);gap:44px;align-items:start}
.guida-indice{position:sticky;top:96px;font-family:var(--sans);font-size:.84rem}
.guida-indice h2,.appro-lato h2{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--grigio);margin-bottom:12px}
.guida-indice ol{list-style:none;border-left:1px solid var(--linea)}
.guida-indice a{display:block;padding:6px 0 6px 14px;margin-left:-1px;border-left:1px solid transparent;color:var(--grigio);text-decoration:none;line-height:1.35}
.guida-indice a:hover,.guida-indice a.qui{color:var(--inchiostro);border-left-color:var(--ottone)}
.nota-testa .sommario{font-size:clamp(1.14rem,1.7vw,1.36rem);line-height:1.45;color:#D5DEE7;max-width:34em;margin:0 0 24px}
.approfondimento{margin-top:clamp(40px,6vw,72px);padding:clamp(40px,6vw,72px) 0 8px;border-top:1px solid var(--linea);background:linear-gradient(to bottom,var(--bianco),var(--carta) 420px)}
.appro-lato{position:sticky;top:96px;font-family:var(--sans);font-size:.86rem;color:var(--grigio);line-height:1.5}
.appro-lato h2{font-family:var(--titoli);font-weight:300;font-size:1.7rem;letter-spacing:-.02em;color:var(--inchiostro);line-height:1.1}
.ricco > p,.ricco > ul:not([class]) > li,.ricco > ol:not([class]) > li{font-size:1.14rem;line-height:1.72}
.ricco > h2{font-family:var(--titoli);font-weight:300;font-size:clamp(1.7rem,2.8vw,2.3rem);line-height:1.12;letter-spacing:-.024em;margin:1.7em 0 .55em;scroll-margin-top:96px}
.ricco > h2:first-child{margin-top:0}
.ricco h3{font-size:1.28rem;line-height:1.25;letter-spacing:-.012em;margin:1.4em 0 .4em}
.ricco > ul:not([class]),.ricco > ol:not([class]){margin:0 0 1.1em;padding-left:1.3em}
.ricco > ul:not([class]){list-style:none;padding-left:0}
.ricco > ul:not([class]) > li{position:relative;padding-left:26px;margin-bottom:8px}
.ricco > ul:not([class]) > li::before{content:"";position:absolute;left:0;top:.86em;width:12px;height:1px;background:var(--ottone)}
.ricco > ol:not([class]) > li{margin-bottom:8px;padding-left:6px}
.ricco > ol:not([class]) > li::marker{font-family:var(--sans);font-size:.86em;color:var(--ottone);font-weight:600}
.nota.testo-grande .ricco > p,.nota.testo-grande .ricco > ul > li,.nota.testo-grande .ricco > ol > li{font-size:1.32rem}
.r-etichetta{font-family:var(--sans);font-size:.76rem;font-weight:600;color:var(--ottone);margin:0 0 8px;display:block}
.r-riquadro,.r-esempio,.r-norma,.r-scelta,.r-barre,.r-curva,.r-gruppo,.r-tab,.r-tempo,.r-passi,.r-strumento,.r-video{margin:1.6em 0 1.9em}
.r-riquadro{border-radius:16px;padding:24px 28px 20px;background:var(--bianco);border:1px solid var(--linea)}
.r-riquadro h3{font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--ottone);margin:0 0 12px}
.r-riquadro ul{list-style:none}
.r-riquadro li{position:relative;padding-left:24px;margin-bottom:9px;font-size:1.08rem;line-height:1.5}
.r-riquadro li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ottone)}
.r-breve{background:var(--notte);border-color:var(--notte);color:#F6F4EE;margin-top:0}
.r-breve h3{color:var(--ottone-chiaro)}
.r-breve li::before{border-color:var(--ottone-chiaro)}
.r-breve a{color:#fff}
.r-errori{border-left:3px solid var(--allarme)}
.r-errori h3{color:var(--allarme)}
.r-errori li::before{border-radius:0;border:0;width:11px;height:1.5px;top:.74em;background:var(--allarme)}
.r-esempio{border-radius:16px;padding:26px 28px 14px;background:var(--bianco);border:1px solid var(--linea);box-shadow:0 26px 50px -40px var(--ombra)}
.r-esempio h3{margin:0 0 .6em;font-family:var(--titoli);font-weight:300;font-size:1.5rem;letter-spacing:-.018em}
.r-esempio p,.r-esempio li,.r-norma p{font-size:1.06rem;line-height:1.6}
.r-esempio ul,.r-esempio ol{margin:0 0 1em;padding-left:1.2em}
.r-esempio > :is(.r-tab,.r-barre,.r-curva,.r-gruppo){margin:1.1em 0 1.3em}
.r-norma{border-left:2px solid var(--ottone);padding:4px 0 4px 24px}
.r-norma h3{margin:0 0 .4em;font-size:1.14rem}
.r-fonte{font-family:var(--sans);font-size:.82rem;margin:0}
.r-tab{overflow-x:auto;border:1px solid var(--linea);border-radius:14px;background:var(--bianco)}
.r-tab table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.9rem;line-height:1.4}
.r-tab th,.r-tab td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--linea);vertical-align:top}
.r-tab thead th{font-size:.76rem;font-weight:600;color:var(--grigio);background:rgba(127,140,155,.08);white-space:nowrap}
.r-tab tbody th{font-weight:600;min-width:9em}
.r-tab tbody tr:last-child > *{border-bottom:0}
.r-tab .num{text-align:right;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.r-tempo{list-style:none;position:relative;padding-left:0}
.r-tempo::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:var(--ottone);transform-origin:50% 0}
.r-tempo li{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:0 0 26px 30px}
.r-tempo li::before{content:"";position:absolute;left:0;top:7px;width:11px;height:11px;border-radius:50%;background:var(--ottone);box-shadow:0 0 0 4px var(--carta)}
.r-tempo li.attesa::before{background:var(--carta);border:1.5px solid var(--ottone)}
.r-quando{font-family:var(--sans);font-size:.88rem;font-weight:600;margin:2px 0 0;line-height:1.35}
.r-tempo h3{margin:0 0 4px;font-size:1.16rem}
.r-tempo p{font-size:1.02rem;line-height:1.55;margin:0;color:var(--grigio)}
.r-tempo .r-quando{color:var(--inchiostro)}
.r-passi{list-style:none;counter-reset:passo;display:grid;gap:0;border-top:1px solid var(--linea)}
.r-passi li{counter-increment:passo;display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:10px;padding:18px 0;border-bottom:1px solid var(--linea)}
.r-passi li::before{content:counter(passo);grid-row:1/3;font-family:var(--titoli);font-weight:300;font-size:2.1rem;line-height:1;color:var(--ottone)}
.r-passi h3{margin:0 0 4px;font-size:1.16rem}
.r-passi p{grid-column:2;font-size:1.02rem;line-height:1.55;margin:0;color:var(--grigio)}
.r-scelta{border-radius:16px;padding:26px 28px;background:var(--notte);color:#F6F4EE}
.r-scelta h3{margin:0 0 16px;font-family:var(--titoli);font-weight:300;font-size:1.5rem;letter-spacing:-.018em}
.r-scelta ol{list-style:none;counter-reset:dom}
.r-scelta li{counter-increment:dom;padding:16px 0;border-top:1px solid var(--linea-notte)}
.r-domanda{font-size:1.12rem;line-height:1.4;margin:0 0 10px}
.r-domanda::before{content:counter(dom) ". ";font-family:var(--sans);font-size:.86em;color:var(--ottone-chiaro);font-weight:600}
.r-risposte{display:none;gap:10px;margin:0}
.r-risposte button{height:40px;min-width:74px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#F6F4EE;font-family:var(--sans);font-weight:600;font-size:.86rem}
.r-risposte button:hover{border-color:var(--ottone-chiaro);color:var(--ottone-chiaro)}
.r-risposte button[aria-pressed="true"]{background:var(--ottone-chiaro);border-color:var(--ottone-chiaro);color:#141D27}
.r-se{display:grid;gap:4px;margin:0;font-family:var(--sans);font-size:.88rem;line-height:1.45;color:#B9C6D4}
.r-scelta.vivo .r-risposte{display:flex}
.r-scelta.vivo .r-se{display:none}
.r-scelta.vivo li.dopo{display:none}
.r-scelta.vivo li.fatta .r-domanda{color:#B9C6D4}
.r-verdetto{margin:14px 0 0;padding:16px 18px;border-radius:12px;font-size:1.06rem;line-height:1.5;background:rgba(255,255,255,.07);border-left:3px solid var(--ottone-chiaro)}
.r-verdetto.stop{border-left-color:var(--allarme);border-left-color:#E59A86}
.r-azioni{margin:10px 0 0}
.r-scelta .testuale{color:#B9C6D4}
.r-barre figcaption,.r-curva figcaption,.r-gruppo figcaption{font-family:var(--sans);font-size:.84rem;font-weight:600;margin-bottom:14px}
.r-barra{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:9px 0;border-top:1px solid var(--linea);font-family:var(--sans);font-size:.88rem}
.r-b-pista{height:14px;border-radius:7px;background:rgba(127,140,155,.18);overflow:hidden}
.r-b-pieno{display:block;height:100%;width:var(--w);border-radius:7px;background:var(--blu);transform-origin:0 50%}
.r-barra.limite .r-b-pieno{background:var(--ottone)}
.r-barra.oltre .r-b-pieno{background:var(--allarme)}
.r-barra.vuoto .r-b-pieno{background:repeating-linear-gradient(135deg,var(--ottone) 0 4px,transparent 4px 8px)}
.r-b-val{font-weight:600;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.r-b-nota{grid-column:2/4;color:var(--grigio);font-size:.8rem;margin-top:-2px}
.r-curva svg{width:100%;height:auto;background:var(--bianco);border:1px solid var(--linea);border-radius:14px}
.r-curva text{font-family:var(--sans);font-size:11px;fill:var(--grigio)}
.r-griglia{stroke:var(--linea);stroke-width:1}
.r-zero{stroke:var(--grigio);stroke-width:1;stroke-dasharray:3 4}
.r-linea{fill:none;stroke:var(--blu);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.r-area{fill:var(--blu);opacity:.1}
.r-punto{fill:var(--allarme);stroke:var(--bianco);stroke-width:2}
.r-curva .r-minimo{font-size:12px;font-weight:600;fill:var(--allarme)}
.r-scorri{overflow-x:auto;padding:18px;background:var(--bianco);border:1px solid var(--linea);border-radius:14px}
.r-scorri svg{display:block;margin:0 auto;max-width:none}
.r-nodo rect{fill:var(--carta);stroke:var(--blu);stroke-width:1.4}
.r-nodo.richiedente rect{fill:var(--notte);stroke:var(--notte)}
.r-nodo.richiedente text{fill:#F6F4EE}
.r-nodo.fuori rect{stroke:var(--grigio);stroke-dasharray:4 4;fill:transparent}
.r-nome{font-family:var(--sans);font-size:13px;font-weight:600;fill:var(--inchiostro)}
.r-nota{font-family:var(--sans);font-size:10.5px;fill:var(--grigio)}
.r-nodo.richiedente .r-nota{fill:#B9C6D4}
.r-arco{fill:none;stroke:var(--blu);stroke-width:1.3}
.r-arco.fuori{stroke:var(--grigio);stroke-dasharray:4 4}
.r-legame{font-family:var(--sans);font-size:10.5px;font-weight:600;fill:var(--ottone);paint-order:stroke;stroke:var(--bianco);stroke-width:4px}
.r-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-family:var(--sans);font-size:.78rem;color:var(--grigio);margin:12px 0 0}
.r-legenda span{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:-10px;border:1.4px solid var(--blu);background:var(--carta)}
.r-legenda .richiedente{background:var(--notte);border-color:var(--notte)}
.r-legenda .fuori{border-style:dashed;border-color:var(--grigio);background:transparent}
.r-solo-lettori{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.r-strumento{display:grid;gap:4px;border-radius:16px;padding:22px 26px;background:var(--bianco);border:1px solid var(--linea);color:var(--inchiostro);text-decoration:none;transition:border-color .3s,box-shadow .4s,transform .4s var(--molla)}
.r-strumento:hover{border-color:var(--ottone);box-shadow:0 30px 60px -40px var(--ombra);transform:translateY(-2px);color:var(--inchiostro)}
.r-strumento strong{font-family:var(--titoli);font-weight:300;font-size:1.5rem;letter-spacing:-.018em;line-height:1.15}
.r-strumento > span:nth-child(3){color:var(--grigio);font-size:1rem;line-height:1.5;margin-bottom:8px}
.r-video video{width:100%;border-radius:14px;background:var(--notte)}
.r-video figcaption{font-family:var(--sans);font-size:.82rem;color:var(--grigio);margin-top:8px}
.segui{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:34px 0 10px;padding:26px 28px;border-radius:18px;background:var(--bianco);border:1px solid var(--linea)}
.segui h2{font-family:var(--titoli);font-weight:300;font-size:1.6rem;letter-spacing:-.02em;margin:0 0 6px}
.segui p{margin:0;color:var(--grigio);font-size:1rem;line-height:1.5;max-width:30em}
.fonti{list-style:none;font-family:var(--sans);font-size:.88rem;line-height:1.5}
.fonti li{margin-bottom:6px}
.elenco-note{display:grid;gap:6px;font-size:1.02rem;margin:0}
.guide-righe{list-style:none;border-top:1px solid var(--linea);margin-bottom:26px}
.guide-righe a{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--linea);color:var(--inchiostro);text-decoration:none;transition:padding .45s var(--molla)}
.guide-righe a:hover{padding-left:14px;color:var(--inchiostro)}
.guide-righe .num{font-family:var(--titoli);font-style:italic;font-weight:300;font-size:1.7rem;color:var(--ottone);line-height:1}
.guide-righe .corpo{display:grid;gap:6px}
.guide-righe .corpo:first-child{grid-column:1/3}
.guide-righe strong{font-family:var(--titoli);font-weight:300;font-size:clamp(1.4rem,2.5vw,2.05rem);letter-spacing:-.022em;line-height:1.12}
.guide-righe a:hover strong{color:var(--ottone)}
.guide-righe .corpo > span{color:var(--grigio);font-size:1.02rem;line-height:1.5;max-width:44em}
.guide-righe .min{font-family:var(--sans);font-size:.8rem;color:var(--grigio);white-space:nowrap}
.guide-casa{background:var(--bianco);border-top:1px solid var(--linea)}
.catalogo.guide{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (prefers-reduced-motion:no-preference){
  .js .r-barre .r-b-pieno{transform:scaleX(0);transition:transform 1.1s var(--molla)}
  .js .r-barre.vista .r-b-pieno{transform:none}
  .js .r-barre .r-barra:nth-child(3) .r-b-pieno{transition-delay:.08s}
  .js .r-barre .r-barra:nth-child(4) .r-b-pieno{transition-delay:.16s}
  .js .r-barre .r-barra:nth-child(5) .r-b-pieno{transition-delay:.24s}
  .js .r-curva .r-linea{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--molla) .2s}
  .js .r-curva.vista .r-linea{stroke-dashoffset:0}
  .js .r-curva .r-area,.js .r-curva .r-punto,.js .r-curva .r-minimo{opacity:0;transition:opacity .6s 1.2s}
  .js .r-curva.vista .r-area{opacity:.1}
  .js .r-curva.vista .r-punto,.js .r-curva.vista .r-minimo{opacity:1}
  .js .r-tempo::before{transform:scaleY(0);transition:transform 1.3s var(--molla)}
  .js .r-tempo.vista::before{transform:none}
}
@media (max-width:900px){
  .guida-griglia{grid-template-columns:minmax(0,1fr);gap:22px}
  .blocco{grid-template-columns:minmax(0,1fr)}
  .guida-indice,.appro-lato{position:static}
  .guida-indice ol{display:flex;gap:6px;overflow-x:auto;border:0;padding-bottom:6px;scrollbar-width:none}
  .guida-indice a{white-space:nowrap;border:1px solid var(--linea);border-radius:999px;padding:6px 13px;margin:0}
  .r-tempo li{grid-template-columns:1fr;gap:2px}
  .r-barra{grid-template-columns:minmax(0,1fr) auto}
  .r-b-pista{grid-column:1/3;grid-row:2}
  .r-b-nota{grid-column:1/3}
  .guide-righe a{grid-template-columns:40px minmax(0,1fr)}
  .guide-righe .min{grid-column:2}
  .catalogo.guide{grid-template-columns:1fr}
  .r-riquadro,.r-esempio,.r-scelta{padding:20px 18px 14px}
}
@media print{.guida-indice,.segui,.r-risposte,.r-azioni{display:none !important}.guida-griglia{grid-template-columns:1fr}.r-breve,.r-scelta{background:#fff;color:#000;border:1pt solid #000}.r-se{color:#000}}
.ricco .r-riquadro :is(h2,h3){font-family:var(--sans);font-size:.8rem;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--ottone);margin:0 0 12px}
.ricco .r-breve :is(h2,h3){color:var(--ottone-chiaro)}
.ricco .r-errori :is(h2,h3){color:var(--allarme)}
.piede-colonne a{padding:6px 0}
.gettoni.ancore{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.gettoni.ancore a{font-family:var(--sans);font-size:.84rem;border:1px solid var(--linea);border-radius:999px;padding:8px 16px;color:var(--inchiostro);text-decoration:none;background:var(--bianco)}
.gettoni.ancore a:hover{border-color:var(--ottone);color:var(--ottone)}
.gettoni.ancore span{color:var(--grigio);margin-left:4px}
.rubrica-guide{scroll-margin-top:90px}
.rubrica-testa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:28px;align-items:end;margin-bottom:22px}
.rubrica-testa h2{font-family:var(--titoli);font-weight:300;font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:-.028em;line-height:1.05;margin:0}
.rubrica-testa p{margin:0;color:var(--grigio);font-size:1.04rem;line-height:1.5}
@media (max-width:900px){.rubrica-testa{grid-template-columns:1fr;gap:8px}}