/* Public Formazione React fallback only.
   Match the server-rendered article's unified reading rail.
   Never affects the workspace / gestionale. */
body .formation-page article.formation-article-shell.formation-article-wide{
  box-sizing:border-box !important;
  width:calc(100% - 44px) !important;
  max-width:1160px !important;
  min-width:0;
  margin-inline:auto !important;
  padding:30px 28px 74px !important;
}
/* Article pages inherit the same light/dark wave background as the rest of the public site. */
body .formation-page .formation-article-hero{margin:24px 0 32px !important}
body .formation-page .formation-article-hero.has-cover{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,46%) !important;
  align-items:center;
  gap:30px;
}
body .formation-page .formation-article-heading>h1{font-size:clamp(2rem,3vw,3.1rem);line-height:1.13}
body .formation-page .formation-article-heading .formation-article-lead{max-width:none;font-size:clamp(1rem,1.18vw,1.16rem);line-height:1.65}
body .formation-page .formation-article-hero .formation-article-cover{
  width:100% !important;
  height:auto !important;
  max-height:350px !important;
  object-fit:contain;
  margin:0 !important;
  padding:10px;
}
body .formation-page .mpa-formazione-article{
  box-sizing:border-box;
  width:100% !important;
  max-width:none !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  columns:auto !important;
  column-count:1 !important;
  text-align:left;
  font-size:17px;
  line-height:1.7;
}
body .formation-page .mpa-formazione-article :is(p,ul,ol){margin:0 0 15px}
body .formation-page .mpa-formazione-article h2{font-size:clamp(1.4rem,1.7vw,1.75rem);line-height:1.3;margin:29px 0 11px}
body .formation-page .mpa-formazione-article h3{font-size:clamp(1.18rem,1.45vw,1.42rem);line-height:1.35;margin:23px 0 10px}
@media(max-width:900px){
  body .formation-page article.formation-article-shell.formation-article-wide{width:calc(100% - 32px) !important;padding:24px 12px 66px !important}
  body .formation-page .formation-article-hero.has-cover{grid-template-columns:1fr !important;gap:16px}
}
@media(max-width:620px){
  body .formation-page article.formation-article-shell.formation-article-wide{width:100% !important;padding:22px 18px 56px !important}
  body .formation-page .formation-article-heading>h1{font-size:clamp(2rem,7.5vw,2.8rem)}
  body .formation-page .formation-article-hero .formation-article-cover{max-height:260px !important;padding:7px}
  body .formation-page .mpa-formazione-article{font-size:16px;line-height:1.72}
  body .formation-page .mpa-formazione-article h2{font-size:1.48rem}
}