/*
 * FM – Oltre la puntata 2.3
 * Modello editoriale ufficiale: articolo Carl Rogers.
 * Le regole critiche sono volutamente molto specifiche per non essere
 * sovrascritte dal tema o dal CSS aggiuntivo del sito.
 */

.fm-inner-page.fm-oltre-puntata{
  color:#13213b !important;
  background:#ffffff !important;
  width:100% !important;
  max-width:none !important;
}

/* Contenitori FM: stessa geometria del modello Rogers. */
.fm-inner-page.fm-oltre-puntata .fm-container{
  width:min(1180px,calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

/* HERO */
.fm-inner-page.fm-oltre-puntata .fm-page-hero{
  padding:120px 0 96px !important;
  margin:0 !important;
  background:
    linear-gradient(135deg,rgba(15,23,42,.94),rgba(22,93,255,.74)),
    radial-gradient(circle at top left,rgba(255,140,26,.34),transparent 34%),
    #0f172a !important;
  color:#ffffff !important;
}

.fm-inner-page.fm-oltre-puntata .fm-page-hero-content{
  width:100% !important;
  max-width:960px !important;
  margin:0 !important;
  padding:0 !important;
}

.fm-inner-page.fm-oltre-puntata .fm-page-hero h1{
  max-width:960px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  font-size:clamp(2.4rem,5vw,4.8rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:850 !important;
  color:#ffffff !important;
  text-transform:none !important;
}

.fm-inner-page.fm-oltre-puntata .fm-page-subtitle{
  width:100% !important;
  max-width:820px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:clamp(1.05rem,2vw,1.32rem) !important;
  line-height:1.75 !important;
  color:rgba(255,255,255,.92) !important;
}

.fm-inner-page.fm-oltre-puntata .fm-oltre-label{
  display:inline-block !important;
  margin:0 0 18px !important;
  padding:8px 16px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,140,26,.16) !important;
  color:#ffad5c !important;
  font-size:.82rem !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
}

/* CORPO ARTICOLO */
.fm-inner-page.fm-oltre-puntata .fm-section{
  padding:88px 0 !important;
  margin:0 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-section-light{background:#ffffff !important;}
.fm-inner-page.fm-oltre-puntata .fm-section-accent{background:#f5f7fb !important;}

.fm-inner-page.fm-oltre-puntata article.fm-article-wrap.fm-article-body{
  display:block !important;
  width:100% !important;
  max-width:860px !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  float:none !important;
  clear:both !important;
  font-size:1.08rem !important;
  line-height:1.9 !important;
  color:#13213b !important;
  box-sizing:border-box !important;
}

/* Impedisce ai layout Gutenberg/tema di restringere i blocchi interni. */
.fm-inner-page.fm-oltre-puntata .fm-article-body > *,
.fm-inner-page.fm-oltre-puntata .fm-article-body .wp-block-group,
.fm-inner-page.fm-oltre-puntata .fm-article-body .wp-block-group__inner-container,
.fm-inner-page.fm-oltre-puntata .fm-article-body .is-layout-constrained > *{
  max-width:100% !important;
  box-sizing:border-box !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-body > p,
.fm-inner-page.fm-oltre-puntata .fm-article-body .wp-block-group p{
  margin-top:0 !important;
  margin-bottom:26px !important;
  font-size:inherit !important;
  line-height:1.9 !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-body h2{
  width:100% !important;
  max-width:none !important;
  margin:64px 0 22px !important;
  padding:0 !important;
  font-size:clamp(1.7rem,3vw,2.55rem) !important;
  line-height:1.18 !important;
  letter-spacing:-.02em !important;
  font-weight:700 !important;
  color:#13213b !important;
  text-transform:none !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-body h3{
  max-width:none !important;
  color:#13213b !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-body strong{color:#13213b !important;}

.fm-inner-page.fm-oltre-puntata .fm-article-body .fm-article-lead{
  font-size:1.22rem !important;
  line-height:1.85 !important;
}

/* Frase evidenziata */
.fm-inner-page.fm-oltre-puntata .fm-article-body .fm-article-quote,
.fm-inner-page.fm-oltre-puntata .fm-article-body blockquote.wp-block-quote{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:46px 0 !important;
  padding:30px 34px !important;
  border:0 !important;
  border-left:5px solid #ff8c1a !important;
  border-radius:0 24px 24px 0 !important;
  background:linear-gradient(135deg,#fff8f0,#ffffff) !important;
  box-shadow:none !important;
  font-size:1.2rem !important;
  line-height:1.7 !important;
  font-weight:700 !important;
  color:#13213b !important;
}

/* Card: Dentro la relazione / Una domanda che resta */
.fm-inner-page.fm-oltre-puntata .fm-article-body .fm-article-question{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:54px 0 !important;
  padding:36px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,rgba(255,140,26,.10),rgba(22,93,255,.09)) !important;
  border:1px solid rgba(22,93,255,.13) !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

/* Card: Prova adesso */
.fm-inner-page.fm-oltre-puntata .fm-article-body .fm-article-experiment{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:48px 0 !important;
  padding:34px !important;
  border-radius:28px !important;
  background:#ffffff !important;
  border:1px solid rgba(22,93,255,.14) !important;
  box-shadow:0 22px 55px rgba(15,23,42,.09) !important;
  box-sizing:border-box !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-question h2,
.fm-inner-page.fm-oltre-puntata .fm-article-experiment h2{
  margin-top:0 !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-question p:last-child,
.fm-inner-page.fm-oltre-puntata .fm-article-experiment p:last-child{
  margin-bottom:0 !important;
}

/* Kicker dentro i box, anche se nel testo incollato era un heading. */
.fm-inner-page.fm-oltre-puntata .fm-kicker,
.fm-inner-page.fm-oltre-puntata .fm-auto-kicker{
  display:inline-block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 0 10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#5f6878 !important;
  font-size:.78rem !important;
  line-height:1.3 !important;
  font-weight:850 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-experiment > .fm-kicker,
.fm-inner-page.fm-oltre-puntata .fm-article-experiment > .fm-auto-kicker{
  color:#b46600 !important;
}

.fm-inner-page.fm-oltre-puntata .fm-article-question > .fm-kicker,
.fm-inner-page.fm-oltre-puntata .fm-article-question > .fm-auto-kicker{
  color:#b46600 !important;
}

/* Fonti */
.fm-inner-page.fm-oltre-puntata .fm-article-body .fm-oltre-source{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin-top:56px !important;
  padding-top:30px !important;
  border-top:1px solid rgba(15,23,42,.12) !important;
  font-size:.92rem !important;
  line-height:1.75 !important;
  color:#5f6878 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-source h3{
  margin:0 0 14px !important;
  color:#13213b !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-source ul{margin:0 !important;padding-left:20px !important;}
.fm-inner-page.fm-oltre-puntata .fm-oltre-source li{margin-bottom:10px !important;}

/* CTA finale */
.fm-inner-page.fm-oltre-puntata .fm-oltre-cta{
  width:100% !important;
  max-width:820px !important;
  margin:0 auto !important;
  text-align:center !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-cta p{
  max-width:700px !important;
  margin:18px auto 30px !important;
  font-size:1.1rem !important;
  line-height:1.8 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-buttons{
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:16px !important;
}
.fm-inner-page.fm-oltre-puntata .fm-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-btn-primary{background:#165dff !important;color:#fff !important;}
.fm-inner-page.fm-oltre-puntata .fm-btn-light{background:#fff !important;color:#13213b !important;border:1px solid rgba(15,23,42,.12) !important;}

@media(max-width:768px){
  .fm-inner-page.fm-oltre-puntata .fm-container{
    width:min(100% - 32px,1180px) !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-page-hero{
    padding:96px 0 76px !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-section{
    padding:64px 0 !important;
  }
  .fm-inner-page.fm-oltre-puntata article.fm-article-wrap.fm-article-body{
    font-size:1.02rem !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-article-body h2{
    margin-top:50px !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-article-quote,
  .fm-inner-page.fm-oltre-puntata .fm-article-question,
  .fm-inner-page.fm-oltre-puntata .fm-article-experiment{
    padding:25px !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-oltre-buttons{
    display:grid !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-oltre-buttons .fm-btn{
    width:100% !important;
  }
}


/* COMMENTI – Lascia una traccia */
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments{
  width:100% !important;
  max-width:860px !important;
  margin:0 auto !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments-intro{
  margin-bottom:38px !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments-intro h2{
  margin:0 0 18px !important;
  font-size:clamp(1.9rem,3.4vw,3rem) !important;
  line-height:1.16 !important;
  color:#13213b !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments-intro p{
  margin:0 !important;
  max-width:780px !important;
  font-size:1.08rem !important;
  line-height:1.8 !important;
  color:#42506a !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments-list-wrap{
  margin:0 0 42px !important;
  padding:30px !important;
  border:1px solid rgba(22,93,255,.12) !important;
  border-radius:24px !important;
  background:#f8faff !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comments-list-wrap h3{
  margin:0 0 22px !important;
  color:#13213b !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list > li,
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .children > li{
  margin:0 0 22px !important;
  padding:22px !important;
  list-style:none !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .children{
  margin:18px 0 0 24px !important;
  padding:0 !important;
  list-style:none !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .comment-meta{
  margin-bottom:12px !important;
  font-size:.9rem !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .comment-author{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .avatar{
  border-radius:50% !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .comment-content p{
  margin:0 0 12px !important;
  line-height:1.75 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .reply a{
  color:#165dff !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-nav{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:22px !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap{
  padding:34px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,rgba(255,140,26,.08),rgba(22,93,255,.07)) !important;
  border:1px solid rgba(22,93,255,.12) !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap .comment-form{
  margin:0 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap p{
  margin:0 0 20px !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap label{
  display:block !important;
  margin-bottom:7px !important;
  color:#13213b !important;
  font-weight:750 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap input[type="text"],
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap input[type="email"],
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap input[type="url"],
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap textarea{
  width:100% !important;
  max-width:none !important;
  padding:14px 16px !important;
  border:1px solid rgba(15,23,42,.16) !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#13213b !important;
  font:inherit !important;
  box-sizing:border-box !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap textarea{
  min-height:150px !important;
  resize:vertical !important;
}
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap input:focus,
.fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap textarea:focus{
  outline:3px solid rgba(22,93,255,.16) !important;
  border-color:#165dff !important;
}
.fm-inner-page.fm-oltre-puntata .fm-comment-note,
.fm-inner-page.fm-oltre-puntata .fm-comment-closed{
  color:#5f6878 !important;
  font-size:.92rem !important;
  line-height:1.65 !important;
}
.fm-inner-page.fm-oltre-puntata .fm-comment-submit{
  border:0 !important;
  cursor:pointer !important;
}

@media(max-width:768px){
  .fm-inner-page.fm-oltre-puntata .fm-oltre-comments-list-wrap,
  .fm-inner-page.fm-oltre-puntata .fm-oltre-comment-form-wrap{
    padding:24px !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-oltre-comment-list .children{
    margin-left:12px !important;
  }
  .fm-inner-page.fm-oltre-puntata .fm-oltre-comment-nav{
    display:grid !important;
  }
}