/* Asset comuni alle dieci prove: icone, frecce, trama. Le categorie di ogni versione stanno nel suo vN.css
   (questo foglio si carica dopo: qui niente regole sui riquadri, altrimenti coprirebbero quelle delle versioni). */
.c__icona { display:block; flex:none; width:28px; height:28px; background:currentColor; -webkit-mask:var(--icona) center / contain no-repeat; mask:var(--icona) center / contain no-repeat; }
.cosa__link a { display:inline-flex; align-items:center; gap:6px; }
.cosa__link a::after { content:""; flex-shrink:0; width:20px; height:11px; background:currentColor; -webkit-mask:url('../asset/beige/freccia.svg') center / contain no-repeat; mask:url('../asset/beige/freccia.svg') center / contain no-repeat; }
.piede::before { content:""; display:block; width:100px; height:22px; margin:0 auto 18px; background:var(--acc); opacity:.65; -webkit-mask:url('../asset/beige/cresta.svg') center / contain no-repeat; mask:url('../asset/beige/cresta.svg') center / contain no-repeat; }
/* Una sola mappa asimmetrica, più rarefatta dietro la testata. Nessuna ripetizione o specchiatura. */
body.nv { position:relative; isolation:isolate; }
body.nv::after { content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; background:#242834; opacity:.045; -webkit-mask:url('../asset/beige/topografia-naturale.svg') center top / cover no-repeat; mask:url('../asset/beige/topografia-naturale.svg') center top / cover no-repeat; }
.nv .sponsor__box { background-color:var(--beige); }
.c__voci a:hover, .c__voci a:focus-visible, .c__voci .c__tutto { background:var(--acc); color:var(--beige); }
.c__voci .c__tutto:hover { background:var(--ink); color:var(--beige); }
.nv2 .foto__f::before { background:url('../asset/beige/nastro.svg') center / 100% 100% no-repeat; box-shadow:none; }
.nv2 .nome::after { height:10px; border:0; background:var(--acc); -webkit-mask:url('../asset/beige/sottolineatura.svg') center / 100% 100% no-repeat; mask:url('../asset/beige/sottolineatura.svg') center / 100% 100% no-repeat; }

@media(max-width:760px) {
  .nv .cosa { min-width:0; }
  .nv .cosa__titolo, .nv .cosa__link a { overflow-wrap:anywhere; }
}
