/* Snodus – blog (si appoggia a settori.css: colori, testata, piè di pagina) */
.blog-testa{text-align:center;max-width:860px;margin:0 auto;padding:32px 0 72px}
.blog-testa h1{font-size:clamp(32px,4.4vw,52px);margin:0 auto 16px;max-width:820px}
.blog-testa .lead{font-size:clamp(17px,2vw,19px);color:var(--nebbia);margin:0 auto;max-width:640px;text-wrap:balance}
.briciole a{display:inline-flex;align-items:center;min-height:44px}
.art-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:8px 0 0;color:var(--nebbia);font-size:15px}
.art-meta a{color:#fff;font-weight:600}

/* elenco articoli */
.blog-lista{padding-top:64px}
.carte-art{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1040px}
.carta-art a{display:flex;flex-direction:column;height:100%;background:var(--carta);border:1px solid var(--bordo);border-radius:var(--r-card);box-shadow:var(--ombra-card);padding:24px;text-decoration:none;transition:border-color .15s,transform .15s}
.carta-art a:hover{border-color:var(--arancio);transform:translateY(-2px)}
.carta-meta{font-size:14px;color:var(--grigio);font-weight:500}
.carta-art h2{text-align:left;font-size:21px;line-height:1.3;letter-spacing:-.01em;margin:8px 0 8px;max-width:none}
.carta-art p{margin:0 0 16px;color:var(--grigio);font-size:16px;line-height:1.55;text-wrap:pretty}
.carta-art .leggi{margin-top:auto;font-weight:700;color:var(--arancio-testo)}

/* articolo */
.articolo{background:var(--carta);border-bottom:1px solid var(--bordo)}
.wrap-testo{max-width:720px;margin:0 auto;padding:64px 20px 80px}
.articolo p,.articolo li{font-size:18px;line-height:1.7;color:var(--inchiostro);text-wrap:pretty}
.articolo p{margin:0 0 20px}
.articolo .attacco{font-size:20px;line-height:1.6;color:var(--notte)}
.articolo h2{text-align:left;font-size:clamp(24px,3vw,30px);line-height:1.2;margin:48px 0 16px;max-width:none}
.articolo ul,.articolo ol{margin:0 0 24px;padding-left:24px}
.articolo li{margin:0 0 8px}
.articolo li::marker{color:var(--arancio-testo);font-weight:700}
.articolo b{color:var(--notte)}
.articolo a{color:var(--notte);font-weight:600;text-underline-offset:3px}
.riquadro-art{background:var(--crema);border-left:4px solid var(--arancio);border-radius:0 var(--r-card) var(--r-card) 0;padding:16px 20px;margin:32px 0}
.riquadro-art b{display:block;margin-bottom:4px}
.riquadro-art p{margin:0;font-size:17px}

/* box finale */
.cta-art{background:var(--notte);color:#fff;border-radius:var(--r-card);padding:32px;margin:48px 0 0;text-align:center;box-shadow:var(--ombra-sopra)}
.cta-art h2{color:#fff;text-align:center;margin:0 0 12px;font-size:clamp(24px,3vw,30px)}
.articolo .cta-art p,.cta-art p{color:var(--nebbia);font-size:17px;margin:0 auto 24px;max-width:560px}
.articolo .cta-art .cta-sotto,.cta-art .cta-sotto{margin:16px auto 0;font-size:15px}
.bianca .cta-art{max-width:760px;margin:0 auto}

/* correlati */
.correlati{margin-top:56px}
.correlati h2{text-align:center;font-size:24px;margin:0 0 16px}
.correlati h2+.altri{margin-bottom:40px}
.correlati .altri a{font-weight:600}
.altre-guide{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}
.altre-guide li{margin:0}
.altre-guide a{display:flex;align-items:center;min-height:56px;padding:12px 16px;background:var(--crema);border-radius:var(--r-card);text-decoration:none;font-size:17px}
.altre-guide a:hover{background:#EDE7DC}

footer .settori-link{grid-column:1/-1;text-align:center;text-wrap:balance;margin:8px 0 0;line-height:1.9;padding-top:16px;border-top:1px solid var(--bordo)}
footer .settori-link a{white-space:nowrap}

@media (max-width:640px){
  .blog-testa{padding:16px 0 56px}
  .wrap-testo{padding:40px 16px 56px}
  .articolo p,.articolo li{font-size:17px}
  .articolo .attacco{font-size:18px}
  .cta-art{padding:24px 20px}
  .carte-art{grid-template-columns:1fr}
}