/* =========================================================================
   Impaginato: intestazioni di sezione, elenchi, stati vuoti, paginazione.
   ========================================================================= */

.intestazione--pagina { margin-bottom: var(--sezione-s); }
.intestazione--pagina .intestazione__meta { margin-bottom: var(--s-5); }

.pagina__corpo > * + * { margin-top: 1.2em; }
.pagina__corpo h2 {
  font-family: var(--f-display);
  font-size: var(--t-xl);
  line-height: var(--lh-media);
  margin-top: 1.8em;
}
.pagina__corpo h3 { font-size: var(--t-l); font-weight: 500; margin-top: 1.6em; }
.pagina__corpo a { border-bottom: 1px solid var(--c-pietra); }
.pagina__corpo a:hover { border-bottom-color: var(--c-inchiostro); }

.elenco__voce { padding-block: var(--s-6); }
.elenco__voce h2 { margin-bottom: var(--s-3); }

.vuoto {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--s-5);
  padding-block: var(--s-8);
  border-top: 1px solid var(--c-filetto);
}

.paginazione {
  margin-top: var(--sezione-s);
  padding-top: var(--s-5);
  border-top: 1px solid var(--c-filetto);
}
.paginazione .nav-links { display: flex; gap: var(--s-4); flex-wrap: wrap; }
.paginazione a, .paginazione .current {
  font-size: var(--t-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
}
.paginazione .current { color: var(--c-ombra); }

.briciole { font-size: var(--t-xs); color: var(--c-ombra); margin-bottom: var(--s-5); }
.briciole__sep { margin-inline: 0.5em; color: var(--c-pietra); }