/* MPMH_FRONTCONV019 — Reserve space / optical logo refinement pass (cumulative successor to FRONTCONV018).
   Carries FRONTCONV015/016/017/018 Home presentation work forward while production remains gated to live FRONTCONV014.
   No routing, Signal, data, form, mobile gesture, publication, accounting,
   or backend-authority changes. */
:root{
  --fc016-blue:#071c2c;
  --fc016-black:#000;
  --fc016-line:rgba(131,202,255,.22);
  --fc016-line-soft:rgba(131,202,255,.13);
  --fc016-sky:#83caff;
  --fc016-green:#08f0a0;
  --fc016-muted:#7893a7;
}

/* SELECTED HOME HERO -----------------------------------------------------
   The headline now stands alone. Keep the locked scale rail and reclaim the
   paragraph's former ceremony without shrinking the hero into a banner. */
@media(min-width:981px){
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero{
    padding-top:24px!important;
    padding-bottom:22px!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview h1{
    margin-bottom:0!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh053-selected-scale-line{
    margin-top:14px!important;
  }
}

/* MARKET COVERAGE --------------------------------------------------------
   Blue page field owns the section. Heading and source-derived summary sit
   above one tightly fitted pure-black flag rail. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
  background:var(--fc016-blue)!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-readout{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--fc016-blue)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 13px!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-title{
  margin:0!important;
  color:#f5f8fb!important;
  font-size:clamp(16px,1.25vw,21px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  white-space:nowrap!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary strong,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary b{
  color:var(--fc016-green)!important;
  font-size:clamp(22px,1.65vw,30px)!important;
  line-height:1!important;
  font-weight:900!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary span{
  color:#93aac0!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail{
  width:100%!important;
  padding:0!important;
  border:1px solid var(--fc016-line)!important;
  background:var(--fc016-black)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail .mpmh301-market-grid{
  margin:0!important;
  border:0!important;
  background:var(--fc016-black)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail .mpmh301-market-grid>div{
  min-height:54px!important;
  background:var(--fc016-black)!important;
  border-color:var(--fc016-line-soft)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-scope-note{
  max-width:none!important;
  margin:10px auto 0!important;
  padding:0!important;
  color:#7893a7!important;
  font-size:10px!important;
  line-height:1.35!important;
  text-align:center!important;
  letter-spacing:.01em!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-action{
  display:flex!important;
  justify-content:flex-end!important;
  margin-top:7px!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-action .mpmh301-market-route{
  margin:0!important;
  padding:0!important;
}



/* FRONTCONV016 HOME REFINEMENT -------------------------------------------
   The platform-blue field owns every part of Market Coverage except the
   deliberately black outlined flag rail. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-scope-note,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-action{
  background:var(--fc016-blue)!important;
}

/* Pull the Public Signal Activity heading/copy down into a crisp relationship
   with the black readout instead of leaving inherited ceremonial air below it. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]>.mpmh280-section-head-split{
  min-height:0!important;
  align-items:end!important;
  margin-top:0!important;
  margin-bottom:12px!important;
  padding-bottom:0!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]>.mpmh280-section-head-split .mpmh280-section-title,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]>.mpmh280-section-head-split .mpmh280-section-copy{
  align-self:end!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}

/* The governed Pure Black A gallery now uses twelve existing positions:
   three desktop columns x four rows. No campaign or click ownership changes. */
@media(min-width:981px){
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand{
    display:grid!important;
  }
}

/* Inline brand/category routes read exactly like prose until interaction. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery .mpmh280-prose>p:first-child .mpmh280-inline-text-link{
  appearance:none!important;
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery .mpmh280-prose>p:first-child .mpmh280-inline-text-link:hover,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery .mpmh280-prose>p:first-child .mpmh280-inline-text-link:focus-visible{
  color:var(--fc016-sky)!important;
  background:transparent!important;
  text-decoration:none!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery .mpmh280-prose>p:first-child .mpmh280-inline-text-link:focus-visible{
  outline:1px dotted rgba(131,202,255,.72)!important;
  outline-offset:2px!important;
}

/* Quiet scan emphasis: only the manifest date/time steps up slightly. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh294-public-readout-freshness .mpmh016-freshness-time{
  color:#a8cce5!important;
  font-weight:700!important;
}

/* PARTICIPATION / CONTACT ------------------------------------------------
   One concise blue-field introduction, then one black instrument panel.
   Suggest a Cause is the primary action; all existing handlers remain intact. */
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved{
  background:transparent!important;
  padding-top:30px!important;
  padding-bottom:38px!important;
  border-top:1px solid var(--fc016-line-soft)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-head{
  display:grid!important;
  grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)!important;
  align-items:end!important;
  gap:clamp(34px,5vw,78px)!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-head h2{
  margin:0!important;
  max-width:590px!important;
  color:#f5f8fb!important;
  font-size:clamp(22px,2.05vw,34px)!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:.012em!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-head p{
  margin:0!important;
  max-width:760px!important;
  color:#dbe7ef!important;
  font-size:12px!important;
  line-height:1.52!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--fc016-line)!important;
  background:var(--fc016-black)!important;
  overflow:hidden!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--fc016-black)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-actions>.mpmh015-suggest-cause{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-bottom:1px solid var(--fc016-line)!important;
  background:rgba(8,240,160,.07)!important;
  color:#f7fbfd!important;
  box-shadow:inset 0 -2px 0 var(--fc016-green)!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  cursor:pointer!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-actions>.mpmh015-suggest-cause:hover,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-actions>.mpmh015-suggest-cause:focus-visible{
  color:var(--fc016-green)!important;
  background:rgba(8,240,160,.10)!important;
  outline:0!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  background:var(--fc016-black)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:0!important;
  border-right:1px solid var(--fc016-line-soft)!important;
  border-bottom:0!important;
  background:var(--fc016-black)!important;
  color:var(--fc016-sky)!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:.065em!important;
  cursor:pointer!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:last-child{
  border-right:0!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:hover,
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:focus-visible{
  color:#fff!important;
  background:rgba(131,202,255,.06)!important;
  outline:0!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-updates-form{
  min-width:0!important;
  margin:0!important;
  padding:18px!important;
  border:0!important;
  border-left:1px solid var(--fc016-line)!important;
  background:var(--fc016-black)!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-updates-form>label[for="mpmh280UpdatesEmail"] b{
  font-size:10px!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-updates-form>label[for="mpmh280UpdatesEmail"]>span{
  max-width:520px!important;
}

/* HOW IT WORKS -----------------------------------------------------------
   The approved upper introduction now owns the cause-discovery explanation;
   the prior repetitive section is intentionally removed from markup. */
html.mpmh-frontconv016 body #publicShell #shellMain .mpmh015-how-intro p{
  max-width:1120px!important;
}
html.mpmh-frontconv016 body #publicShell #shellMain .mpmh015-how-intro p:last-child{
  margin-bottom:0!important;
}

@media(max-width:1180px){
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:nth-child(3n){border-right:0!important;}
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:nth-child(-n+3){border-bottom:1px solid var(--fc016-line-soft)!important;}
}
@media(max-width:980px){
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro,
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-head{
    grid-template-columns:1fr!important;
    display:grid!important;
    align-items:start!important;
    gap:12px!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary{
    justify-content:flex-start!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-panel{
    grid-template-columns:1fr!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-updates-form{
    border-left:0!important;
    border-top:1px solid var(--fc016-line)!important;
  }
}
@media(max-width:620px){
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary{
    flex-wrap:wrap!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button{
    border-right:1px solid var(--fc016-line-soft)!important;
    border-bottom:1px solid var(--fc016-line-soft)!important;
  }
  html.mpmh-frontconv016 body #publicShell #shellMain #mpmh280Home .mpmh015-participation-secondary button:nth-child(2n){border-right:0!important;}
}


/* FRONTCONV017 — HOME CRISPNESS / RECLAIM ------------------------------
   Bounded visual cleanup only. No new graphics, routes, Signal semantics,
   data ownership, form behavior, mobile gestures, or backend authority. */
:root{
  --fc017-blue:var(--fc016-blue);
  --fc017-black:var(--fc016-black);
  --fc017-line:rgba(131,202,255,.20);
  --fc017-line-soft:rgba(131,202,255,.12);
  --fc017-sky:var(--fc016-sky);
  --fc017-muted:#7893a7;
}

/* Major selected-Home contained modules share the same horizontal owner. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh280-readouts,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-readout{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Featured governed brand box: remove redundant CTA noise and normalize rows. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid{
  border:1px solid var(--fc017-line)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand{
  border-color:var(--fc017-line-soft)!important;
  align-items:center!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-rows:minmax(2.35em,auto) auto!important;
  align-content:center!important;
  gap:4px!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-copy h3{
  min-height:2.35em!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  color:#f5f8fb!important;
  line-height:1.05!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-copy p{
  margin:0!important;
  color:#c6d7e4!important;
  line-height:1.25!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-availability{
  margin:9px 0 0!important;
  padding:0!important;
  color:var(--fc017-muted)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:.012em!important;
  text-align:center!important;
}

/* Public Signal dashboard is intentionally gone. Reclaim its former vertical
   ceremony while retaining the compact governed public-scope rail and links. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
  margin:0!important;
  padding:18px 0 20px!important;
  background:var(--fc017-blue)!important;
  border:0!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
  min-height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  border-top:1px solid var(--fc017-line-soft)!important;
  border-bottom:1px solid var(--fc017-line-soft)!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope>span{
  min-width:0!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:8px!important;
  color:#8da6ba!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope>span strong{
  color:#f2f7fb!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh280-platform-links{
  margin-top:10px!important;
}

/* Market module: summary belongs to blue. Black begins only at flag rail. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
  padding-top:30px!important;
  padding-bottom:30px!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro{
  margin-bottom:10px!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary{
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:var(--fc017-blue)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary::before,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary::after{
  content:none!important;
  display:none!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail{
  border-color:var(--fc017-line)!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail .mpmh301-market-grid>div{
  border-color:var(--fc017-line-soft)!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-scope-note{
  margin-top:8px!important;
}
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-action{
  margin-top:5px!important;
}

/* Small-label rhythm is intentionally shared across the cleaned modules. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh015-market-intro .mpmh301-market-summary span,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope>span{
  font-weight:850!important;
  letter-spacing:.075em!important;
}

/* Deletions must not leave ghost height or inherited margins behind. */
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-principle,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh294-public-readout-row,
html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh294-public-readout-freshness{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

@media(max-width:980px){
  html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    padding:4px 0!important;
  }
  html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope>span{
    min-height:34px!important;
    white-space:normal!important;
  }
}
@media(max-width:620px){
  html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
    grid-template-columns:1fr!important;
  }
  html.mpmh-frontconv017 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-availability{
    padding:0 12px!important;
  }
}


/* FRONTCONV018 — DESKTOP BREATHING / LOGO SIMPLIFICATION ----------------
   Controlled presentation-only pass. Existing DOM hooks, History API logic,
   routes, Signal semantics, data/form authority, and backend ownership remain. */
:root{
  --fc018-blue:var(--fc017-blue);
  --fc018-black:var(--fc017-black);
  --fc018-line:var(--fc017-line);
  --fc018-line-soft:var(--fc017-line-soft);
  --fc018-muted:var(--fc017-muted);
}

/* Temporarily defer desktop shell chrome without deleting either control or
   changing its handler. Browser/native History behavior remains untouched. */
@media(min-width:981px){
  html.mpmh-frontconv018 body #publicShell .mpmh299-shell-back[data-frontconv018-dormant-desktop-control="back"],
  html.mpmh-frontconv018 body #publicShell .mpmh-live-section-close[data-frontconv018-dormant-desktop-control="close"]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Governed Pure Black A gallery: logo-only presentation. The existing anchor,
   canonical outbound destination, MPID, Signal context and logo governance stay intact. */
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand{
  grid-template-columns:1fr!important;
  place-items:center!important;
  align-content:center!important;
  justify-content:center!important;
  min-height:108px!important;
  padding:20px 18px!important;
  background:var(--fc018-black)!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-logo{
  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-logo img{
  width:auto!important;
  height:auto!important;
  max-width:170px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh018-featured-accessible-name{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh017-featured-copy{
  display:none!important;
}

/* The compact four-stat rail becomes a deliberate pause in the Home surface. */
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
  margin:0!important;
  padding:70px 0 74px!important;
  background:var(--fc018-blue)!important;
  border:0!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
  margin:0!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh280-platform-links{
  margin-top:28px!important;
}

/* Market and participation are separate substantial sections; use clean blue
   distance rather than another divider treatment to make that separation clear. */
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
  padding-bottom:64px!important;
}
html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved{
  padding-top:72px!important;
  border-top:0!important;
}

@media(max-width:980px){
  html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
    padding:46px 0 50px!important;
  }
  html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
    padding-bottom:46px!important;
  }
  html.mpmh-frontconv018 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved{
    padding-top:50px!important;
  }
}


/* FRONTCONV019 — RESERVE SPACE / OPTICAL LOGO REFINEMENT -----------------
   Controlled visual-only successor. Preserve the gallery footprint, routes,
   MPIDs, Signal context, History behavior, data/form authority and backend. */
:root{
  --fc019-blue:var(--fc018-blue);
  --fc019-black:var(--fc018-black);
  --fc019-line:var(--fc018-line);
  --fc019-muted:var(--fc018-muted);
}

/* Hero: move the locked scale line into the text column directly beneath the
   headline. The world graphic and headline sizing remain untouched. */
@media(min-width:981px){
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview .mpmh019-hero-scale-inline{
    margin:16px 0 0!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
    align-self:flex-start!important;
    white-space:nowrap!important;
  }
}

/* Featured Pure Black A field: keep the exact field/grid geometry but let the
   symbols occupy more of each position. A transform-only optical scale enlarges
   small wordmarks/symbols without changing layout dimensions or gallery size. */
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid{
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
  background:var(--fc019-black)!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--fc019-black)!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand::before,
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand::after{
  content:none!important;
  display:none!important;
}
@media(min-width:981px){
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-logo img{
    transform:scale(1.27)!important;
    transform-origin:center center!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-logo img{
    transform:scale(1.16)!important;
    transform-origin:center center!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

/* Public-scope rail: literal empty reserve-blue zones. The upper reserve is
   section padding; the lower reserve is the uninterrupted margin before the
   compact platform-link row. Nothing is placed inside either reserve. */
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
  margin:0!important;
  padding:112px 0 30px!important;
  background:var(--fc019-blue)!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
  margin:0!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh280-platform-links{
  margin-top:112px!important;
}

/* Market -> Participation reserve: one tall uninterrupted platform-blue field,
   intentionally empty and available for future use if later justified. */
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
  padding-bottom:230px!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section::before,
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section::after,
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved::before{
  content:none!important;
  display:none!important;
}
html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved{
  padding-top:34px!important;
  border-top:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
    padding:64px 0 24px!important;
  }
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh280-platform-links{
    margin-top:64px!important;
  }
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-market-section{
    padding-bottom:120px!important;
  }
  html.mpmh-frontconv019 body #publicShell #shellMain #mpmh280Home .mpmh015-get-involved{
    padding-top:28px!important;
  }
}


/* FRONTCONV020 — WORKSPACE FOUNDATION CLEANUP ----------------------------
   Controlled presentation-only successor. Touch only the approved main-header
   close control and presentation layers. Overlay/detail/contact control geometry,
   routes, Signal/data/form authority, History behavior and backend stay unchanged. */
:root{
  --fc020-blue:var(--fc019-blue);
  --fc020-black:var(--fc019-black);
  --fc020-line:rgba(130,190,226,.30);
  --fc020-line-soft:rgba(130,190,226,.16);
  --fc020-text:#f5f8fb;
  --fc020-muted:#c5d4df;
  --fc020-sky:#82c7f3;
  --fc020-green:#16f19b;
  --fc020-gutter:clamp(24px,4.25vw,72px);
}

/* Main live-section header X only. The DOM hook/handler remains for later use.
   No side-panel, detail, contact, overlay or other close control is targeted. */
html.mpmh-frontconv020 body #publicShell #mpmhLiveSectionHeader #mpmhLiveSectionClose[data-frontconv020-dormant-main-header-control="close"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* INSIGHTS — one platform-owned edge-to-edge deep-blue workspace across all
   four analytical tabs. Content remains contained by a common conservative gutter. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights>.mpmh-insights-body,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-pages,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page{
  background:var(--fc020-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights>.mpmh-insights-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:30px var(--fc020-gutter) 72px!important;
  border:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh020-insights-panel-head{
  display:none!important;
}

/* Section-wide Insights tab row: same height/alignment/active language on every lens. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  display:flex!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  margin:0 0 42px!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--fc020-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#d6e3eb!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link.is-active{
  color:var(--fc020-text)!important;
  border-bottom-color:var(--fc020-green)!important;
  background:rgba(8,240,160,.035)!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:hover,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:focus-visible{
  color:var(--fc020-sky)!important;
  background:transparent!important;
}

/* Single-heading hierarchy: page heading/copy sit directly on blue; no decorative
   eyebrow panel is visible. Keep each lens readable without another wrapper card. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>h2{
  margin:0 0 10px!important;
  max-width:900px!important;
  color:var(--fc020-text)!important;
  font-size:clamp(24px,2.15vw,34px)!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>p{
  margin:0 0 30px!important;
  max-width:880px!important;
  color:var(--fc020-muted)!important;
  font-size:12px!important;
  line-height:1.58!important;
}

/* Important-readout grammar: one restrained outline and pure-black readout field.
   Remove nested card chrome so the outer readout container does the grouping. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section{
  margin-top:22px!important;
  margin-bottom:22px!important;
  border:1px solid var(--fc020-line)!important;
  border-radius:0!important;
  background:var(--fc020-black)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail>div,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail>div,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section>div{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail>div+div,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail>div+div{
  border-left:1px solid var(--fc020-line-soft)!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-two-col>div+div{
  border-left:1px solid var(--fc020-line-soft)!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section>header,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-two-col>div>header{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--fc020-line-soft)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-bottom-nav{
  margin-top:38px!important;
  padding-top:20px!important;
  border-top:1px solid var(--fc020-line-soft)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* HOW IT WORKS — actual blank slate. Old editorial wrappers/cards are absent from
   the PHP; this is a clean blue canvas with only the retained headline. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank>.mpmh020-how-body,
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank .mpmh020-how-blank{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--fc020-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank>.mpmh020-how-body{
  padding:0!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank .mpmh020-how-blank{
  min-height:0!important;
  padding:34px var(--fc020-gutter) 280px!important;
}
html.mpmh-frontconv020 body #publicShell #shellMain #mpmh020HowTitle{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  color:var(--fc020-text)!important;
  font-size:clamp(22px,2.2vw,34px)!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:.012em!important;
  white-space:nowrap!important;
}

/* Conservative primary-tab alignment normalization only: no widths, routes,
   group structure or header geometry are changed. */
html.mpmh-frontconv020 body #publicShell .tabs.mpmh-split-tabs .tab-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  vertical-align:middle!important;
}

/* Touched-surface separator cleanup: redundant inner separators are suppressed
   where the blue workspace or outlined readout itself now owns the boundary. */
html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-pages{
  border:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell{
    padding:24px 18px 52px!important;
  }
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
    overflow-x:auto!important;
    justify-content:flex-start!important;
    margin-bottom:30px!important;
  }
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
    flex:0 0 auto!important;
    min-height:40px!important;
    padding:0 14px!important;
  }
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail>div+div,
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail>div+div,
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-two-col>div+div{
    border-left:0!important;
    border-top:1px solid var(--fc020-line-soft)!important;
  }
  html.mpmh-frontconv020 body #publicShell #shellMain .mpmh020-howitworks-blank .mpmh020-how-blank{
    padding:28px 18px 220px!important;
  }
  html.mpmh-frontconv020 body #publicShell #shellMain #mpmh020HowTitle{
    font-size:clamp(20px,6.2vw,29px)!important;
    white-space:normal!important;
  }
}

/* FRONTCONV021 — CRISPNESS / RESERVE / LOCAL CAUSE QR -------------------
   Controlled successor to FRONTCONV020. Presentation refinements are bounded
   to approved Home, Categories, Insights, How It Works and cause-workspace
   surfaces. Canonical routes, Signal/data/form authority, History, overlays,
   publication, accounting and backend behavior remain unchanged. */
:root{
  --fc021-blue:var(--fc020-blue);
  --fc021-black:var(--fc020-black);
  --fc021-line:rgba(130,190,226,.46);
  --fc021-line-soft:rgba(130,190,226,.19);
  --fc021-text:var(--fc020-text);
  --fc021-muted:var(--fc020-muted);
  --fc021-sky:var(--fc020-sky);
  --fc021-green:var(--fc020-green);
  --fc021-gutter:var(--fc020-gutter);
}

/* HOME — sharpen only the logo wall perimeter. The interior remains one
   divider-free pure-black field. */
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid{
  border:1px solid var(--fc021-line)!important;
  outline:0!important;
  box-shadow:none!important;
  background:var(--fc021-black)!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid>.mpmh280-featured-brand{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* HOME — replace the old secondary navigation row with one intentional
   campaign-directory action centered inside the upper reserve. Keep a literal
   empty lower reserve beneath the four-stat rail. */
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home [data-region="home-public-readout"]{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--fc021-blue)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-home-campaign-reserve{
  min-height:300px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:32px var(--fc021-gutter)!important;
  background:var(--fc021-blue)!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-browse-all-campaigns{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:var(--fc021-sky)!important;
  padding:18px 22px!important;
  margin:0!important;
  font:900 clamp(22px,2.15vw,34px)/1 Arial,sans-serif!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-browse-all-campaigns:hover,
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-browse-all-campaigns:focus-visible{
  color:#eef9ff!important;
  text-decoration:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh076-home-scope{
  margin:0!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-home-lower-reserve{
  min-height:150px!important;
  background:var(--fc021-blue)!important;
  border:0!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh280-platform-links{
  display:none!important;
}

/* CATEGORIES — platform-blue workspace, one crisp black directory field and a
   deliberately tall empty blue reserve below. */
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories,
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories>.mpmh021-categories-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:var(--fc021-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories{
  min-height:calc(100vh + 520px)!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories>.mpmh021-categories-head{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:70px!important;
  padding:22px var(--fc021-gutter) 16px!important;
  border:0!important;
  background:var(--fc021-blue)!important;
  color:var(--fc021-text)!important;
  box-shadow:none!important;
  text-align:center!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories>.mpmh021-categories-head>span:first-child{
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories>.mpmh021-categories-body{
  padding:20px var(--fc021-gutter) 0!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-category-box{
  width:100%!important;
  margin:0 auto!important;
  padding:22px 26px!important;
  border:1px solid var(--fc021-line)!important;
  border-radius:0!important;
  background:var(--fc021-black)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-category-box .category-grid,
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-category-box .category-grid-az{
  margin:0!important;
  background:var(--fc021-black)!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories-reserve{
  min-height:650px!important;
  background:var(--fc021-blue)!important;
  border:0!important;
}

/* INSIGHTS — centered concise lens headers. Readout containers remain governed
   by the FRONTCONV020 black/outlined grammar. */
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>h2{
  width:100%!important;
  max-width:none!important;
  margin:0 0 10px!important;
  text-align:center!important;
  font-size:clamp(25px,2.15vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>p{
  width:100%!important;
  max-width:none!important;
  margin:0 0 32px!important;
  text-align:center!important;
  color:var(--fc021-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
  white-space:nowrap!important;
}

/* HOW IT WORKS — center the retained headline within the initial blue viewport
   and preserve a large blank blue reserve beneath so the surface requires
   meaningful scroll travel without adding content. */
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh020-howitworks-blank .mpmh021-how-blank{
  min-height:calc(100vh + 520px)!important;
  padding:0!important;
  display:block!important;
  background:var(--fc021-blue)!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-center{
  min-height:calc(100vh - 90px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:32px var(--fc021-gutter)!important;
  text-align:center!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-center #mpmh020HowTitle{
  width:100%!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
}
html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-reserve{
  min-height:520px!important;
  background:var(--fc021-blue)!important;
}

/* CAUSE WORKSPACE QR — peer action in the existing command rail. The QR view
   occupies the existing workspace frame; no overlay/modal architecture is used. */
html.mpmh-frontconv021 body #publicShell .mpmh011-cause-command-rail [data-cause-workspace-action="qr_code"].is-active{
  color:var(--fc021-green)!important;
  border-color:rgba(22,241,155,.48)!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-view{
  min-height:280px!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:24px!important;
  background:var(--fc021-black)!important;
  border:0!important;
  text-align:center!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-view>h2{
  margin:0 0 4px!important;
  color:var(--fc021-text)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-code{
  width:min(220px,58vw)!important;
  aspect-ratio:1/1!important;
  padding:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-code svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-cause{
  margin-top:2px!important;
  color:var(--fc021-text)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-url{
  max-width:100%!important;
  color:var(--fc021-sky)!important;
  font-size:10px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  text-decoration:none!important;
}
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-url:hover,
html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-url:focus-visible{
  color:#eef9ff!important;
}

@media(max-width:980px){
  html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-home-campaign-reserve{
    min-height:190px!important;
    padding:24px 18px!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-browse-all-campaigns{
    font-size:clamp(19px,6vw,27px)!important;
    white-space:normal!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain #mpmh280Home .mpmh021-home-lower-reserve{
    min-height:90px!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories>.mpmh021-categories-body{
    padding:14px 18px 0!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-category-box{
    padding:16px 14px!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-categories-reserve{
    min-height:420px!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>p{
    white-space:normal!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-center{
    min-height:72vh!important;
    padding:28px 18px!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-center #mpmh020HowTitle{
    white-space:normal!important;
  }
  html.mpmh-frontconv021 body #publicShell #shellMain .mpmh021-how-reserve{
    min-height:360px!important;
  }
  html.mpmh-frontconv021 body #publicShell #causeWorkspacePanel .mpmh021-qr-view{
    min-height:250px!important;
    padding:20px 14px!important;
  }
}


/* FRONTCONV022 — CONTROLLED CROSS-SURFACE REPAIR / FOUNDATION RESET
   Scope: Insights sticky containment, cause QR lower-tab relocation, Categories
   header cleanup, FAQ blue workspace ownership, and Stats blank-slate canvas.
   No overlay architecture, routes, Signal/data/form authority, or backend behavior. */
:root{
  --fc022-blue:#061f31;
  --fc022-black:#000;
  --fc022-line:#27445a;
  --fc022-line-strong:#355b73;
  --fc022-text:#f4f8fb;
  --fc022-green:#16f19b;
}
/* INSIGHTS: remove initial dead air, establish one opaque sticky owner, and keep
   content beneath it rather than visually bleeding through the active tab row. */
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell{
  padding-top:0!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  min-height:58px!important;
  margin:0 0 44px!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:var(--fc022-blue)!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:1px solid var(--fc022-line)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.62)!important;
  isolation:isolate!important;
  overflow:visible!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
  min-height:58px!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-pages{
  position:relative!important;
  z-index:1!important;
}
/* QR CODE now belongs to the lower cause workspace tab family. Center one
   intentional black QR field within the existing shared cause content frame. */
html.mpmh-frontconv022 body #publicShell #causeWorkspace .mpmh008-workspace-tabs [data-cause-workspace-action="qr_code"]{
  display:inline-flex!important;
}
html.mpmh-frontconv022 body #publicShell #causeWorkspacePanel[data-workspace-panel="qr_code"]{
  min-height:440px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px!important;
  background:transparent!important;
}
html.mpmh-frontconv022 body #publicShell #causeWorkspacePanel .mpmh021-qr-view{
  width:min(920px,94%)!important;
  min-height:360px!important;
  margin:auto!important;
  padding:34px 28px!important;
  border:1px solid var(--fc022-line-strong)!important;
  background:var(--fc022-black)!important;
  box-shadow:none!important;
}
/* CATEGORIES: one title only (global section rail), no inherited accent line,
   then clean blue breathing room into the crisp black directory field. */
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-categories-clean,
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-categories-clean>.mpmh021-categories-body{
  border-top:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-categories-clean>.mpmh021-categories-body{
  padding-top:26px!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box{
  border:1px solid var(--fc022-line-strong)!important;
}
/* FAQ: background ownership only. Existing content boxes retain their inherited
   fills, borders, typography, spacing and interactions. */
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue,
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue>.panel-body,
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue .mpmh-doc-logo-frame,
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue .mpmh-doc-centered-content,
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue .mpmh-doc-logo-rail{
  background:var(--fc022-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-faq-blue{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh + 340px)!important;
  margin:0!important;
  border:0!important;
}
/* STATS: visible surface intentionally reset. One very tall edge-to-edge blue
   workspace owns a single large black analytical canvas with the Home logo-wall
   perimeter language. No placeholder cards or legacy readouts remain visible. */
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-stats-blank{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh + 980px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--fc022-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-stats-canvas{
  width:100%!important;
  min-height:calc(100vh + 980px)!important;
  padding:44px var(--fc021-gutter) 380px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  background:var(--fc022-blue)!important;
}
html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-stats-blackbox{
  width:100%!important;
  min-height:calc(100vh + 560px)!important;
  margin:0 auto!important;
  border:1px solid var(--fc022-line-strong)!important;
  border-radius:0!important;
  background:var(--fc022-black)!important;
  box-shadow:none!important;
}
@media(max-width:980px){
  html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
    justify-content:flex-start!important;
    min-height:50px!important;
    margin-bottom:30px!important;
  }
  html.mpmh-frontconv022 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
    min-height:50px!important;
  }
  html.mpmh-frontconv022 body #publicShell #causeWorkspacePanel[data-workspace-panel="qr_code"]{
    min-height:360px!important;
    padding:20px 14px!important;
  }
  html.mpmh-frontconv022 body #publicShell #causeWorkspacePanel .mpmh021-qr-view{
    width:100%!important;
    min-height:310px!important;
    padding:24px 16px!important;
  }
  html.mpmh-frontconv022 body #publicShell #shellMain .mpmh022-stats-canvas{
    padding:24px 18px 280px!important;
  }
}


/* FRONTCONV023 — CONTROLLED VISUAL-SYSTEM CLEANUP
   Scope: one-row lower cause tabs, compact secondary navigation, green-text-only
   selected state, shared crisp-panel perimeter, scoped orphan-rule cleanup,
   clean reserve fields, and selected-Home hero scale separator removal.
   No overlay architecture, routes, Signal/data/form authority, History, backend,
   or QR behavior changes. */
:root{
  --fc023-blue:var(--fc022-blue);
  --fc023-black:var(--fc022-black);
  --fc023-crisp-line:var(--fc021-line);
  --fc023-muted:#7893a7;
  --fc023-sky:#83caff;
  --fc023-green:#16f19b;
}

/* One perimeter language across the intentionally black analytical/directory fields. */
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh021-category-box,
html.mpmh-frontconv023 body #publicShell #causeWorkspacePanel .mpmh021-qr-view,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh022-stats-blackbox,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section{
  border:1px solid var(--fc023-crisp-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Cause workspace: six peer views stay on one desktop rail. Reduce vertical
   ceremony and let selected green text carry state without an underline. */
@media(min-width:981px){
  html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr 1.16fr .88fr .88fr .88fr!important;
    grid-auto-flow:column!important;
    align-items:stretch!important;
    width:100%!important;
    gap:0!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action]{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    line-height:1.05!important;
  }
}
html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action]{
  color:var(--fc023-muted)!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action].is-active,
html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action][aria-pressed="true"]{
  color:var(--fc023-green)!important;
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action]:hover,
html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action]:focus-visible{
  color:var(--fc023-sky)!important;
  background:transparent!important;
  border-bottom:0!important;
}

/* Insights: compact sticky lens rail. Selected green text is sufficient state;
   remove the active underline and oversized vertical padding. */
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  min-height:38px!important;
  margin-bottom:30px!important;
  background:var(--fc023-blue)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(130,190,226,.18)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
  min-height:38px!important;
  padding:0 16px!important;
  color:var(--fc023-muted)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link.is-active{
  color:var(--fc023-green)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:hover,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:focus-visible{
  color:var(--fc023-sky)!important;
  background:transparent!important;
  border-bottom:0!important;
}

/* Scoped title/content rhythm: touched analytical/directory workspaces use the
   same quiet blue ownership without forcing widths or global header geometry. */
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh022-categories-clean,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh022-faq-blue,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh022-stats-blank,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh020-howitworks-blank{
  background:var(--fc023-blue)!important;
  background-image:none!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh022-categories-clean>.mpmh021-categories-body{
  padding-top:28px!important;
}

/* Orphan separators: clear only rules on already-touched surfaces that no longer
   express a meaningful boundary. In particular the selected-Home scale line
   must sit on uninterrupted platform blue. */
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview h1,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh019-hero-scale-inline{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview::before,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview::after,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh019-hero-scale-inline::before,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh019-hero-scale-inline::after{
  display:none!important;
  content:none!important;
  border:0!important;
}
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-bottom-nav{
  border-top:0!important;
  box-shadow:none!important;
}

/* Reserve space is a real field, not a location for inherited rules or tonal
   fragments. Keep it uninterrupted on the surfaces already designed this way. */
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home .mpmh021-home-campaign-reserve,
html.mpmh-frontconv023 body #publicShell #shellMain #mpmh280Home .mpmh021-home-lower-reserve,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh021-categories-reserve,
html.mpmh-frontconv023 body #publicShell #shellMain .mpmh021-how-reserve{
  background:var(--fc023-blue)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

@media(max-width:980px){
  html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    gap:0!important;
  }
  html.mpmh-frontconv023 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>[data-cause-workspace-action]{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    padding:0 16px!important;
  }
  html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
    min-height:38px!important;
    margin-bottom:26px!important;
  }
  html.mpmh-frontconv023 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
    min-height:38px!important;
    padding:0 13px!important;
  }
}


/* FRONTCONV024 — CONTROLLED ALIGNMENT + VERIFIER-TRANSPORT REPAIR
   Presentation scope: bottom-align the selected-Home brand-discovery title with
   the right copy and center Browse All Campaigns inside the logo-wall-owned
   reserve immediately below the availability line. No layout-system rewrite,
   overlay work, route change, Signal/data/form/History change, or QR behavior change. */
:root{
  --fc024-blue:var(--fc023-blue);
  --fc024-sky:var(--fc023-sky);
}

/* Brand-discovery heading/copy: keep existing typography and columns, but let
   both sides resolve to the same visual floor on desktop. */
@media(min-width:981px){
  html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery>.mpmh280-section-head-split{
    align-items:stretch!important;
  }
  html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery>.mpmh280-section-head-split>.mpmh280-section-title{
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh280-brand-discovery>.mpmh280-section-head-split>.mpmh280-section-copy{
    align-self:end!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
}

/* Campaign shortcut: now physically lives in the featured/logo-wall block.
   Preserve the generous reserve, but center the single route in both axes and
   keep the entire field continuous platform blue. */
html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery>.mpmh021-home-campaign-reserve{
  width:100%!important;
  min-height:300px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:32px var(--fc021-gutter)!important;
  background:var(--fc024-blue)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery>.mpmh021-home-campaign-reserve .mpmh021-browse-all-campaigns{
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
  text-align:center!important;
}
@media(max-width:980px){
  html.mpmh-frontconv024 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery>.mpmh021-home-campaign-reserve{
    min-height:190px!important;
    padding:24px 18px!important;
  }
}


/* FRONTCONV025 — PRE-WORD-AUDIT VISUAL SHELL NORMALIZATION
   Scope: enforce the cause lower workspace as one true six-tab desktop rail,
   unify touched primary title rails, normalize the existing crisp black-panel
   perimeter, remove scoped orphan separators, protect deliberate blue reserve
   and footer-transition fields, and align action/navigation state hierarchy.
   No copy rewrite, overlay architecture, route, Signal/data/form/History, QR,
   publication, accounting, or backend-authority change. */
:root{
  --fc025-blue:var(--fc024-blue);
  --fc025-black:var(--fc023-black);
  --fc025-line:var(--fc023-crisp-line);
  --fc025-muted:var(--fc023-muted);
  --fc025-sky:var(--fc023-sky);
  --fc025-green:var(--fc023-green);
}

/* CAUSE WORKSPACE — the actual buttons live inside an inline-nav child, so
   own that child as the six-column rail rather than styling only the outer nav. */
@media(min-width:981px){
  html.mpmh-frontconv025 body #publicShell #causeWorkspace .mpmh008-workspace-tabs{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv025 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>.mph-cause-workspace-inline-nav{
    display:grid!important;
    grid-template-columns:1fr 1fr 1.18fr .86fr .86fr .86fr!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:0!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv025 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>.mph-cause-workspace-inline-nav>[data-cause-workspace-action]{
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    line-height:1.05!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv025 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>.mph-cause-workspace-inline-nav{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:100%!important;
    gap:0!important;
  }
  html.mpmh-frontconv025 body #publicShell #causeWorkspace .mpmh008-workspace-tabs>.mph-cause-workspace-inline-nav>[data-cause-workspace-action]{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:38px!important;
    padding:0 16px!important;
    white-space:nowrap!important;
  }
}

/* PRIMARY TITLE RAILS — touched public sections share the exact same deep-blue
   owner, centered title geometry and restrained perimeter. Categories was the
   visible outlier; this intentionally scopes only the surfaces already edited. */
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"],
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="insights"],
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="howitworks"],
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="faq"],
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="stats"]{
  min-height:34px!important;
  background:var(--fc025-blue)!important;
  background-image:none!important;
  border-top:1px solid rgba(130,190,226,.26)!important;
  border-bottom:1px solid rgba(130,190,226,.34)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-inner,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="insights"] .mpmh-live-section-inner,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="howitworks"] .mpmh-live-section-inner,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="faq"] .mpmh-live-section-inner,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="stats"] .mpmh-live-section-inner{
  min-height:34px!important;
  height:34px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-title,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="insights"] .mpmh-live-section-title,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="howitworks"] .mpmh-live-section-title,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="faq"] .mpmh-live-section-title,
html.mpmh-frontconv025 body #publicShell #mpmhLiveSectionHeader[data-active-tab="stats"] .mpmh-live-section-title{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

/* BLACK PANEL PERIMETER — one exact restrained edge across the deliberately
   black fields already using this language. Internal structure stays untouched. */
html.mpmh-frontconv025 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh021-category-box,
html.mpmh-frontconv025 body #publicShell #causeWorkspacePanel .mpmh021-qr-view,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-stats-blackbox,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section{
  border:1px solid var(--fc025-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* SECONDARY / PRIMARY NAV STATE LANGUAGE — scoped platform navigation only.
   Selected green, inactive muted, hover/focus sky; no decorative underline. */
html.mpmh-frontconv025 body #publicShell #tabs .mpmh240-platform-tab{
  color:var(--fc025-muted)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv025 body #publicShell #tabs .mpmh240-platform-tab.active,
html.mpmh-frontconv025 body #publicShell #tabs .mpmh240-platform-tab[aria-selected="true"]{
  color:var(--fc025-green)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv025 body #publicShell #tabs .mpmh240-platform-tab:hover,
html.mpmh-frontconv025 body #publicShell #tabs .mpmh240-platform-tab:focus-visible{
  color:var(--fc025-sky)!important;
  border-bottom:0!important;
}

/* SCOPED ORPHAN RULE / RESERVE CLEANUP — only surfaces already under the
   convergence pass. Reserve fields remain uninterrupted blue, while intentional
   internal row rules inside data/directory fields are preserved. */
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-categories-clean,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-faq-blue,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-stats-blank,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh020-howitworks-blank,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh012-surface-insights{
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv025 body #publicShell #shellMain #mpmh280Home .mpmh021-home-campaign-reserve,
html.mpmh-frontconv025 body #publicShell #shellMain #mpmh280Home .mpmh021-home-lower-reserve,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh021-categories-reserve,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh021-how-reserve{
  background:var(--fc025-blue)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* FOOTER TRANSITION — edited long-form/blank-slate surfaces finish on clean blue
   before the existing footer rail; do not alter footer behavior or controls. */
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-categories-clean,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-faq-blue,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh022-stats-blank,
html.mpmh-frontconv025 body #publicShell #shellMain .mpmh020-howitworks-blank{
  padding-bottom:72px!important;
}

/* ACTION HIERARCHY — preserve copy/routes, only keep the campaign-directory
   destination visually primary while utility actions remain restrained. */
html.mpmh-frontconv025 body #publicShell #shellMain #mpmh280Home .mpmh021-browse-all-campaigns{
  color:var(--fc025-sky)!important;
  font-weight:900!important;
}
html.mpmh-frontconv025 body #publicShell #shellMain #mpmh280Home .mpmh015-market-action .mpmh301-market-route{
  color:var(--fc025-sky)!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}


/* FRONTCONV026 — PRE-WORD-AUDIT SURFACE RESET / CONTENT ESTATE CLEANUP
   Scope: visual normalization for Definitions, Advertisers and Technology;
   controlled Charities and News blank-slate resets; legal surface simplification;
   lower-footer Insights de-duplication only. Cause Directory is explicitly preserved.
   No copy audit, canonical route, overlay, Signal, form, History, publication,
   accounting, QR behavior or backend authority change. */
:root{
  --fc026-blue:var(--fc025-blue);
  --fc026-black:var(--fc025-black);
  --fc026-line:var(--fc025-line);
  --fc026-muted:var(--fc025-muted);
  --fc026-sky:var(--fc025-sky);
  --fc026-green:var(--fc025-green);
  --fc026-gutter:clamp(22px,4.25vw,72px);
}

/* DEFINITIONS — keep all current content for the later word audit; normalize
   only workspace ownership and glossary-card containment. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions{
  width:100%!important;max-width:none!important;margin:0!important;padding:0 0 220px!important;
  border:0!important;background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions>.panel-head{
  background:var(--fc026-blue)!important;background-image:none!important;border-top:0!important;border-bottom:1px solid rgba(130,190,226,.26)!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions>.panel-head>span:last-child{display:none!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions .doc-panel-body{
  width:100%!important;max-width:none!important;margin:0!important;padding:46px var(--fc026-gutter) 0!important;
  background:var(--fc026-blue)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions .mpmh074-definition-grid{
  width:min(1180px,100%)!important;margin:0 auto!important;gap:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions .doc-card{
  background:var(--fc026-black)!important;background-image:none!important;border:1px solid var(--fc026-line)!important;border-radius:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-definitions .doc-link-row{
  width:min(1180px,100%)!important;margin:28px auto 0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}

/* ADVERTISERS — blue workspace ownership; main copy lives directly on blue.
   Existing right-hand Signal description rail keeps its own current treatment. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-panel{
  width:100%!important;max-width:none!important;min-height:calc(100vh + 520px)!important;margin:0!important;padding:0 0 220px!important;
  border:0!important;background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-panel>.panel-head{
  background:var(--fc026-blue)!important;background-image:none!important;border-top:0!important;border-bottom:1px solid rgba(130,190,226,.26)!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-panel>.panel-head>span:last-child{display:none!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-page{
  width:100%!important;max-width:none!important;margin:0!important;padding:48px var(--fc026-gutter) 0!important;background:var(--fc026-blue)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-layout{
  width:min(1240px,100%)!important;max-width:none!important;margin:0 auto!important;gap:44px!important;align-items:start!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-copy,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-hero,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-section,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-cta{
  background:transparent!important;background-image:none!important;border:0!important;outline:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-copy{padding:0!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertiser-signal-rail{
  position:relative!important;z-index:1!important;box-shadow:none!important;
}

/* CHARITIES — intentional blank slate: one statement, one randomized 5x5
   approved-logo wall, then substantial reserved blue territory. No card/grid lines. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-reset{
  width:100%!important;max-width:none!important;min-height:calc(100vh + 980px)!important;margin:0!important;padding:0!important;border:0!important;
  background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-surface{
  width:100%!important;min-height:calc(100vh + 980px)!important;padding:64px var(--fc026-gutter) 0!important;background:var(--fc026-blue)!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-statement{
  width:min(1160px,100%)!important;margin:0 auto 64px!important;color:#fff!important;text-align:center!important;font-size:clamp(24px,2.25vw,38px)!important;line-height:1.18!important;font-weight:800!important;letter-spacing:-.015em!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-logo-wall{
  width:min(1180px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:minmax(112px,1fr)!important;gap:30px 38px!important;
  background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link{
  min-width:0!important;min-height:112px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;
  background:transparent!important;border:0!important;outline-offset:5px!important;box-shadow:none!important;text-decoration:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link img{
  display:block!important;max-width:88%!important;max-height:82px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link:hover img,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link:focus-visible img{transform:scale(1.035)!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link.is-logo-missing{visibility:hidden!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-reserve{
  width:100%!important;min-height:520px!important;margin:72px 0 0!important;background:var(--fc026-blue)!important;border:0!important;outline:0!important;box-shadow:none!important;
}

/* TECHNOLOGY — retain current long-form material for the fine-tooth audit;
   place it inside one intentionally narrower black reading field on blue. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh314-technology-panel{
  width:100%!important;max-width:none!important;margin:0!important;padding:0 0 220px!important;border:0!important;background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh314-technology-surface{
  width:100%!important;max-width:none!important;margin:0!important;padding:50px var(--fc026-gutter) 0!important;background:var(--fc026-blue)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh314-technology-document{
  width:min(940px,100%)!important;max-width:940px!important;margin:0 auto!important;padding:50px clamp(26px,4vw,62px)!important;
  background:var(--fc026-black)!important;background-image:none!important;border:1px solid var(--fc026-line)!important;border-radius:0!important;box-shadow:none!important;
}

/* PRIVACY + TERMS — legal copy stays intact; visible body begins with Effective
   Date on the blue field. No black document container and no duplicate in-page title. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-privacy,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-terms{
  width:100%!important;max-width:none!important;min-height:calc(100vh + 440px)!important;margin:0!important;padding:0 0 220px!important;border:0!important;background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-privacy>.panel-head,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-terms>.panel-head{display:none!important;}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-privacy .mpmh-legal-body,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-terms .mpmh-legal-body{
  width:100%!important;max-width:none!important;margin:0!important;padding:56px var(--fc026-gutter) 0!important;background:var(--fc026-blue)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-privacy .mpmh-legal-doc,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-terms .mpmh-legal-doc{
  width:min(960px,100%)!important;max-width:960px!important;margin:0 auto!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-privacy .mpmh-legal-effective,
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh012-surface-terms .mpmh-legal-effective{margin-top:0!important;}

/* NEWS — same intentionally empty foundation language as Stats: tall blue
   workspace, one full-width black canvas, crisp shared edge, no placeholder copy. */
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-news-blank{
  width:100%!important;max-width:none!important;min-height:calc(100vh + 980px)!important;margin:0!important;padding:0!important;border:0!important;background:var(--fc026-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-news-canvas{
  width:100%!important;min-height:calc(100vh + 980px)!important;padding:44px var(--fc026-gutter) 380px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;background:var(--fc026-blue)!important;
}
html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-news-blackbox{
  width:100%!important;min-height:calc(100vh + 560px)!important;margin:0 auto!important;border:1px solid var(--fc026-line)!important;border-radius:0!important;background:var(--fc026-black)!important;box-shadow:none!important;
}

/* Footer de-duplication is markup-only: the canonical top Insights surface stays.
   Cause Directory remains visible because it owns a separate indexed destination. */

@media(max-width:980px){
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh010-advertisers-layout{grid-template-columns:1fr!important;gap:34px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh314-technology-document{padding:34px 24px!important;}
}
@media(max-width:620px){
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-surface{padding-top:42px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-statement{margin-bottom:42px!important;font-size:25px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charities-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link{min-height:96px!important;padding:14px!important;}
  html.mpmh-frontconv026 body #publicShell #shellMain .mpmh026-charity-logo-link img{max-height:68px!important;}
}


/* FRONTCONV027 — BLUE / CRISP-CONTAINER CONSISTENCY + NEWS THREE-TONE
   Scope: exact platform-blue ownership on Insights and the Home campaign reserve;
   remove the Insights lens-rail hairline; apply the established crisp perimeter to
   intentional pure-black content fields on converged blue workspaces; give News a
   scoped platform-blue / dark-navy / pure-black composition. No copy or behavior. */
:root{
  --fc027-blue:#071c2c;
  --fc027-navy:#051722;
  --fc027-black:#000;
  --fc027-line:rgba(130,190,226,.46);
}

/* INSIGHTS — one uninterrupted platform-blue field. The lens rail stays sticky,
   but does not own a lighter band or a decorative rule. */
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-body,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  background:var(--fc027-blue)!important;
  background-image:none!important;
}
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv027 body #publicShell #mpmhLiveSectionHeader[data-active-tab="insights"]{
  background:var(--fc027-blue)!important;
  background-image:none!important;
}

/* HOME CAMPAIGN RESERVE — exact same blue as the workspace around it; no panel edge. */
html.mpmh-frontconv027 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery>.mpmh021-home-campaign-reserve,
html.mpmh-frontconv027 body #publicShell #shellMain #mpmh280Home .mpmh021-home-campaign-reserve{
  background:var(--fc027-blue)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* INTENTIONAL BLACK FIELDS ON BLUE — one exact crisp perimeter. Internal table,
   grid and row separators are not changed. Scope is explicit to converged surfaces. */
html.mpmh-frontconv027 body #publicShell #shellMain #mpmh280Home .mpmh027-featured-discovery .mpmh280-featured-grid,
html.mpmh-frontconv027 body #publicShell #shellMain #mpmh280Home .mpmh015-market-rail,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh021-category-box,
html.mpmh-frontconv027 body #publicShell #causeWorkspacePanel .mpmh021-qr-view,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh022-stats-blackbox,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh026-news-blackbox,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh314-technology-document,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-definitions .doc-card,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-stat-rail,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-scale-rail,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-section{
  border:1px solid var(--fc027-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* NEWS — scoped three-tone composition. Blue owns the page, navy frames the
   analytical reserve, black owns only the inner future-content canvas. */
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh012-surface-news,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh-news-panel,
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh026-news-blank{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:var(--fc027-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh026-news-canvas{
  width:calc(100% - clamp(36px,4vw,72px))!important;
  max-width:none!important;
  min-height:calc(100vh + 980px)!important;
  margin:36px auto 0!important;
  padding:52px clamp(34px,4vw,72px) 380px!important;
  background:var(--fc027-navy)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv027 body #publicShell #shellMain .mpmh026-news-blackbox{
  width:100%!important;
  min-height:calc(100vh + 560px)!important;
  margin:0 auto!important;
  background:var(--fc027-black)!important;
  background-image:none!important;
  border:1px solid var(--fc027-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:620px){
  html.mpmh-frontconv027 body #publicShell #shellMain .mpmh026-news-canvas{
    width:calc(100% - 24px)!important;
    margin-top:18px!important;
    padding:26px 18px 240px!important;
  }
}


/* FRONTCONV028 — NEWS / CHARITY WALL / CATEGORIES OWNER REPAIR
   Scope is intentionally narrow: true-blue News blank slate, one solid-white 5x5
   charity-logo field with larger optical marks and no action-prefix hover wording,
   and a Categories title-rail selector/specificity repair matching the established
   primary blue header treatment. No routing, Signal, overlay or backend behavior. */
:root{
  --fc028-blue:#071c2c;
  --fc028-white:#fff;
  --fc028-line:rgba(130,190,226,.46);
  --fc028-title-top:#07335a;
  --fc028-title-bottom:#051f38;
  --fc028-title-border:#2a628f;
}

/* NEWS — abandon the three-tone experiment. Blue owns the entire visible page
   below the title rail. No inner frame, black canvas, border or tonal panel. */
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh012-surface-news,
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh-news-panel,
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-news-blank,
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-news-canvas{
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh + 980px)!important;
  margin:0!important;
  padding:0!important;
  background:var(--fc028-blue)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-news-blackbox{display:none!important;}

/* CHARITIES — one coherent white presentation field, never 25 card cells. */
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charities-logo-wall{
  width:min(1240px,100%)!important;
  margin:0 auto!important;
  padding:34px 38px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:112px!important;
  gap:20px 26px!important;
  background:var(--fc028-white)!important;
  background-image:none!important;
  border:1px solid var(--fc028-line)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link{
  min-width:0!important;
  min-height:112px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:98%!important;
  max-height:102px!important;
  object-fit:contain!important;
  transform:scale(1.08)!important;
  transform-origin:center center!important;
  filter:none!important;
}
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link:hover img,
html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link:focus-visible img{
  transform:scale(1.11)!important;
}

/* CATEGORIES TITLE RAIL — repair the actual live-section owner at the final cascade
   position. Match the established blue primary-title rail rather than the inherited
   black presentation that kept winning on Categories. */
html.mpmh-frontconv028 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"]{
  min-height:34px!important;
  background:linear-gradient(180deg,var(--fc028-title-top) 0%,var(--fc028-title-bottom) 100%)!important;
  background-color:var(--fc028-title-top)!important;
  border-top:1px solid var(--fc028-title-border)!important;
  border-bottom:1px solid var(--fc028-title-border)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv028 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-inner{
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  background-image:none!important;
}
html.mpmh-frontconv028 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-title{
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

@media(max-width:980px){
  html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charities-logo-wall{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:28px!important;
    gap:18px 22px!important;
  }
}
@media(max-width:620px){
  html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charities-logo-wall{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:104px!important;
    padding:20px!important;
    gap:14px!important;
  }
  html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link{min-height:104px!important;padding:8px!important;}
  html.mpmh-frontconv028 body #publicShell #shellMain .mpmh026-charity-logo-link img{max-height:88px!important;transform:scale(1.04)!important;}
}


/* FRONTCONV029 — STATIC WHITE LOGO WALL + CATEGORIES INVERSION
   Two presentation-only decisions: the approved white-logo Home marquee becomes
   a shell-stable static 6x5 wall, and Categories intentionally becomes a black-
   owned workspace with the category directory on canonical platform blue. */
:root{
  --fc029-blue:#071c2c;
  --fc029-black:#000;
  --fc029-white:#fff;
  --fc029-line:rgba(130,190,226,.46);
}

/* HOME — one full-width 6x5 white logo field. No motion, clone lane, cards,
   captions or internal dividers. The chosen 30 are randomized server-side once
   per full page load and remain stable for the shell lifetime. */
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-wall{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--fc029-white)!important;
  background-image:none!important;
  border:1px solid var(--fc029-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:repeat(5,118px)!important;
  gap:0!important;
  padding:22px 28px!important;
  background:var(--fc029-white)!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo{
  min-width:0!important;
  min-height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 18px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:86%!important;
  max-height:82px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo:hover img,
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo:focus-visible img{
  transform:scale(1.035)!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo.is-logo-missing{
  visibility:hidden!important;
  pointer-events:none!important;
}

/* CATEGORIES — intentional exception. Black owns the entire Categories surface,
   including the live title rail and reserve. The contained directory becomes the
   canonical platform-blue field with the existing crisp perimeter. */
html.mpmh-frontconv029 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"],
html.mpmh-frontconv029 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-inner{
  background:var(--fc029-black)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv029 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"]{
  border-top:0!important;
  border-bottom:0!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean,
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean>.mpmh021-categories-body,
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh021-categories-reserve{
  background:var(--fc029-black)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box,
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box .category-grid,
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box .category-grid-az{
  background:var(--fc029-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv029 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box{
  border:1px solid var(--fc029-line)!important;
}

@media(max-width:1100px){
  html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
  }
}
@media(max-width:760px){
  html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    padding:16px!important;
  }
  html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo{min-height:104px!important;padding:12px!important;}
  html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo img{max-height:72px!important;}
}
@media(max-width:480px){
  html.mpmh-frontconv029 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* FRONTCONV030 — STATIC WALL VISIBILITY + CATEGORIES DIRECTORY UNIFICATION
   Tight two-item repair: every 6x5 Home white-wall logo is visible immediately
   without hover dependency, and Categories becomes one coherent blue directory
   field inside its intentionally black-owned surface. */
:root{
  --fc030-blue:#071c2c;
  --fc030-black:#000;
  --fc030-white:#fff;
  --fc030-line:rgba(130,190,226,.46);
}

/* HOME STATIC WHITE WALL — neutralize any inherited marquee opacity / reveal /
   mask behavior at the exact new-wall owner. Hover may scale slightly, but it
   must never be responsible for making a mark visible. */
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-wall,
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-grid{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  animation:none!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  clip-path:none!important;
  transform:none!important;
  animation:none!important;
  color:transparent!important;
  font-size:0!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo::before,
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo::after{
  content:none!important;
  display:none!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo img{
  position:static!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  mask:none!important;
  -webkit-mask:none!important;
  clip-path:none!important;
  transform:none!important;
  animation:none!important;
  transition:transform .12s ease!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo:hover img,
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo:focus-visible img{
  opacity:1!important;
  visibility:visible!important;
  transform:scale(1.025)!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo.is-logo-missing{
  visibility:hidden!important;
  pointer-events:none!important;
}

/* CATEGORIES — preserve the intentional black page owner, but make the directory
   itself one unified canonical-blue field. Individual generated category links /
   tiles no longer read as black cards. Add one restrained top enclosure line
   immediately beneath the Categories title rail. */
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean{
  background:var(--fc030-black)!important;
  background-image:none!important;
  border-top:1px solid var(--fc030-line)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-grid,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-grid-az,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean #categoryDiscoveryGrid{
  background:var(--fc030-blue)!important;
  background-image:none!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean #categoryDiscoveryGrid > *,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-grid button,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-grid a,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-card,
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .category-tile{
  background:var(--fc030-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv030 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box{
  border:1px solid var(--fc030-line)!important;
}


/* FRONTCONV031 — STATIC WALL RUNTIME OWNERSHIP QUARANTINE
   The 6x5 Home walls are not marquees. Their new IDs/data-region deliberately
   avoid legacy marquee runtime ownership. This block is only a final static-wall
   presentation contract; no hover/reveal dependency and no marquee motion. */
:root{
  --fc031-white:#fff;
}
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home #mpmh031EntryBrandStaticWall,
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home #mpmh031BrandStaticWall{
  background:var(--fc031-white)!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  animation:none!important;
  transform:none!important;
}
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home .mpmh031-static-logo-wall .mpmh029-white-logo-grid,
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home .mpmh031-static-logo-wall .mpmh029-white-logo,
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home .mpmh031-static-logo-wall .mpmh029-white-logo img{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  clip-path:none!important;
  animation:none!important;
}
html.mpmh-frontconv031 body #publicShell #shellMain #mpmh280Home .mpmh031-static-logo-wall .mpmh029-white-logo-grid{
  transform:none!important;
  left:auto!important;
}


/* FRONTCONV032 — ENTRY HOME FLOW / STATS RELOCATION
   Scope: Entry Home only becomes shallower by using the first 18 members of the
   shell-stable white-logo order (6x3). Selected Home remains the full 6x5/30.
   The existing governed Network Activity module moves from Entry Home to the
   top of Stats; the reserved black Stats canvas remains below it. */
:root{
  --fc032-blue:#071c2c;
  --fc032-black:#000;
  --fc032-line:rgba(130,190,226,.46);
}
/* Entry wall: same full width / cell rhythm, three rows only. */
html.mpmh-frontconv032 body #publicShell #shellMain #mpmh280Home #mpmh032EntryBrandStaticWall .mpmh029-white-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,118px)!important;
}
html.mpmh-frontconv032 body #publicShell #shellMain #mpmh280Home #mpmh032EntryBrandStaticWall{
  min-height:0!important;
}
/* Selected Home remains the full 6x5 wall and current composition. */
html.mpmh-frontconv032 body #publicShell #shellMain #mpmh280Home #mpmh032BrandStaticWall .mpmh029-white-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:repeat(5,118px)!important;
}
/* Stats now owns the existing Network Activity presentation at its top. */
html.mpmh-frontconv032 body #publicShell #shellMain .mpmh032-stats-entry-readout .mpmh022-stats-canvas{
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
  padding-top:44px!important;
  background:var(--fc032-blue)!important;
}
html.mpmh-frontconv032 body #publicShell #shellMain .mpmh032-stats-network{
  width:100%!important;
  max-width:none!important;
  margin:0 auto 72px!important;
}
html.mpmh-frontconv032 body #publicShell #shellMain .mpmh032-stats-entry-readout .mpmh022-stats-blackbox{
  width:100%!important;
  min-height:calc(100vh + 560px)!important;
  margin:0 auto!important;
  border:1px solid var(--fc032-line)!important;
  background:var(--fc032-black)!important;
}
@media(max-width:980px){
  html.mpmh-frontconv032 body #publicShell #shellMain #mpmh280Home #mpmh032EntryBrandStaticWall .mpmh029-white-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
  }
  html.mpmh-frontconv032 body #publicShell #shellMain .mpmh032-stats-network{
    margin-bottom:40px!important;
  }
}


/* FRONTCONV033 — ENTRY HOME VISUAL CONVERGENCE
   Surgical scope: platform_home=1 / entry state only. The regular selected-cause
   Home is intentionally untouched. Entry Home adopts the same canonical blue
   workspace and hero alignment language so Cause selection changes state rather
   than appearing to replace the page. */
:root{
  --fc033-blue:#071c2c;
  --fc033-sky:#83caff;
  --fc033-green:#08f0a0;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"],
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-home-entry,
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero,
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section,
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-brand-proof{
  background:var(--fc033-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero{
  border:0!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-bridge-row{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  align-items:center!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-copy-stack{
  align-self:center!important;
  min-width:0!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-copy-stack h1{
  margin-bottom:0!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh033-entry-scale-inline{
  width:auto!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-bridge{
  max-width:920px!important;
  margin:24px 0 0!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-actions{
  margin-top:24px!important;
}
/* Entry-only discovery content lives on the same blue workspace rather than
   reverting to the older black landing-page field. */
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-section{
  border-top-color:transparent!important;
}
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section,
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-brand-proof{
  border-top:0!important;
  border-bottom:0!important;
}
/* Entry 6x3 wall keeps the same full-width alignment language as the selected
   6x5 wall; only row count differs. */
html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home #mpmh033EntryBrandStaticWall{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(min-width:981px){
  html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-bridge-row{
    grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important;
    column-gap:54px!important;
  }
  html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-world-logo{
    align-self:center!important;
    justify-self:center!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero{
    padding-top:26px!important;
    padding-bottom:28px!important;
  }
  html.mpmh-frontconv033 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh033-entry-scale-inline{
    text-align:left!important;
  }
}


/* FRONTCONV034 — ENTRY HERO COMPRESSION + 6x5 CAUSE LOGO WALL
   Scope: platform_home=1 only. Regular selected Home remains unchanged. */
:root{
  --fc034-blue:#071c2c;
  --fc034-edge:#274a60;
  --fc034-sky:#83caff;
  --fc034-green:#08f0a0;
}
/* Entry hero should consume roughly the same kind of vertical real estate as
   the selected Home hero. Remove inherited minimums and duplicate CTA spacing. */
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero{
  min-height:0!important;
  height:auto!important;
  padding-top:22px!important;
  padding-bottom:22px!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-bridge-row,
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-copy-stack{
  min-height:0!important;
  height:auto!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh033-entry-scale-inline{
  margin-top:10px!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-hero-bridge{
  margin-top:14px!important;
  margin-bottom:0!important;
  max-width:920px!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-actions{
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
/* Entry Cause discovery: one static white 6x5 logo field. Labels live in the
   native title/accessibility text ("Select [Cause]") rather than below logos. */
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:112px!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:28px auto 0!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid var(--fc034-edge)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall .mpmh034-entry-cause-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:14px 18px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall .mpmh034-entry-cause-logo img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:86%!important;
  max-height:78px!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  transform:scale(1.08)!important;
  transform-origin:center center!important;
}
html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall .mpmh034-entry-cause-logo span{
  display:none!important;
}
@media (hover:hover) and (pointer:fine){
  html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall .mpmh034-entry-cause-logo:hover img{
    transform:scale(1.11)!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:104px!important;
    padding:10px!important;
  }
}
@media(max-width:560px){
  html.mpmh-frontconv034 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* FRONTCONV035 — ENTRY DENSITY + CAUSE DIRECTORY STATE PRESENTATION
   Entry-only geometry: remove redundant green eyebrows from the visible flow,
   pull Cause discovery upward, and make the current Entry brand wall a true
   6x3/18 field rather than three rows inside inherited 6x5 geometry. Cause
   directory behavioral repair lives in the matched FRONTCONV035 JS. */
:root{
  --fc035-blue:#071c2c;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section{
  margin-top:0!important;
  padding-top:26px!important;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section > .mpmh280-section-head{
  margin-top:0!important;
  padding-top:0!important;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
  margin-top:18px!important;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-brand-proof .mpmh280-kicker,
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section .mpmh280-kicker{
  display:none!important;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh033EntryBrandStaticWall{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
}
html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh033EntryBrandStaticWall .mpmh029-white-logo-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,118px)!important;
  grid-auto-rows:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}
@media(max-width:1100px){
  html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh033EntryBrandStaticWall .mpmh029-white-logo-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-rows:auto!important;
  }
}
@media(max-width:760px){
  html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh033EntryBrandStaticWall .mpmh029-white-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:480px){
  html.mpmh-frontconv035 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh033EntryBrandStaticWall .mpmh029-white-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* FRONTCONV036 — HOME COPY + REDUNDANCY CLEANUP
   Presentation-only follow-up. Entry action wording is handled in PHP; this
   scope only normalizes the surviving brand-directory rail to the canonical
   platform blue. FRONTCONV035 Cause-directory behavior is intentionally
   untouched. */
:root{
  --fc036-blue:#071c2c;
}
html.mpmh-frontconv036 body #publicShell #shellMain #mpmh280Home .mpmh054-brand-route{
  background:var(--fc036-blue)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv036 body #publicShell #shellMain #mpmh280Home .mpmh054-brand-route .mpmh280-inline-route{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* FRONTCONV037 — DESKTOP PRIMARY NAV EDGE RESTORATION
   The primary navigation belongs to the global shell, not to a contained page
   width. On desktop only, return the nav-only wrapper and split tab rail to the
   full shell width, keep a deliberate 10px optical inset, retain natural-width
   tabs, and let the center gap absorb remaining space. Mobile/menu geometry,
   tab styling, routes, active states and click ownership are intentionally
   untouched. */
@media(min-width:981px){
  html.mpmh-frontconv037 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-row{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html.mpmh-frontconv037 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-inner.mpmh-nav-only-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }
  
  
  
  
}



/* FRONTCONV038 — PUBLIC EXPLAINER CONVERGENCE
   Completes the How It Works surface without reopening FRONTCONV037 navigation
   geometry or FRONTCONV035 behavior. Uses one continuous platform-blue document,
   a thin four-step editorial grid, and a restrained boundary rail. No dashboard
   boxes, decorative eyebrow stack, route changes, or JavaScript changes. */
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-howitworks,
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-howitworks>.mpmh038-how-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#071c2c!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#edf7ff!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-page{
  width:min(1180px,calc(100% - 56px))!important;
  margin:0 auto!important;
  padding:64px 0 72px!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-hero{
  max-width:940px!important;
  margin:0 auto 52px!important;
  text-align:center!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,4.15vw,58px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-lead{
  max-width:860px!important;
  margin:24px auto 0!important;
  color:#bed2df!important;
  font-size:16px!important;
  line-height:1.72!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-flow{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:0!important;
  border-top:1px solid #28506a!important;
  border-bottom:1px solid #28506a!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  padding:34px 34px 36px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step:nth-child(odd){
  border-right:1px solid #28506a!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step:nth-child(-n+2){
  border-bottom:1px solid #28506a!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-step-number{
  display:block!important;
  color:#78cfff!important;
  font:800 13px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.12em!important;
  padding-top:5px!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step h2{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  font-weight:850!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step p{
  margin:0!important;
  color:#b9ccd8!important;
  font-size:14px!important;
  line-height:1.68!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin:34px 0 0!important;
  background:#000!important;
  border:1px solid #23455c!important;
  box-shadow:none!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries p{
  margin:0!important;
  padding:24px 28px!important;
  color:#b9ccd8!important;
  font-size:13px!important;
  line-height:1.62!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries p+ p{
  border-left:1px solid #23455c!important;
}
html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries strong{
  color:#fff!important;
  font-weight:850!important;
}
/* Remove only the surviving decorative selected-Home eyebrow spacing; preserve
   the actual discovery heading and all Home geometry/content below it. */
html.mpmh-frontconv038 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-section-title>h2:first-child{
  margin-top:0!important;
}
@media(max-width:760px){
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-page{
    width:min(100% - 32px,1180px)!important;
    padding:42px 0 52px!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-hero{
    margin-bottom:34px!important;
    text-align:left!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-lead{
    margin-left:0!important;
    margin-right:0!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-flow,
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries{
    grid-template-columns:1fr!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:12px!important;
    padding:26px 6px!important;
    border-right:0!important;
    border-bottom:1px solid #28506a!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-step:last-child{
    border-bottom:0!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries p{
    padding:21px 22px!important;
  }
  html.mpmh-frontconv038 body #publicShell #shellMain .mpmh038-how-boundaries p+ p{
    border-left:0!important;
    border-top:1px solid #23455c!important;
  }
}


/* FRONTCONV039 — INSIGHTS VISUAL CONVERGENCE
   Presentation-only. The four existing analytical lenses keep their internal
   IDs, data bindings, formulas, History mechanics and readout authority. This
   pass reduces container weight, tightens analytical hierarchy, and gives each
   lens one clear dominant readout rhythm. Green remains selection/positive
   emphasis; sky blue carries chart/comparison emphasis. */
:root{
  --fc039-blue:#071c2c;
  --fc039-navy:#051722;
  --fc039-black:#000;
  --fc039-text:#f4f8fb;
  --fc039-muted:#aebfca;
  --fc039-sky:#78cfff;
  --fc039-green:#16f19b;
  --fc039-line:rgba(130,190,226,.34);
  --fc039-line-soft:rgba(130,190,226,.16);
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell{
  padding:0 clamp(22px,4vw,64px) 72px!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-pages{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
  min-height:44px!important;
  margin:0 0 28px!important;
  padding:0!important;
  gap:clamp(8px,1.5vw,24px)!important;
  justify-content:center!important;
  background:var(--fc039-blue)!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
  min-height:44px!important;
  padding:0 8px!important;
  color:var(--fc039-muted)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.065em!important;
  white-space:nowrap!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link.is-active{
  color:var(--fc039-green)!important;
  background:transparent!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:hover,
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link:focus-visible{
  color:var(--fc039-sky)!important;
  background:transparent!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>h2{
  width:auto!important;
  max-width:900px!important;
  margin:0 0 8px!important;
  text-align:left!important;
  color:var(--fc039-text)!important;
  font-size:clamp(24px,2.1vw,32px)!important;
  line-height:1.05!important;
  letter-spacing:.018em!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-page>p{
  width:auto!important;
  max-width:820px!important;
  margin:0 0 24px!important;
  text-align:left!important;
  color:var(--fc039-muted)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  white-space:normal!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail{
  display:grid!important;
  width:100%!important;
  margin:22px 0 26px!important;
  padding:0!important;
  background:var(--fc039-black)!important;
  border:1px solid var(--fc039-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.four{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.six{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div{
  min-width:0!important;
  padding:20px 18px 18px!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid var(--fc039-line-soft)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div:first-child{
  border-left:0!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail small{
  display:block!important;
  margin:0 0 9px!important;
  color:#8fa8b8!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.075em!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail strong{
  display:block!important;
  color:var(--fc039-text)!important;
  font-size:clamp(20px,1.55vw,27px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  overflow-wrap:anywhere!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail strong.is-green{
  color:var(--fc039-green)!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  width:100%!important;
  margin:0 0 30px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--fc039-line-soft)!important;
  border-bottom:1px solid var(--fc039-line-soft)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div{
  min-width:0!important;
  padding:15px 14px!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid var(--fc039-line-soft)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:first-child{
  border-left:0!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail span{
  display:block!important;
  margin:0 0 6px!important;
  color:#839cab!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail strong{
  display:block!important;
  color:#eef7fc!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:880!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--fc039-line)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid.wide-left{
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div{
  min-width:0!important;
  padding:24px 0 4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div+div{
  margin-left:34px!important;
  padding-left:34px!important;
  border-left:1px solid var(--fc039-line-soft)!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header,
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 16px!important;
  padding:0 0 12px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--fc039-line-soft)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header span,
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header span{
  color:var(--fc039-sky)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header strong,
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header strong{
  color:#e7f0f5!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:.01em!important;
  text-align:right!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-list,
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row{
  display:grid!important;
  grid-template-columns:minmax(120px,1.05fr) minmax(120px,1.6fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:38px!important;
  padding:9px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(130,190,226,.11)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row:last-child{
  border-bottom:0!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>span{
  min-width:0!important;
  color:#dce8ef!important;
  font-size:11px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>i{
  display:block!important;
  height:4px!important;
  min-width:0!important;
  background:#0c3046!important;
  border:0!important;
  overflow:hidden!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>i>b{
  display:block!important;
  height:100%!important;
  background:var(--fc039-sky)!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>strong{
  color:#f4f8fb!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:right!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list.two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:24px!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list.two>div{
  padding:13px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(130,190,226,.11)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list.two>div span{
  display:block!important;
  color:#829baa!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.06em!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list.two>div strong{
  display:block!important;
  margin-top:5px!important;
  color:#f2f7fa!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:880!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual{
  margin:0 0 30px!important;
  padding:22px 24px 20px!important;
  background:var(--fc039-black)!important;
  border:1px solid var(--fc039-line)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-daily-chart{
  min-height:250px!important;
  padding:10px 4px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-day i{
  background:#0b2a3e!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-day i b{
  background:var(--fc039-sky)!important;
}
html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-bottom-nav{
  display:none!important;
}
@media(max-width:1100px){
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.six{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.six>div:nth-child(4){
    border-left:0!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:nth-child(4){
    border-left:0!important;
  }
}
@media(max-width:760px){
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-shell{
    padding:0 16px 48px!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav{
    justify-content:flex-start!important;
    gap:6px!important;
    min-height:42px!important;
    margin-bottom:24px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insights-nav::-webkit-scrollbar{display:none!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh-insight-nav-link{
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.four,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.six,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div{
    border-left:1px solid var(--fc039-line-soft)!important;
    border-top:1px solid var(--fc039-line-soft)!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div:nth-child(odd),
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:nth-child(odd){border-left:0!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div:nth-child(-n+2),
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:nth-child(-n+2){border-top:0!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid.wide-left{grid-template-columns:1fr!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div+div{
    margin:24px 0 0!important;
    padding:24px 0 0!important;
    border-left:0!important;
    border-top:1px solid var(--fc039-line-soft)!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header strong,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header strong{text-align:left!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row{
    grid-template-columns:minmax(110px,1fr) minmax(80px,1fr) auto!important;
    gap:10px!important;
  }
}
@media(max-width:460px){
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.four,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail.six,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail{grid-template-columns:1fr!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div{
    border-left:0!important;
    border-top:1px solid var(--fc039-line-soft)!important;
  }
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-primary-rail>div:first-child,
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:first-child{border-top:0!important;}
  html.mpmh-frontconv039 body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-metric-list.two{grid-template-columns:1fr!important;}
}


/* FRONTCONV039A — INSIGHTS GRAPHIC RESTORE
   Surgical correction over the FRONTCONV039 preview. Preserve 039 typography,
   spacing, lens hierarchy and data geometry. Restore the platform's black,
   crisply outlined analytical housing and cyan→green chart personality so
   charts/readout data remain distinct from the deep-blue workspace. */
:root{
  --fc039a-black:#000;
  --fc039a-sky:#66d0ff;
  --fc039a-cyan:#21cde4;
  --fc039a-green:#16f19b;
  --fc039a-track:#09283a;
  --fc039a-line:rgba(126,199,238,.43);
  --fc039a-line-soft:rgba(126,199,238,.19);
}
/* The compact supporting stat rail is analytical data, not open workspace. */
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail{
  background:var(--fc039a-black)!important;
  border:1px solid var(--fc039a-line)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div{
  background:transparent!important;
  border-left:1px solid var(--fc039a-line-soft)!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:first-child{
  border-left:0!important;
}
/* Restore one crisp black analytical field around chart + directly related data.
   Keep 039's reduced nesting: one outside outline, one internal divider. */
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid,
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid.wide-left{
  gap:0!important;
  background:var(--fc039a-black)!important;
  border:1px solid var(--fc039a-line)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div{
  padding:22px 22px 18px!important;
  background:transparent!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div+div{
  margin-left:0!important;
  padding-left:22px!important;
  border-left:1px solid var(--fc039a-line-soft)!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div>header,
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual>header{
  border-bottom-color:var(--fc039a-line-soft)!important;
}
/* Ranked/composition bars: restore the platform visual signature instead of a
   generic flat-blue fill. Width remains the exact governed value ratio. */
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>i{
  height:5px!important;
  background:var(--fc039a-track)!important;
  border:1px solid rgba(97,181,225,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.34)!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-ranked-row>i>b{
  background:linear-gradient(90deg,var(--fc039a-sky) 0%,var(--fc039a-cyan) 58%,var(--fc039a-green) 100%)!important;
  box-shadow:0 0 7px rgba(38,207,216,.20)!important;
}
/* The dominant daily bars use the same family vertically without turning the
   surrounding analytical field into decorative color. */
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-day i{
  background:#082536!important;
  border:1px solid rgba(97,181,225,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.30)!important;
}
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh007-day i b{
  background:linear-gradient(180deg,var(--fc039a-green) 0%,var(--fc039a-cyan) 48%,var(--fc039a-sky) 100%)!important;
  box-shadow:0 0 8px rgba(37,207,220,.18)!important;
}
/* The 039 dominant visual was already correctly housed in black; sharpen its
   edge so it matches the restored supporting analytics panels. */
html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-dominant-visual{
  background:var(--fc039a-black)!important;
  border-color:var(--fc039a-line)!important;
}
@media(max-width:760px){
  html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div{
    padding:20px!important;
  }
  html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-support-grid>div+div{
    margin:0!important;
    padding:20px!important;
    border-left:0!important;
    border-top:1px solid var(--fc039a-line-soft)!important;
  }
  html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div:nth-child(odd){
    border-left:0!important;
  }
}
@media(max-width:460px){
  html.mpmh-frontconv039a body #publicShell #shellMain .mpmh012-surface-insights .mpmh039-secondary-rail>div{
    border-left:0!important;
  }
}

/* ==========================================================================\n   FRONTCONV041 — PUBLIC STATS MASTER WALL\n   Exact FRONTCONV039A CSS prefix + a Stats-only append.\n   One continuous black owner sits over the existing edge-to-edge blue Stats\n   workspace; current Network Activity graphics are intentionally preserved.\n   ========================================================================== */

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh032-stats-entry-readout .mpmh022-stats-canvas{
  display:block!important;
  background:var(--fc032-blue)!important;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stats-master-box{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:clamp(18px,2.1vw,30px)!important;
  background:#000!important;
  border:1px solid var(--fc032-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Existing chart/text stays at the top; only its relationship to the new
   continuous owner changes. No established chart bars, gradients or JS are
   restyled by FRONTCONV041. */
html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stats-master-box > .mpmh032-stats-network{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall{
  width:100%;
  margin:clamp(26px,3.4vw,46px) 0 0;
  padding:clamp(22px,2.7vw,34px) 0 0;
  border-top:1px solid rgba(79,177,255,.40);
  background:transparent;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  align-items:end;
  padding:0 0 clamp(20px,2.3vw,29px);
  border-bottom:1px solid rgba(255,255,255,.14);
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(20px,2vw,29px);
  line-height:1.05;
  letter-spacing:.012em;
  font-weight:820;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-head p{
  max-width:820px;
  margin:8px 0 0;
  color:rgba(221,237,249,.76);
  font-size:13px;
  line-height:1.55;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-meta{
  min-width:138px;
  text-align:right;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-meta > strong{
  display:block;
  color:#58e4ff;
  font-size:clamp(27px,2.8vw,39px);
  line-height:.95;
  font-weight:850;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-meta > span,
html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-meta > small{
  display:block;
  margin-top:7px;
  color:rgba(178,209,232,.66);
  font-size:9px;
  line-height:1.35;
  letter-spacing:.095em;
  text-transform:uppercase;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section{
  margin:0;
  padding:clamp(25px,3vw,39px) 0;
  border-top:1px solid rgba(255,255,255,.11);
  background:transparent;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-head + .mpmh041-wall-section{
  border-top:0;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  margin:0 0 19px;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section-head h3{
  margin:0;
  color:#fff;
  font-size:clamp(14px,1.25vw,17px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section-head span{
  color:rgba(118,202,249,.67);
  font-size:9px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:clamp(20px,3vw,46px);
  row-gap:23px;
}

/* Readouts are deliberately not cards. */
html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat > span{
  display:block;
  margin:0 0 6px;
  color:rgba(111,205,255,.84);
  font-size:10px;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.072em;
  text-transform:uppercase;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat > strong{
  display:block;
  color:#fff;
  font-size:clamp(18px,1.85vw,27px);
  line-height:1;
  font-weight:820;
  letter-spacing:-.015em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat > small{
  display:block;
  margin-top:7px;
  color:rgba(177,204,224,.58);
  font-size:9px;
  line-height:1.45;
  letter-spacing:.02em;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-table{
  width:100%;
  border-top:1px solid rgba(255,255,255,.10);
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-row{
  display:grid;
  grid-template-columns:minmax(220px,1.35fr) minmax(0,2.65fr);
  gap:22px;
  align-items:center;
  min-height:50px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-name{
  color:rgba(225,239,250,.87);
  font-size:11px;
  line-height:1.35;
  font-weight:660;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values > span{
  min-width:0;
  text-align:right;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values small{
  display:block;
  color:rgba(119,198,242,.68);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.07em;
  text-transform:uppercase;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values b{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:13px;
  line-height:1.15;
  font-weight:780;
  font-variant-numeric:tabular-nums;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-section-note{
  margin:16px 0 0;
  color:rgba(170,201,223,.60);
  font-size:9px;
  line-height:1.5;
}

html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-foot{
  margin:0;
  padding:clamp(22px,2.6vw,32px) 0 0;
  border-top:1px solid rgba(79,177,255,.32);
  color:rgba(190,215,234,.68);
  font-size:10px;
  line-height:1.55;
}

/* Temporary safety collapse only. Full mobile audit is explicitly deferred. */
@media(max-width:980px){
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-row{
    grid-template-columns:minmax(160px,.9fr) minmax(0,2.1fr);
    gap:14px;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values{ gap:8px; }
}

@media(max-width:620px){
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stats-master-box{
    padding:16px 14px 20px!important;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-head{
    grid-template-columns:1fr;
    align-items:start;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-meta{ text-align:left; }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-stat-grid{
    grid-template-columns:1fr 1fr;
    column-gap:16px;
    row-gap:20px;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section-head{
    display:block;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-wall-section-head span{
    display:block;
    margin-top:6px;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  html.mpmh-frontconv041 body #publicShell #shellMain .mpmh041-category-values > span{
    text-align:left;
  }
}


/* FRONTCONV042 — CATEGORIES + DIRECTORY CRISPNESS
   Desktop-only selector-level corrections over the exact FRONTCONV039A stylesheet.
   No new page-wide visual language. No card-body background ownership. No mobile
   decisions. Alignment, hairlines and state consistency do the work. */
:root{
  --fc042-blue:#071c2c;
  --fc042-line:rgba(126,199,238,.46);
  --fc042-sky:#66d0ff;
  --fc042-green:#16f19b;
}
@media(min-width:981px){
  /* Categories: keep the established black page / blue directory model, but put
     the directory on the same 10px desktop rail as the converged shell. */
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh022-categories-clean>.mpmh021-categories-body{
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh022-categories-clean .mpmh021-category-box{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    border-color:var(--fc042-line)!important;
  }

  /* Brand/Cause directories: one shared header/gutter rhythm. Do not change the
     existing navy/dark-blue card information bodies or table styling. */
  html.mpmh-frontconv042 body #publicShell #shellMain .brands-discovery-head,
  html.mpmh-frontconv042 body #publicShell #shellMain .causes-discovery-head{
    min-height:42px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  html.mpmh-frontconv042 body #publicShell #shellMain .brands-discovery-body,
  html.mpmh-frontconv042 body #publicShell #shellMain .causes-discovery-body{
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }
  html.mpmh-frontconv042 body #publicShell #shellMain .brand-sort-strip.mpmh240-directory-controls,
  html.mpmh-frontconv042 body #publicShell #shellMain .cause-sort-strip.mpmh240-directory-controls{
    width:100%!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }

  /* Card-header audit: match vertical alignment and maximize placement only.
     Card-body color, information geometry and command rails remain inherited. */
  html.mpmh-frontconv042 body #publicShell #shellMain .brand-pick-topline.mpmh-record-topline,
  html.mpmh-frontconv042 body #publicShell #shellMain .cause-pick-topline.mpmh-record-topline{
    min-height:34px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
  }
  html.mpmh-frontconv042 body #publicShell #shellMain .brand-card-maximize-btn,
  html.mpmh-frontconv042 body #publicShell #shellMain .cause-card-maximize-btn{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Reinforce the existing platform state contract without changing control
     geometry: hover/focus is sky, selected/current is green. */
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh240-toolbar-option:not(.active):hover,
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh240-toolbar-option:not(.active):focus-visible{
    color:var(--fc042-sky)!important;
    border-color:var(--fc042-sky)!important;
  }
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh240-toolbar-option.active,
  html.mpmh-frontconv042 body #publicShell #shellMain .mpmh240-toolbar-option[aria-pressed="true"]{
    color:var(--fc042-green)!important;
    border-color:var(--fc042-green)!important;
  }
}


/* FRONTCONV042A — DESKTOP DISCOVERY TAB VISIBILITY REPAIR
   Surgical follow-up after owner preview showed HOME / CAUSES / BRANDS /
   CATEGORIES visually suppressed while STATS remained visible. Preserve the
   FRONTCONV037 edge geometry and all FRONTCONV042 directory work; restore only
   the discovery-group/button visibility contract on desktop. */
@media(min-width:981px){
  
  
}


/* FRONTCONV042B — HEADER DISCOVERY CLUSTER REPAIR
   042A proved that source/display/opacity ownership was not enough: adding STATS
   as a fifth child of the legacy discovery group still allowed the original four
   discovery tabs to collapse visually on the selected-Cause shell. Restore the
   exact four-child discovery group contract from FRONTCONV039A and place STATS
   in a dedicated adjacent slot inside one left cluster. No route/state/JS change. */
@media(min-width:981px){
  
  
  
  
}


/* FRONTCONV042C — HEADER INTERACTION GEOMETRY LOCK
   Owner preview confirmed FRONTCONV042B fixed discovery-tab presence/order but
   hovering a left-side tab caused the whole cluster to spread. Preserve 042B's
   structure and existing state colors; freeze only desktop layout geometry so
   hover/focus/active/selected states may recolor but may not move neighbors. */
@media(min-width:981px){
  
  
  
}


/* ==========================================================================
   FRONTCONV042F — STATS PRESENTATION REFINEMENT
   Presentation only. Preserve data authority and the single-black-owner model.
   ========================================================================== */

/* Cleaner wall rhythm: slightly smaller values, more consistent label/value
   baselines, and tighter section/grid spacing without introducing cards. */
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-wall-section{
  padding:clamp(22px,2.45vw,32px) 0!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-wall-section-head{
  margin:0 0 15px!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-stat-grid{
  column-gap:clamp(24px,3.15vw,48px)!important;
  row-gap:18px!important;
  align-items:start!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-stat > span{
  display:flex!important;
  align-items:flex-end!important;
  min-height:26px!important;
  margin:0 0 4px!important;
  font-size:9.5px!important;
  line-height:1.28!important;
  letter-spacing:.058em!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-stat > strong{
  font-size:clamp(16px,1.55vw,23px)!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-stat > small{
  margin-top:5px!important;
  font-size:8.5px!important;
  line-height:1.38!important;
}
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-wall-meta > strong{
  font-size:clamp(25px,2.45vw,34px)!important;
}
/* The disclaimer belongs to the continuous black Stats owner, not the blue
   workspace surrounding it. */
html.mpmh-frontconv042f body #publicShell #shellMain .mpmh041-wall-foot{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ==========================================================================
   FRONTCONV042G — LAUNCH POLISH
   Desktop presentation only. No data, routing, state, JS or measurement change.
   ========================================================================== */

@media(min-width:981px){
  /* STATS: shift the public wall from generic mini-dashboard tiles to a compact
     technical readout ledger. Still one continuous black owner; no cards. */
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall{
    margin-top:30px!important;
    padding-top:23px!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-head{
    padding-bottom:18px!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-meta > strong{
    font-size:clamp(20px,1.75vw,27px)!important;
    line-height:1!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-section{
    padding:18px 0 22px!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-section-head{
    margin:0 0 8px!important;
    padding:0 0 7px!important;
    border-bottom:1px solid rgba(96,190,239,.22)!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-section-head h3{
    font-size:13px!important;
    line-height:1.1!important;
    letter-spacing:.055em!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-wall-section-head span{
    font-size:8px!important;
    letter-spacing:.10em!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat-grid,
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat-grid.mpmh041-stat-grid-dense{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:clamp(22px,2.6vw,40px)!important;
    row-gap:0!important;
    align-items:stretch!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:2px!important;
    align-items:baseline!important;
    min-height:42px!important;
    padding:9px 0 8px!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat > span{
    display:block!important;
    min-height:0!important;
    margin:0!important;
    align-self:baseline!important;
    color:rgba(100,204,255,.82)!important;
    font-size:8.5px!important;
    line-height:1.28!important;
    font-weight:720!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat > strong{
    display:block!important;
    margin:0!important;
    align-self:baseline!important;
    justify-self:end!important;
    color:#fff!important;
    font-size:clamp(13px,1.08vw,17px)!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.006em!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    font-variant-numeric:tabular-nums!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-stat > small{
    grid-column:1 / -1!important;
    justify-self:end!important;
    margin:1px 0 0!important;
    color:rgba(177,204,224,.52)!important;
    font-size:7.5px!important;
    line-height:1.3!important;
    letter-spacing:.03em!important;
    text-align:right!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh041-section-note{
    margin-top:10px!important;
  }

  /* DIRECTORY CONTROLS: same established states, but one compact geometry so
     chips do not look like separate UI systems. No state or route change. */
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls{
    gap:6px!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option,
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:hover,
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:focus-visible,
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option.active,
  html.mpmh-frontconv042g body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option[aria-pressed="true"]{
    box-sizing:border-box!important;
    min-height:28px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    transform:none!important;
    transition-property:color,background-color,border-color,box-shadow!important;
  }

  /* CARD TOPLINES: preserve navy information bodies; only keep the established
     brand/cause header controls optically centered and mechanically stable. */
  html.mpmh-frontconv042g body #publicShell #shellMain .brand-pick-topline.mpmh-record-topline,
  html.mpmh-frontconv042g body #publicShell #shellMain .cause-pick-topline.mpmh-record-topline{
    min-height:34px!important;
    align-items:center!important;
  }
  html.mpmh-frontconv042g body #publicShell #shellMain .brand-card-maximize-btn,
  html.mpmh-frontconv042g body #publicShell #shellMain .cause-card-maximize-btn{
    transform:none!important;
    transition-property:color,background-color,border-color,box-shadow!important;
  }
}

/* TERMINAL FOOTER: one quiet pure-black ending across public surfaces. Keep all
   existing links, including the separate indexed Cause Directory route. */
html.mpmh-frontconv042g body #publicShell .public-footer.footer-flat-rail{
  background:#000!important;
  background-image:none!important;
  border-top:1px solid rgba(126,199,238,.26)!important;
  box-shadow:none!important;
}


/* FRONTCONV042H — CAMPAIGN DETAIL LINKS + HOME CAUSE CURATION
   Bounded interaction/Entry-Home owner. Exact FRONTCONV035 behavior stays intact;
   the dedicated 042H JS only enhances Campaign detail identity targets. */
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-outbound-link,
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-category-link{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index h2 .mpmh042h-campaign-outbound-link,
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh073-domain .mpmh042h-campaign-outbound-link{
  color:inherit!important;
  text-decoration:none!important;
}
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh073-campaign-logo .mpmh042h-campaign-outbound-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-category-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
}
@media (hover:hover) and (pointer:fine){
  html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-outbound-link:hover,
  html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-category-link:hover{
    color:#82c7f3!important;
  }
}
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-outbound-link:focus-visible,
html.mpmh-frontconv042h body #publicShell #sidePanel .mpmh073-campaign-index .mpmh042h-campaign-category-link:focus-visible{
  outline:1px solid #82c7f3!important;
  outline-offset:3px!important;
}
/* Keep the requested 10-row Entry Home expansion desktop-only for this pass.
   The second 30-logo cohort stays present in markup but is deferred on <=980px. */
@media(max-width:980px){
  html.mpmh-frontconv042h body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall [data-mpmh042i-entry-extra="1"]{
    display:none!important;
  }
}


/* FRONTCONV042I — ENTRY CAUSE WALL APPROVAL + BOUNDED STICKY RAILS
   platform_home=1 desktop only: 60 logos are shell-randomized from the current PRIMARY_62
   approval pool. The secondary approval pool is intentionally empty pending owner replacement.
   Sticky rails remain scoped to Cause discovery. */
@media(min-width:981px){
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section{
    position:relative!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head{
    position:sticky!important;
    top:0!important;
    z-index:32!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 18px 9px!important;
    background:#071c2c!important;
    background-image:none!important;
    border-top:1px solid rgba(126,199,238,.26)!important;
    border-bottom:1px solid rgba(126,199,238,.34)!important;
    box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
  }
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head h2{
    margin:0!important;
    padding:0!important;
    line-height:1.05!important;
  }
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    margin-top:0!important;
  }
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance{
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:9px 18px 10px!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#071c2c!important;
    background-image:none!important;
    color:#d9e8f2!important;
    border:1px solid #274a60!important;
    border-top:0!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:center!important;
    box-shadow:none!important;
    z-index:31!important;
  }
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance.is-mpmh042i-fixed{
    position:fixed!important;
    left:var(--mpmh042i-left)!important;
    width:var(--mpmh042i-width)!important;
    bottom:var(--mpmh042i-bottom)!important;
    margin:0!important;
    box-shadow:0 -5px 12px rgba(0,0,0,.18)!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head,
  html.mpmh-frontconv042i body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance{
    position:static!important;
  }
}


/* FRONTCONV042I1 — ENTRY CAUSE RAIL GEOMETRY REPAIR
   Owner-preview correction only: exact wall width, smaller centered top title,
   reliable shellMain-bounded upper fixation, full-width lower guidance. */
@media(min-width:981px){
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section > .mpmh042i-entry-cause-sticky-head{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 16px 8px!important;
    box-sizing:border-box!important;
    background:#071c2c!important;
    background-image:none!important;
    border-top:1px solid rgba(126,199,238,.24)!important;
    border-bottom:1px solid rgba(126,199,238,.34)!important;
    box-shadow:none!important;
    z-index:42!important;
    text-align:center!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head h2{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font-size:24px!important;
    line-height:1.08!important;
    letter-spacing:.035em!important;
    text-align:center!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i1-entry-cause-head-placeholder{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i1-entry-cause-head-placeholder.is-mpmh042i1-active{
    height:auto;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head.is-mpmh042i1-fixed{
    position:fixed!important;
    left:var(--mpmh042i1-head-left)!important;
    width:var(--mpmh042i1-head-width)!important;
    max-width:none!important;
    top:var(--mpmh042i1-head-top)!important;
    margin:0!important;
    box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance.is-mpmh042i1-fixed{
    position:fixed!important;
    left:var(--mpmh042i1-rail-left)!important;
    width:var(--mpmh042i1-rail-width)!important;
    max-width:none!important;
    bottom:var(--mpmh042i1-rail-bottom)!important;
    margin:0!important;
    box-shadow:0 -4px 10px rgba(0,0,0,.16)!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head,
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance{
    position:static!important;
    max-width:none!important;
  }
  html.mpmh-frontconv042i1 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i1-entry-cause-head-placeholder{display:none!important;}
}


/* FRONTCONV042J — ENTRY CAUSE ROW NAVIGATION REFINEMENT
   Owner-approved micro-pass: left aligned title, slightly taller desktop rows,
   no change to wall width, curation, lower guidance, mobile, or data behavior. */
@media(min-width:981px){
  html.mpmh-frontconv042j body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head{
    text-align:left!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html.mpmh-frontconv042j body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head h2{
    text-align:left!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html.mpmh-frontconv042j body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    grid-auto-rows:120px!important;
  }
}


/* FRONTCONV042J2 — ENTRY CAUSE WALL VERTICAL BREATHING
   Owner removed all arrow-row manipulation and requested more vertical separation.
   Desktop wall width/columns/logo sizing stay unchanged; rows gain modest breathing room. */
@media(min-width:981px){
  html.mpmh-frontconv042j2 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    grid-auto-rows:132px!important;
  }
}


/* ==========================================================================
   FRONTCONV042K — CAUSE + BRAND CARD PAGE NORMALIZATION
   Desktop card-view-only usability cleanup. The directory is no longer a
   vertically scrollable page-inside-a-page. shellMain remains the existing
   outer application scroll owner. Table mode and card identity/body colors,
   maximize behavior, routes, filtering, lazy rendering and tracking remain
   inherited.
   ========================================================================== */
@media(min-width:981px){
  html.mpmh-frontconv042k{
    --fc042k-directory-max:1540px;
    --fc042k-directory-gutter:clamp(16px,2vw,30px);
  }

  /* Let the two directory pages grow naturally inside the app viewport. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brands-discovery-panel,
  html.mpmh-frontconv042k body #publicShell #shellMain .causes-discovery-panel,
  html.mpmh-frontconv042k body #publicShell #shellMain .brands-discovery-body,
  html.mpmh-frontconv042k body #publicShell #shellMain .causes-discovery-body{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    box-sizing:border-box!important;
  }

  html.mpmh-frontconv042k body #publicShell #shellMain .brands-discovery-body,
  html.mpmh-frontconv042k body #publicShell #shellMain .causes-discovery-body{
    padding-left:var(--fc042k-directory-gutter)!important;
    padding-right:var(--fc042k-directory-gutter)!important;
    padding-bottom:42px!important;
  }

  /* Align intro + controls + card field to one centered page column. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-context-line,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-intro,
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-sort-strip.mpmh240-directory-controls,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-sort-strip.mpmh240-directory-controls,
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view{
    width:100%!important;
    max-width:var(--fc042k-directory-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Card mode becomes normal document flow: no nested vertical scrollbar,
     no embedded viewport frame, no forced fixed-height discovery window. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-width:auto!important;
    scrollbar-gutter:auto!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    padding:8px 0 34px!important;
  }

  /* Center the actual card grid without changing inherited column/card rules. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view > .brand-card-grid,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view > .cause-card-grid{
    width:100%!important;
    max-width:var(--fc042k-directory-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-content:start!important;
    box-sizing:border-box!important;
  }

  /* Continuation/status text belongs to the same centered page column. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view > .result-status,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view > .result-status,
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view > .mpmh016-card-continuation-sentinel,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view > .mpmh016-card-continuation-sentinel{
    width:100%!important;
    max-width:var(--fc042k-directory-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Ensure card-view wrappers do not manufacture their own scrollbar chrome. */
  html.mpmh-frontconv042k body #publicShell #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar,
  html.mpmh-frontconv042k body #publicShell #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar{
    width:0!important;
    height:0!important;
  }
}


/* ==========================================================================\n   FRONTCONV042L — STATS TEXT HIERARCHY + HOME HOUSEKEEPING\n   Consolidated into the current primary presentation owner; no new CSS link.\n   ========================================================================== */
@media(min-width:981px){
  /* Stats: editorial intelligence-report rhythm. Text remains the decoration. */
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall{
    counter-reset:mpmh042l-section;
    margin-top:26px!important;
    padding:22px clamp(22px,2.4vw,38px) 0!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-head{
    align-items:end!important;
    padding:0 0 15px!important;
    margin:0!important;
    border-bottom:1px solid rgba(95,195,245,.34)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-head h2{
    font-size:17px!important;
    line-height:1!important;
    letter-spacing:.10em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-head p{
    margin-top:7px!important;
    max-width:760px!important;
    font-size:9px!important;
    line-height:1.45!important;
    letter-spacing:.025em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-meta{
    display:grid!important;
    grid-template-columns:auto auto!important;
    align-items:baseline!important;
    justify-content:end!important;
    column-gap:9px!important;
    row-gap:3px!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-meta>strong{
    font-size:19px!important;
    line-height:1!important;
    font-weight:850!important;
    font-variant-numeric:tabular-nums!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-meta>span{
    font-size:7.5px!important;
    letter-spacing:.14em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-meta>small{
    grid-column:1 / -1!important;
    text-align:right!important;
    font-size:7px!important;
    letter-spacing:.08em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-section{
    counter-increment:mpmh042l-section;
    padding:17px 0 19px!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-section-head{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    margin:0 0 6px!important;
    padding:0 0 7px!important;
    border-bottom:1px solid rgba(95,195,245,.18)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-section-head h3{
    display:flex!important;
    align-items:baseline!important;
    gap:9px!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-section-head h3::before{
    content:counter(mpmh042l-section, decimal-leading-zero) " /";
    color:rgba(92,194,244,.52)!important;
    font-size:7.5px!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-section-head span{
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.13em!important;
    color:rgba(124,205,246,.65)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:clamp(30px,3.2vw,54px)!important;
    row-gap:0!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat-grid.mpmh041-stat-grid-dense{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:clamp(22px,2.4vw,38px)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat{
    min-height:35px!important;
    padding:7px 0 6px!important;
    column-gap:10px!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat>span{
    font-size:7.7px!important;
    line-height:1.25!important;
    font-weight:720!important;
    letter-spacing:.052em!important;
    color:rgba(105,203,251,.82)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat>strong{
    font-size:13px!important;
    line-height:1!important;
    font-weight:825!important;
    letter-spacing:.005em!important;
    font-variant-numeric:tabular-nums!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-stat>small{
    margin-top:0!important;
    font-size:6.8px!important;
    line-height:1.25!important;
    letter-spacing:.04em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-head + .mpmh041-wall-section .mpmh041-stat>strong{
    color:#fff!important;
    font-size:14px!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-section-note{
    margin:8px 0 0!important;
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain .mpmh041-wall-foot{
    margin:4px calc(-1 * clamp(22px,2.4vw,38px)) 0!important;
    padding:14px clamp(22px,2.4vw,38px)!important;
    background:#000!important;
    border-top:1px solid rgba(95,195,245,.18)!important;
    font-size:7.5px!important;
    line-height:1.45!important;
    letter-spacing:.025em!important;
  }

  /* Home housekeeping: attribution, compressed Campaign utility, relocated scope. */
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-promotional-consideration{
    margin:0 0 8px!important;
    padding:0!important;
    color:rgba(202,220,233,.72)!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.025em!important;
    text-align:left!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-campaign-utility{
    min-height:0!important;
    height:auto!important;
    margin:18px 0 0!important;
    padding:18px 0 8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-campaign-utility .mpmh021-browse-all-campaigns{
    margin:0!important;
    min-height:0!important;
    padding:0!important;
    font-size:clamp(22px,2.25vw,34px)!important;
    line-height:1.05!important;
    letter-spacing:.10em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links button,
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links a{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    color:rgba(138,203,239,.76)!important;
    padding:0 14px!important;
    font:inherit!important;
    font-size:8px!important;
    line-height:1.2!important;
    font-weight:750!important;
    letter-spacing:.11em!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links>*+*{
    border-left:1px solid rgba(95,195,245,.25)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links button:hover,
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links button:focus-visible,
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links a:hover,
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-campaign-links a:focus-visible{
    color:#62cfff!important;
    outline:none!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-scope{
    width:100%!important;
    max-width:none!important;
    margin:2px 0 0!important;
    padding:11px 0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-top:1px solid rgba(95,195,245,.18)!important;
    border-bottom:1px solid rgba(95,195,245,.18)!important;
    background:transparent!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-scope>span{
    padding:0 16px!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:0!important;
    white-space:nowrap!important;
    border:0!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    letter-spacing:.095em!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-scope>span+span{
    border-left:1px solid rgba(95,195,245,.16)!important;
  }
  html.mpmh-frontconv042l body #publicShell #shellMain #mpmh280Home .mpmh042l-home-scope>span strong{
    font-size:13px!important;
    line-height:1!important;
    letter-spacing:0!important;
    font-variant-numeric:tabular-nums!important;
  }
}


/* ==========================================================================
   FRONTCONV042M — HOME SUPPORT COPY + PARTICIPATION WORKSPACE + STATS BALANCE
   Successor owner to FRONTCONV042L. No additional stylesheet overlay.
   ========================================================================== */
:root{
  --fc042m-support:rgba(126,151,171,.62);
  --fc042m-line:rgba(95,195,245,.22);
  --fc042m-line-soft:rgba(95,195,245,.13);
}

@media(min-width:981px){
  /* Quiet supporting copy: same restrained treatment and left alignment. */
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042l-promotional-consideration,
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh017-featured-availability,
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh015-market-scope-note{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    color:var(--fc042m-support)!important;
    font-size:8.6px!important;
    line-height:1.35!important;
    font-weight:600!important;
    letter-spacing:.022em!important;
    text-align:left!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh017-featured-availability{
    margin-top:4px!important;
    margin-bottom:4px!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh015-market-scope-note{
    margin-top:4px!important;
    margin-bottom:2px!important;
  }

  /* Stats: labels and values now carry nearly equal optical weight. */
  html.mpmh-frontconv042m body #publicShell #shellMain .mpmh041-stat{
    min-height:33px!important;
    padding:6px 0 6px!important;
    column-gap:10px!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain .mpmh041-stat>span{
    font-size:9.1px!important;
    line-height:1.18!important;
    font-weight:720!important;
    letter-spacing:.035em!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain .mpmh041-stat>strong{
    font-size:10.2px!important;
    line-height:1.05!important;
    font-weight:825!important;
    letter-spacing:.005em!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain .mpmh041-wall-head + .mpmh041-wall-section .mpmh041-stat>strong{
    font-size:10.8px!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain .mpmh041-stat>small{
    font-size:7px!important;
  }

  /* Participation: full-width title, support copy under/right, one matched action rail. */
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-get-involved{
    padding-top:34px!important;
    padding-bottom:44px!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head{
    display:block!important;
    margin:0 0 18px!important;
    padding:0!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head h2{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head p{
    width:min(760px,56%)!important;
    max-width:760px!important;
    margin:11px 0 0 auto!important;
    color:rgba(215,230,240,.82)!important;
    font-size:11px!important;
    line-height:1.48!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-shell{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:1px solid var(--fc042m-line)!important;
    background:#000!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#000!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button{
    appearance:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    margin:0!important;
    padding:8px 10px!important;
    border:0!important;
    border-right:1px solid var(--fc042m-line-soft)!important;
    background:#000!important;
    color:rgba(118,205,247,.86)!important;
    font:inherit!important;
    font-size:8.4px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    text-align:center!important;
    cursor:pointer!important;
    transition:color .14s ease,background-color .14s ease,box-shadow .14s ease!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:last-child{
    border-right:0!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:hover,
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:focus-visible,
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button[aria-expanded="true"]{
    color:#fff!important;
    background:rgba(95,195,245,.075)!important;
    outline:none!important;
  }

  /* Expand in normal document flow. No nested vertical scroll owner. */
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace{
    min-height:250px!important;
    margin:0!important;
    padding:26px 28px 30px!important;
    border-top:1px solid var(--fc042m-line)!important;
    background:#000!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace[hidden]{display:none!important;}
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:24px!important;
    padding-bottom:15px!important;
    border-bottom:1px solid var(--fc042m-line-soft)!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head span{
    display:block!important;
    margin:0 0 6px!important;
    color:rgba(105,203,251,.55)!important;
    font-size:7.5px!important;
    font-weight:800!important;
    letter-spacing:.13em!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head h3{
    margin:0!important;
    color:#fff!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:.055em!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-close{
    appearance:none!important;
    border:1px solid var(--fc042m-line)!important;
    background:#000!important;
    color:rgba(118,205,247,.75)!important;
    padding:8px 12px!important;
    font-size:7.5px!important;
    font-weight:850!important;
    letter-spacing:.09em!important;
    cursor:pointer!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace>p{
    max-width:820px!important;
    margin:24px 0 0!important;
    color:#c9dbe7!important;
    font-size:12px!important;
    line-height:1.55!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-actions{
    margin-top:26px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-actions>button{
    appearance:none!important;
    min-height:38px!important;
    padding:0 16px!important;
    border:1px solid rgba(8,240,160,.54)!important;
    background:rgba(8,240,160,.055)!important;
    color:#dffbf0!important;
    font:inherit!important;
    font-size:8.5px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    cursor:pointer!important;
  }

  /* Stay Connected is deliberately outside and well below the interaction box. */
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-updates-form{
    width:min(100%,980px)!important;
    margin:68px 0 0 auto!important;
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid var(--fc042m-line)!important;
    background:transparent!important;
  }
}

@media(max-width:1180px){
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:nth-child(3n){border-right:0!important;}
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:nth-child(-n+3){border-bottom:1px solid var(--fc042m-line-soft)!important;}
}
@media(max-width:980px){
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head p{
    width:100%!important;
    max-width:none!important;
    margin:10px 0 0!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-updates-form{
    width:100%!important;
    margin-top:46px!important;
  }
}
@media(max-width:620px){
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button{
    border-right:1px solid var(--fc042m-line-soft)!important;
    border-bottom:1px solid var(--fc042m-line-soft)!important;
  }
  html.mpmh-frontconv042m body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button:nth-child(2n){border-right:0!important;}
}


/* ==========================================================================
   FRONTCONV042N — SURFACE SIMPLIFICATION + NAV CONVERGENCE
   One successor CSS owner. No additional linked stylesheet layer.
   ========================================================================== */
:root{
  --fc042n-blue:#071c2c;
  --fc042n-black:#000;
  --fc042n-line:rgba(95,195,245,.28);
  --fc042n-line-soft:rgba(95,195,245,.15);
  --fc042n-support:rgba(126,151,171,.62);
}

@media(min-width:981px){
  /* Primary nav: actual structure is normalized in markup. Slightly more air,
     stable interaction geometry, no top Signals duplicate. */
  
  
  

  /* Home support notes sit closer to the surfaces they describe. */
  html.mpmh-frontconv042n body #publicShell #shellMain #mpmh280Home .mpmh042l-promotional-consideration{
    margin-bottom:4px!important;
  }

  /* Stats disclaimer is now outside the black master box, aligned with it. */
  html.mpmh-frontconv042n body #publicShell #shellMain .mpmh032-stats-entry-readout .mpmh042n-stats-disclaimer{
    width:100%!important;
    margin:7px 0 0!important;
    padding:0!important;
    color:var(--fc042n-support)!important;
    background:transparent!important;
    border:0!important;
    font-size:8.4px!important;
    line-height:1.45!important;
    font-weight:600!important;
    letter-spacing:.018em!important;
    text-align:left!important;
  }

  /* Signals: owner-requested clean blank slate replaces only dashboard/mapped/reach. */
  html.mpmh-frontconv042n body #publicShell #shellMain .mpmh012-surface-signals .mpmh042n-signals-blank{
    width:100%!important;
    min-height:430px!important;
    margin:24px 0 0!important;
    padding:0!important;
    background:#000!important;
    background-image:none!important;
    border:1px solid var(--fc042n-line)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* FRONTCONV042P fresh reading-surface owner. FAQ / How It Works are detached from legacy presentation classes in markup; Privacy / Terms share this same black reading field. */
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-reading-panel,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-reading-body{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;background:var(--fc042n-blue)!important;background-image:none!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
  }
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-reading-body{padding:24px 24px 72px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-reading-surface{
    width:min(1440px,calc(100% - 48px))!important;max-width:1440px!important;margin:0 auto!important;
    padding:44px clamp(34px,4vw,64px) 54px!important;box-sizing:border-box!important;
    background:#000!important;background-image:none!important;border:1px solid var(--fc042n-line)!important;
    border-radius:0!important;box-shadow:none!important;color:#eef6fb!important;
  }
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-hero{margin:0 0 34px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-kicker{margin:0 0 8px!important;color:#08f0a0!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-title{margin:0!important;color:#fff!important;font-size:26px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:.01em!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-intro{margin:9px 0 0!important;color:#c9d8e3!important;font-size:13px!important;line-height:1.55!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-list{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-item{margin:0!important;padding:18px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-item+.mpmh042p-faq-item{margin-top:7px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-item h3{margin:0 0 7px!important;padding:0!important;border:0!important;color:#fff!important;font-size:15px!important;line-height:1.25!important;font-weight:850!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-faq-item p{margin:0!important;padding:0!important;border:0!important;color:#d6e3ec!important;font-size:12px!important;line-height:1.58!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-related-row{display:flex!important;gap:18px!important;align-items:center!important;flex-wrap:wrap!important;margin:34px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-related-row span,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-related-row button,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-related-row a{font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-hero{margin:0 0 38px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-hero h1{margin:0!important;color:#fff!important;font-size:clamp(42px,5.2vw,72px)!important;line-height:.98!important;font-weight:950!important;letter-spacing:-.035em!important;max-width:980px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-lead{max-width:980px!important;margin:24px 0 0!important;color:#d8e5ed!important;font-size:15px!important;line-height:1.7!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-flow{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-step{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:18px!important;margin:0!important;padding:22px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-step+.mpmh042p-how-step{margin-top:8px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-step-number{color:#62c8fb!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important;padding-top:4px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-step h2{margin:0 0 8px!important;padding:0!important;border:0!important;color:#fff!important;font-size:20px!important;line-height:1.2!important;font-weight:900!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-step p{margin:0!important;padding:0!important;border:0!important;color:#d6e3ec!important;font-size:13px!important;line-height:1.65!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-boundaries{display:grid!important;grid-template-columns:1fr 1fr!important;gap:36px!important;margin:34px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-boundaries p{margin:0!important;padding:0!important;border:0!important;color:#d6e3ec!important;font-size:12px!important;line-height:1.6!important;}
  /* Privacy / Terms: one perimeter only; interior typography owns hierarchy. */
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading h1,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading h2,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading h3,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading p,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading section,
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading div{border-top:0!important;border-bottom:0!important;box-shadow:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-legal-reading h2{margin:34px 0 10px!important;padding:0!important;}
  /* Verizon is a Categories-surface placement, not a Home-category placement. */
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh012-surface-categories .mpmh042p-featured-placement{
    width:min(1440px,calc(100% - 48px))!important;max-width:1440px!important;margin:46px auto 34px!important;padding:0!important;
    background:#000!important;border:1px solid var(--fc042n-line)!important;box-shadow:none!important;overflow:hidden!important;
  }
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh012-surface-categories .mpmh042p-featured-placement-link{display:block!important;width:100%!important;background:#000!important;text-decoration:none!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh012-surface-categories .mpmh042p-featured-placement-link img{display:block!important;width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;background:#000!important;}
  /* Technology controls gain the same usable width as neighboring text tabs. */
  html.mpmh-frontconv042n body .mpmh042n-technology-tab{
    min-width:100px!important;
    justify-content:center!important;
    text-align:center!important;
  }
}



/* ==========================================================================
   FRONTCONV042O — GOVERNED FEATURED PLACEMENT + INLINE FORMS
   ========================================================================== */
@media(min-width:981px){
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-workspace{
    min-height:0!important;
    padding:26px 28px 30px!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-form{
    margin:24px 0 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 16px!important;
    width:100%!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field{display:grid!important;gap:6px!important;min-width:0!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-wide{grid-column:1/-1!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field>span{
    color:rgba(118,205,247,.76)!important;
    font-size:8px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field>span em{
    color:rgba(160,177,190,.58)!important;
    font-style:normal!important;
    font-weight:650!important;
    letter-spacing:.04em!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field input,
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field textarea{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid rgba(95,195,245,.28)!important;
    border-radius:0!important;
    outline:0!important;
    background:#06131e!important;
    color:#f4f7fb!important;
    font:inherit!important;
    font-size:11px!important;
    line-height:1.45!important;
    box-shadow:none!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field textarea{min-height:104px!important;resize:vertical!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field input:focus,
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field textarea:focus{border-color:rgba(95,195,245,.75)!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field [aria-invalid="true"]{border-color:rgba(255,110,110,.8)!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-consent{
    display:flex!important;align-items:flex-start!important;gap:9px!important;margin:16px 0 0!important;color:rgba(200,218,230,.72)!important;font-size:8.5px!important;line-height:1.45!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-consent input{margin-top:2px!important;accent-color:#08f0a0!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-consent a{color:rgba(118,205,247,.86)!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-actions button{
    min-height:38px!important;padding:0 16px!important;border:1px solid rgba(95,195,245,.35)!important;border-radius:0!important;background:#000!important;color:rgba(118,205,247,.86)!important;font:inherit!important;font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;cursor:pointer!important;
  }
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-actions button[type="submit"]{border-color:rgba(8,240,160,.58)!important;color:#dffbf0!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-actions output{color:rgba(200,218,230,.75)!important;font-size:9px!important;margin-left:4px!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-thankyou{margin:24px 0 0!important;padding:22px 0 0!important;border:0!important;background:transparent!important;color:#dbe5ee!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-thankyou>span{display:block!important;color:#08f0a0!important;font-size:8px!important;font-weight:900!important;letter-spacing:.11em!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-thankyou p{margin:9px 0!important;font-size:11px!important;line-height:1.5!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-thankyou strong{display:block!important;margin:0 0 14px!important;color:rgba(118,205,247,.76)!important;font-size:8px!important;letter-spacing:.06em!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-thankyou button{min-height:36px!important;padding:0 14px!important;border:1px solid rgba(95,195,245,.35)!important;background:#000!important;color:rgba(118,205,247,.86)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.08em!important;}
}
@media(max-width:980px){
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh012-surface-privacy .mpmh-legal-body,
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh012-surface-terms .mpmh-legal-body,
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh022-faq-blue>.panel-body,
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh038-howitworks>.mpmh038-how-body{padding:16px 14px 54px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-reading-surface{width:calc(100% - 4px)!important;padding:30px 20px 38px!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh038-how-step,
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh038-how-step:nth-child(odd),
  html.mpmh-frontconv042o body #publicShell #shellMain .mpmh038-how-step:nth-child(-n+2){grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;}
  html.mpmh-frontconv042p body #publicShell #shellMain .mpmh012-surface-categories .mpmh042p-featured-placement{width:100%!important;margin:28px auto 34px!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-grid{grid-template-columns:1fr!important;}
  html.mpmh-frontconv042o body #publicShell #shellMain #mpmh280Home .mpmh042o-form-wide{grid-column:auto!important;}
}

@media(max-width:980px){html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-boundaries{grid-template-columns:1fr!important;gap:18px!important;}html.mpmh-frontconv042p body #publicShell #shellMain .mpmh042p-how-step{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;}}


/* ==========================================================================\n   FRONTCONV042R — READING WIDTH + LEGAL SURFACE CLEANUP\n   Fresh page ownership, not selector escalation. The four reading pages no longer\n   carry the legacy mpmh012 surface classes that previously competed for color.\n   ========================================================================== */
@media(min-width:981px){
  html.mpmh-frontconv042r body #publicShell #shellMain > .mpmh042q-reading-page{
    display:block;
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:#071c2c!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042r body #publicShell #shellMain > .mpmh042q-reading-page[style*="display:none"]{display:none!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-page-head{
    margin:0!important;
    box-sizing:border-box!important;
  }
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-page-body{
    width:100%!important;
    max-width:none!important;
    min-height:calc(100vh - 150px)!important;
    margin:0!important;
    padding:28px 32px 78px!important;
    box-sizing:border-box!important;
    background:#071c2c!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface{
    width:min(1380px,calc(100% - 180px))!important;
    max-width:1380px!important;
    margin:0 auto!important;
    padding:44px clamp(42px,4vw,72px) 58px!important;
    box-sizing:border-box!important;
    background:#000!important;
    background-image:none!important;
    border:1px solid rgba(84,182,232,.38)!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#eef6fb!important;
    overflow:visible!important;
  }
  /* Interior hierarchy comes from text and spacing only. */
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface .mpmh042p-faq-item,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface .mpmh042p-how-step,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface .mpmh042p-how-flow,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface .mpmh042p-how-boundaries,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface section,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface h1,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface h2,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface h3,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface p,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface ul,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface ol,
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface li{
    border-top:0!important;
    border-bottom:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-image:none!important;
  }
  /* Verizon: same governed placement, no perimeter. Crop only excess intrinsic black\n     padding by the viewport; the registered source asset remains byte-identical. */
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement{
    width:min(1380px,calc(100% - 88px))!important;
    max-width:1380px!important;
    margin:20px auto 26px!important;
    padding:0!important;
    background:#000!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement-link{
    display:block!important;
    position:relative!important;
    width:100%!important;
    aspect-ratio:3.15/1!important;
    overflow:hidden!important;
    background:#000!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement-link img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center 47%!important;
    background:#000!important;
    border:0!important;
    box-shadow:none!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv042r body #publicShell #shellMain > .mpmh042q-reading-page{background:#071c2c!important;border:0!important;box-shadow:none!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain > .mpmh042q-reading-page[style*="display:none"]{display:none!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-page-body{padding:16px 12px 54px!important;background:#071c2c!important;border:0!important;box-shadow:none!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh042q-reading-surface{width:100%!important;margin:0!important;padding:30px 20px 40px!important;background:#000!important;border:1px solid rgba(84,182,232,.38)!important;box-shadow:none!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement{width:calc(100% - 24px)!important;margin:16px auto 24px!important;border:0!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement-link{aspect-ratio:2.8/1!important;overflow:hidden!important;}
  html.mpmh-frontconv042r body #publicShell #shellMain .mpmh012-surface-categories .mpmh042q-featured-placement-link img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 47%!important;}
}


/* ========================================================================== 
   FRONTCONV043 — NEWS ACTIVATION
   News only. Pure-black editorial field on the established platform-blue
   workspace. Compact typography by design: no hero-scale headline, cards,
   taxonomy, filters or archive UI. No behavior/data authority changes.
   ========================================================================== */
html.mpmh-frontconv043 body #publicShell #shellMain > .mpmh043-news-page{
  width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;padding:0!important;
  box-sizing:border-box!important;background:#071c2c!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html.mpmh-frontconv043 body #publicShell #shellMain > .mpmh043-news-page[style*="display:none"]{display:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-body{
  width:100%!important;max-width:none!important;min-height:calc(100vh - 150px)!important;margin:0!important;padding:28px 32px 96px!important;
  box-sizing:border-box!important;background:#071c2c!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-surface{
  width:min(1380px,calc(100% - 180px))!important;max-width:1380px!important;margin:0 auto!important;padding:38px clamp(42px,4vw,72px) 68px!important;
  box-sizing:border-box!important;background:#000!important;background-image:none!important;border:1px solid rgba(84,182,232,.38)!important;border-radius:0!important;box-shadow:none!important;color:#eef6fb!important;
}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-head,
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-article{width:min(980px,100%)!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-head{margin-top:0!important;margin-bottom:0!important;padding:0 0 24px!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-kicker{margin:0 0 7px!important;color:#08f0a0!important;font-size:9px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-head p{max-width:720px!important;margin:0!important;padding:0!important;color:#b9cbd7!important;font-size:12px!important;line-height:1.55!important;font-weight:500!important;border:0!important;background:transparent!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-article{margin-top:0!important;padding:25px 0 0!important;border-top:1px solid rgba(84,182,232,.24)!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-meta{margin:0 0 10px!important;color:#70c7ef!important;font-size:9px!important;line-height:1.35!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-meta span{display:inline-block!important;margin:0 5px!important;color:#5a7b8f!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-article h1{max-width:920px!important;margin:0!important;padding:0!important;color:#fff!important;font-size:24px!important;line-height:1.18!important;font-weight:850!important;letter-spacing:-.012em!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-deck{max-width:900px!important;margin:13px 0 0!important;padding:0!important;color:#c9d9e4!important;font-size:13px!important;line-height:1.62!important;font-weight:550!important;border:0!important;background:transparent!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy{max-width:900px!important;margin:25px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy p{margin:0 0 15px!important;padding:0!important;color:#d5e1e9!important;font-size:12.5px!important;line-height:1.72!important;font-weight:450!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy h2{margin:27px 0 8px!important;padding:0!important;color:#f5f9fc!important;font-size:14.5px!important;line-height:1.3!important;font-weight:850!important;letter-spacing:.005em!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy p:last-child{margin-bottom:0!important;}
@media(max-width:980px){
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-body{padding:16px 12px 58px!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-surface{width:100%!important;margin:0!important;padding:28px 20px 44px!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-head{padding-bottom:20px!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-article{padding-top:21px!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-article h1{font-size:20px!important;line-height:1.22!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-deck{font-size:12.5px!important;line-height:1.6!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy{margin-top:22px!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy p{font-size:12.5px!important;line-height:1.68!important;}
  html.mpmh-frontconv043 body #publicShell #shellMain .mpmh043-news-copy h2{font-size:14px!important;margin-top:24px!important;}
}


/* ========================================================================== 
   FRONTCONV044 — WORDING + CATEGORIES REFINEMENT
   Categories only: return to the canonical platform-blue outer workspace with
   one crisp pure-black directory field. Late owner intentionally reverses the
   historical 029/030 Categories inversion without disturbing other surfaces.
   ========================================================================== */
:root{--fc044-blue:#071c2c;--fc044-black:#000;--fc044-line:rgba(126,199,238,.46);}
html.mpmh-frontconv044[data-mpmh-active-surface="categories"] body #publicShell #shellMain,
html.mpmh-frontconv044 body[data-mpmh-active-surface="categories"] #publicShell #shellMain,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories>.mpmh021-categories-body,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-categories-reserve{
  background:var(--fc044-blue)!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh-frontconv044 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"],
html.mpmh-frontconv044 body #publicShell #mpmhLiveSectionHeader[data-active-tab="categories"] .mpmh-live-section-inner{
  background:var(--fc044-blue)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box .category-grid,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box .category-grid-az,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories #categoryDiscoveryGrid,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories #categoryDiscoveryGrid > *,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .category-grid button,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .category-grid a,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .category-card,
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .category-tile{
  background:var(--fc044-black)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box{
  border:1px solid var(--fc044-line)!important;border-radius:0!important;
}
@media(min-width:981px){
  html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories>.mpmh021-categories-body{padding:22px 12px 0!important;box-sizing:border-box!important;}
  html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box{width:100%!important;max-width:none!important;margin:0!important;padding:22px 26px!important;}
}
@media(max-width:980px){
  html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories>.mpmh021-categories-body{padding:14px 10px 0!important;}
  html.mpmh-frontconv044 body #publicShell #shellMain .mpmh012-surface-categories .mpmh021-category-box{margin:0!important;padding:16px 14px!important;}
}


/* ========================================================================== 
   FRONTCONV045 — CAUSES + BRANDS CONTROL DECK CONVERGENCE
   Presentation-only hierarchy over existing directory behavior. Two compact rows
   separate VIEW / ORDER / SORT BY; Browse Categories remains a route action.
   ========================================================================== */
:root{--fc045-blue:#071c2c;--fc045-black:#000;--fc045-line:rgba(126,199,238,.34);--fc045-sky:#72c9f1;--fc045-green:#16f19b;}
@media(min-width:981px){
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-height:0!important;margin:0!important;padding:0 10px 7px!important;box-sizing:border-box!important;background:var(--fc045-blue)!important;border:0!important;box-shadow:none!important;
  }
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-row{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:18px!important;width:100%!important;min-height:31px!important;padding:3px 0!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-row-secondary{border-top:1px solid var(--fc045-line)!important;padding-top:5px!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-group{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-sort-group{flex:1 1 auto!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-label{flex:0 0 auto!important;color:var(--fc045-sky)!important;font-size:9px!important;line-height:1!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;white-space:nowrap!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-view-selector,
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-sort-options{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option{
    min-height:23px!important;margin:0!important;padding:3px 10px!important;font-size:10px!important;line-height:1!important;letter-spacing:.035em!important;white-space:nowrap!important;border-top:0!important;border-bottom:0!important;border-right:0!important;border-left:1px solid rgba(126,199,238,.20)!important;background:transparent!important;box-shadow:none!important;
  }
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option:first-child{border-left:0!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option.active,
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option[aria-pressed="true"]{color:var(--fc045-green)!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-route{margin-left:auto!important;display:flex!important;align-items:center!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-route .mpmh240-toolbar-option{border-left:1px solid rgba(126,199,238,.30)!important;padding-left:14px!important;}
}
@media(max-width:980px){
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-deck{display:flex!important;flex-direction:column!important;gap:5px!important;padding:6px 10px 9px!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px 12px!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-group{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-label{font-size:8px!important;font-weight:900!important;letter-spacing:.10em!important;color:var(--fc045-sky)!important;}
  html.mpmh-frontconv045 body #publicShell #shellMain .mpmh045-control-route{margin-left:0!important;}
}

/* ========================================================================== 
   FRONTCONV046 — HOME + DIRECTORY + PARTICIPATION REFINEMENT
   Owner-approved presentation successor to FRONTCONV045. No data, routing,
   Signal, form-submit, sort/view/query, or backend authority changes.
   ========================================================================== */
:root{
  --fc046-blue:#071c2c;
  --fc046-black:#000;
  --fc046-sky:#72c9f1;
  --fc046-green:#16f19b;
  --fc046-line:rgba(126,199,238,.34);
  --fc046-line-soft:rgba(126,199,238,.18);
  --fc046-support:rgba(126,151,171,.62);
}

/* HOME HERO OWNERSHIP — pure black edge-to-edge opening field on both Home
   states; the blue workspace resumes below. Remove inherited hero hairlines. */
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  background:var(--fc046-black)!important;
  background-image:none!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero::before,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero::after,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero::before,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero::after{
  display:none!important;
  content:none!important;
  border:0!important;
}
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section{
  border-top:0!important;
  box-shadow:none!important;
}

/* ENTRY CAUSE WALL — preserve logo sizing and six-column geometry, but add
   actual vertical separation between rows instead of scaling the marks. */
@media(min-width:981px){
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    row-gap:12px!important;
    column-gap:0!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    row-gap:8px!important;
  }
}

/* ENTRY HOME COMPACT ROUTES — black control boxes sized to the existing small
   action labels. Scope is intentionally limited to VIEW ALL CAUSES/BRANDS. */
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-cause-directory-route .mpmh280-inline-route,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-brand-route .mpmh280-inline-route{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin:0!important;
  padding:6px 12px!important;
  box-sizing:border-box!important;
  background:var(--fc046-black)!important;
  background-image:none!important;
  border:1px solid var(--fc046-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--fc046-sky)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.065em!important;
  white-space:nowrap!important;
}
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-cause-directory-route .mpmh280-inline-route:hover,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-brand-route .mpmh280-inline-route:hover,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh280-cause-directory-route .mpmh280-inline-route:focus-visible,
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-brand-route .mpmh280-inline-route:focus-visible{
  color:#fff!important;
  border-color:rgba(114,201,241,.72)!important;
  background:rgba(114,201,241,.055)!important;
  outline:none!important;
}

/* SELECTED HOME BRAND-WALL ACKNOWLEDGMENT — same quiet disclaimer scale/color
   language, centered with deliberate air. Selected Home only by DOM placement. */
html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh046-brand-wall-thanks{
  width:100%!important;
  max-width:none!important;
  margin:10px auto 18px!important;
  padding:0!important;
  color:var(--fc046-support)!important;
  font-size:8.6px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:.022em!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* CAUSES + BRANDS CONTROL DECK — keep the FRONTCONV045 semantic hierarchy,
   tighten the geometry, and make the deck the sticky owner immediately beneath
   the already-fixed live section header (shellMain begins below that header). */
@media(min-width:981px){
  html.mpmh-frontconv046 body #publicShell #shellMain .brands-discovery-panel .mpmh045-control-deck,
  html.mpmh-frontconv046 body #publicShell #shellMain .causes-discovery-panel .mpmh045-control-deck{
    position:sticky!important;
    top:0!important;
    z-index:24!important;
    gap:0!important;
    margin-top:0!important;
    margin-bottom:8px!important;
    padding:5px 12px 7px!important;
    background:var(--fc046-blue)!important;
    border-top:1px solid var(--fc046-line-soft)!important;
    border-bottom:1px solid var(--fc046-line)!important;
    box-shadow:0 5px 10px rgba(0,0,0,.16)!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-row{
    min-height:28px!important;
    gap:12px 24px!important;
    padding:2px 0!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-row-secondary{
    min-height:29px!important;
    padding-top:4px!important;
    border-top:1px solid var(--fc046-line-soft)!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-group{
    gap:6px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-label{
    min-width:auto!important;
    font-size:8.5px!important;
    letter-spacing:.115em!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-deck .mpmh240-toolbar-option{
    min-height:24px!important;
    padding:2px 11px!important;
    font-size:9.5px!important;
    border-left-color:rgba(126,199,238,.16)!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain .mpmh045-control-route .mpmh240-toolbar-option{
    padding-left:13px!important;
    padding-right:4px!important;
    border-left-color:rgba(126,199,238,.28)!important;
  }
}

/* PARTICIPATION — reclaim vertical space above and inside the inline workspace.
   The existing click/submit JS remains authoritative and still scrolls the
   section top directly beneath the live header. */
@media(min-width:981px){
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-get-involved{
    padding-top:22px!important;
    padding-bottom:38px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head{
    display:grid!important;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
    align-items:end!important;
    gap:clamp(28px,4vw,64px)!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head h2{
    margin:0!important;
    font-size:clamp(22px,1.75vw,29px)!important;
    line-height:1.02!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head p{
    width:100%!important;
    max-width:760px!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.42!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-row>button{
    min-height:45px!important;
    padding:7px 9px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace,
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-workspace{
    padding:18px 24px 22px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head{
    gap:18px!important;
    padding-bottom:10px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head span{
    margin-bottom:4px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace-head h3{
    font-size:17px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace>p{
    margin-top:14px!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-form{
    margin-top:16px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-grid{
    gap:10px 14px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field{
    gap:4px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field input,
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field textarea{
    padding:8px 10px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-field textarea{
    min-height:84px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-consent{
    margin-top:12px!important;
  }
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-form-actions{
    margin-top:12px!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-get-involved{padding-top:18px!important;}
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-head{margin-bottom:10px!important;}
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042m-participation-workspace,
  html.mpmh-frontconv046 body #publicShell #shellMain #mpmh280Home .mpmh042o-participation-workspace{padding:18px 16px 22px!important;}
}



/* ========================================================================== 
   FRONTCONV047 — HOME WALL + SELECTED-CAUSE COPY REFINEMENT
   Bounded presentation successor to FRONTCONV046. Restores one seamless blue
   Home field, tightens white-wall ownership/rails, and applies only approved
   Home copy changes. Directory/Participation and all backend authority remain.
   ========================================================================== */
:root{
  --fc047-blue:#071c2c;
  --fc047-black:#000;
  --fc047-sky:#72c9f1;
  --fc047-wall-edge:rgba(114,201,241,.52);
  --fc047-line-soft:rgba(126,199,238,.18);
  --fc047-support:rgba(182,203,218,.72);
}

/* HOME HERO REVERSAL — owner rejected the temporary black hero. Both Home
   states return to one seamless platform-blue field with no boundary hairline. */
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh280-home-state,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero{
  background:var(--fc047-blue)!important;
  background-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero::before,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-hero::after,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero::before,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero::after{
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh054-entry-cause-section,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-brand-discovery{
  border-top:0!important;
  box-shadow:none!important;
}

/* ENTRY CAUSE WALL — further vertical separation only; logos, columns, pool,
   and routing remain unchanged. The large white wall receives one crisp edge. */
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh029-white-logo-wall{
  border:1px solid var(--fc047-wall-edge)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(min-width:981px){
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    row-gap:22px!important;
    column-gap:0!important;
  }
}
@media(max-width:980px){
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] #mpmh034EntryCauseWall{
    row-gap:12px!important;
  }
}

/* CAUSE WALL RAIL CLEANUP — the wall owns its perimeter. The sticky blue header
   and lower guidance rail should not draw a second outer frame/hairline. */
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-head.is-mpmh042i1-fixed{
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh042i-entry-cause-sticky-guidance.is-mpmh042i1-fixed{
  border:0!important;
  box-shadow:none!important;
}

/* BRAND WALL FRAMES — header and copyright rail are bounded to the corresponding
   white logo wall. The dedicated 047 JS owns exact shellMain sticky geometry. */
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-frame{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--fc047-blue)!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-head{
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:var(--fc047-blue)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  z-index:42!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-head.is-mpmh047-fixed{
  position:fixed!important;
  left:var(--mpmh047-wall-left)!important;
  width:var(--mpmh047-wall-width)!important;
  top:var(--mpmh047-head-top)!important;
  margin:0!important;
  z-index:52!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-footer{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:30px!important;
  margin:0!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--fc047-blue)!important;
  background-image:none!important;
  color:var(--fc047-support)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:600!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
  z-index:41!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-footer.is-mpmh047-fixed{
  position:fixed!important;
  left:var(--mpmh047-wall-left)!important;
  width:var(--mpmh047-wall-width)!important;
  bottom:var(--mpmh047-foot-bottom)!important;
  margin:0!important;
  z-index:51!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-placeholder{
  display:block!important;
  width:100%!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  pointer-events:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-placeholder.is-active{
  height:var(--mpmh047-placeholder-height)!important;
}

/* ENTRY BRAND HEADER — same compact rhythm as the Cause header; no phantom row. */
@media(min-width:981px){
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh047-brand-wall-frame-entry .mpmh047-brand-wall-head{
    display:grid!important;
    grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;
    align-items:center!important;
    gap:28px!important;
    min-height:46px!important;
    padding:8px 18px!important;
  }
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh047-brand-wall-frame-entry .mpmh280-section-title,
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh047-brand-wall-frame-entry .mpmh280-section-copy{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    align-self:center!important;
  }
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh047-brand-wall-frame-entry .mpmh280-section-title h2{
    margin:0!important;
    padding:0!important;
    font-size:24px!important;
    line-height:1.08!important;
    letter-spacing:.035em!important;
  }
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home[data-home-state="entry"] .mpmh047-brand-wall-frame-entry .mpmh280-section-copy p{
    margin:0!important;
    padding:0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}

/* SELECTED HOME approved acknowledgment + consumer orientation paragraph. */
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-thanks{
  margin:10px auto 18px!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-selected-cause-orientation{
  width:100%!important;
  max-width:1180px!important;
  margin:0 0 28px!important;
  padding:0!important;
  color:#e6eef4!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:left!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-selected-cause-orientation a{
  color:var(--fc047-sky)!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(114,201,241,.38)!important;
}
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-selected-cause-orientation a:hover,
html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-selected-cause-orientation a:focus-visible{
  color:#fff!important;
  border-bottom-color:rgba(255,255,255,.72)!important;
  outline:none!important;
}

@media(max-width:980px){
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-head,
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-footer{
    position:static!important;
    left:auto!important;
    width:100%!important;
    top:auto!important;
    bottom:auto!important;
  }
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-brand-wall-placeholder{display:none!important;}
  html.mpmh-frontconv047 body #publicShell #shellMain #mpmh280Home .mpmh047-selected-cause-orientation{
    max-width:none!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
}

/* ========================================================================
   MPMH_FRONTCONV058 · PRIMARY NAVIGATION + PARENT ROW SINGLE OWNER
   ------------------------------------------------------------------------
   Exact source cleanup companion to mpmh_public_frontend_FRONTCONV058.css.
   Historical desktop primary-nav rules were removed from the foundation and
   from this cumulative home stylesheet. FRONTCONV058 additionally retires the
   two surviving 31px parent-row owners and makes this block the single desktop
   owner for the nav parent row, #tabs, groups and tab buttons.

   Geometry is invariant across normal / hover / focus / active states.
   Hover and selection are paint-only.
   ======================================================================== */
@media (min-width:981px){
  /* FRONTCONV058 repairs the parent ownership mismatch instead of drawing
     another border over it. The tab rail was already visibly 34px in 055;
     its parent was still 31px with overflow visible. Matching the parent to
     the existing child makes the box model agree with the pixels already on
     screen and prevents the black nav layer from covering the title rail. */
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-row,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-inner,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell .mpmh-nav-only-inner{
    position:relative!important;
    z-index:auto!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    transition:none!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:#000!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    scrollbar-width:none!important;
  }
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs > .mpmh042b-discovery-cluster,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs > .mpmh-tab-group-info{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
  }
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs > .mpmh-tab-group-info{
    margin-left:auto!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    transition:none!important;
    overflow:visible!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:hover,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:focus,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:focus-visible,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:active,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active:hover,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active:focus,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active:focus-visible,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab[aria-selected="true"],
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab[aria-selected="true"]:hover{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:static!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:0!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    border:1px solid transparent!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    color:rgba(178,193,205,.74)!important;
    -webkit-text-fill-color:rgba(178,193,205,.74)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    line-height:24px!important;
    font-style:normal!important;
    font-weight:700!important;
    letter-spacing:.045em!important;
    font-kerning:none!important;
    font-feature-settings:"kern" 0!important;
    text-transform:uppercase!important;
    text-align:center!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    text-shadow:none!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    transition:color .12s ease,background-color .12s ease,box-shadow .12s ease,border-color .12s ease!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:not(.active):not([aria-selected="true"]):hover,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:not(.active):not([aria-selected="true"]):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    background:rgba(20,61,88,.30)!important;
    border-color:transparent!important;
    box-shadow:inset 0 -1px 0 rgba(126,183,255,.16)!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active:hover,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active:focus-visible,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab[aria-selected="true"],
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab[aria-selected="true"]:hover{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
    background:rgba(7,48,43,.34)!important;
    border-color:transparent!important;
    box-shadow:inset 0 -1px 0 rgba(11,249,158,.18)!important;
    font-weight:700!important;
  }

  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab::before,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab::after,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:hover::before,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:hover::after,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:focus-visible::before,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab:focus-visible::after,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active::before,
  html.mpmh-frontconv058 body #publicShell #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn.mpmh240-platform-tab.active::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    box-shadow:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}