/* pj-redazione: tessere, gallerie, staff, frecce delle notizie e glossario.
   Usa solo le variabili che ogni progetto definisce già per pj-base (--superficie --campo --testo --testo-2 --linea
   --bordo-campo --accento --pulsante --pulsante-testo): nessun colore scritto a mano. */
/* Gallerie e tessere (notizie, gallerie) */
.galleria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:1rem;list-style:none;margin:1rem 0;padding:0}
.galleria.tre{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
.tessera{display:flex;flex-direction:column;gap:.3rem;height:100%;text-decoration:none;color:var(--testo);
  background:var(--superficie);border:1px solid var(--linea);border-radius:.5rem;padding:.5rem}
.tessera:hover{border-color:var(--accento)}
.tessera:hover .tessera-titolo{text-decoration:underline}
/* Immagine standard di una notizia (o voce, o galleria) senza foto: sagoma su campo, dalle variabili; il progetto cambia la sagoma con la stessa regola nel suo foglio */
.tessera-vuota::after{content:"";position:absolute;inset:18%;background:var(--accento);
  -webkit-mask:url("notizia-standard.49f74ece0444.svg") center/contain no-repeat;mask:url("notizia-standard.49f74ece0444.svg") center/contain no-repeat}
.tessera img,.tessera-vuota{display:block;position:relative;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:.3rem;background:var(--campo)}
.tessera-titolo{font-weight:700;overflow-wrap:anywhere}
.tessera-sotto{color:var(--testo-2);font-size:.9rem;margin:0}
.tessera-testo{color:var(--testo-2);font-size:.95rem}
.galleria-foto{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.8rem;margin:1rem 0}
.figura{margin:0}
.figura img{display:block;width:100%;height:auto;border-radius:.3rem}
.figura figcaption{color:var(--testo-2);font-size:.9rem;margin-top:.3rem}
.riquadro-foto{border:1px solid var(--linea);border-radius:.4rem;padding:.5rem 1rem;margin:0 0 1rem}
.anteprima{display:block;max-width:10rem;height:auto;margin:.3rem 0}

/* Staff */
.persona{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:1rem 1.5rem;align-items:start;
  border-top:1px solid var(--linea);padding:1.2rem 0}
.persona h2{margin-top:0}
.ritratto{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid var(--accento)}
@media (max-width:36em){.persona{grid-template-columns:minmax(0,1fr)}.ritratto{max-width:10rem}}

/* Notizie: frecce e «Invia a un amico» */
.condividi{margin:1.5rem 0}
.frecce-notizie ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;list-style:none;margin:2rem 0 0;padding:1rem 0 0;border-top:1px solid var(--linea)}
.frecce-notizie li{flex:1 1 16rem;max-width:100%}
.frecce-notizie .freccia-dopo{text-align:right}
.frecce-notizie a{display:inline-flex;flex-wrap:wrap;gap:.2rem .4rem;align-items:baseline;text-decoration:none}
.frecce-notizie .freccia-dopo a{justify-content:flex-end}
.freccia-cosa{display:block;width:100%;color:var(--testo-2);font-size:.9rem}
.freccia-titolo{font-weight:700;text-decoration:underline;overflow-wrap:anywhere}

/* Glossario */
.galleria.glossario{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.4rem),1fr));gap:.6rem}
.galleria.glossario .tessera{padding:.3rem}
.galleria.glossario .tessera-titolo,.galleria.glossario .tessera-sotto{font-size:.85rem}
.filtri ul{display:flex;flex-wrap:wrap;gap:.4rem .6rem;list-style:none;margin:1rem 0;padding:0}
.filtri a{display:inline-block;padding:.3rem .8rem;border:1px solid var(--bordo-campo);border-radius:2rem;text-decoration:none;color:var(--testo)}
.filtri a[aria-current=page]{background:var(--pulsante);border-color:var(--pulsante);color:var(--pulsante-testo)}
.voce-corpo{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:1.5rem;align-items:start}
.voce-corpo .figura img{border-radius:.4rem}
@media (max-width:48em){.voce-corpo{grid-template-columns:minmax(0,1fr)}}

.campo.scelte{border:1px solid var(--linea);border-radius:.4rem;padding:.5rem 1rem}
.etichette{display:flex;flex-wrap:wrap;gap:.3rem .4rem;list-style:none;margin:.2rem 0 .6rem;padding:0}
.etichette li{border:1px solid var(--accento);color:var(--testo);border-radius:2rem;padding:.05rem .7rem;font-size:.9rem}
.qualifiche{margin:.3rem 0 .8rem;padding-left:1.2rem;color:var(--testo-2)}

/* Paginazione degli elenchi (notizie) */
.pagine-elenco{margin:1.5rem 0}
.pagine-elenco ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1rem;list-style:none;margin:0;padding:0}
.pagine-elenco a{display:inline-block;padding:.45rem 1rem;border:1px solid var(--bordo-campo);border-radius:2rem;text-decoration:none;color:var(--testo)}
.pagine-elenco a:hover{border-color:var(--accento);text-decoration:underline}
.pagine-elenco [aria-current=page]{color:var(--testo-2)}