/* ============================================================
   Fracassini — Pagina terapia (sotto .fr-terapia)
   Il corpo (.main) stila l'output di the_content(): h2, p, ul, details.
   ============================================================ */

/* hero compatto */
.fr-terapia .thead{position:relative;color:#fff;overflow:hidden;padding:150px 0 54px}
.fr-terapia .thead .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05)}
.fr-terapia .thead .scrim{position:absolute;inset:0;background:linear-gradient(120deg,rgba(13,17,18,.9) 0%,rgba(13,17,18,.6) 55%,rgba(13,17,18,.35) 100%)}
.fr-terapia .thead .fr-wrap{position:relative;z-index:2}
.fr-terapia .crumb{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:1.6rem;display:flex;gap:.5rem;flex-wrap:wrap}
.fr-terapia .crumb a:hover{color:var(--teal)}
.fr-terapia .thead .kick{color:#9fe0d8}
.fr-terapia .thead h1{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,6vw,5rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin:1rem 0 0}
.fr-terapia .thead h1::after{content:".";color:var(--orange)}
.fr-terapia .thead .lead{margin:1.4rem 0 0;max-width:52ch;color:#ECE8DF;font-size:clamp(1.05rem,1.4vw,1.2rem)}

/* layout corpo */
.fr-terapia .body{padding:clamp(3.5rem,6vw,5.5rem) 0}
.fr-terapia .body .grid{display:grid;grid-template-columns:1fr 340px;gap:clamp(2rem,5vw,4.5rem);align-items:start}

/* contenuto generato da the_content() */
.fr-terapia .main{min-width:0}
.fr-terapia .main>h2{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;margin:2.6rem 0 1rem}
.fr-terapia .main>h2:first-child{margin-top:0}
.fr-terapia .main>h3{font-family:var(--display);font-weight:600;font-size:1.15rem;text-transform:uppercase;margin:1.8rem 0 .6rem}
.fr-terapia .main p{color:#443F38;font-size:1.06rem;margin:0 0 1rem}
.fr-terapia .main p strong,.fr-terapia .main li strong{color:var(--ink)}
.fr-terapia .main ul{list-style:none;margin:.5rem 0 1.4rem;padding:0}
.fr-terapia .main ul li{position:relative;padding-left:1.8rem;margin-bottom:.8rem;color:#443F38}
.fr-terapia .main ul li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;background:var(--teal);border-radius:2px}
.fr-terapia .main ol{counter-reset:s;list-style:none;margin:1rem 0 1.4rem;padding:0;border-top:1px solid var(--line)}
.fr-terapia .main ol li{counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--line);color:#443F38}
.fr-terapia .main ol li::before{content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:.9rem;color:var(--teal)}

/* FAQ: usare <details><summary> nel contenuto */
.fr-terapia .main details{border-bottom:1px solid var(--line)}
.fr-terapia .main details:first-of-type{border-top:1px solid var(--line)}
.fr-terapia .main summary{cursor:pointer;list-style:none;padding:1.15rem 0;font-family:var(--display);font-weight:600;font-size:1.02rem;display:flex;justify-content:space-between;gap:1rem;text-transform:uppercase;letter-spacing:-.005em}
.fr-terapia .main summary::-webkit-details-marker{display:none}
.fr-terapia .main summary::after{content:"+";font-family:var(--mono);color:var(--teal);font-size:1.3rem;line-height:1}
.fr-terapia .main details[open] summary::after{content:"\2013"}
.fr-terapia .main details p{padding:0 0 1.2rem;margin:0}

/* sidebar sticky */
.fr-terapia .aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:1rem}
.fr-terapia .card{border:1px solid var(--line);background:var(--white);padding:1.6rem 1.5rem}
.fr-terapia .card.dark{background:var(--ink);color:#fff;border-color:transparent}
.fr-terapia .card.dark .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.fr-terapia .card.dark h3{font-family:var(--display);font-weight:700;font-size:1.35rem;text-transform:uppercase;line-height:1;margin:.4rem 0 1rem}
.fr-terapia .card.dark p{color:rgba(255,255,255,.8);font-size:.92rem;margin:0 0 1.2rem}
.fr-terapia .card.dark .btn{width:100%;justify-content:center}
.fr-terapia .facts .f{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.fr-terapia .facts .f:last-child{border-bottom:0}
.fr-terapia .facts .f .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--concrete)}
.fr-terapia .facts .f .v{font-weight:600;font-size:.92rem;text-align:right}
.fr-terapia .idxcard .kick{display:block;margin-bottom:.8rem}
.fr-terapia .idxcard a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;font-family:var(--display);font-weight:500;font-size:.95rem;text-transform:uppercase;letter-spacing:-.01em;border-bottom:1px solid var(--line)}
.fr-terapia .idxcard a:last-child{border-bottom:0}
.fr-terapia .idxcard a:hover{color:var(--teal)}
.fr-terapia .idxcard a span{font-family:var(--mono);font-size:.7rem;color:var(--orange)}

@media(max-width:900px){
  .fr-terapia .body .grid{grid-template-columns:1fr}
  .fr-terapia .aside{position:static}
}