/* ========================================================================
   MPMH_FRONTCONV004 · CONTRACT-GOVERNED PUBLIC PLATFORM CRISPENING
   Base behavior authority: frozen MPMH_FRONTCONV001
   Presentation lineage: FRONTCONV002 foundation + FRONTCONV003 surface owner
   Scope: presentation only.

   Purpose:
   - Sharpen hierarchy without making the public platform feel smaller/dense.
   - Preserve full-bleed surface ownership and separately contained content.
   - Make navigation, section heads, actions, directories and readouts read as
     one intentional public system.
   - Keep graphics additive: this layout must feel complete without them.

   No JavaScript, routing, Signal, Category, MPID, /go/to, form, formula,
   adapter, data authority, accounting, publication or backend-writer change.
   ======================================================================== */
html.mpmh-frontconv004{
  --fc4-black:#000;
  --fc4-near:#02070b;
  --fc4-blue:#061b2b;
  --fc4-blue-deep:#041522;
  --fc4-blue-rail:#061d30;
  --fc4-blue-soft:#08263a;
  --fc4-white:#f8fbfd;
  --fc4-copy:#c6d5de;
  --fc4-muted:#8398a5;
  --fc4-sky:#79bfff;
  --fc4-sky-strong:#91d2ff;
  --fc4-green:#27f28b;
  --fc4-line:rgba(121,191,255,.18);
  --fc4-line-soft:rgba(121,191,255,.09);
  --fc4-frame:1480px;
  --fc4-copy-frame:1320px;
  --fc4-gutter:clamp(24px,4.7vw,80px);
  background:#000;
}
html.mpmh-frontconv004 body #publicShell{
  color:var(--fc4-white)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html.mpmh-frontconv004 body #publicShell :where(button,a,input,select,textarea){
  -webkit-tap-highlight-color:transparent;
}
html.mpmh-frontconv004 body #publicShell :where(h1,h2,h3,h4,strong){
  text-rendering:optimizeLegibility;
}
html.mpmh-frontconv004 body #publicShell :where(.mpmh280-readout-row,.mpmh076-stats-summary,.mpmh055-network-readouts,.mpmh044-dashboard-section) strong{
  font-variant-numeric:tabular-nums lining-nums;
}

/* ========================================================================
   1 · GLOBAL COMMAND SHELL
   Crisp = fewer competing edges, stronger alignment, explicit active state.
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell{
  border-color:rgba(121,191,255,.20)!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-row{
  border-bottom:0!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-inner,
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-inner,
html.mpmh-frontconv004 body #publicShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
  box-sizing:border-box!important;
  width:min(100%,var(--fc4-frame))!important;
  max-width:var(--fc4-frame)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--fc4-gutter)!important;
  padding-right:var(--fc4-gutter)!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-centered-brand-title{
  color:#f6fbff!important;
  font-weight:780!important;
  letter-spacing:.15em!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-kicker{
  color:var(--fc4-green)!important;
  font-weight:820!important;
  letter-spacing:.14em!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-title{
  color:#dbe8ef!important;
  font-weight:720!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-sub{
  color:#879ba7!important;
}
html.mpmh-frontconv004 body #publicShell .mpmh-header-search-input{
  border:1px solid rgba(121,191,255,.22)!important;
  background:#02090e!important;
  color:#f1f7fa!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.01)!important;
}
html.mpmh-frontconv004 body #publicShell .mpmh-header-search-input:focus{
  border-color:rgba(121,191,255,.48)!important;
  outline:1px solid rgba(121,191,255,.10)!important;
  outline-offset:1px!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs.tabs{
  align-items:stretch!important;
  column-gap:clamp(12px,1.25vw,22px)!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn{
  position:relative!important;
  min-height:37px!important;
  padding:0 1px!important;
  border-bottom:2px solid transparent!important;
  color:#a9bac4!important;
  -webkit-text-fill-color:#a9bac4!important;
  font-weight:760!important;
  letter-spacing:.07em!important;
  opacity:.90!important;
  text-shadow:none!important;
  transition:color .14s ease,border-color .14s ease,opacity .14s ease!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn:hover,
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn:focus-visible{
  color:var(--fc4-sky-strong)!important;
  -webkit-text-fill-color:var(--fc4-sky-strong)!important;
  border-bottom-color:rgba(121,191,255,.48)!important;
  opacity:1!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn.active,
html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn[aria-selected="true"]{
  color:var(--fc4-green)!important;
  -webkit-text-fill-color:var(--fc4-green)!important;
  border-bottom-color:var(--fc4-green)!important;
  opacity:1!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhLiveSectionHeader.mpmh-live-section-header{
  background:var(--fc4-blue-rail)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(121,191,255,.20)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #mpmhLiveSectionHeader .mpmh-live-section-title{
  color:#f6fbff!important;
  -webkit-text-fill-color:#f6fbff!important;
  font-weight:800!important;
  letter-spacing:.17em!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell :is(.mpmh-live-section-close,.mpmh299-shell-back){
  color:#8fa3af!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell :is(.mpmh-live-section-close,.mpmh299-shell-back):not(:disabled):hover,
html.mpmh-frontconv004 body #publicShell :is(.mpmh-live-section-close,.mpmh299-shell-back):not(:disabled):focus-visible{
  color:var(--fc4-sky-strong)!important;
}

/* ========================================================================
   2 · FULL-BLEED OWNERSHIP / CONTAINED INFORMATION
   Preserve FRONTCONV003's central rule and extend it to the directory
   workspaces that already own a deep-blue visual field.
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes){
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  background:var(--fc4-blue-deep)!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes) > .panel-head{
  box-sizing:border-box!important;
  width:min(100%,var(--fc4-frame))!important;
  max-width:var(--fc4-frame)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--fc4-gutter)!important;
  padding-right:var(--fc4-gutter)!important;
  background:var(--fc4-blue-deep)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid var(--fc4-line)!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes) > .panel-body{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:var(--fc4-gutter)!important;
  padding-right:var(--fc4-gutter)!important;
  background:var(--fc4-blue)!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes) > .panel-body > *{
  box-sizing:border-box!important;
  width:min(100%,var(--fc4-copy-frame));
  max-width:var(--fc4-copy-frame);
  margin-left:auto!important;
  margin-right:auto!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes) :is(.brand-discovery-scroll,.cause-discovery-scroll){
  border-color:var(--fc4-line)!important;
  background:#071f31!important;
  box-shadow:none!important;
}

/* ========================================================================
   3 · HOME HERO — CONFIDENT, NOT OVERSIZED
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state>.mpmh280-hero .mpmh280-hero-bridge-row{
  width:min(100%,var(--fc4-copy-frame))!important;
  max-width:var(--fc4-copy-frame)!important;
  align-items:center!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero{
  min-height:clamp(500px,64vh,585px)!important;
  padding-top:clamp(44px,4.2vw,64px)!important;
  padding-bottom:clamp(38px,3.8vw,54px)!important;
  background:
    radial-gradient(circle at 14% 43%,rgba(38,133,194,.095),transparent 28%),
    linear-gradient(90deg,#071f31 0%,#061b2b 60%,#041522 100%)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
  min-height:clamp(485px,62vh,565px)!important;
  padding-top:clamp(44px,4.2vw,64px)!important;
  padding-bottom:clamp(38px,3.8vw,54px)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-world-logo{
  align-self:center!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-world-logo img{
  max-height:220px!important;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.22)) drop-shadow(0 0 18px rgba(121,191,255,.07))!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-copy-stack h1{
  max-width:1040px!important;
  color:var(--fc4-white)!important;
  font-size:clamp(44px,4.15vw,70px)!important;
  line-height:.93!important;
  font-weight:870!important;
  letter-spacing:-.046em!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-selected .mpmh280-context-line{
  margin-top:20px!important;
  margin-bottom:11px!important;
  color:var(--fc4-green)!important;
  font-size:9px!important;
  font-weight:880!important;
  letter-spacing:.145em!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-bridge{
  max-width:790px!important;
  margin-top:18px!important;
  color:#c8d8e2!important;
  font-size:clamp(13px,.86vw,15px)!important;
  line-height:1.68!important;
  font-weight:455!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-selected .mpmh288-full-hero-switch{
  min-height:clamp(225px,19vw,292px)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-selected .mpmh053-selected-scale-line,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-scale-line{
  max-width:1000px!important;
  margin-top:clamp(26px,2.7vw,40px)!important;
  padding-top:14px!important;
  border-top:1px solid rgba(121,191,255,.13)!important;
  color:#879ca9!important;
  font-size:9px!important;
  line-height:1.55!important;
  letter-spacing:.07em!important;
  gap:3px 11px!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-scale-line strong{
  color:#b9ccd7!important;
  font-weight:790!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-scale-line b{
  color:var(--fc4-green)!important;
  font-weight:860!important;
}

/* ========================================================================
   4 · ACTIONS — ONE PUBLIC BUTTON LANGUAGE
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-action-primary{
  min-height:41px!important;
  padding:0 23px!important;
  border:1px solid rgba(39,242,139,.66)!important;
  border-radius:0!important;
  background:rgba(39,242,139,.025)!important;
  color:var(--fc4-green)!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-action-primary:hover,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-action-primary:focus-visible{
  background:var(--fc4-green)!important;
  color:#00160d!important;
  border-color:var(--fc4-green)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-text-action,.mpmh280-inline-route,.mpmh280-inline-text-link){
  color:var(--fc4-sky)!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-text-action,.mpmh280-inline-route,.mpmh280-inline-text-link):hover,
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-text-action,.mpmh280-inline-route,.mpmh280-inline-text-link):focus-visible{
  color:var(--fc4-green)!important;
}

/* ========================================================================
   5 · SECTIONS / COPY — STRONGER RHYTHM, FEWER BOXES
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section{
  padding-top:clamp(58px,5.2vw,78px)!important;
  padding-bottom:clamp(58px,5.2vw,78px)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section::before{
  height:1px!important;
  background:var(--fc4-line-soft)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-head{
  width:min(100%,var(--fc4-copy-frame))!important;
  max-width:var(--fc4-copy-frame)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-kicker,.mpmh280-eyebrow){
  margin-bottom:11px!important;
  color:var(--fc4-green)!important;
  font-size:8.5px!important;
  font-weight:880!important;
  letter-spacing:.165em!important;
  line-height:1.2!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-head h2{
  color:var(--fc4-white)!important;
  font-size:clamp(27px,2.35vw,39px)!important;
  line-height:1.01!important;
  font-weight:820!important;
  letter-spacing:-.034em!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-head-split{
  grid-template-columns:minmax(0,.90fr) minmax(340px,1.10fr)!important;
  gap:clamp(40px,6vw,92px)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-copy{
  max-width:760px!important;
  padding-top:18px!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-prose,.mpmh280-copy-columns,.mpmh054-section-intro){
  color:var(--fc4-copy)!important;
  font-size:clamp(13px,.82vw,14.5px)!important;
  line-height:1.68!important;
  font-weight:460!important;
}

/* ========================================================================
   6 · READOUT LANGUAGE — LABEL / NUMBER / CONTEXT
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh280-readout-row,.mpmh055-network-grid),
html.mpmh-frontconv004 body #publicShell .mpmh076-stats-summary{
  border-top:1px solid var(--fc4-line)!important;
  border-bottom:1px solid var(--fc4-line)!important;
  border-left:0!important;
  border-right:0!important;
  background:#010609!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-readout-row>div,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh055-network-readouts>div,
html.mpmh-frontconv004 body #publicShell .mpmh076-stats-summary>div{
  min-height:108px!important;
  padding:20px 22px!important;
  border-color:var(--fc4-line-soft)!important;
  background:transparent!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-readout-row span,
html.mpmh-frontconv004 body #publicShell .mpmh076-stats-summary small{
  color:#80b9dd!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.125em!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-readout-row strong,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh055-network-readouts strong,
html.mpmh-frontconv004 body #publicShell .mpmh076-stats-summary strong{
  color:#f1f7fa!important;
  font-size:clamp(26px,2vw,35px)!important;
  line-height:1!important;
  font-weight:755!important;
  letter-spacing:-.028em!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell .mpmh076-stats-summary span{
  color:#8398a4!important;
  line-height:1.45!important;
}

/* ========================================================================
   7 · DISCOVERY DIRECTORIES — CONTROLS SHOULD FEEL LIKE TOOLS, NOT CHROME
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brands-discovery-head,.causes-discovery-head){
  min-height:48px!important;
  color:#eff7fb!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-context-line,.cause-discovery-intro){
  padding-top:22px!important;
  padding-bottom:18px!important;
  color:#aebfc9!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-strip,.cause-sort-strip){
  padding-top:10px!important;
  padding-bottom:14px!important;
  border-top:1px solid var(--fc4-line-soft)!important;
  border-bottom:1px solid var(--fc4-line-soft)!important;
  background:transparent!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-chip,.cause-sort-chip,.mpmh240-toolbar-option){
  min-height:31px!important;
  border-color:rgba(121,191,255,.13)!important;
  background:transparent!important;
  color:#9db2be!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-chip,.cause-sort-chip,.mpmh240-toolbar-option):hover,
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-chip,.cause-sort-chip,.mpmh240-toolbar-option):focus-visible{
  border-color:rgba(121,191,255,.36)!important;
  color:var(--fc4-sky-strong)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-chip,.cause-sort-chip,.mpmh240-toolbar-option).active,
html.mpmh-frontconv004 body #publicShell #shellMain :is(.brand-sort-chip,.cause-sort-chip,.mpmh240-toolbar-option)[aria-pressed="true"]{
  border-color:rgba(39,242,139,.48)!important;
  color:var(--fc4-green)!important;
}

/* ========================================================================
   8 · CATEGORY INDEX — RETAIN V1 AUTHORITY, SHARPEN PRESENTATION ONLY
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain > .mpmh012-surface-categories .category-clean-body{
  box-sizing:border-box!important;
  width:min(100%,var(--fc4-frame))!important;
  max-width:var(--fc4-frame)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--fc4-gutter)!important;
  padding-right:var(--fc4-gutter)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > .mpmh012-surface-categories #categoryDiscoveryGrid.mpmh073a-category-index{
  column-gap:clamp(34px,4vw,64px)!important;
  row-gap:3px!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > .mpmh012-surface-categories button.mpmh073-category-link{
  min-height:47px!important;
  padding:12px 2px!important;
  border-bottom-color:rgba(121,191,255,.11)!important;
  transform:none!important;
  transition:color .14s ease,border-color .14s ease,transform .14s ease!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > .mpmh012-surface-categories button.mpmh073-category-link:hover{
  color:var(--fc4-sky-strong)!important;
  border-bottom-color:rgba(121,191,255,.28)!important;
  transform:translateX(2px)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain > .mpmh012-surface-categories button.mpmh073-category-link.active{
  color:var(--fc4-green)!important;
  border-bottom-color:rgba(39,242,139,.32)!important;
}

/* ========================================================================
   9 · STATS / SIGNALS / INFORMATION SURFACES — CLEAN FRONT DOORS
   The deep content redesign comes later; this pass only makes the existing
   surface hierarchy look deliberate enough to share the same platform.
   ======================================================================== */
html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-stats,.mpmh012-surface-signals,.mpmh012-surface-insights,.mpmh012-surface-howitworks,.mpmh012-surface-faq){
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh044-dashboard-head,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh-signals-production-head{
  border-color:var(--fc4-line)!important;
  background:#010609!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh044-dashboard-head strong,
html.mpmh-frontconv004 body #publicShell #shellMain .mpmh-signals-production-head h1{
  color:#f2f8fb!important;
  text-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh044-section-nav,.mpmh047-section-nav){
  border-color:var(--fc4-line-soft)!important;
  background:#010609!important;
  box-shadow:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh044-section-nav,.mpmh047-section-nav) a{
  color:#8fb8d0!important;
  text-decoration:none!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh044-section-nav,.mpmh047-section-nav) a:hover,
html.mpmh-frontconv004 body #publicShell #shellMain :is(.mpmh044-section-nav,.mpmh047-section-nav) a:focus-visible{
  color:var(--fc4-green)!important;
}
html.mpmh-frontconv004 body #publicShell #shellMain :is(.doc-hero-card,.faq-item,.doc-card,.doc-link-row,.mpmh-insight-note){
  box-shadow:none!important;
  text-shadow:none!important;
}

/* ========================================================================
   10 · RESPONSIVE CONTRACT
   Background remains full bleed. Content frame contracts; hierarchy survives.
   ======================================================================== */
@media(max-width:1100px){
  html.mpmh-frontconv004{--fc4-gutter:clamp(22px,4vw,46px);}
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-head-split{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-section-copy{padding-top:0!important;}
}
@media(max-width:820px){
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-copy-stack h1{
    font-size:clamp(37px,7vw,55px)!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-world-logo img{
    max-height:150px!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-selected .mpmh288-full-hero-switch{
    min-height:220px!important;
  }
}
@media(max-width:620px){
  html.mpmh-frontconv004{--fc4-gutter:20px;}
  html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-context-inner,
  html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell .mpmh-nav-search-inner,
  html.mpmh-frontconv004 body #publicShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-copy-stack h1{
    font-size:clamp(35px,10vw,47px)!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain .mpmh280-home-state .mpmh280-hero-bridge{
    font-size:13px!important;
    line-height:1.6!important;
  }
  html.mpmh-frontconv004 body #publicShell #shellMain > :is(.mpmh012-surface-brands,.mpmh012-surface-causes) > .panel-body{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  html.mpmh-frontconv004 body #publicShell #mpmhUnifiedShell #tabs .tab-btn{
    min-height:35px!important;
    border-bottom-width:1px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh-frontconv004 body #publicShell *{scroll-behavior:auto!important;transition:none!important;}
}