/* Stili per le pagine di approfondimento (ansia, depressione, insonnia) */
.articolo{max-width:740px}
.articolo h1{font-size:clamp(28px,3.4vw,38px);line-height:1.18;letter-spacing:-.02em;margin:0 0 .45em}
.articolo .apertura{font-size:18px;line-height:1.65;color:var(--fg-2);margin:0 0 1.6em}
.articolo h2{font-size:22px;margin:1.8em 0 .55em;color:var(--fg)}
.articolo h3{font-size:17px;margin:1.3em 0 .4em;color:var(--accent-strong)}
.articolo p,.articolo li{font-size:16px;line-height:1.72;color:var(--fg-2)}
.articolo p{margin:0 0 1em}
.articolo ul{padding-left:20px;margin:0 0 1.2em}
.articolo li{margin-bottom:.5em}
.articolo .nota{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r);padding:16px 20px;margin:1.4em 0}
.articolo .nota p:last-child{margin:0}
.faq details{border-bottom:1px solid var(--border);padding:14px 0}
.faq details:first-of-type{border-top:1px solid var(--border)}
.faq summary{cursor:pointer;font-weight:600;font-size:16px;color:var(--fg);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-weight:400;font-size:20px;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.7em 0 0}
.firma{margin-top:2.2em;padding-top:16px;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted);line-height:1.6}
.correlati{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}
@media (max-width:640px){
  .articolo .apertura{font-size:17px}
  .articolo h2{font-size:20px}
}