@charset "UTF-8";
/* ══ anotherworld-edizione.css — le tre pagine dell'edizione delle 18 ══
 *
 * L'edizione (`/rassegna/<data>/`), la voce (`/rassegna/<data>/voce/<slug>/`) e
 * il dossier (`/dossier/<slug>/`). Sta **sopra** i due fogli del sito
 * (`anotherworld-home.css` per la testata e il footer, `anotherworld-rassegna.css`
 * per `.rassegna-wrap` e la testata dell'edizione) e aggiunge solo le classi
 * nuove: sezioni, voci in elenco, testo della voce, capitoli del dossier, nota su
 * come nasce l'edizione, e la riga d'archivio delle vecchie rassegne (D2).
 *
 * Regole: bianco e nero (le variabili del sito), nessuna immagine, nessun
 * JavaScript, bersagli ≥ 44 px al tocco, nessuno scorrimento orizzontale a 320 px,
 * testo non più largo di 70 caratteri. Tutte le misure in `rem`/`ch`/`clamp()`:
 * la pagina si legge a 320 px come a 1280.
 */

/* ── le sezioni dell'edizione ─────────────────────────────────────────── */
.ed-sezione { margin: 2.4rem 0 0; }
.ed-sezione__titolo {
  font-family: var(--serif, 'Libre Baskerville', Georgia, serif);
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.15;
  margin: 0 0 .8rem;
  padding-bottom: .35rem;
  border-bottom: 3px solid var(--black, #0a0a0a);
}
.ed-sezione__nota {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .75rem;
  letter-spacing: .06em;
  color: var(--mid, #4a4a4a);
  margin: 0 0 .8rem;
}

/* ── le voci in elenco: una colonna al telefono, due a tablet, tre a schermo largo ── */
.ed-voci {
  list-style: none;
  margin: 1.2rem 0 0;
  padding: 0;
  display: grid;
  gap: clamp(1rem, 2vw, 1.6rem);
  grid-template-columns: 1fr;
}
@media (min-width: 48rem) { .ed-voci { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 90rem) { .ed-voci { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ed-voce {
  padding: .9rem 0;
  border-bottom: 1px solid var(--light, #e3e0d8);
  min-width: 0;               /* il testo lungo non allarga la griglia */
}
.ed-voce__tema {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .7rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mid, #4a4a4a);
  margin: 0 0 .35rem;
}
.ed-voce__titolo {
  font-family: var(--serif, 'Libre Baskerville', Georgia, serif);
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.2;
  margin: 0 0 .45rem;
  hyphens: none;
  overflow-wrap: anywhere;    /* una parola lunga non sfonda a 320 px */
}
.ed-voce__titolo a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid var(--light, #e3e0d8);
}
.ed-voce__titolo a:hover,
.ed-voce__titolo a:focus { border-bottom-color: var(--black, #0a0a0a); }
.ed-voce__titolo a:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.ed-voce__estratto {
  font-size: clamp(14px, 1.2vw, 16px);
  line-height: 1.55;
  margin: 0 0 .5rem;
  max-width: 62ch;
}
.ed-voce__meta {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .72rem;
  color: var(--mid, #4a4a4a);
  margin: 0;
  overflow-wrap: anywhere;
}
.ed-voce__invito {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin: .5rem 0 0;
}
.ed-voce__invito a {
  display: inline-block;
  padding: .55rem 0;
  min-height: 44px;           /* bersaglio al tocco */
  color: var(--black, #0a0a0a);
}

/* ── la stampa italiana e «Fuori dal coro»: righe a tutta colonna ── */
.ed-riga {
  padding: .9rem 0;
  border-bottom: 1px solid var(--light, #e3e0d8);
}
.ed-riga__titolo {
  font-family: var(--serif, 'Libre Baskerville', Georgia, serif);
  font-size: clamp(17px, 1.6vw, 21px);
  margin: 0 0 .35rem;
}
.ed-riga p { max-width: 70ch; margin: 0 0 .7em; }
.ed-riga p:last-child { margin-bottom: 0; }

/* ── lo stato «edizione corta» / «non ancora uscita» ── */
.edizione-in-corso {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .78rem;
  letter-spacing: .04em;
  color: var(--mid, #4a4a4a);
  border-left: 3px solid var(--black, #0a0a0a);
  padding: .6rem .8rem;
  margin: 1.2rem 0 0;
}

/* ── la voce: il testo a misura d'articolo ────────────────────────────── */
.voce-corpo { max-width: 65ch; margin: 1.4rem 0 0; }
.voce-corpo p {
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.75;
  margin: 0 0 1.1em;
}
.voce-corpo h2 {
  font-family: var(--serif, 'Libre Baskerville', Georgia, serif);
  font-size: clamp(18px, 2vw, 22px);
  margin: 1.8rem 0 .6rem;
}
.voce-corpo ul { padding-left: 1.2rem; margin: 0 0 1.2em; max-width: 65ch; }
.voce-corpo li { margin-bottom: .6em; line-height: 1.6; }

.voce-meta {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .75rem;
  line-height: 1.6;
  color: var(--mid, #4a4a4a);
  max-width: 65ch;
  margin: 1rem 0 0;
  overflow-wrap: anywhere;
}
.voce-meta a {
  display: inline-block;
  padding: .55rem 0;
  min-height: 44px;
  color: var(--black, #0a0a0a);
}

/* ── il dossier ───────────────────────────────────────────────────────── */
.dossier-cap { margin: 2rem 0 0; }
.dossier-cap__giorni { list-style: none; margin: .8rem 0 0; padding: 0; max-width: 70ch; }
.dossier-cap__giorni li {
  padding: .7rem 0;
  border-bottom: 1px solid var(--light, #e3e0d8);
  line-height: 1.45;
}
.dossier-cap__giorni time {
  display: block;
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .72rem;
  letter-spacing: .04em;
  color: var(--mid, #4a4a4a);
  margin-bottom: .2rem;
}
.dossier-cap__giorni a { color: var(--black, #0a0a0a); }
.dossier-fermo {
  display: inline-block;
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .75rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--mid, #4a4a4a);
  border: 1px solid var(--black, #0a0a0a);
  padding: .4rem .6rem;
  margin: .6rem 0 0;
}

/* ── la nota «come nasce l'edizione» (D3, condizione 3) ───────────────── */
.ed-nota {
  font-family: var(--mono, 'DM Mono', 'Courier New', monospace);
  font-size: .75rem;
  line-height: 1.55;
  color: var(--mid, #4a4a4a);
  border-top: 1px solid var(--black, #0a0a0a);
  margin: 2.4rem 0 0;
  padding-top: .7rem;
  max-width: 70ch;
}

/* ── la riga d'archivio sulle vecchie rassegne (D2, chiusura del flusso) ── */
.ed-archivio-riga {
  max-width: 70ch;
  margin: 0 0 1.6rem;
  padding: .7rem .9rem;
  border-left: 3px solid var(--black, #0a0a0a);
  background: #f2f0e9;
  font-size: .9rem;
  line-height: 1.55;
}
.ed-archivio-riga a { color: var(--black, #0a0a0a); }

/* ── la pagina commenti di una voce: la riga che riporta alla voce ── */
.aw-post__voce {
  max-width: 720px;
  margin: 0 auto 1.5rem;
  padding-top: .7rem;
  border-top: 1px solid #e3e0d8;
  font-family: 'DM Mono', 'Courier New', monospace;
  font-size: .78rem;
  letter-spacing: .04em;
  line-height: 1.6;
}
.aw-post__voce a {
  display: inline-block;
  min-height: 44px;
  line-height: 44px;
  color: #0a0a0a;
  text-decoration: none;
  border-bottom: 1px solid #c8c4bc;
}
.aw-post__voce a:hover,
.aw-post__voce a:focus { border-bottom-color: #0a0a0a; }

/* ── commenti chiusi sui vecchi post (D4) ── */
.aw-comments__closed {
  border-left: 3px solid #0a0a0a;
  background: #f2f0e9;
  padding: .8rem 1rem;
  font-size: .95rem;
  line-height: 1.6;
  margin: 0 0 1rem;
}
.aw-comments__closed a { color: #0a0a0a; }

/* ── stampa ── */
@media print {
  .ed-voce__invito, .site-nav__share, .skip-link { display: none; }
  .ed-voci { grid-template-columns: 1fr 1fr; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; }
}