/* MPMH_FRONTCONV014 — Home structure + vertical discipline.
   Presentation/structure only. FRONTCONV013A behavior remains authoritative.
   Rule: accidental whitespace is reclaimed; deliberate analytical capacity is named and editable.
   No touch/gesture, route, Signal, data, form, or backend ownership changes. */
:root{
  --fc014-home-blue:#071c2c;
  --fc014-home-blue-deep:#061725;
  --fc014-black:#000;
  --fc014-line:rgba(131,202,255,.22);
  --fc014-line-soft:rgba(131,202,255,.14);
  --fc014-sky:#83caff;
  --fc014-green:#08f0a0;
  --fc014-home-section-pad:44px;
  --fc014-home-section-gap:34px;
  --fc014-cause-post-workspace-gap:110px;
}

/* HOME OWNERSHIP ---------------------------------------------------------
   The selected Home is one continuous platform-blue field. Child regions may
   own instrument/gallery surfaces inside it, but black is no longer the page field. */
html.mpmh-frontconv014 body #publicShell #shellMain .mpmh280-home-panel[data-home-state="selected"],
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"],
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] > .mpmh280-home-selected,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] > .mpmh280-shared-participation,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] > .mpmh280-get-involved{
  background:var(--fc014-home-blue)!important;
}
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-home-selected > .mpmh280-section,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] > .mpmh280-shared-participation,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] > .mpmh280-get-involved{
  background:transparent!important;
}

/* HOME HERO VERTICAL LOCK ------------------------------------------------
   On selected Home, the world mark becomes the approximate vertical ruler:
   headline + paragraph + scale line live inside the same visual footprint. */
@media(min-width:981px){
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero{
    min-height:0!important;
    padding-top:32px!important;
    padding-bottom:30px!important;
    background:var(--fc014-home-blue)!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero .mpmh280-hero-bridge-row{
    display:grid!important;
    grid-template-columns:minmax(190px,220px) minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:56px!important;
    min-height:0!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero .mpmh280-hero-world-logo{
    width:220px!important;
    height:220px!important;
    min-width:220px!important;
    min-height:220px!important;
    margin:0!important;
    align-self:center!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero .mpmh280-hero-world-logo img{
    display:block!important;
    width:220px!important;
    height:220px!important;
    max-width:220px!important;
    max-height:220px!important;
    object-fit:contain!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-selected-hero .mpmh280-hero-copy-stack{
    min-height:220px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:0!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview h1{
    margin:0 0 18px!important;
    font-size:clamp(42px,3.55vw,58px)!important;
    line-height:.96!important;
    letter-spacing:.005em!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] #mpmh289HeroOverview .mpmh280-hero-bridge{
    max-width:900px!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.52!important;
  }
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh053-selected-scale-line{
    margin:22px 0 0!important;
    padding-top:10px!important;
    line-height:1.25!important;
  }
}

/* Single-heading public hierarchy on selected Home. Functional control labels
   such as EXPLORE BY CATEGORY remain intact. */
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-section-title > .mpmh280-kicker{
  display:none!important;
}

/* Reclaim only accidental section ceremony. Reserved chart/readout interiors
   retain their own heights and can expand independently later. */
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-brand-discovery,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-readouts{
  padding-top:var(--fc014-home-section-pad)!important;
  padding-bottom:var(--fc014-home-section-pad)!important;
}
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-brand-discovery .mpmh280-section-head,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh280-readouts .mpmh280-section-head{
  margin-bottom:26px!important;
}

/* LOGO GALLERY -----------------------------------------------------------
   The featured logo group is the intentional pure-black inset. One outer
   hairline owns the stage; child brand units do not become decorative cards. */
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh027-home-discovery-layout,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-featured-discovery"]{
  background:transparent!important;
}
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-logo-gallery"]{
  background:var(--fc014-black)!important;
  border:1px solid var(--fc014-line)!important;
  padding:20px!important;
  box-shadow:none!important;
}
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-logo-gallery"] .mpmh280-featured-brand,
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-logo-gallery"] .mpmh280-featured-logo{
  background:var(--fc014-black)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] .mpmh027-featured-principle{
  background:transparent!important;
}

/* Keep the category rail in the blue page field. */
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-category-navigation"],
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-category-navigation"] .mpmh286-category-panel{
  background:transparent!important;
}

/* Public readout remains a named analytical region on the blue field; its
   internal readout rail may keep its existing instrument treatment. */
html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-public-readout"]{
  border-top:1px solid var(--fc014-line-soft)!important;
}

/* SELECTED-CAUSE RESERVED TRANSITION -------------------------------------
   The 110px desktop gap is intentional capacity, not mystery whitespace.
   It begins only after the workspace has entered engaged mode. */
@media(min-width:981px){
  html.mpmh-frontconv014 body #publicShell #shellMain #selectedCauseHero #causeWorkspace.is-workspace-engaged + [data-region="cause-context-readout"]{
    margin-top:var(--fc014-cause-post-workspace-gap)!important;
  }
}

/* Mobile compatibility remains a future dedicated wave. This pass only
   avoids importing desktop vertical-lock dimensions onto narrow viewports. */
@media(max-width:980px){
  html.mpmh-frontconv014 body #publicShell #shellMain #mpmh280Home[data-home-state="selected"] [data-region="home-logo-gallery"]{
    padding:14px!important;
  }
}