/* MPMH_FRONTCONV008A — selected-cause structural repair only.
   Neutralizes legacy FRONTCONV001 selected-cause desktop grid/display:contents
   ownership that outranked the FRONTCONV008 workspace rules. No content,
   measurement, routing, Signal, or interaction behavior changes. */

/* The legacy selected-cause estate still contains a 31/69 desktop grid and
   display:contents ownership on .mph-home-cause-main. FRONTCONV008 introduced
   a new self-contained workspace inside that node, so the old ownership must
   be explicitly retired for this build. */
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mph-home-stage-body.mpmh008-cause-shell{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  column-gap:0!important;
  row-gap:0!important;
  align-items:initial!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:20px clamp(18px,3vw,44px) 26px!important;
  box-sizing:border-box!important;
}
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mph-home-cause-main.mpmh008-cause-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Ensure the new identity row owns its own two-column composition rather than
   participating in any inherited parent grid areas. */
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-identity{
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr)!important;
  grid-template-areas:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  align-items:center!important;
}
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-logo-block,
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-intro,
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .cause-description-text{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .cause-description-text{
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Keep every new FRONTCONV008 block in normal document flow. */
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-context-readout,
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-interactive,
html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
  position:relative!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-area:auto!important;
}

@media(max-width:760px){
  html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-identity{
    grid-template-columns:1fr!important;
  }
  html.mpmh-frontconv008a body #shellMain #selectedCauseHero .mpmh008-cause-logo-block{
    max-width:320px!important;
  }
}
