/* ===========================================================
   Articoli del blog: "In breve", domande frequenti e fonti (02/10/2026)
   Caricato solo sugli articoli, da _inc/articolo-inizio.php ($pagina['css']).
   Si appoggia alle variabili di lp/assets/lp.css (con riserva) e alla larghezza di .prose.
   Ha la versione nel link: toccandolo va alzata lì.
   =========================================================== */

.in-breve,
.art-faq,
.art-fonti{max-width:72ch;margin-left:auto;margin-right:auto;}

/* risposta diretta in cima: la leggono per prima le persone, Google e gli assistenti AI */
.in-breve{
  margin-bottom:34px;padding:18px 22px;border-radius:12px;
  background:rgba(1,94,130,.14);border:1px solid rgba(63,179,227,.35);border-left:4px solid var(--primary-10, #0086bb);
}
.in-breve__titolo{
  margin:0 0 6px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#3FB3E3;
}
.in-breve p{color:var(--text, #fff);font-size:1.04rem;line-height:1.65;margin:0;}
.in-breve p + p{margin-top:10px;}
.in-breve a{color:var(--secondary-testo, #9E75E2);font-weight:600;}
html:not(.no-retro) .in-breve__titolo{font-family:'JetBrains Mono', ui-monospace, monospace;}
html:not(.no-retro) .in-breve__titolo::before{content:"// ";}

.art-faq{margin-top:56px;}
.art-faq h2,
.art-fonti h2{margin-bottom:18px;}
.art-faq .faq{max-width:none;}

.art-fonti{margin-top:48px;}
.art-fonti ol{padding-left:1.3em;color:var(--text-muted, rgba(255,255,255,.66));}
.art-fonti li{margin:8px 0;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere;}
.art-fonti a{color:var(--secondary-testo, #9E75E2);font-weight:600;}
.art-fonti span{color:var(--text-muted, rgba(255,255,255,.66));font-size:.85rem;}