/* Il minimo comune a tutte le vesti: niente aspetto, solo ciò che non deve mancare a nessuna. */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }

.salta { position: absolute; left: 0.5rem; top: -6rem; z-index: 100; padding: 0.7rem 1rem; background: #111; color: #fff; }
.salta:focus { top: 0.5rem; }
.solo-lettori { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Barra provvisoria delle proposte grafiche: stile suo, uguale sotto ogni veste. */
.prova-vesti { all: initial; display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem 1rem; padding: 0.4rem 1rem; background: #1d1d1b; color: #fff; font: 500 0.875rem/1.3 system-ui, -apple-system, "Segoe UI", Arial, sans-serif; }
.prova-vesti .prova-vesti__titolo { margin: 0; font-weight: 700; }
.prova-vesti .prova-vesti__elenco { display: flex; flex-wrap: wrap; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
.prova-vesti .prova-vesti__elenco a { display: inline-block; padding: 0.45rem 0.8rem; border: 1px solid #77756f; color: #fff; text-decoration: none; }
.prova-vesti .prova-vesti__elenco a:hover { border-color: #fff; }
.prova-vesti .prova-vesti__elenco a[aria-current="true"] { background: #fff; color: #1d1d1b; border-color: #fff; }
.prova-vesti .prova-vesti__elenco a:focus-visible { outline: 3px solid #ffd24a; outline-offset: 2px; }