/* Blog di jotup.it — si appoggia a jotup-pagine.css (.pagina, .riquadro, token).
   Qui solo ciò che serve agli articoli e all'elenco. */

.articolo .briciole { font-size: 13px; color: var(--muted); margin: 18px 0 0; }
.articolo .briciole a { color: var(--muted); text-decoration: none; }
.articolo .briciole a:hover { color: var(--teal-dark); }

.articolo-categoria { display: inline-block; margin: 18px 0 0; background: var(--teal-pale); color: var(--teal-dark);
  font-size: 12.5px; font-weight: 800; padding: 5px 12px; border-radius: 999px; }
.articolo h1 { margin-top: 14px; }

/* risposta breve in apertura: è anche il pezzo che motori e assistenti AI citano */
.articolo .sommario { background: var(--paper); border: 1px solid var(--line);
  border-radius: 14px; padding: 18px 20px; margin: 0 0 26px; box-shadow: 0 8px 24px rgba(16,42,58,.05); }

.articolo ol { margin: 0 0 16px; padding-left: 22px; }
.articolo ol li { margin-bottom: 8px; font-size: 15.5px; line-height: 1.72; color: var(--navy-soft); }
.articolo em { color: var(--navy); }
.articolo .riquadro a { font-weight: 750; }

/* elenco articoli */
.blog-indice .scheda-articolo { background: var(--paper); border: 1px solid var(--line); border-radius: 18px;
  padding: 22px 24px; margin: 0 0 18px; box-shadow: 0 10px 30px rgba(16,42,58,.05); }
.blog-indice .scheda-articolo .articolo-categoria { margin: 0; }
.blog-indice .scheda-articolo h2 { border: 0; padding: 0; margin: 12px 0 8px; font-size: 21px; line-height: 1.3; }
.blog-indice .scheda-articolo h2 a { color: var(--navy); text-decoration: none; }
.blog-indice .scheda-articolo h2 a:hover { color: var(--teal-dark); }
.blog-indice .scheda-articolo p { margin: 0 0 8px; }
.blog-indice .scheda-data { font-size: 13px; color: var(--muted); }