/* Blog: archivio e articolo singolo (archive.php, single.php). Nessuna
   sezione della demo ha un blog: non c'è oracolo da inseguire qui, quindi
   il criterio non è il confronto pixel ma la coerenza con la lingua visiva
   del resto del tema — stessi token, stesse bande, stesso chip-label,
   Young Serif per i titoli. Misura di lettura propria a 68ch: più larga
   della `.prose` della landing (64ch in base.css, pensata per paragrafi
   brevi accanto a una foto), perché qui il contenuto è testo lungo.
   Nessun contenuto ancora (spec §6: "consigli di viaggio" è commessa a sé,
   900-1.500 €) — il template è pronto, in attesa dei testi di Roberto. */

  /* ============ Archivio ============ */
  .blog__head{ max-width:68ch; margin-bottom:clamp(2rem,5vw,3rem); }

  .blog__list{ display:grid; gap:0; }
  .blog__card{
    display:grid; grid-template-columns:220px 1fr; gap:1.6rem; align-items:start;
    padding-block:clamp(1.6rem,4vw,2.4rem); border-bottom:1px solid var(--line);
  }
  .blog__card:first-child{ padding-top:0; }
  /* card senza immagine in evidenza: una sola colonna, il testo prende tutta la larghezza */
  .blog__card:not(:has(.blog__thumb)){ grid-template-columns:1fr; }
  .blog__thumb{ display:block; border-radius:10px; overflow:hidden; box-shadow:var(--shadow-sm); }
  .blog__thumb img{ aspect-ratio:4/3; object-fit:cover; }
  .blog__card-body h2{ font-size:1.5rem; margin:.2rem 0 .5rem; }
  .blog__card-body h2 a{ color:var(--ink); text-decoration:none; }
  .blog__card-body h2 a:hover{ color:var(--accent-press); }
  .blog__meta{ color:var(--ink-soft); font-size:.8rem; text-transform:uppercase; letter-spacing:.07em; margin:0 0 .35rem; }
  .blog__excerpt{ color:var(--ink-soft); max-width:60ch; }
  .blog__more{ font-weight:700; font-size:.92rem; }
  .blog__empty{ color:var(--ink-soft); max-width:60ch; }

  .blog__pagination{ display:flex; gap:.6rem; justify-content:center; margin-top:clamp(2rem,5vw,3rem); flex-wrap:wrap; }
  .blog__pagination a,.blog__pagination span{
    display:inline-flex; align-items:center; justify-content:center; min-width:2.4rem; height:2.4rem;
    padding-inline:.5rem; border-radius:8px; border:1.6px solid var(--line); font-weight:700; font-size:.92rem;
    text-decoration:none; color:var(--ink);
  }
  .blog__pagination a:hover{ border-color:var(--accent); color:var(--accent-press); }
  .blog__pagination .current{ background:var(--accent); border-color:var(--accent); color:var(--accent-ink); }

  /* ============ Articolo singolo ============ */
  .entry{ max-width:68ch; margin-inline:auto; }
  .entry > .blog__meta{ text-align:center; }
  .entry > h1{ font-size:clamp(2rem,5vw,2.9rem); line-height:1.1; text-align:center; margin-bottom:1.4rem; text-wrap:balance; }
  .entry__cover{ margin:0 0 clamp(1.6rem,4vw,2.4rem); border-radius:12px; overflow:hidden; box-shadow:var(--shadow-md); }
  .entry__cover img{ width:100%; }

  .entry__content{ font-size:1.06rem; line-height:1.75; }
  .entry__content h2{ font-size:1.6rem; margin:2.2rem 0 .7rem; }
  .entry__content h3{ font-size:1.25rem; margin:1.8rem 0 .5rem; }
  .entry__content p{ margin:0 0 1.2rem; }
  .entry__content img{ display:block; width:100%; border-radius:10px; margin:1.6rem 0; box-shadow:var(--shadow-sm); }
  .entry__content figure{ margin:1.8rem 0; }
  .entry__content figcaption{ font-size:.85rem; color:var(--ink-soft); text-align:center; margin-top:.5rem; }
  /* citazione: riusa il vocabolario già in pagina per le recensioni
     (`.quote__mark` in sezioni.css) invece di inventarne uno nuovo — la
     prima bozza usava un bordo colorato a sinistra, il tratto più
     riconoscibile delle interfacce generate (già trovato e tolto dagli
     stati del modulo nel Task 11): tolto, sostituito dalla virgoletta
     grande in Young Serif già usata altrove nel tema. */
  .entry__content blockquote{ margin:2rem 0; }
  .entry__content blockquote::before{
    content:'“'; display:block; font-family:'Young Serif', Georgia, 'Hoefler Text', serif;
    font-size:2.6rem; line-height:.6; color:var(--sun); height:1rem; margin-bottom:.6rem;
  }
  .entry__content blockquote p{
    font-family:'Young Serif', Georgia, 'Hoefler Text', serif; font-size:1.2rem; line-height:1.4; color:var(--ink-soft);
    margin:0;
  }
  .entry__content ul,.entry__content ol{ padding-left:1.4rem; margin:0 0 1.2rem; }
  .entry__content li{ margin-bottom:.4rem; }

  .blog__back{ display:inline-flex; margin-top:clamp(2rem,5vw,3rem); }