html:has(dialog.demo-dietro[open]){overflow:hidden}.demo-dietro{border:1px solid var(--linea-forte);background:var(--carta);width:min(1180px,100vw - 48px);max-width:none;max-height:calc(100dvh - 40px);color:var(--testo);border-radius:20px;flex-direction:column;padding:0;display:none;overflow:hidden}.demo-dietro[open]{display:flex}.demo-dietro::backdrop{backdrop-filter:blur(6px);background:#040508cc}.demo-dietro__testata{justify-content:space-between;align-items:center;gap:16px;padding:22px 28px 14px;display:flex}.demo-dietro__titolo{letter-spacing:-.04em;margin:0;font-size:clamp(1.2rem,2.4vw,1.8rem);line-height:1.15}.demo-dietro__chiudi,.demo-dietro__pausa{border:1px solid var(--linea-forte);min-height:44px;color:var(--testo);font:500 var(--fs-small) / 1.4 var(--font-testo);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:10px 14px}.demo-dietro__chiudi:hover,.demo-dietro__pausa:hover{border-color:var(--accento);background:var(--input-bg)}.demo-dietro :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.demo-dietro p{max-width:none}.demo-dietro__onesta{border-bottom:1px solid var(--linea);color:var(--testo-secondario);font-size:var(--fs-small);flex-shrink:0;margin:0;padding:0 28px 18px;line-height:1.5}.demo-dietro__corpo{overscroll-behavior:contain;min-height:0;padding:22px 28px;overflow:auto}.demo-dietro__percorso{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.demo-dietro__tappa{min-width:0;color:var(--testo-secondario);font:500 var(--fs-small) / 1.35 var(--font-testo);cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:0;display:grid;position:relative}.demo-dietro__tappa:not(:last-child):after,.demo-dietro__flusso{content:"";background:var(--linea-forte);pointer-events:none;width:calc(100% - 40px);height:2px;position:absolute;top:20px;left:calc(50% + 28px)}.demo-dietro__flusso{z-index:1;background:var(--accento);transform-origin:0;transform:scaleX(0)}.demo-dietro__tappa.is-completa .demo-dietro__flusso{transform:scaleX(1)}.demo-dietro__numero{border:1px solid var(--linea-forte);background:var(--carta);width:42px;height:42px;font:500 .8rem / 1 var(--font-mono);border-radius:50%;place-items:center;display:grid}.demo-dietro__tappa[aria-current],.demo-dietro__tappa:hover{color:var(--testo)}.demo-dietro__tappa[aria-current] .demo-dietro__numero{border-color:var(--accento);background:var(--accento);color:var(--notte);box-shadow:0 0 0 5px #a99cff1a}.demo-dietro__tappa.is-completa .demo-dietro__numero{border-color:var(--accento);color:var(--accento)}.demo-dietro__fasi{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.demo-dietro__fase{border:1px solid var(--linea);background:var(--input-bg);border-radius:10px;flex-direction:column;min-width:0;padding:16px 14px;display:flex}.demo-dietro__fase.is-attiva{border-color:var(--accento);box-shadow:0 0 0 1px var(--accento)}.demo-dietro svg{flex-shrink:0;width:22px;height:22px}.demo-dietro__luogo{color:var(--testo-secondario);font-size:var(--fs-label);align-items:center;gap:8px;line-height:1.4;display:flex}.demo-dietro__luogo svg{color:var(--accento)}.demo-dietro__fase h3{letter-spacing:-.025em;min-height:1.3em;margin:12px 0;font-size:1rem;line-height:1.3}.demo-dietro__visuale{border:1px solid var(--linea);background:var(--carta);border-radius:5px;flex:1;min-width:0;min-height:232px;padding:12px}.demo-dietro__documento{font-size:var(--fs-small);margin-bottom:10px;font-weight:550;display:block}.demo-dietro__campi{gap:10px;margin:0;display:grid}.demo-dietro__campo{min-width:0}.demo-dietro__campo dt{color:var(--testo-secondario);font-size:var(--fs-label);margin-bottom:3px;line-height:1.3}.demo-dietro__campo dd{overflow-wrap:anywhere;margin:0;font-size:.74rem;line-height:1.4}.demo-dietro__valore{color:var(--accento-forte);box-decoration-break:clone;background:#a99cff1f;padding:1px 3px}.demo-dietro__token{border:1px solid var(--linea-forte);background:var(--input-bg);color:var(--accento-forte);font:400 .68rem / 1.4 var(--font-mono);overflow-wrap:anywhere;border-radius:4px;padding:3px 5px;display:inline-block}.demo-dietro__mittente,.demo-dietro__messaggio,.demo-dietro__firma{overflow-wrap:anywhere;font-size:.76rem;line-height:1.65}.demo-dietro__mittente{border-bottom:1px solid var(--linea);padding-bottom:12px}.demo-dietro__messaggio{margin-top:16px}.demo-dietro__firma{margin-top:18px}.demo-dietro__sostituzioni{gap:14px;margin:0;padding:0;list-style:none;display:grid}.demo-dietro__sostituzioni li{line-height:1.4}.demo-dietro__prima{color:var(--testo-secondario);overflow-wrap:anywhere;text-decoration:line-through;text-decoration-color:var(--linea-forte);margin-bottom:5px;font-size:.72rem;line-height:1.4;display:block}.demo-dietro__cambio{color:var(--accento);margin-right:6px}.demo-dietro__modello{border-bottom:1px dashed var(--linea-forte);color:var(--accento);font:500 .8rem / 1 var(--font-mono);justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.demo-dietro__modello svg{width:30px;height:30px}.demo-dietro__esito{border-top:1px solid var(--linea);color:var(--accento-forte);font-size:var(--fs-label);align-items:center;gap:7px;margin:14px 0 0;padding-top:12px;line-height:1.4;display:flex}.demo-dietro__spiegazione{min-height:4.5em;color:var(--testo-secondario);margin:14px 0 0;font-size:.76rem;line-height:1.5}.demo-dietro__mappa{font-size:var(--fs-small);align-items:center;gap:12px;margin-top:18px;padding:0 6px;line-height:1.5;display:flex}.demo-dietro__mappa>svg{color:var(--accento)}.demo-dietro__mappa strong{font-weight:550}.demo-dietro__mappa p{color:var(--testo-secondario);font-size:var(--fs-label);margin:2px 0 0}.demo-dietro__comandi{border-top:1px solid var(--linea);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.demo-dietro__stato{color:var(--testo-secondario);font-size:var(--fs-small);margin:0;line-height:1.4}.demo-dietro__pausa[hidden]{display:none}@media (width>=1000px){.demo-dietro__mappa>div{align-items:baseline;gap:12px;display:flex}.demo-dietro__mappa strong{flex-shrink:0}.demo-dietro__mappa p{margin:0}}@media (width>=1000px) and (height<=800px){.demo-dietro__testata{padding:16px 24px 10px}.demo-dietro__onesta{padding:0 24px 12px}.demo-dietro__corpo{padding:8px 24px}.demo-dietro__percorso{margin-bottom:10px}.demo-dietro__fase{padding:12px}.demo-dietro__fase h3{margin:6px 0;font-size:.94rem}.demo-dietro__visuale{min-height:210px;padding:10px}.demo-dietro__spiegazione{margin-top:10px}.demo-dietro__mappa{margin-top:14px}.demo-dietro__comandi{padding:10px 24px}}@media (width<=999px){.demo-dietro{width:min(680px,100vw - 24px)}.demo-dietro__fasi{grid-template-columns:minmax(0,1fr)}.demo-dietro__fase h3{min-height:0}.demo-dietro__visuale{flex:none;min-height:250px}.demo-dietro__spiegazione{min-height:3em}@media (prefers-reduced-motion:no-preference){.demo-dietro__fase:not(.is-attiva){display:none}}}@media (width<=599px){.demo-dietro{border-radius:14px;max-height:calc(100dvh - 24px)}.demo-dietro__testata{align-items:start;padding:16px}.demo-dietro__titolo{max-width:16ch}.demo-dietro__chiudi{max-width:90px;font-size:var(--fs-label);padding:8px}.demo-dietro p{max-width:none}.demo-dietro__onesta{font-size:var(--fs-label);padding:0 16px 14px}.demo-dietro__corpo{padding:16px}.demo-dietro__percorso{gap:8px}.demo-dietro__tappa{font-size:var(--fs-label)}.demo-dietro__tappa:not(:last-child):after,.demo-dietro__flusso{width:calc(100% - 32px);top:16px;left:calc(50% + 20px)}.demo-dietro__numero{width:34px;height:34px}.demo-dietro__comandi{flex-wrap:wrap;padding:12px 16px}.demo-dietro__stato{font-size:var(--fs-label)}}