#btnGriglia .nove-punti{display:block;width:25px;height:25px;fill:currentColor;
  transition:transform .65s cubic-bezier(.3,.7,.2,1)}
@media (prefers-reduced-motion:reduce){
  #btnGriglia .nove-punti{transition-property:transform !important;transition-duration:.65s !important}
}
#btnGriglia:hover .nove-punti{transform:scale(1.08) rotate(-4deg)}
body[data-vista="griglia"] #btnGriglia{transform:none;-webkit-text-stroke:0}
body[data-vista="griglia"] #btnGriglia .nove-punti{transform:rotate(90deg)}
.etichetta-segno{position:absolute;bottom:52px;transform:translateX(-50%);white-space:nowrap;
  font-family:var(--hand);font-weight:600;font-size:21px;line-height:1;color:var(--ox);
  opacity:0;transition:opacity .25s ease;pointer-events:none}
.etichetta-segno.vista{opacity:1}
body.v4 .griglia{display:flex;align-items:flex-start;gap:1.6vw;padding-left:2.4vw}
body.v4 .griglia-int{flex:1;min-width:0}
.indice-griglia{position:sticky;top:0;flex:none;width:clamp(8.5rem,11vw,11rem);padding:5vh 0 4rem}
.indice-lista{display:flex;flex-direction:column}
.indice-griglia .voce{display:grid;grid-template-columns:2.3rem 1fr;align-items:baseline;gap:.25rem;
  padding:.42rem 0;border-bottom:1px solid rgba(35,31,32,.12);text-align:left;cursor:pointer;
  font:inherit;color:var(--ink);transition:opacity .25s ease, transform .25s ease}
.indice-griglia .voce .n{font-family:var(--num);color:var(--ox);font-size:15px;line-height:1}
.indice-griglia .voce .nome{font-family:sans-serif;font-size:12.5px;line-height:1.2}
.indice-griglia .voce .corso{font-family:var(--hand);font-weight:600;color:var(--ox);font-size:13px;white-space:nowrap}
.indice-griglia .voce:hover .nome{color:var(--ox)}
.indice-lista:has(.accesa) .voce{opacity:.38}
.indice-lista .voce.accesa{opacity:1 !important;transform:translateX(.25rem)}
body.v4 .gt{transition:opacity .4s ease, filter .4s ease}
.griglia.filtra .gt{opacity:.12;filter:grayscale(.6)}
.griglia.filtra .gt.si{opacity:1;filter:none}
@media (max-width:700px){
  body.v4 .griglia{display:block;padding-left:3%}
  .indice-griglia{position:sticky;top:0;z-index:3;width:auto;margin:0 -3.5%;padding:1.2rem 3.5% .7rem;
    background:var(--paper) url('Background.webp') center/cover no-repeat}
  .indice-lista{position:relative;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:1.3rem;-webkit-overflow-scrolling:touch}
  .indice-lista::-webkit-scrollbar{display:none}
  .indice-griglia .voce{flex:none;display:flex;gap:.45rem;padding:.35rem 0;border-bottom:0;white-space:nowrap}
  .indice-griglia .voce .n{font-size:21px}
  .indice-griglia .voce .nome{font-size:16px}
  .indice-griglia .voce .corso{display:none}
}