/* Analytics nei pannelli: ogni scheda si adatta alla PROPRIA larghezza (container query sul pannello, nome pnp; i quattro numeri usano data-pn-w). */
.pn-flow>.kpis.an-k[data-pn-w]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.pn-flow>.kpis.an-k[data-pn-w=xs],.pn-flow>.kpis.an-k[data-pn-w=s]{grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-flow>.kpis.an-k[data-pn-w=xs] .kpi .n,.pn-flow>.kpis.an-k[data-pn-w=s] .kpi .n{font-size:24px}
.an-tm{min-width:0}
/* l'imbuto passo per passo: stretto, il numero va a fianco del titolo e la barra sotto (prima lo faceva la pagina sotto i 760 px) */
@container pnp (max-width:640px){
  .an-st{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
  .an-bw{grid-column:1/3;grid-row:2/3}
  .an-sv{grid-column:2/3;grid-row:1/2}
  .an-eu b{font-size:var(--t4)}
}
@container pnp (max-width:420px){
  .an-ch2 h3,.an-ah h3{font-size:var(--t2)}
  .an-fr{font-size:var(--t2)}
  .an-ah{flex-wrap:wrap}
}
.an-confr .tw{max-width:100%}
