/* MPMH240 Unified Directory Toolbar: one fixed-height Card/Table + sort tab language; no directory height growth. */
/* MPMH238 Card Body Geometry Correction: matched asset. Brand/Cause card panes, Stats headers/readouts, and command rails use a new isolated component family that historical overlay selectors do not recognize. The prior duplicated MPMH235 current-owner block is retired. */
/* MPMH232 Card Stats Readout Pass: matched asset; preserves card geometry while adding compact Stats context/freshness presentation for the approved eight-row campaign/cause readouts. */
/* MPMH227: copied from 225 with frontend Stats lens retained for adapter output display. */
/* MPMH219 asset: carried forward from MPMH218; Rollup Control Center Safe Mode is admin-only. */
/* MPMH218 CSS asset: carried forward from MPMH216 unchanged for matched frontend package; Rollup Control Center is admin/PHP-owned. */
/* MPMH215 CSS asset: Stats Universe Dashboard rebuild. Builds from MPMH214 rail recovery baseline. */
/* MPMH214 CSS asset: brand card overlay port to stable cause-card command-rail pattern. Builds from MPMH206. */
/* MPMH205 CSS asset: cause feedback width + spacing polish; preserves MPMH203 behavior/tracking. */
/* MPMH203 CSS asset: cause-card feedback spacing/rail stability + maximize vertical centering. Built from MPMH202; no tracking/backend changes. */
/* MPMH202 CSS asset: Cause card VISIT rail action, positive-feedback vertical layout polish, and maximize control revert from silver treatment. */
/* MPMH197 CSS asset: Cause-card feedback single-column polish + silver maximize control refinement. Built from MPMH195. */
/* MPMH193 CSS asset: Cause/Charity card command rail + compact Stats readout cleanup. Built from MPMH192/190 card body-frame baseline; no tracking, routing, data, or backend changes. */
/* MPMH190 CSS asset: layered Brand/Cause card body frame owner. Built from MPMH189 CSS. */
/* MPMH206 CSS asset: cause overlay STATS/FEEDBACK label polish and muted Coming Soon placeholders. Built from MPMH205. */
/* MPMH216 CSS asset: Stats dashboard wiring expansion and friendly readout polish. Builds from MPMH215 with no JS/tracking/backend changes. */
/* MPMH180 CSS asset: identity-link styling for Leaderboards expanded detail rows. Built from MPMH179. */
/* MPMH177 CSS asset: copied from MPMH175. Leaderboards Signal coverage is JS/PHP-owned; no visual CSS changes. */
/* MPMH156 generated from MPMH155; contact surface size/readability polish. CSS-only, no wording or behavior changes. */
/* MPMH148 emergency recovery asset: copied from stable MPMH146 to avoid MPMH147 runtime tab-style instability. */
/* MPMH141 generated from MPMH140; Insight bottom rail floor lock. Keeps outside-frame scrollbar and sticky Insight rails, but adds viewport-aware min-height so Previous/Next lands at the bottom even on short panels. */
/* MPMH139 generated from MPMH137; reverts the 138 inner-scrollbar layout, preserves outside frame scrollbar, stabilizes top-tab hover/active colors, and flattens Insights backgrounds to the exact platform-blue shell. */
/* MPMH132 Brand/Cause Card Structure Normalization: adds one shared card/stats-sheet owner class layer for Brand and Cause cards. Original Brand/Cause classes remain for existing tracking, routes, filters, and handlers. */
/* MPMH127 Stats Panel Readout Cleanup: visual ownership for richer in-card stats tiles/notes. Preserves overlay sizing and Signal behavior. */
/* MPMH128 generated from MPMH127; clean full-width card Stats overlay reset. */
/* MPMH130 generated from MPMH129; unique cache-safe asset. Brand full-sheet stats and action-button parity. */
/* MPMH133 generated from MPMH132; Brand Stats conflict cleanup; tracking-safe. */
/* MPMH134 generated from MPMH133; unique cache-safe asset. Readout Universe review page is standalone PHP; public card tracking/behavior unchanged. */
/* MPMH136 generated from MPMH135; insight navigation repair + platform-blue shell asset. */
/* MPMH151 generated from MPMH151; Insight readout scale + source-level tab hover reset. */
/* MPMH126 generated from MPMH125; unique cache-safe asset. */
/* MPMH124 generated from MPMH123; unique cache-safe asset. */
/* MPMH122 unique asset copied from MPMH121; final stability owner appended. */
/* MPMH121 stable audit base: copied from MPMH114, unique filename for cache isolation. No visual changes intended. */
/* MPMH050 Campaign Card Name Header Centering.
   CSS-only pass from the successful MPMH041-from-040 JS ownership test. Centers the campaign name in the brand/campaign card topline while preserving card structure, stats/details behavior, /go/to, Signal, data, and backend ownership. */
/* MPMH009 Advertisers Readout Order + Footer Route Polish.
   Visual/CSS scope: removes footer anchor underlines in all states, keeps footer links slightly readable,
   bright green on hover/focus, and copyright dull as the final row. */
/* MPMH008 CSS asset: copied forward from MPMH007. Advertisers readout vocabulary changes are owned by PHP markup; no external CSS selector/property changes in this pass. */
/* MPMH007 Advertisers signal order + alignment path rail asset. Dragover live asset copy; primary state styling also lives in MPMH007.php inline control block. */
/* MPMH005: copied forward from MPMH004. Advertisers Signal rail representative 100+ location note and left rail wording/style are owned by PHP inline state-surface markup/CSS for this pass; no external CSS behavior or layout changes. */
/* ========================================================================
   V076 SAFE ORGANIZATION NOTE
   Source: uploaded V075/V230 CSS baseline.
   Behavior/visual selector policy for this pass: no selector or property values changed.
   This file was copied forward only so it can travel with _MPMH_076.php and
   mpmh_public_frontend_v076.js under a matched pass number.

   Current deploy target remains:
     /assets/mpmh/css/mpmh_public_frontend.css?v=076
   Rollback: restore the prior uploaded CSS and set PHP cache-bust back to v075.
   ======================================================================== */

/* ========================================================================
   MP Media Holdings public frontend CSS — V229 duplicate-trim baseline

   Purpose of this pass:
   - Preserve the V228 working visuals and behavior.
   - Keep CSS in one asset instead of PHP inline style blocks.
   - Remove the obvious fully duplicated first legacy base CSS load only.
   - Keep the remaining cascade/control layer intact for safety.
   - Avoid selector/property redesign in this pass.

   Important cascade rule:
   - Older/historical rules stay in their original order for safety.
   - Current intentional overrides live near the bottom under:
       V227 CURRENT CONTROL LAYER
     and the comment-only V228 edit map below it.

   Quick edit map:
   - Header/nav/search alignment ........ search "V227 CURRENT CONTROL LAYER"
   - Cause/brand card surfaces .......... search "CAUSES TAB PASS" or "BRANDS VISUAL PASS"
   - Categories ........................ search "category directory" or "V206"
   - MP Signal Systems .................. search "MP SIGNAL" or "CONNECTED SIGNAL"
   - Leaderboards ....................... search "leaderboard" or "SHOW TOP"
   - How It Works / FAQ / legal ......... search "How It Works", "vFAQ", or "Privacy"
   - Footer/business rail ............... search "footer" or "business links"
   - Mobile behavior .................... search "max-width" near the active layer
   ======================================================================== */

/* public_front_clean_v04.css — V230/v020 cause alignment natural-link polish, based on V229. */

/* Stage 1 CSS consolidation: preserves the V225 cascade while moving PHP inline presentation rules into the CSS asset. */

/* V229 note: the first duplicated legacy base CSS load has been removed. The later base load and current control layer remain in place to preserve the final winning cascade. */


/* === V229 DUPLICATE TRIM ===
   Removed the first duplicated legacy base CSS load from the V226/V228 consolidated cascade.
   The remaining legacy base load later in this file preserves the final cascade that was already winning in-browser.
   Current intentional overrides remain below under the V227 CURRENT CONTROL LAYER.
   No behavior selectors, JS hooks, routes, or data attributes intentionally changed.
   Removed bytes: 579871
   ======================================================================== */

/* === FORMER PHP INLINE STYLE BLOCK 1 === */


/* v09 launch readout patch: hard-edge cause-connected Signal presentation */
.signal-cause-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;border-top:1px solid rgba(11,249,158,.22);padding-top:8px}
.signal-cause-cell{background:#020504;border:1px solid rgba(11,249,158,.22);padding:7px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.signal-cause-cell span{display:block;font-size:8.5px;letter-spacing:.10em;text-transform:uppercase;color:#87c8ae;margin-bottom:4px}
.signal-cause-cell strong{display:block;font-size:16px;line-height:1;color:#f4fff9}
.signal-cause-cell small{display:block;margin-top:4px;font-size:8.5px;color:#8fa39b;letter-spacing:.035em;text-transform:uppercase}
.signal-cause-cell.primary{border-color:rgba(11,249,158,.7);box-shadow:0 0 18px rgba(11,249,158,.12),inset 0 0 0 1px rgba(11,249,158,.12)}
.signal-cause-formula{margin-top:8px;border-left:3px solid rgba(11,249,158,.55);padding:8px 10px;background:rgba(0,0,0,.55);color:#cde8dd;font-size:12px;line-height:1.45}
.signal-cause-status{display:inline-block;margin-top:6px;padding:3px 7px;border:1px solid rgba(11,249,158,.35);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#0bf99e;background:#000}
@media(max-width:900px){.signal-cause-strip{grid-template-columns:1fr;}.signal-cause-cell strong{font-size:15px}}

.cause-recon-panel{margin-top:10px;border:1px solid rgba(11,249,158,.34);background:#000;padding:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.cause-recon-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(11,249,158,.22);padding-bottom:8px;margin-bottom:8px}
.cause-recon-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#0bf99e;font-weight:800}
.cause-recon-sub{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#89a89c;text-align:right}
.cause-recon-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8px}
.cause-recon-table{width:100%;border-collapse:collapse;background:#010302;border:1px solid rgba(11,249,158,.18)}
.cause-recon-table th,.cause-recon-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:11px;text-align:left;vertical-align:middle}
.cause-recon-table th{color:#84c7ad;text-transform:uppercase;letter-spacing:.12em;font-size:9px;background:rgba(11,249,158,.05)}
.cause-recon-table td:first-child{color:#cde8dd}.cause-recon-table td:last-child{text-align:right;color:#f4fff9;font-weight:800;font-variant-numeric:tabular-nums}
.cause-recon-table tr.total td{color:#0bf99e;font-size:12px;background:rgba(11,249,158,.06)}
.cause-recon-note{margin-top:8px;color:#a5bbb2;font-size:11px;line-height:1.45;border-left:3px solid rgba(11,249,158,.45);padding-left:8px}
@media(max-width:900px){.cause-recon-grid{grid-template-columns:1fr}.cause-recon-head{display:block}.cause-recon-sub{text-align:left;margin-top:4px}}



/* v30 HOME final hierarchy polish
   Scope: HOME-only hierarchy, spacing, cause-name treatment, description readability, quiet signal-equation stack, terminal path, and footer dimming.
   Tracking/data IDs are preserved. Signal math, capture, rollups, tokens, counters, accounting, cards, rows, and Signal JS are untouched. */
.mph-home-overview{
  --mph-home-blue:#7eb7ff;
  --mph-home-blue-soft:rgba(126,183,255,.16);
  --mph-home-blue-faint:rgba(126,183,255,.07);
  --mph-home-text:#f4fbff;
  --mph-home-muted:#a7b7c2;
  --mph-home-dim:#758996;
  display:block;
  width:100%;
  background:#000;
  color:var(--mph-home-text);
}
.mph-home-overview *,
.mph-home-overview *:before,
.mph-home-overview *:after{box-sizing:border-box;}
.mph-home-overview a{color:inherit;}

/* Terminal platform header/navigation visual pass. Buttons remain buttons for JS hooks, but render as plain text links. */
body{background:#000!important;}
.public-shell{background:#000!important;}
.topbar{background:#000!important;border:0!important;box-shadow:none!important;}
.topbar-inner{background:#000!important;}
.brand-title{color:#f4fbff!important;text-shadow:none!important;}
.brand-sub{color:#8fc6ff!important;}
.search{border:1px solid #1f7f62!important;border-radius:0!important;background:#000!important;box-shadow:none!important;color:#f4fbff!important;}
.search:focus{border-color:#7eb7ff!important;box-shadow:none!important;}
.tabs{justify-content:center!important;align-items:center!important;gap:21px!important;padding:0 8px 8px!important;background:#000!important;border:0!important;}
.tab-btn{appearance:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#f4fbff!important;font-size:11px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;text-shadow:none!important;}
.tab-btn:hover,.tab-btn:focus{color:#7eb7ff!important;outline:0!important;text-decoration:none!important;}
.tab-btn.active{background:transparent!important;border:0!important;box-shadow:none!important;color:#7eb7ff!important;font-weight:500!important;}
.tab-btn.active:before,.tab-btn.active:after{content:none!important;display:none!important;}

/* Quiet centered platform path */
/* Full-width selected cause stage */
.mph-home-cause-stage{
  display:grid;
  grid-template-columns:220px minmax(600px,740px) 220px;
  column-gap:30px;
  justify-content:center;
  max-width:1210px;
  align-items:start;
  width:100%;
  margin:20px auto 0;
  padding:0 0 36px;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
  position:relative;
  overflow:visible;
}
.mph-home-cause-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:220px;
  min-width:0;
  padding-top:54px;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mph-home-cause-number{
  width:100%;
  text-align:center;
  margin:0 auto 6px;
  color:#6f7f8a;
  font-size:8px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mph-home-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:196px;
  height:120px;
  padding:15px 17px;
  background:#fff;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:hidden;
  text-decoration:none;
}
.mph-home-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:164px;
  max-height:90px;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
  transform:none;
  filter:none;
}
.mph-home-website{
  display:block;
  width:100%;
  max-width:210px;
  margin:10px auto 14px;
  padding:0;
  color:var(--mph-home-blue);
  font-size:11px;
  line-height:1.25;
  letter-spacing:.035em;
  text-align:center;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.mph-home-website:hover,
.mph-home-website:focus{color:#dceeff;text-decoration:none;outline:0;}
.mph-home-readout-stack{
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:210px;
  gap:12px;
  margin:0 auto;
  padding:0;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mph-home-readout{
  display:block;
  width:100%;
  padding:10px 10px;
  background:rgba(126,183,255,.025);
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:center;
}
.mph-home-readout-total{background:rgba(126,183,255,.048);box-shadow:inset 0 1px 0 rgba(126,183,255,.14);}
.mph-home-readout span{
  display:block;
  margin:0 0 3px;
  color:var(--mph-home-blue);
  font-size:8.4px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mph-home-readout strong{
  display:inline;
  color:#f7fbff;
  font-size:13px;
  line-height:1.2;
  font-weight:650;
  text-shadow:none;
}
.mph-home-readout small{
  display:inline;
  margin:0;
  color:#98a8b3;
  font-size:9px;
  line-height:1.2;
  font-weight:400;
  letter-spacing:.025em;
  text-transform:lowercase;
}
.mph-home-readout small:before{content:' · ';}
.mph-home-readout-total span{color:#dceeff;}
.mph-home-readout-total strong{font-size:13.5px;}


.mph-home-cause-main{
  min-width:0;
  padding:0;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mph-home-cause-table{
  width:100%;
  max-width:740px;
  margin:0 auto;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.mph-home-cause-table-head{
  margin:0 auto;
  padding:2px 18px 8px;
  background:#000;
  border-bottom:0;
  text-align:center;
}
.mph-home-cause-name{
  margin:0;
  padding:0;
  text-align:center;
  font-size:20px;
  line-height:1.08;
  font-weight:500;
  letter-spacing:.065em;
  color:#fff;
  text-shadow:none;
}
.mph-home-cause-name:hover,
.mph-home-cause-name:focus{color:#fff;text-decoration:none;outline:0;}
.mph-home-cause-table-body{
  padding:15px 26px 16px;
  background:#000;
}
.mph-home-cause-description{
  max-width:650px;
  margin:0 auto 13px;
  padding:0 0 0 14px;
  text-align:left;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
  color:#d8e5ed;
  font-size:13px;
  line-height:1.68;
}
.mph-home-cause-description .cause-description-text{display:block;color:inherit;font-size:inherit;line-height:inherit;text-indent:24px;}
.mph-home-alignment{
  margin:0 auto;
  max-width:650px;
  padding:0;
  text-align:center;
  color:#8fc6ff;
  font-size:10.8px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.035em;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.mph-home-alignment-logo{
  width:21px;
  height:21px;
  flex:0 0 21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.mph-home-alignment-logo img{
  display:block;
  width:21px;
  height:21px;
  object-fit:contain;
}
.mph-home-alignment-cause{
  color:#8fc6ff;
  text-decoration:none;
}
.mph-home-alignment-cause:hover,.mph-home-alignment-cause:focus{
  color:#dceeff;
  text-decoration:none;
  outline:0;
}
.mph-home-actions{
  display:none;
}
.mph-home-link-button{
  display:none;
}
.mph-home-overview .cause-heart-btn{border-radius:0;}
.mph-home-overview .cause-participation-links,
.mph-home-overview .cause-action-feedback{margin-top:12px;}

.mph-home-reserved-space{
  min-width:0;
  width:220px;
  background:#000;
  border:0;
  border-radius:0;
  box-shadow:none;
}



/* v24 footer/system-link dimming and HOME stage cohesion.
   This is visual only; footer links keep their onclick/tab behavior. */
.public-footer.footer-flat-rail{
  background:#000!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.07)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.public-footer.footer-flat-rail .public-footer-inner{
  background:#000!important;
  padding:5px 38px 6px!important;
}
.footer-flat-row{line-height:1.35!important;}
.footer-text-link,
.footer-sep{
  color:rgba(170,210,245,.42)!important;
  text-shadow:none!important;
  font-size:8px!important;
  font-weight:400!important;
  letter-spacing:.115em!important;
}
.footer-text-link:hover,
.footer-text-link:focus{
  color:#7eb7ff!important;
  text-decoration:none!important;
  outline:0!important;
}
.footer-sep{opacity:.38!important;}

/* Dedicated Signals tab spacing retained from prior pass. */
.signals-panel-body .signals-full-preview{margin:14px 0 16px;}
.signals-panel-body .signals-tab-preview-card{width:100%;max-width:none;min-height:300px;}
.signals-panel-body .mp-signal-live-shell{min-height:260px;}
.signals-panel-body .mp-signal-preview-readout{grid-template-columns:repeat(3,minmax(0,1fr));}
.signals-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:900px){
.mph-home-overview .mp-front-flow{display:flex;gap:8px 12px;}
  .mph-home-cause-name{font-size:20px;line-height:1.12;}
  .mph-home-cause-table-head{padding:10px 14px;}
  .mph-home-cause-table-body{padding:14px 15px 15px;}
  .mph-home-logo-link{width:180px;height:112px;padding:14px 16px;}
  .mph-home-logo{max-width:150px;max-height:82px;}
  .signals-summary-grid{grid-template-columns:1fr;}
}




/* v16 public Signal polish — visual/copy only. */
.mph-home-readout-strength strong,
#mpmh-signal-strength-value,
#activeCauseStatsSignalStrength{
  letter-spacing:.04em!important;
}
.mph-home-signal-note{
  margin:9px 0 0;
  padding:8px 9px;
  border-top:1px solid rgba(126,183,255,.12);
  color:rgba(205,226,238,.66);
  font-size:10px;
  line-height:1.45;
  letter-spacing:.035em;
}
.mpmh-signals-public-panel{
  position:relative;
  overflow:hidden;
}
.mpmh-signals-public-panel:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.65),rgba(156,255,214,.42),transparent);
  pointer-events:none;
}
.mpmh-signals-intro-copy p{
  max-width:920px;
  color:rgba(205,226,238,.72)!important;
  line-height:1.55!important;
}
.mpmh-signal-flow-strip{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:14px 0 12px;
  padding:12px;
  border:1px solid rgba(126,183,255,.16);
  background:linear-gradient(90deg,rgba(3,7,10,.92),rgba(5,11,14,.88),rgba(3,7,10,.92));
  overflow:hidden;
}
.mpmh-signal-flow-line{
  position:absolute;
  left:22px;
  right:22px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.36),rgba(156,255,214,.34),transparent);
  pointer-events:none;
}
.mpmh-signal-flow-line span{
  position:absolute;
  top:-3px;
  width:7px;
  height:7px;
  border:1px solid rgba(156,255,214,.9);
  background:rgba(156,255,214,.85);
  box-shadow:0 0 14px rgba(156,255,214,.36);
  animation:mpmhSignalFlowDot 6.4s linear infinite;
}
.mpmh-signal-flow-line span:nth-child(2){
  border-color:rgba(126,183,255,.9);
  background:rgba(126,183,255,.82);
  animation-delay:1.7s;
}
.mpmh-signal-flow-line span:nth-child(3){
  width:5px;
  height:5px;
  top:-2px;
  opacity:.68;
  animation-delay:3.2s;
}
@keyframes mpmhSignalFlowDot{
  0%{left:-20px;opacity:0}
  9%{opacity:1}
  91%{opacity:1}
  100%{left:calc(100% + 20px);opacity:0}
}
.mpmh-signal-flow-step{
  position:relative;
  z-index:1;
  min-height:74px;
  border:1px solid rgba(126,183,255,.13);
  background:rgba(0,0,0,.74);
  padding:10px 10px 9px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.mpmh-signal-flow-step b{
  display:block;
  color:#f4fbff;
  font-size:10px;
  line-height:1.25;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mpmh-signal-flow-step small{
  display:block;
  margin-top:8px;
  color:rgba(156,255,214,.64);
  font-size:9px;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.mpmh-signal-method-note{
  margin:10px 0 12px;
  padding:10px 12px;
  border:1px solid rgba(126,183,255,.13);
  border-left:3px solid rgba(126,183,255,.36);
  background:rgba(0,0,0,.56);
  color:rgba(205,226,238,.74);
  font-size:11.5px;
  line-height:1.48;
}
.mpmh-signal-explain-card p{
  color:rgba(205,226,238,.68)!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .mpmh-signal-flow-strip{grid-template-columns:1fr;margin-top:12px;}
  .mpmh-signal-flow-line{display:none;}
  .mpmh-signal-flow-step{min-height:58px;}
  .mph-home-signal-note{font-size:9.5px;}
}
@media (prefers-reduced-motion: reduce){
  .mpmh-signal-flow-line span{animation:none!important;display:none!important;}
}


/* v57 public Signal highways hero — presentation only. */
.mpmh-signal-highways{
  position:relative;
  margin:14px 14px 14px;
  padding:0 0 12px;
  border:1px solid rgba(11,249,158,.22);
  background:linear-gradient(180deg,rgba(2,12,10,.98),rgba(1,4,4,.98));
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72),0 20px 54px rgba(0,0,0,.38);
}
.mpmh-signal-highways:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(11,249,158,.10),transparent 20%),
    radial-gradient(circle at 6% 18%,rgba(255,116,184,.08),transparent 26%),
    radial-gradient(circle at 92% 22%,rgba(126,183,255,.09),transparent 28%);
  pointer-events:none;
}
.mpmh-signal-highways-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:16px 22px 13px;
  border-bottom:1px solid rgba(126,183,255,.13);
  background:linear-gradient(180deg,rgba(3,17,15,.82),rgba(1,5,5,.42));
}
.mpmh-signal-highways-kicker{
  color:#58f7ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.mpmh-signal-highways h2{
  margin:0;
  color:#f5fff9;
  font-size:22px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(0,0,0,.85),0 0 18px rgba(126,183,255,.08);
}
.mpmh-signal-highways-note{
  color:rgba(180,214,203,.78);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-align:right;
  max-width:470px;
}
.mpmh-signal-highways-legend{
  position:relative;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 44px);
  margin:13px auto 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  padding:7px 12px;
  border:1px solid rgba(11,249,158,.20);
  background:linear-gradient(180deg,rgba(3,20,17,.88),rgba(0,0,0,.70));
  box-shadow:0 0 18px rgba(11,249,158,.08);
}
.mpmh-signal-highways-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(210,235,226,.78);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
}
.mpmh-signal-highways-legend .dot{width:7px;height:7px;display:inline-block;background:#0bf99e;box-shadow:0 0 11px currentColor;}
.mpmh-signal-highways-legend .visibility{color:#7eb7ff;background:#50d4ff;}
.mpmh-signal-highways-legend .discovery{color:#0bf99e;background:#0bf99e;}
.mpmh-signal-highways-legend .engagement{color:#f2cf75;background:#f2cf75;}
.mpmh-signal-highways-legend .economic{color:#fff;background:#fff;}
.mpmh-signal-highways-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:16px;
  padding:10px 22px 0;
}
.mpmh-signal-highways-grid:before,
.mpmh-signal-highways-grid:after{
  content:"";
  position:absolute;
  top:-14px;
  bottom:-10px;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(11,249,158,.25),rgba(126,183,255,.17),transparent);
  pointer-events:none;
}
.mpmh-signal-highways-grid:after{
  left:calc(50% + 42px);
  opacity:.45;
}
.mpmh-highway-lane{
  position:relative;
  min-height:104px;
  display:grid;
  grid-template-columns:28px minmax(210px,305px) 1fr minmax(165px,245px);
  align-items:center;
  gap:14px;
  padding:15px 18px;
  border:1px solid rgba(126,183,255,.10);
  background:linear-gradient(180deg,rgba(8,18,19,.86),rgba(0,0,0,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 10px 30px rgba(0,0,0,.28);
  overflow:hidden;
}
.mpmh-highway-lane.lane-cause{border-color:rgba(255,120,185,.15);background:linear-gradient(90deg,rgba(36,18,31,.64),rgba(0,0,0,.72) 48%,rgba(5,14,13,.80));}
.mpmh-highway-lane.lane-activity{border-color:rgba(80,212,255,.16);background:linear-gradient(90deg,rgba(7,31,38,.62),rgba(0,0,0,.72) 48%,rgba(5,14,13,.80));}
.mpmh-highway-lane.lane-mapped{border-color:rgba(11,249,158,.18);background:linear-gradient(90deg,rgba(4,35,22,.62),rgba(0,0,0,.72) 48%,rgba(5,14,13,.80));}
.mpmh-lane-orb{
  width:14px;
  height:14px;
  background:#0bf99e;
  box-shadow:0 0 24px rgba(11,249,158,.82),0 0 50px rgba(11,249,158,.18);
}
.lane-cause .mpmh-lane-orb{background:#ff91c7;box-shadow:0 0 24px rgba(255,145,199,.82),0 0 50px rgba(255,145,199,.18);}
.lane-activity .mpmh-lane-orb{background:#50d4ff;box-shadow:0 0 24px rgba(80,212,255,.82),0 0 50px rgba(80,212,255,.18);}
.mpmh-lane-copy{position:relative;z-index:2;min-width:0;}
.mpmh-lane-copy b{
  display:block;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:3px;
}
.lane-cause .mpmh-lane-copy b{color:#ff9bd0;}
.lane-activity .mpmh-lane-copy b{color:#58dfff;}
.lane-mapped .mpmh-lane-copy b{color:#0bf99e;}
.mpmh-lane-copy strong{
  display:block;
  color:#fff;
  font-size:26px;
  line-height:1;
  font-weight:900;
  letter-spacing:.055em;
  text-shadow:0 2px 0 rgba(0,0,0,.88),0 0 18px rgba(255,255,255,.10);
}
.mpmh-lane-copy small{
  display:block;
  margin-top:5px;
  color:rgba(202,229,221,.70);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mpmh-lane-track{
  position:relative;
  height:44px;
  min-width:240px;
}
.mpmh-lane-track:before{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  height:5px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(11,249,158,.48),rgba(255,255,255,.16),transparent);
  box-shadow:0 0 22px rgba(11,249,158,.14);
}
.lane-cause .mpmh-lane-track:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(255,145,199,.55),rgba(255,255,255,.16),transparent);box-shadow:0 0 22px rgba(255,145,199,.15);}
.lane-activity .mpmh-lane-track:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(80,212,255,.52),rgba(255,255,255,.16),transparent);box-shadow:0 0 22px rgba(80,212,255,.15);}
.mpmh-lane-track .wave{
  position:absolute;
  left:0;right:0;top:10px;
  height:22px;
  opacity:.42;
  background:repeating-linear-gradient(100deg,transparent 0 25px,rgba(126,183,255,.26) 26px 28px,transparent 29px 54px);
  transform:skewX(-18deg);
  animation:mpmhHighwayWave 8s linear infinite;
}
.mpmh-lane-track .pulse,
.mpmh-lane-track .return{
  position:absolute;
  top:50%;
  width:8px;height:8px;
  transform:translate(-50%,-50%);
  background:#0bf99e;
  box-shadow:0 0 16px rgba(11,249,158,.7);
  animation:mpmhHighwayPulse 7.4s linear infinite;
}
.lane-cause .mpmh-lane-track .pulse{background:#ff91c7;box-shadow:0 0 16px rgba(255,145,199,.7);}
.lane-activity .mpmh-lane-track .pulse{background:#50d4ff;box-shadow:0 0 16px rgba(80,212,255,.7);}
.mpmh-lane-track .p2{animation-delay:1.85s;width:6px;height:6px;opacity:.75;}
.mpmh-lane-track .p3{animation-delay:3.65s;width:5px;height:5px;opacity:.55;background:#f2cf75;box-shadow:0 0 14px rgba(242,207,117,.65);}
.mpmh-lane-track .return{background:#fff;box-shadow:0 0 19px rgba(255,255,255,.82);animation:mpmhHighwayReturn 8.2s linear infinite;animation-delay:1.2s;width:11px;height:11px;}
.mpmh-lane-right{position:relative;z-index:2;text-align:right;min-width:0;}
.mpmh-lane-right b{
  display:block;
  color:#fff;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.mpmh-lane-right small{
  display:block;
  margin-top:4px;
  color:rgba(180,214,203,.70);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.mpmh-highway-methodology{
  position:relative;
  z-index:1;
  margin:12px 22px 0;
  padding:9px 11px;
  border-left:3px solid rgba(126,183,255,.36);
  background:rgba(0,0,0,.45);
  color:rgba(205,226,238,.70);
  font-size:10.5px;
  line-height:1.45;
}
@keyframes mpmhHighwayPulse{
  0%{left:-4%;opacity:0}
  8%{opacity:1}
  92%{opacity:1}
  100%{left:104%;opacity:0}
}
@keyframes mpmhHighwayReturn{
  0%{left:104%;opacity:0}
  10%{opacity:.95}
  88%{opacity:.95}
  100%{left:-4%;opacity:0}
}
@keyframes mpmhHighwayWave{
  from{background-position:0 0}
  to{background-position:160px 0}
}


/* v58 SIGNALS tab — restored OPERATOR connected-highways animation geometry with public language. */
.signals-panel .home-signal-connected-highways-v05{position:relative!important;margin:14px 14px 14px!important;border:1px solid rgba(11,249,158,.34)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 48%,rgba(11,249,158,.105),transparent 32%),radial-gradient(circle at 16% 22%,rgba(66,211,255,.115),transparent 28%),radial-gradient(circle at 86% 72%,rgba(255,255,255,.070),transparent 24%),linear-gradient(180deg,#010403,#000 58%,#010806)!important;box-shadow:0 0 34px rgba(11,249,158,.085),inset 0 0 42px rgba(11,249,158,.045)!important;overflow:hidden!important;color:#dffff5!important;}
.signals-panel .home-signal-connected-highways-v05:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,249,158,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(66,211,255,.035) 1px,transparent 1px);background-size:34px 34px,56px 56px;opacity:.18;pointer-events:none;}
.signals-panel .connected-highways-head-v05{position:relative;z-index:6;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:15px 18px 12px!important;border-bottom:1px solid rgba(18,56,44,.78)!important;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.46))!important;}
.signals-panel .connected-highways-head-v05 span{display:block!important;color:#42d3ff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.18em!important;text-transform:uppercase!important;line-height:1!important;}
.signals-panel .connected-highways-head-v05 b{display:block!important;margin-top:5px!important;color:#f6fffb!important;font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-shadow:0 0 22px rgba(11,249,158,.22)!important;}
.signals-panel .connected-highways-head-v05 em{font-style:normal!important;color:#8db5aa!important;font-size:8px!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important;text-align:right!important;line-height:1.35!important;}
.signals-panel .connected-highways-stagebar-v05{position:relative;z-index:5;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border-bottom:1px solid rgba(18,56,44,.62)!important;background:rgba(0,0,0,.52)!important;}
.signals-panel .connected-highways-stage-v05{padding:9px 10px!important;text-align:center!important;border-right:1px solid rgba(18,56,44,.55)!important;}
.signals-panel .connected-highways-stage-v05:last-child{border-right:0!important;}
.signals-panel .connected-highways-stage-v05 span{display:block!important;color:#6ea99a!important;font-size:7px!important;font-weight:950!important;letter-spacing:.15em!important;text-transform:uppercase!important;}
.signals-panel .connected-highways-stage-v05 b{display:block!important;margin-top:4px!important;color:#f0fff9!important;font-size:10px!important;font-weight:950!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.signals-panel .connected-highways-field-v05{position:relative!important;z-index:4;height:438px!important;margin:0!important;overflow:hidden!important;background:linear-gradient(90deg,rgba(66,211,255,.030),transparent 24%,rgba(11,249,158,.045) 50%,transparent 76%,rgba(255,255,255,.026)),linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.66))!important;}
.signals-panel .connected-highways-field-v05:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:1px;background:linear-gradient(180deg,transparent,rgba(11,249,158,.55),rgba(255,255,255,.20),rgba(11,249,158,.52),transparent);box-shadow:0 0 36px rgba(11,249,158,.23);opacity:.85;}
.signals-panel .connected-highways-field-v05:after{content:"ECONOMIC ACTIVITY CAN FLOW BACK INTO THE TIMELINE";position:absolute;right:18px;top:15px;color:#d9fff3!important;font-size:7px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;opacity:.76;}
.signals-panel .connected-highway-v05{position:absolute;left:3.6%;right:3.6%;height:92px;border:1px solid rgba(18,56,44,.46)!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(var(--lane-rgb),.040),rgba(0,0,0,.62) 22%,rgba(var(--lane-rgb),.052) 50%,rgba(0,0,0,.58) 78%,rgba(var(--lane-rgb),.035))!important;box-shadow:inset 0 0 24px rgba(var(--lane-rgb),.040)!important;overflow:hidden!important;}
.signals-panel .connected-highway-v05.cause{top:38px;--lane:#ff9bc2;--lane-rgb:255,155,194;}
.signals-panel .connected-highway-v05.channel{top:172px;--lane:#42d3ff;--lane-rgb:66,211,255;}
.signals-panel .connected-highway-v05.campaign{top:306px;--lane:#0bff9e;--lane-rgb:11,249,158;}
.signals-panel .connected-highway-line-v05{position:absolute;left:2.8%;right:2.8%;top:47px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--lane-rgb),.20),rgba(var(--lane-rgb),.88) 18%,rgba(255,255,255,.42) 50%,rgba(var(--lane-rgb),.88) 82%,rgba(var(--lane-rgb),.20));box-shadow:0 0 16px rgba(var(--lane-rgb),.36),0 0 38px rgba(var(--lane-rgb),.12);}
.signals-panel .connected-highway-line-v05:before{content:"";position:absolute;left:0;right:0;top:-11px;height:26px;background:linear-gradient(90deg,transparent,rgba(var(--lane-rgb),.18),transparent 36%,rgba(255,255,255,.13),transparent 64%,rgba(var(--lane-rgb),.16),transparent);background-size:240px 100%;animation:connectedHighwaySheenV05 8.8s linear infinite;opacity:.75;}
.signals-panel .connected-highway-wave-v05{position:absolute;left:3%;right:3%;top:19px;height:54px;opacity:.55;pointer-events:none;filter:drop-shadow(0 0 10px rgba(var(--lane-rgb),.12));}
.signals-panel .connected-highway-wave-v05 path{fill:none;stroke:rgba(var(--lane-rgb),.48);stroke-width:1.55;stroke-linecap:round;stroke-dasharray:13 15;animation:connectedWaveDashV05 calc(10.5s / var(--speed,1)) linear infinite;}
.signals-panel .connected-highway-copy-v05{position:absolute;left:15px;top:13px;z-index:5;display:flex!important;align-items:flex-start!important;gap:10px!important;}
.signals-panel .connected-highway-orb-v05{width:12px;height:12px;border-radius:50%;margin-top:1px;background:var(--lane);box-shadow:0 0 14px rgba(var(--lane-rgb),.8),0 0 30px rgba(var(--lane-rgb),.24);}
.signals-panel .connected-highway-copy-v05 span{display:block!important;color:var(--lane)!important;font-size:8px!important;font-weight:950!important;letter-spacing:.15em!important;text-transform:uppercase!important;line-height:1!important;}
.signals-panel .connected-highway-copy-v05 b{display:block!important;margin-top:6px!important;color:#fff!important;font-size:22px!important;line-height:.95!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;text-shadow:0 0 18px rgba(var(--lane-rgb),.22)!important;}
.signals-panel .connected-highway-copy-v05 em{display:block!important;margin-top:6px!important;color:#84aaa0!important;font-size:7px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important;}
.signals-panel .connected-highway-meta-v05{position:absolute;right:14px;top:13px;z-index:5;text-align:right!important;color:#78a096!important;font-size:7px!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important;line-height:1.45!important;}
.signals-panel .connected-highway-meta-v05 b{display:block!important;color:#eafff7!important;font-size:10px!important;margin-bottom:3px!important;letter-spacing:.11em!important;}
.signals-panel .activity-marker-v05{position:absolute;z-index:7;top:42px;left:4%;width:9px;height:9px;border-radius:50%;background:var(--act,#fff);box-shadow:0 0 10px var(--act,#fff),0 0 22px rgba(255,255,255,.10);animation:connectedMarkerTravelV05 calc(var(--dur,8.2s) / var(--speed,1)) linear infinite;animation-delay:var(--delay,0s);opacity:.94;}
.signals-panel .activity-marker-v05.discovery{--act:#42d3ff;width:7px;height:7px;}
.signals-panel .activity-marker-v05.navigation{--act:#0bff9e;border-radius:2px;transform:rotate(45deg);}
.signals-panel .activity-marker-v05.engagement{--act:#ffd24a;width:11px;height:11px;}
.signals-panel .activity-marker-v05.engagement:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:28px;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(255,210,74,.65),transparent);box-shadow:0 0 9px rgba(255,210,74,.25);}
.signals-panel .economic-return-v05{position:absolute;z-index:8;top:39px;right:3.5%;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.90),0 0 36px rgba(11,249,158,.36);animation:economicReturnPulseV05 7.4s cubic-bezier(.14,.72,.2,1) infinite;animation-delay:var(--edelay,0s);}
.signals-panel .economic-return-v05:after{content:"";position:absolute;top:6px;right:-54px;width:54px;height:6px;border-radius:999px;background:linear-gradient(270deg,transparent,rgba(255,255,255,.78));filter:blur(.4px);}
.signals-panel .pairing-knot-v05{position:absolute;z-index:9;left:50%;top:50%;width:76px;height:276px;transform:translate(-50%,-50%);border-left:1px solid rgba(11,249,158,.35);border-right:1px solid rgba(66,211,255,.17);pointer-events:none;}
.signals-panel .pairing-knot-v05:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff,rgba(11,249,158,.80) 22%,rgba(11,249,158,.12) 58%,transparent 72%);box-shadow:0 0 25px rgba(255,255,255,.42),0 0 58px rgba(11,249,158,.34),0 0 110px rgba(66,211,255,.14);animation:pairingKnotPulseV05 7.4s ease-in-out infinite;}
.signals-panel .pairing-knot-v05:after{content:"READOUT PAIRING";position:absolute;left:50%;top:calc(50% + 36px);transform:translateX(-50%);color:#eafff7!important;font-size:7px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important;white-space:nowrap!important;text-shadow:0 0 18px rgba(11,249,158,.30);}
.signals-panel .activity-legend-v05{position:absolute;z-index:10;left:50%;top:12px;transform:translateX(-50%);display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border:1px solid rgba(18,56,44,.82)!important;border-radius:999px!important;background:rgba(0,0,0,.74)!important;box-shadow:0 0 22px rgba(11,249,158,.06)!important;}
.signals-panel .activity-legend-v05 span{display:flex!important;align-items:center!important;gap:5px!important;color:#94bdb1!important;font-size:7px!important;font-weight:950!important;letter-spacing:.10em!important;text-transform:uppercase!important;white-space:nowrap!important;}
.signals-panel .activity-legend-v05 i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#fff;box-shadow:0 0 10px currentColor;}.signals-panel .activity-legend-v05 .disc i{background:#42d3ff}.signals-panel .activity-legend-v05 .nav i{background:#0bff9e;border-radius:2px;transform:rotate(45deg)}.signals-panel .activity-legend-v05 .eng i{background:#ffd24a}.signals-panel .activity-legend-v05 .eco i{background:#fff;}
.signals-panel .mpmh-public-highway-note{position:relative;z-index:6;margin:10px 18px 16px;padding:9px 11px;border-left:3px solid rgba(66,211,255,.45);background:rgba(0,0,0,.42);color:rgba(205,226,238,.72);font-size:10.5px;line-height:1.45;}
@keyframes connectedHighwaySheenV05{from{background-position:-240px 0}to{background-position:240px 0}}
@keyframes connectedWaveDashV05{to{stroke-dashoffset:-280}}
@keyframes connectedMarkerTravelV05{0%{left:4%;opacity:0;transform:translateY(calc(var(--y,0) * 1px)) scale(.55)}7%{opacity:.95}51%{opacity:.95}60%{left:50%;opacity:.42;transform:translateY(calc(var(--y,0) * 1px)) scale(.8)}78%{opacity:.96}100%{left:96%;opacity:0;transform:translateY(calc(var(--y,0) * 1px)) scale(.45)}}
@keyframes economicReturnPulseV05{0%,38%{right:4%;opacity:0;transform:scale(.55)}47%{opacity:1;transform:scale(1)}72%{right:50%;opacity:1;transform:scale(1.08)}84%{right:50%;opacity:.20;transform:scale(.70)}100%{right:50%;opacity:0;transform:scale(.42)}}
@keyframes pairingKnotPulseV05{0%,58%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.75)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}76%{opacity:.72;transform:translate(-50%,-50%) scale(.95)}}
@media(max-width:1100px){.signals-panel .connected-highway-copy-v05 b{font-size:18px!important;}.signals-panel .connected-highway-copy-v05 em,.signals-panel .connected-highway-meta-v05{white-space:normal!important;}}
@media(max-width:760px){.signals-panel .home-signal-connected-highways-v05{margin:10px 8px!important;border-radius:0!important;}.signals-panel .connected-highways-head-v05{display:block!important;}.signals-panel .connected-highways-head-v05 em{display:block!important;margin-top:7px!important;text-align:left!important;}.signals-panel .connected-highways-stagebar-v05{grid-template-columns:1fr!important;}.signals-panel .connected-highways-stage-v05{border-right:0!important;border-bottom:1px solid rgba(18,56,44,.48)!important;}.signals-panel .connected-highways-field-v05{height:470px!important;}.signals-panel .connected-highway-v05{left:4%!important;right:4%!important;}.signals-panel .connected-highway-copy-v05 b{font-size:18px!important;}.signals-panel .connected-highway-copy-v05 em,.signals-panel .connected-highway-meta-v05{display:none!important;}.signals-panel .activity-legend-v05{gap:5px!important;padding:6px 8px!important;}.signals-panel .activity-legend-v05 span{font-size:6.5px!important;}}
@media (prefers-reduced-motion: reduce){.connected-highway-line-v05:before,.connected-highway-wave-v05 path,.activity-marker-v05,.economic-return-v05,.pairing-knot-v05:before{animation:none!important;}}
@media(max-width:1100px){
  .mpmh-highway-lane{grid-template-columns:22px minmax(170px,245px) 1fr;}
  .mpmh-lane-right{grid-column:2 / 4;text-align:left;border-top:1px solid rgba(126,183,255,.08);padding-top:8px;}
}
@media(max-width:760px){
  .mpmh-signal-highways{margin:10px 8px 12px;}
  .mpmh-signal-highways-head{display:block;padding:14px 14px 12px;}
  .mpmh-signal-highways h2{font-size:17px;line-height:1.15;}
  .mpmh-signal-highways-note{text-align:left;margin-top:8px;}
  .mpmh-signal-highways-grid{padding:8px 14px 0;gap:10px;}
  .mpmh-highway-lane{grid-template-columns:18px 1fr;gap:10px;min-height:0;padding:12px;}
  .mpmh-lane-track{grid-column:1 / 3;min-width:0;width:100%;}
  .mpmh-lane-right{grid-column:1 / 3;}
  .mpmh-lane-copy strong{font-size:21px;}
  .mpmh-signal-highways-legend{width:auto;margin:10px 14px 4px;}
}
@media (prefers-reduced-motion: reduce){
  .mpmh-lane-track .wave,.mpmh-lane-track .pulse,.mpmh-lane-track .return{animation:none!important;}
}






/* v20 platform hero locked-copy fit. */
.mph-platform-intro-home h1{
  max-width:1050px!important;
  font-size:27px!important;
  line-height:1.14!important;
}
.mph-platform-lead{
  max-width:980px!important;
  color:rgba(247,251,255,.86)!important;
}
@media(max-width:900px){
  .mph-platform-intro-home h1{font-size:22px!important;line-height:1.18!important;}
}
@media(max-width:640px){
  .mph-platform-intro-home h1{font-size:19px!important;line-height:1.22!important;}
}


/* v19 platform-only brand discovery logo strip. */
.mph-platform-brand-strip{
  margin-top:22px;
  border-top:1px solid rgba(126,183,255,.13);
  padding-top:14px;
}
.mph-platform-brand-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.mph-platform-brand-head span{
  color:#f4fbff;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mph-platform-brand-head small{
  color:rgba(205,226,238,.52);
  font-size:9px;
  line-height:1.25;
  letter-spacing:.1em;
  text-transform:uppercase;
  text-align:right;
}
.mph-platform-brand-marquee{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(126,183,255,.12);
  background:#fff;
}
.mph-platform-brand-marquee:before,
.mph-platform-brand-marquee:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:70px;
  z-index:2;
  pointer-events:none;
}
.mph-platform-brand-marquee:before{
  left:0;
  background:linear-gradient(90deg,#fff,rgba(255,255,255,0));
}
.mph-platform-brand-marquee:after{
  right:0;
  background:linear-gradient(270deg,#fff,rgba(255,255,255,0));
}
.mph-platform-brand-track{
  display:flex;
  align-items:center;
  gap:0;
  width:max-content;
  min-width:100%;
  animation:mpmhBrandStripScroll 42s linear infinite;
}
.mph-platform-brand-marquee:hover .mph-platform-brand-track{
  animation-play-state:paused;
}
.mph-platform-brand-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  width:150px;
  height:72px;
  padding:13px 18px;
  border-right:1px solid rgba(0,0,0,.06);
  background:#fff;
  text-decoration:none;
}
.mph-platform-brand-logo img{
  display:block;
  max-width:116px;
  max-height:40px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:none;
}
@keyframes mpmhBrandStripScroll{
  0%{transform:translateX(0);}
  100%{transform:translateX(-50%);}
}
@media(max-width:900px){
  .mph-platform-brand-head{display:block;}
  .mph-platform-brand-head small{display:block;margin-top:5px;text-align:left;}
  .mph-platform-brand-logo{width:132px;height:64px;padding:11px 15px;}
  .mph-platform-brand-logo img{max-width:102px;max-height:38px;}
  .mph-platform-brand-track{animation-duration:34s;}
}
@media (prefers-reduced-motion: reduce){
  .mph-platform-brand-track{animation:none!important;transform:none!important;flex-wrap:wrap;width:auto;}
  .mph-platform-brand-marquee:before,.mph-platform-brand-marquee:after{display:none!important;}
}


/* v18 platform HOME review polish and cookie-bust preview note. */
.mph-platform-intro-home{
  max-width:1160px!important;
  padding:28px 30px 24px!important;
}
.mph-platform-intro-kicker{
  color:rgba(156,255,214,.68)!important;
}
.mph-platform-intro-home h1{
  max-width:1000px!important;
  margin:9px 0 16px!important;
  font-size:29px!important;
  line-height:1.12!important;
  letter-spacing:.04em!important;
}
.mph-platform-lead{
  color:rgba(247,251,255,.88)!important;
  font-size:14px!important;
}
.mph-platform-intro-copy{
  max-width:1010px!important;
  gap:11px!important;
}
.mph-platform-intro-copy p{
  font-size:13.2px!important;
}
.mph-platform-default-cause{
  margin-top:2px!important;
  padding:9px 10px!important;
  border:1px solid rgba(156,255,214,.18)!important;
  background:rgba(0,0,0,.38)!important;
}
.mph-platform-preview-note{
  margin-top:14px;
  color:rgba(126,183,255,.58);
  font-size:9px;
  line-height:1.35;
  letter-spacing:.13em;
  text-transform:uppercase;
}
@media(max-width:900px){
  .mph-platform-intro-home{padding:22px 16px 19px!important;}
  .mph-platform-intro-home h1{font-size:23px!important;}
  .mph-platform-lead{font-size:13px!important;}
}
@media(max-width:640px){
  .mph-platform-intro-home h1{font-size:20px!important;letter-spacing:.025em!important;}
}


/* v17 cookie-aware platform HOME. No-cookie visitors see this platform-first panel. */
.mph-platform-intro-home{
  max-width:1120px;
  margin:22px auto 0;
  padding:24px 26px 22px;
  border:1px solid rgba(126,183,255,.18);
  background:linear-gradient(180deg,rgba(7,13,17,.96),rgba(0,0,0,.98));
  box-shadow:none;
  color:#dceeff;
}
.mph-platform-intro-home:before{
  content:"";
  display:block;
  height:1px;
  margin:-24px -26px 20px;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.62),rgba(156,255,214,.34),transparent);
}
.mph-platform-intro-kicker{
  color:rgba(126,183,255,.78);
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.mph-platform-intro-home h1{
  max-width:930px;
  margin:8px 0 14px;
  color:#f7fbff;
  font-size:26px;
  line-height:1.14;
  font-weight:520;
  letter-spacing:.055em;
  text-transform:none;
  text-shadow:0 0 18px rgba(126,183,255,.12);
}
.mph-platform-intro-copy{
  max-width:980px;
  display:grid;
  gap:10px;
}
.mph-platform-intro-copy p{
  margin:0;
  color:rgba(205,226,238,.74);
  font-size:13px;
  line-height:1.6;
  letter-spacing:.018em;
}
.mph-platform-default-cause{
  color:rgba(156,255,214,.72)!important;
}
.mph-platform-default-cause a{
  color:#dceeff;
  text-decoration:none;
  border-bottom:1px solid rgba(126,183,255,.24);
}
.mph-platform-default-cause a:hover,
.mph-platform-default-cause a:focus{
  color:#fff;
  border-bottom-color:rgba(156,255,214,.52);
  outline:0;
}
.mph-platform-intro-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.mph-platform-intro-actions button{
  appearance:none;
  border:1px solid rgba(126,183,255,.22);
  border-radius:0;
  background:#000;
  color:#dceeff;
  padding:8px 11px;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
}
.mph-platform-intro-actions button:hover,
.mph-platform-intro-actions button:focus{
  border-color:rgba(156,255,214,.42);
  color:#fff;
  outline:0;
}
@media(max-width:900px){
  .mph-platform-intro-home{margin:18px 12px 0;padding:20px 16px 18px;}
  .mph-platform-intro-home:before{margin:-20px -16px 16px;}
  .mph-platform-intro-home h1{font-size:22px;line-height:1.18;}
  .mph-platform-intro-copy p{font-size:12.5px;}
}
@media(max-width:640px){
  .mph-platform-intro-home h1{font-size:20px;}
  .mph-platform-intro-actions{display:grid;grid-template-columns:1fr;}
  .mph-platform-intro-actions button{width:100%;}
}


/* v32 HOME unified cause table
   Scope: visual only. Wraps logo rail, center cause copy, and reserved rail in one hard-edged terminal table. */
.mph-home-cause-stage{
  display:block!important;
  max-width:1210px!important;
  margin:20px auto 0!important;
  padding:0!important;
  border:1px solid rgba(126,183,255,.16)!important;
  background:#000!important;
  box-shadow:none!important;
}
.mph-home-stage-head{
  width:100%;
  margin:0;
  padding:10px 18px 9px;
  background:#000;
  border-bottom:1px solid rgba(126,183,255,.12);
  text-align:center;
}
.mph-home-stage-head .mph-home-cause-name{
  margin:0 auto;
  padding:0;
  color:#fff;
  font-size:19px;
  line-height:1.12;
  font-weight:500;
  letter-spacing:.07em;
  text-align:center;
  text-shadow:none;
}
.mph-home-stage-body{
  display:grid;
  grid-template-columns:220px minmax(600px,740px) 220px;
  column-gap:30px;
  justify-content:center;
  align-items:start;
  width:100%;
  padding:18px 0 30px;
  background:#000;
}
.mph-home-cause-rail{padding-top:0!important;}
.mph-home-cause-table-body{padding:0 26px 14px!important;}
.mph-home-cause-description{margin-top:0!important;}
.mph-home-cause-table-head{display:none!important;}
@media(max-width:900px){
  .mph-home-cause-stage{max-width:none!important;margin:18px auto 0!important;border-color:rgba(126,183,255,.12)!important;}
  .mph-home-stage-body{grid-template-columns:1fr;row-gap:22px;padding:16px 0 24px;}
  .mph-home-stage-head{padding:10px 14px 9px;}
  .mph-home-stage-head .mph-home-cause-name{font-size:20px;}
}
@media(max-width:640px){
  .mph-home-stage-body{padding:14px 0 22px;}
  .mph-home-stage-head .mph-home-cause-name{font-size:18px;line-height:1.18;}
}


/* v31 HOME readout/footer micro-adjustment
   Scope: visual only. Reverts Total MP Signals readout to match the other HOME readouts, and centers/darkens footer links. */
.mph-home-readout-total{
  background:rgba(126,183,255,.025)!important;
  box-shadow:none!important;
}
.mph-home-readout-total span{
  color:var(--mph-home-blue)!important;
}
.mph-home-readout-total strong{
  font-size:13px!important;
}
.public-footer.footer-flat-rail .public-footer-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer-flat-nav{
  width:100%!important;
  text-align:center!important;
}
.footer-flat-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:0!important;
  text-align:center!important;
}
.footer-text-link,
.footer-sep{
  color:rgba(139,176,205,.28)!important;
}
.footer-text-link:hover,
.footer-text-link:focus{
  color:rgba(126,183,255,.72)!important;
}
.footer-sep{opacity:.28!important;}


/* v33 HOME selected-cause header feature + external alignment status
   Scope: visual/markup only. The alignment link remains tracked with fireCharityClick(). */
.mph-home-stage-head{
  padding:14px 18px 13px!important;
  background:linear-gradient(180deg,rgba(126,183,255,.055),rgba(0,0,0,0) 82%)!important;
  border-bottom:1px solid rgba(126,183,255,.20)!important;
}
.mph-home-stage-head .mph-home-cause-name{
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:520!important;
  letter-spacing:.105em!important;
  color:#f7fbff!important;
  text-shadow:0 0 16px rgba(126,183,255,.16)!important;
}
.mph-home-stage-body{
  padding-top:22px!important;
}
.mph-home-cause-table-body{
  padding-bottom:4px!important;
}
.mph-home-stage-alignment{
  max-width:1210px;
  margin:9px auto 0;
  padding:0 0 0 0;
  background:#000;
  border:0;
  color:#8fc6ff;
  font-size:10.8px;
  line-height:1.45;
  font-weight:400;
  letter-spacing:.035em;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  text-align:left;
}
.mph-home-stage-alignment .mph-home-alignment-logo{
  width:21px;
  height:21px;
  flex:0 0 21px;
}
.mph-home-stage-alignment .mph-home-alignment-cause{
  color:#8fc6ff;
  text-decoration:none;
}
.mph-home-stage-alignment .mph-home-alignment-cause:hover,
.mph-home-stage-alignment .mph-home-alignment-cause:focus{
  color:#dceeff;
  text-decoration:none;
  outline:0;
}
@media(max-width:900px){
  .mph-home-stage-alignment{
    max-width:none;
    margin:9px auto 0;
    padding:0 12px;
    justify-content:center;
    text-align:center;
  }
  .mph-home-stage-head .mph-home-cause-name{font-size:20px!important;}
}
@media(max-width:640px){
  .mph-home-stage-head .mph-home-cause-name{font-size:18px!important;letter-spacing:.08em!important;}
  .mph-home-stage-alignment{font-size:10.2px;}
}



/* v34 HOME white cause feature test
   Scope: visual only. Keeps black terminal shell, dark header/readouts, and tests a white selected-cause body for public cause emphasis. */
.mph-home-cause-stage{
  border-color:rgba(126,183,255,.18)!important;
  background:#000!important;
}
.mph-home-stage-head{
  background:linear-gradient(180deg,rgba(126,183,255,.07),rgba(0,0,0,0) 86%)!important;
  border-bottom:1px solid rgba(126,183,255,.22)!important;
}
.mph-home-stage-body{
  background:#f7f9fb!important;
  color:#111820!important;
}
.mph-home-cause-rail,
.mph-home-cause-main,
.mph-home-cause-table,
.mph-home-cause-table-body,
.mph-home-reserved-space{
  background:transparent!important;
}
.mph-home-logo-link{
  background:#fff!important;
}
.mph-home-website{
  color:#1f5f97!important;
}
.mph-home-website:hover,
.mph-home-website:focus{
  color:#073a66!important;
  text-decoration:none!important;
}
.mph-home-cause-number{
  color:#6b7780!important;
}
.mph-home-cause-description{
  background:transparent!important;
  color:#17212b!important;
}
.mph-home-cause-description .cause-description-text{
  color:inherit!important;
}
.mph-home-readout-stack{
  background:transparent!important;
}
.mph-home-readout{
  background:#05090d!important;
  color:#eaf5ff!important;
}
.mph-home-readout span{
  color:#8fc6ff!important;
}
.mph-home-readout strong{
  color:#f7fbff!important;
}
.mph-home-readout small{
  color:#9daebd!important;
}
.mph-home-readout-total{
  background:#05090d!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .mph-home-stage-body{background:#f7f9fb!important;}
}



/* v35 HOME classic blue / pure white cause feature test
   Scope: visual only. Pure white selected-cause body with classic Windows-inspired blue header/border.
   Signal JS, tracking hooks, rollups, tokens, counters, cards, rows, accounting, and backend behavior untouched. */
.mph-home-cause-stage{
  border:2px solid #003399!important;
  background:#000!important;
  box-shadow:none!important;
}
.mph-home-stage-head{
  background:#003399!important;
  border-bottom:2px solid #000080!important;
  padding:16px 20px 15px!important;
}
.mph-home-stage-head .mph-home-cause-name{
  color:#fff!important;
  font-size:25px!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
  text-shadow:none!important;
}
.mph-home-stage-body{
  background:#fff!important;
  color:#101820!important;
  padding-top:24px!important;
  padding-bottom:32px!important;
}
.mph-home-logo-link{
  background:#fff!important;
}
.mph-home-cause-description{
  color:#111820!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}
.mph-home-cause-description .cause-description-text{
  color:inherit!important;
}
.mph-home-website{
  color:#003399!important;
}
.mph-home-website:hover,
.mph-home-website:focus{
  color:#000080!important;
  text-decoration:none!important;
}
.mph-home-cause-number{
  color:#6e7781!important;
}
.mph-home-readout{
  background:#05090d!important;
  color:#eaf5ff!important;
}
.mph-home-readout span{
  color:#8fc6ff!important;
}
.mph-home-readout strong{
  color:#f7fbff!important;
}
.mph-home-readout small{
  color:#9daebd!important;
}
.mph-home-readout-total{
  background:#05090d!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .mph-home-stage-head .mph-home-cause-name{font-size:21px!important;}
  .mph-home-stage-body{background:#fff!important;padding-top:18px!important;padding-bottom:26px!important;}
  .mph-home-cause-description{font-size:14.5px!important;}
}
@media(max-width:640px){
  .mph-home-stage-head .mph-home-cause-name{font-size:18px!important;letter-spacing:.075em!important;}
}


/* v36 HOME platform-blue header/border correction
   Scope: visual only. Replaces the classic Windows blue test with the existing platform-blue panel style.
   Pure white cause body remains. Signal JS, tracking hooks, counters, /go/to, tokens, rollups, accounting, and backend behavior untouched. */
.mph-home-cause-stage{
  border:1px solid rgba(52,118,164,.72)!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.mph-home-stage-head{
  background:linear-gradient(180deg,#102d49 0%,#0b2238 48%,#061522 100%)!important;
  border-bottom:1px solid rgba(82,154,207,.72)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.22)!important;
  padding:14px 20px 13px!important;
}
.mph-home-stage-head .mph-home-cause-name{
  color:#ffffff!important;
  font-size:24px!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 10px rgba(126,183,255,.18)!important;
}
.mph-home-stage-body{
  border-top:0!important;
}
@media(max-width:900px){
  .mph-home-stage-head .mph-home-cause-name{font-size:20px!important;}
}
@media(max-width:640px){
  .mph-home-stage-head .mph-home-cause-name{font-size:18px!important;letter-spacing:.075em!important;}
}


/* v37 HOME smooth dark cause feature correction
   Scope: visual only. Replaces the white cause body test with a smooth dark slate/blue-black body,
   while keeping a clean white logo tile and platform-blue header/border.
   Signal JS, tracking hooks, counters, /go/to, tokens, rollups, accounting, allocation logic, and backend behavior untouched. */
.mph-home-cause-stage{
  border:1px solid rgba(52,118,164,.46)!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.mph-home-stage-head{
  background:linear-gradient(180deg,#102d49 0%,#0b2238 50%,#061522 100%)!important;
  border-bottom:1px solid rgba(82,154,207,.56)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.18)!important;
}
.mph-home-stage-head .mph-home-cause-name{
  color:#f7fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.72),0 0 8px rgba(126,183,255,.12)!important;
}
.mph-home-stage-body{
  background:linear-gradient(180deg,#071018 0%,#04090e 100%)!important;
  color:#dfeaf2!important;
  border-top:0!important;
}
.mph-home-cause-rail,
.mph-home-cause-main,
.mph-home-cause-table,
.mph-home-cause-table-body,
.mph-home-reserved-space{
  background:transparent!important;
}
.mph-home-logo-link{
  background:#fff!important;
  box-shadow:none!important;
}
.mph-home-website{
  color:#9fd0ff!important;
}
.mph-home-website:hover,
.mph-home-website:focus{
  color:#dceeff!important;
  text-decoration:none!important;
}
.mph-home-cause-number{
  color:rgba(170,190,204,.56)!important;
}
.mph-home-cause-description{
  background:transparent!important;
  color:#dbe7f0!important;
  font-size:14.2px!important;
  line-height:1.72!important;
}
.mph-home-cause-description .cause-description-text{
  color:inherit!important;
}
.mph-home-readout-stack{
  background:transparent!important;
}
.mph-home-readout{
  background:rgba(0,0,0,.45)!important;
  color:#eaf5ff!important;
}
.mph-home-readout span{
  color:#8fc6ff!important;
}
.mph-home-readout strong{
  color:#f7fbff!important;
}
.mph-home-readout small{
  color:#a8b7c2!important;
}
.mph-home-readout-total{
  background:rgba(0,0,0,.45)!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .mph-home-stage-body{background:linear-gradient(180deg,#071018 0%,#04090e 100%)!important;}
  .mph-home-cause-description{font-size:13.6px!important;}
}




/* Public nav cleanup */
.mpmh-unified-footer-row{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;line-height:1.55!important;}
.footer-brand-line{margin-top:9px;text-align:center;color:rgba(180,210,204,.55);font-size:11px;letter-spacing:.04em;text-transform:uppercase;}
/* Keep deprecated/reference panels unavailable from public display while preserving code for review. */
/* Contact Us modal / footer-link form */
.mpmh-legal-links{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px;color:rgba(190,220,214,.75);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.mpmh-legal-links a,.mpmh-legal-links button{color:#78ffd6;background:transparent;border:0;font:inherit;cursor:pointer;text-decoration:none;padding:0}
.mpmh-legal-links a:hover,.mpmh-legal-links button:hover{text-decoration:underline}
.mpmh-contact-modal{display:none;position:fixed;inset:0;z-index:9001;background:rgba(0,0,0,.78);align-items:center;justify-content:center;padding:18px}
.mpmh-contact-modal.active{display:flex}
.mpmh-contact-box{width:min(620px,100%);max-height:92vh;overflow:auto;background:#020706;border:1px solid rgba(110,255,215,.62);box-shadow:0 0 34px rgba(110,255,215,.18);padding:18px;color:#eafff8}
.mpmh-contact-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.mpmh-contact-head h2{margin:0;font-size:20px;color:#fff}.mpmh-contact-close{background:#000;border:1px solid rgba(110,255,215,.35);color:#eafff8;padding:7px 10px;cursor:pointer}.mpmh-form-row{margin:10px 0}.mpmh-contact-box label{display:block;color:#a8c9c0;font-size:13px;margin-bottom:5px}.mpmh-contact-box input,.mpmh-contact-box select,.mpmh-contact-box textarea{width:100%;background:#000;color:#eafff8;border:1px solid rgba(110,255,215,.28);padding:10px;font:inherit}.mpmh-contact-box textarea{min-height:118px;resize:vertical}.mpmh-checkbox-row{display:flex!important;gap:9px;align-items:flex-start;color:#a8c9c0}.mpmh-checkbox-row input{width:auto;margin-top:4px}.mpmh-contact-submit{background:#78ffd6;color:#001b14;border:0;padding:11px 14px;font-weight:800;cursor:pointer}.mpmh-contact-status{margin-top:10px;color:#ffd27a}.mpmh-small{font-size:12px;color:#8dbfb4}.mpmh-note{color:#a8c9c0}.tab-btn[data-tab="campaigns"]{min-width:126px}


/* LAUNCH_POLISH_02 — public style alignment layer
   Uses the existing public_front_clean asset style as the source of truth.
   Scope is intentionally narrow: top public cause feature, compact Signal readouts, footer contact behavior.
   No Signal math/capture/counters/routes/backend data changed. */
.mph-home-cause-stage{
  max-width:1210px!important;
  margin:14px auto 0!important;
  border:1px solid rgba(52,118,164,.48)!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.mph-home-stage-head{
  min-height:35px!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#102d49 0%,#0b2238 56%,#061522 100%)!important;
  border-bottom:1px solid rgba(82,154,207,.56)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.16)!important;
}
.mph-home-stage-head .mph-home-cause-name{
  color:#f7fbff!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.mph-home-stage-body{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) 270px!important;
  gap:18px!important;
  align-items:center!important;
  padding:14px 16px!important;
  background:linear-gradient(180deg,#071018 0%,#04090e 100%)!important;
  color:#dfeaf2!important;
}
.mph-home-cause-rail,
.mph-home-cause-main,
.mph-home-cause-table,
.mph-home-cause-table-body,
.mph-home-signal-lines{
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mph-home-cause-rail{
  width:auto!important;
  padding:0!important;
  justify-content:center!important;
}
.mph-home-logo-link{
  width:174px!important;
  height:104px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mph-home-logo{max-width:148px!important;max-height:78px!important;border-radius:0!important;box-shadow:none!important;}
.mph-home-website{
  max-width:185px!important;
  margin:8px auto 4px!important;
  color:#9fd0ff!important;
  font-size:10.5px!important;
  line-height:1.22!important;
}
.mph-home-cause-number{font-size:8px!important;color:rgba(170,190,204,.58)!important;margin:4px auto 0!important;}
.mph-home-cause-table-body{padding:0!important;}
.mph-home-cause-description{
  margin:0!important;
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  color:#dbe7f0!important;
  font-size:13.5px!important;
  line-height:1.62!important;
  box-shadow:none!important;
}
.mph-home-cause-description .cause-description-text{color:inherit!important;}

.mph-home-signal-lines{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:2px 0 2px 16px!important;
  border-left:1px solid rgba(11,249,158,.22)!important;
}
.mph-home-signal-title{
  color:#78ffd6!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  line-height:1.15!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
  padding:0 0 7px!important;
  border-bottom:1px solid rgba(11,249,158,.18)!important;
}
.mph-home-readout-stack.mph-home-readout-lines{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:0!important;
  padding:3px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:left!important;
  outline:0!important;
}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout span{
  display:inline!important;
  margin:0!important;
  color:#a8c9c0!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout span:after{content:':';}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout strong{
  display:inline!important;
  color:#f7fbff!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  text-align:right!important;
}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout small{display:none!important;}
.mph-home-readout-stack.mph-home-readout-lines .mph-home-readout-total span{color:#9fd0ff!important;}
.mph-home-signal-action{
  margin-top:10px!important;
  height:28px!important;
  border:1px solid rgba(11,249,158,.42)!important;
  border-radius:0!important;
  background:#020706!important;
  color:#dffff2!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.mph-home-signal-action:hover,.mph-home-signal-action:focus{border-color:#0bf99e!important;color:#fff!important;outline:0!important;}
.mph-home-stage-alignment{display:none!important;}
.cause-participation-links{margin-top:8px!important;}

@media(max-width:1000px){
  .mph-home-stage-body{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important;}
  .mph-home-cause-rail{align-items:center!important;}
  .mph-home-signal-lines{border-left:0!important;border-top:1px solid rgba(11,249,158,.18)!important;padding:10px 0 0!important;}
  .mph-home-stage-head .mph-home-cause-name{font-size:16px!important;}
}


/* v21 platform HOME intro table match
   Scope: no-cookie/front intro presentation only. Matches the intro shell to the SIGNALS tab table width,
   platform-blue/dark color treatment, and squared public-readout surface. No Signal math/capture/counter/backend changes. */
.mph-platform-intro-home{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:14px 0 16px!important;
  padding:18px 22px 18px!important;
  border:1px solid rgba(52,118,164,.48)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#071018 0%,#04090e 100%)!important;
  box-shadow:none!important;
  color:#dfeaf2!important;
  overflow:hidden!important;
}
.mph-platform-intro-home:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  margin:0!important;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.65),rgba(156,255,214,.42),transparent)!important;
  pointer-events:none!important;
}
.mph-platform-intro-home .mph-platform-intro-kicker{
  display:block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(126,183,255,.14)!important;
  background:transparent!important;
  color:rgba(156,255,214,.72)!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.mph-platform-intro-home h1{
  width:100%!important;
  max-width:1050px!important;
  margin:0 auto 14px!important;
  color:#f7fbff!important;
  text-align:left!important;
  font-size:27px!important;
  line-height:1.14!important;
  font-weight:520!important;
  letter-spacing:.04em!important;
  text-shadow:0 0 14px rgba(126,183,255,.10)!important;
}
.mph-platform-intro-copy{
  width:100%!important;
  max-width:1050px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:11px!important;
}
.mph-platform-intro-copy p,
.mph-platform-lead{
  color:rgba(205,226,238,.76)!important;
  font-size:13.2px!important;
  line-height:1.6!important;
  letter-spacing:.018em!important;
}
.mph-platform-intro-actions{
  max-width:1050px!important;
  margin:18px auto 0!important;
  padding-top:12px!important;
  border-top:1px solid rgba(126,183,255,.11)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.mph-platform-intro-actions button{
  appearance:none!important;
  border:1px solid rgba(126,183,255,.20)!important;
  border-radius:0!important;
  background:rgba(0,0,0,.56)!important;
  color:#f4fbff!important;
  box-shadow:none!important;
  padding:9px 11px!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.mph-platform-intro-actions button:hover,
.mph-platform-intro-actions button:focus{
  border-color:rgba(156,255,214,.46)!important;
  color:#fff!important;
  outline:0!important;
}
.mph-platform-intro-home .mph-platform-brand-strip{
  max-width:1050px!important;
  margin:20px auto 0!important;
  border-top:1px solid rgba(126,183,255,.13)!important;
}
.mph-platform-intro-home .mph-platform-brand-marquee{
  border:1px solid rgba(126,183,255,.16)!important;
}
@media(max-width:900px){
  .mph-platform-intro-home{margin:14px 0 16px!important;padding:16px 14px 16px!important;}
  .mph-platform-intro-home h1{font-size:22px!important;line-height:1.18!important;}
  .mph-platform-intro-actions{display:grid!important;grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .mph-platform-intro-home h1{font-size:19px!important;line-height:1.22!important;letter-spacing:.025em!important;}
}

/* v22 platform HOME intro — match SIGNALS tab table shell exactly more closely.
   Presentation only: no capture, counters, Signal math, routes, or backend changes. */
.mph-home-overview .mph-platform-intro-home{
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:16px 16px 10px!important;
  border:1px solid rgba(11,249,158,.70)!important;
  background:linear-gradient(180deg,#00170f 0%,#000806 100%)!important;
  box-shadow:0 0 30px rgba(11,249,158,.10)!important;
}
.mph-home-overview .mph-platform-intro-home:before{
  display:none!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{
  display:block!important;
  margin:-16px -16px 16px!important;
  padding:8px 14px 9px!important;
  border:0!important;
  border-bottom:1px solid rgba(11,249,158,.82)!important;
  background:linear-gradient(180deg,rgba(0,78,55,.96),rgba(0,58,40,.92))!important;
  color:#9effff!important;
  text-align:center!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
}
.mph-home-overview .mph-platform-intro-home h1{
  width:100%!important;
  max-width:none!important;
  margin:0 0 13px!important;
  padding:0 0 0!important;
  color:#fffaf4!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:.045em!important;
  text-align:left!important;
  text-shadow:2px 2px 0 rgba(110,55,25,.70),0 0 14px rgba(11,249,158,.08)!important;
}
.mph-home-overview .mph-platform-intro-copy{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.mph-home-overview .mph-platform-intro-copy p,
.mph-home-overview .mph-platform-lead{
  max-width:none!important;
  color:#d8fbff!important;
  font-size:14px!important;
  line-height:1.42!important;
  letter-spacing:.012em!important;
}
.mph-home-overview .mph-platform-intro-actions{
  width:100%!important;
  max-width:none!important;
  margin:18px 0 0!important;
  padding:14px 0 14px!important;
  border-top:1px solid rgba(11,249,158,.20)!important;
  border-bottom:1px solid rgba(11,249,158,.14)!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
.mph-home-overview .mph-platform-intro-actions button{
  border:1px solid rgba(11,249,158,.38)!important;
  background:#000!important;
  color:#ffffff!important;
  padding:10px 13px!important;
  font-size:10.5px!important;
  letter-spacing:.11em!important;
  font-weight:900!important;
  text-shadow:1px 1px 0 rgba(110,55,25,.55)!important;
}
.mph-home-overview .mph-platform-intro-actions button:hover,
.mph-home-overview .mph-platform-intro-actions button:focus{
  border-color:rgba(158,255,255,.86)!important;
  color:#9effff!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 0 0!important;
  border-top:0!important;
}
.mph-home-overview .mph-platform-brand-head{
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 10px!important;
}
.mph-home-overview .mph-platform-brand-head span{
  color:#ffffff!important;
  text-shadow:1px 1px 0 rgba(110,55,25,.70)!important;
}
.mph-home-overview .mph-platform-brand-head small{
  color:rgba(190,230,232,.62)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  width:100%!important;
  border:1px solid rgba(11,249,158,.25)!important;
  background:#fff!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin:12px 0 0!important;
  color:#7eb7ff!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{margin:0 0 16px!important;padding:14px 12px 12px!important;}
  .mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{margin:-14px -12px 14px!important;font-size:11px!important;letter-spacing:.20em!important;}
  .mph-home-overview .mph-platform-intro-home h1{font-size:22px!important;}
  .mph-home-overview .mph-platform-brand-head{display:block!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home h1{font-size:19px!important;line-height:1.22!important;}
}



/* v23 platform HOME intro refinement — closer to SIGNALS tab visual grammar.
   Keeps the green frame/title bar, but returns the body to the darker SIGNALS readout surface
   instead of the heavier green-fill block. Presentation only. */
.mph-home-overview .mph-platform-intro-home{
  margin:0 0 16px!important;
  padding:16px 16px 16px!important;
  border:1px solid rgba(11,249,158,.68)!important;
  background:linear-gradient(180deg,#000b09 0%,#000604 100%)!important;
  box-shadow:0 0 28px rgba(11,249,158,.08)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{
  margin:-16px -16px 16px!important;
  padding:8px 14px 9px!important;
  border-bottom:1px solid rgba(11,249,158,.76)!important;
  background:linear-gradient(180deg,rgba(0,78,55,.94),rgba(0,57,40,.94))!important;
  color:#9effff!important;
  font-size:13px!important;
  letter-spacing:.28em!important;
  text-shadow:0 0 9px rgba(11,249,158,.22)!important;
}
.mph-home-overview .mph-platform-intro-home h1,
.mph-home-overview .mph-platform-intro-copy,
.mph-home-overview .mph-platform-intro-actions,
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip,
.mph-home-overview .mph-platform-preview-note{
  margin-left:0!important;
  margin-right:0!important;
}
.mph-home-overview .mph-platform-intro-home h1{
  max-width:1240px!important;
  margin:0 0 12px!important;
  color:#fffaf4!important;
  font-size:23px!important;
  line-height:1.16!important;
  font-weight:620!important;
  letter-spacing:.035em!important;
  text-shadow:1px 1px 0 rgba(110,55,25,.58),0 0 12px rgba(11,249,158,.06)!important;
}
.mph-home-overview .mph-platform-intro-copy{
  max-width:1420px!important;
}
.mph-home-overview .mph-platform-intro-copy p,
.mph-home-overview .mph-platform-lead{
  color:#d8fbff!important;
  font-size:13px!important;
  line-height:1.48!important;
}
.mph-home-overview .mph-platform-intro-actions{
  margin:17px 0 0!important;
  padding:13px 0 13px!important;
  border-top:1px solid rgba(11,249,158,.18)!important;
  border-bottom:1px solid rgba(11,249,158,.12)!important;
}
.mph-home-overview .mph-platform-intro-actions button{
  border:1px solid rgba(158,255,255,.42)!important;
  background:#000504!important;
  color:#ffffff!important;
  padding:9px 13px!important;
  font-size:10px!important;
  letter-spacing:.105em!important;
}
.mph-home-overview .mph-platform-brand-head{
  margin:0 0 10px!important;
}
.mph-home-overview .mph-platform-brand-head span{
  color:#ffffff!important;
  font-size:11px!important;
  line-height:1.15!important;
}
.mph-home-overview .mph-platform-brand-head small{
  color:rgba(190,230,232,.60)!important;
  font-size:8.5px!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  border:1px solid rgba(11,249,158,.22)!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin-top:12px!important;
  font-size:9.5px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{padding:14px 12px 14px!important;}
  .mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{margin:-14px -12px 14px!important;}
  .mph-home-overview .mph-platform-intro-home h1{font-size:21px!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home h1{font-size:18px!important;line-height:1.23!important;}
}


/* v24 platform HOME intro header cleanup
   Keeps the SIGNALS-style green frame/title bar, restores the softer first-pass paragraph readout style,
   and removes uneven title-bar spacing by making the title bar flush to the shell top/left/right. Presentation only. */
.mph-home-overview .mph-platform-intro-home{
  margin:0 0 16px!important;
  padding:0 0 16px!important;
  border:1px solid rgba(11,249,158,.68)!important;
  background:linear-gradient(180deg,#000b09 0%,#000604 100%)!important;
  box-shadow:0 0 28px rgba(11,249,158,.08)!important;
  overflow:hidden!important;
}
.mph-home-overview .mph-platform-intro-home:before{
  display:none!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:8px 14px 9px!important;
  border:0!important;
  border-bottom:1px solid rgba(11,249,158,.76)!important;
  background:linear-gradient(180deg,rgba(0,78,55,.94),rgba(0,57,40,.94))!important;
  color:#9effff!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 9px rgba(11,249,158,.22)!important;
}
.mph-home-overview .mph-platform-intro-home h1{
  margin:20px 20px 12px!important;
  padding:0!important;
  max-width:1240px!important;
  color:#fffaf4!important;
  font-size:23px!important;
  line-height:1.16!important;
  font-weight:620!important;
  letter-spacing:.035em!important;
  text-align:left!important;
  text-shadow:1px 1px 0 rgba(110,55,25,.58),0 0 12px rgba(11,249,158,.06)!important;
}
.mph-home-overview .mph-platform-intro-copy{
  max-width:1420px!important;
  margin:0 20px!important;
  padding:0!important;
}
.mph-home-overview .mph-platform-intro-copy p,
.mph-home-overview .mph-platform-lead{
  color:rgba(205,226,238,.76)!important;
  font-size:13.2px!important;
  line-height:1.6!important;
  letter-spacing:.018em!important;
}
.mph-home-overview .mph-platform-intro-actions{
  max-width:none!important;
  margin:18px 20px 0!important;
  padding:13px 0 13px!important;
  border-top:1px solid rgba(11,249,158,.18)!important;
  border-bottom:1px solid rgba(11,249,158,.12)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  max-width:none!important;
  margin:0 20px!important;
  padding:12px 0 0!important;
  border-top:0!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin:12px 20px 0!important;
  font-size:9.5px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{padding-bottom:14px!important;}
  .mph-home-overview .mph-platform-intro-home .mph-platform-intro-kicker{font-size:11px!important;letter-spacing:.20em!important;}
  .mph-home-overview .mph-platform-intro-home h1{margin:16px 14px 10px!important;font-size:21px!important;}
  .mph-home-overview .mph-platform-intro-copy{margin:0 14px!important;}
  .mph-home-overview .mph-platform-intro-actions{margin:16px 14px 0!important;}
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{margin:0 14px!important;}
  .mph-home-overview .mph-platform-preview-note{margin:12px 14px 0!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home h1{font-size:18px!important;line-height:1.23!important;}
  .mph-home-overview .mph-platform-intro-copy p,
  .mph-home-overview .mph-platform-lead{font-size:12.8px!important;line-height:1.55!important;}
}


/* v25 platform HOME intro alignment + larger upper-left world logo.
   Presentation only: aligns the brand discovery header/logo strip with the intro content rails
   and enlarges the global world mark beside the MP Media Holdings wordmark. */
.topbar-inner{
  min-height:64px!important;
  align-items:center!important;
}
.topbar .brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:320px!important;
  padding-left:8px!important;
}
.topbar .brand img{
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
  flex:0 0 56px!important;
  filter:drop-shadow(0 0 12px rgba(11,249,158,.22)) drop-shadow(0 0 5px rgba(126,183,255,.16))!important;
}
.topbar .brand-title{
  font-size:15px!important;
  line-height:1.04!important;
  letter-spacing:.105em!important;
  font-weight:900!important;
}
.topbar .brand-sub{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  letter-spacing:.035em!important;
}
.mph-home-overview .mph-platform-intro-home{
  --mph-intro-edge:24px;
  padding-bottom:16px!important;
}
.mph-home-overview .mph-platform-intro-home h1{
  margin:20px var(--mph-intro-edge) 12px!important;
}
.mph-home-overview .mph-platform-intro-copy{
  margin:0 var(--mph-intro-edge)!important;
}
.mph-home-overview .mph-platform-intro-actions{
  margin:18px var(--mph-intro-edge) 0!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin:0 var(--mph-intro-edge)!important;
  padding-top:12px!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin:12px var(--mph-intro-edge) 0!important;
}
.mph-home-overview .mph-platform-brand-head{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:end!important;
  gap:18px!important;
  width:100%!important;
  margin:0 0 10px!important;
}
.mph-home-overview .mph-platform-brand-head span{
  white-space:nowrap!important;
}
.mph-home-overview .mph-platform-brand-head small{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
  padding-right:1px!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.mph-home-overview .mph-platform-brand-track{
  min-height:92px!important;
}
.mph-home-overview .mph-platform-brand-logo{
  height:92px!important;
  width:156px!important;
  padding:14px 18px!important;
}
.mph-home-overview .mph-platform-brand-logo img{
  max-width:120px!important;
  max-height:50px!important;
}
@media(max-width:900px){
  .topbar-inner{min-height:56px!important;}
  .topbar .brand{min-width:260px!important;gap:9px!important;padding-left:4px!important;}
  .topbar .brand img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;flex-basis:46px!important;}
  .topbar .brand-title{font-size:12.5px!important;}
  .topbar .brand-sub{font-size:8.5px!important;}
  .mph-home-overview .mph-platform-intro-home{--mph-intro-edge:14px;}
  .mph-home-overview .mph-platform-brand-head{grid-template-columns:1fr!important;gap:4px!important;align-items:start!important;}
  .mph-home-overview .mph-platform-brand-head small{text-align:left!important;white-space:normal!important;}
}
@media(max-width:640px){
  .topbar .brand img{width:40px!important;height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px!important;}
  .topbar .brand{min-width:0!important;}
}



/* v26 platform HOME intro world-mark placement.
   Restores the global/header logo to its compact scale and moves a large world mark
   to the left of the platform intro headline. Presentation only. */
.topbar-inner{
  min-height:46px!important;
}
.topbar .brand{
  gap:8px!important;
  min-width:280px!important;
  padding-left:0!important;
}
.topbar .brand img{
  width:36px!important;
  height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  object-fit:contain!important;
  flex:0 0 36px!important;
  filter:drop-shadow(0 0 7px rgba(11,249,158,.18))!important;
}
.topbar .brand-title{
  font-size:13.5px!important;
  line-height:1.05!important;
  letter-spacing:.10em!important;
}
.topbar .brand-sub{
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:1.1!important;
}
.mph-home-overview .mph-platform-headline-row{
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  margin:20px var(--mph-intro-edge,24px) 12px!important;
  padding:0!important;
  max-width:1420px!important;
}
.mph-home-overview .mph-platform-headline-world{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:126px!important;
  height:112px!important;
  min-width:126px!important;
}
.mph-home-overview .mph-platform-headline-world img{
  display:block!important;
  width:112px!important;
  height:112px!important;
  max-width:112px!important;
  max-height:112px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 20px rgba(11,249,158,.26)) drop-shadow(0 0 11px rgba(126,183,255,.18))!important;
}
.mph-home-overview .mph-platform-headline-row h1,
.mph-home-overview .mph-platform-intro-home .mph-platform-headline-row h1{
  margin:0!important;
  max-width:none!important;
  align-self:center!important;
}
@media(max-width:900px){
  .topbar-inner{min-height:44px!important;}
  .topbar .brand{min-width:230px!important;gap:7px!important;padding-left:0!important;}
  .topbar .brand img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important;}
  .topbar .brand-title{font-size:12px!important;}
  .topbar .brand-sub{font-size:8px!important;}
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:14px!important;
    margin:16px var(--mph-intro-edge,14px) 10px!important;
  }
  .mph-home-overview .mph-platform-headline-world{width:96px!important;height:88px!important;min-width:96px!important;}
  .mph-home-overview .mph-platform-headline-world img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;}
}
@media(max-width:640px){
  .topbar .brand img{width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;flex-basis:30px!important;}
  .topbar .brand{min-width:0!important;}
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    justify-items:start!important;
  }
  .mph-home-overview .mph-platform-headline-world{width:74px!important;height:66px!important;min-width:74px!important;justify-content:flex-start!important;}
  .mph-home-overview .mph-platform-headline-world img{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;}
}


/* v27 platform HOME intro column alignment.
   The headline now has a real two-column visual grammar: large world mark on the left,
   text content on the right. Lower copy/actions/brand discovery now align to the same
   right-hand text rail so the body no longer feels offset under the logo column.
   Presentation only. */
.mph-home-overview .mph-platform-intro-home{
  --mph-intro-edge:24px;
  --mph-intro-logo-col:126px;
  --mph-intro-head-gap:18px;
  --mph-intro-text-rail:calc(var(--mph-intro-edge,24px) + var(--mph-intro-logo-col,126px) + var(--mph-intro-head-gap,18px));
}
.mph-home-overview .mph-platform-headline-row{
  grid-template-columns:var(--mph-intro-logo-col,126px) minmax(0,1fr)!important;
  gap:var(--mph-intro-head-gap,18px)!important;
  margin:20px var(--mph-intro-edge,24px) 18px!important;
}
.mph-home-overview .mph-platform-intro-copy{
  margin:0 var(--mph-intro-edge,24px) 0 var(--mph-intro-text-rail)!important;
  max-width:none!important;
}
.mph-home-overview .mph-platform-intro-actions{
  margin:18px var(--mph-intro-edge,24px) 0 var(--mph-intro-text-rail)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin:0 var(--mph-intro-edge,24px) 0 var(--mph-intro-text-rail)!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin:12px var(--mph-intro-edge,24px) 0 var(--mph-intro-text-rail)!important;
}
.mph-home-overview .mph-platform-brand-head{
  grid-template-columns:max-content minmax(0,1fr)!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{
    --mph-intro-edge:14px;
    --mph-intro-logo-col:96px;
    --mph-intro-head-gap:14px;
  }
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home{
    --mph-intro-text-rail:var(--mph-intro-edge,14px);
  }
  .mph-home-overview .mph-platform-intro-copy,
  .mph-home-overview .mph-platform-intro-actions,
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip,
  .mph-home-overview .mph-platform-preview-note{
    margin-left:var(--mph-intro-edge,14px)!important;
    margin-right:var(--mph-intro-edge,14px)!important;
  }
}


/* v28 platform HOME intro structure reset.
   Fixes the v27 rail drift by putting the full intro body on one inner grid/rail.
   The world mark remains beside the headline only; paragraph, actions, brand strip,
   and preview note now share one clean centered inner container instead of being
   pushed under the headline text column. Presentation only. */
.mph-home-overview .mph-platform-intro-home{
  --mph-intro-pad-x:30px!important;
  --mph-intro-pad-y:26px!important;
  --mph-intro-logo-col:150px!important;
  --mph-intro-head-gap:24px!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.mph-home-overview .mph-platform-intro-inner{
  width:100%!important;
  box-sizing:border-box!important;
  padding:var(--mph-intro-pad-y,26px) var(--mph-intro-pad-x,30px) 16px!important;
  margin:0!important;
}
.mph-home-overview .mph-platform-headline-row{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:var(--mph-intro-logo-col,150px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:var(--mph-intro-head-gap,24px)!important;
  margin:0 0 22px!important;
  padding:0!important;
  max-width:none!important;
}
.mph-home-overview .mph-platform-headline-world{
  width:var(--mph-intro-logo-col,150px)!important;
  height:132px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mph-home-overview .mph-platform-headline-world img{
  width:128px!important;
  height:128px!important;
  max-width:128px!important;
  max-height:128px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 22px rgba(11,249,158,.26)) drop-shadow(0 0 12px rgba(126,183,255,.18))!important;
}
.mph-home-overview .mph-platform-headline-row h1,
.mph-home-overview .mph-platform-intro-home .mph-platform-headline-row h1{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
  align-self:center!important;
}
.mph-home-overview .mph-platform-intro-copy,
.mph-home-overview .mph-platform-intro-actions,
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip,
.mph-home-overview .mph-platform-preview-note{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}
.mph-home-overview .mph-platform-intro-copy{
  margin-top:0!important;
  margin-bottom:0!important;
}
.mph-home-overview .mph-platform-intro-actions{
  margin-top:18px!important;
  padding:13px 0!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin-top:0!important;
  padding-top:12px!important;
}
.mph-home-overview .mph-platform-brand-head{
  width:100%!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:end!important;
  gap:18px!important;
  margin:0 0 10px!important;
  overflow:hidden!important;
}
.mph-home-overview .mph-platform-brand-head small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  margin:0!important;
}
.mph-home-overview .mph-platform-preview-note{
  margin-top:12px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{
    --mph-intro-pad-x:16px!important;
    --mph-intro-pad-y:18px!important;
    --mph-intro-logo-col:104px!important;
    --mph-intro-head-gap:14px!important;
  }
  .mph-home-overview .mph-platform-headline-world{height:94px!important;}
  .mph-home-overview .mph-platform-headline-world img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;}
  .mph-home-overview .mph-platform-brand-head{grid-template-columns:1fr!important;gap:4px!important;align-items:start!important;}
  .mph-home-overview .mph-platform-brand-head small{text-align:left!important;white-space:normal!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    justify-items:start!important;
  }
  .mph-home-overview .mph-platform-headline-world{
    width:76px!important;
    height:70px!important;
    justify-content:flex-start!important;
  }
  .mph-home-overview .mph-platform-headline-world img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;}
}


/* v30 platform HOME intro lead-column cleanup.
   Keeps v29 tab-history behavior intact. The big world mark now sits beside the
   full lead block: headline, paragraph, and primary action buttons. */
.mph-home-overview .mph-platform-intro-home{
  --mph-intro-pad-x:30px!important;
  --mph-intro-pad-y:20px!important;
  --mph-intro-logo-col:150px!important;
  --mph-intro-head-gap:24px!important;
}
.mph-home-overview .mph-platform-intro-inner{
  padding:var(--mph-intro-pad-y,20px) var(--mph-intro-pad-x,30px) 16px!important;
}
.mph-home-overview .mph-platform-headline-row{
  grid-template-columns:var(--mph-intro-logo-col,150px) minmax(0,1fr)!important;
  align-items:start!important;
  gap:var(--mph-intro-head-gap,24px)!important;
  margin:0 0 16px!important;
}
.mph-home-overview .mph-platform-headline-world{
  height:auto!important;
  min-height:132px!important;
  align-items:flex-start!important;
  padding-top:0!important;
}
.mph-home-overview .mph-platform-headline-world img{
  width:132px!important;
  height:132px!important;
  max-width:132px!important;
  max-height:132px!important;
}
.mph-home-overview .mph-platform-headline-copy{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding-top:4px!important;
}
.mph-home-overview .mph-platform-headline-copy h1,
.mph-home-overview .mph-platform-intro-home .mph-platform-headline-copy h1{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-copy{
  width:100%!important;
  max-width:none!important;
  margin:16px 0 0!important;
  padding:0!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-copy p,
.mph-home-overview .mph-platform-headline-copy .mph-platform-lead{
  max-width:none!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions{
  width:100%!important;
  max-width:none!important;
  margin:17px 0 0!important;
  padding:12px 0 12px!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin-top:0!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{
    --mph-intro-pad-x:16px!important;
    --mph-intro-pad-y:18px!important;
    --mph-intro-logo-col:104px!important;
    --mph-intro-head-gap:14px!important;
  }
  .mph-home-overview .mph-platform-headline-world{min-height:94px!important;}
  .mph-home-overview .mph-platform-headline-world img{width:92px!important;height:92px!important;max-width:92px!important;max-height:92px!important;}
  .mph-home-overview .mph-platform-headline-copy{padding-top:0!important;}
  .mph-home-overview .mph-platform-headline-copy .mph-platform-intro-copy{margin-top:12px!important;}
  .mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions{margin-top:14px!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .mph-home-overview .mph-platform-headline-world{
    width:76px!important;
    min-height:70px!important;
    justify-content:flex-start!important;
  }
  .mph-home-overview .mph-platform-headline-world img{width:70px!important;height:70px!important;max-width:70px!important;max-height:70px!important;}
}


/* v32 platform HOME headline centering spacer.
   Keeps the large world mark beside the lead copy, but adds an equal right-side
   visual spacer so the headline/intro text column sits closer to the true
   horizontal center of the intro box. Presentation only. */
.mph-home-overview .mph-platform-intro-home{
  --mph-intro-right-spacer:var(--mph-intro-logo-col,150px)!important;
}
.mph-home-overview .mph-platform-headline-row{
  grid-template-columns:var(--mph-intro-logo-col,150px) minmax(0,1fr) var(--mph-intro-right-spacer,150px)!important;
}
.mph-home-overview .mph-platform-headline-copy{
  grid-column:2!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home{
    --mph-intro-right-spacer:0px!important;
  }
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:var(--mph-intro-logo-col,104px) minmax(0,1fr)!important;
  }
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-headline-row{
    grid-template-columns:1fr!important;
  }
  .mph-home-overview .mph-platform-headline-copy{
    grid-column:auto!important;
  }
}


/* v34 platform HOME intro bottom polish + endorsement disclaimer.
   Final presentation-only pass for the platform intro CTA row and company/brand discovery strip. */
.mph-home-overview .mph-platform-headline-copy h1,
.mph-home-overview .mph-platform-intro-home .mph-platform-headline-copy h1{
  text-wrap:balance;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:18px!important;
  padding:14px!important;
  border:1px solid rgba(11,249,158,.18)!important;
  background:linear-gradient(180deg,rgba(4,18,14,.92),rgba(1,7,5,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions button{
  min-height:38px!important;
  width:100%!important;
  border:1px solid rgba(158,255,255,.34)!important;
  background:linear-gradient(180deg,rgba(7,31,24,.98),rgba(1,8,6,.98))!important;
  color:#f6fffc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.28)!important;
  letter-spacing:.11em!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions button:first-child{
  border-color:rgba(11,249,158,.58)!important;
  background:linear-gradient(180deg,rgba(8,70,50,.98),rgba(3,28,20,.98))!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions button:hover,
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions button:focus{
  transform:translateY(-1px)!important;
  border-color:rgba(11,249,158,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 30px rgba(0,0,0,.34),0 0 18px rgba(11,249,158,.12)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin-top:16px!important;
  padding:15px 15px 13px!important;
  border:1px solid rgba(11,249,158,.22)!important;
  background:linear-gradient(180deg,rgba(3,14,11,.94),rgba(0,5,4,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 34px rgba(0,0,0,.22)!important;
}
.mph-home-overview .mph-platform-brand-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 11px!important;
  padding:0 1px 10px!important;
  border-bottom:1px solid rgba(11,249,158,.12)!important;
}
.mph-home-overview .mph-platform-brand-head span{
  color:#ffffff!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.155em!important;
}
.mph-home-overview .mph-platform-brand-head small{
  color:rgba(207,232,232,.68)!important;
  font-size:8.8px!important;
  line-height:1.25!important;
  letter-spacing:.095em!important;
  max-width:52%!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  border:1px solid rgba(255,255,255,.22)!important;
  background:linear-gradient(180deg,#ffffff,#f2f6f4)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30),inset 0 0 0 1px rgba(0,0,0,.035)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:before{
  width:88px!important;
  background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,0) 100%)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:after{
  width:88px!important;
  background:linear-gradient(270deg,#ffffff 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,0) 100%)!important;
}
.mph-home-overview .mph-platform-brand-track{
  min-height:88px!important;
}
.mph-home-overview .mph-platform-brand-logo{
  width:158px!important;
  height:88px!important;
  padding:15px 20px!important;
  border-right:1px solid rgba(20,40,32,.08)!important;
  background:transparent!important;
  transition:background .14s ease,transform .14s ease,box-shadow .14s ease!important;
}
.mph-home-overview .mph-platform-brand-logo:hover{
  background:rgba(11,249,158,.055)!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.14)!important;
}
.mph-home-overview .mph-platform-brand-logo img{
  max-width:118px!important;
  max-height:48px!important;
}
.mph-platform-brand-disclaimer{
  margin:10px 2px 0!important;
  padding:9px 11px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  background:linear-gradient(180deg,rgba(7,20,32,.50),rgba(2,7,6,.54))!important;
  color:rgba(205,226,238,.64)!important;
  font-size:9.3px!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
  text-align:center!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .mph-home-overview .mph-platform-brand-head{
    display:block!important;
  }
  .mph-home-overview .mph-platform-brand-head small{
    display:block!important;
    max-width:none!important;
    margin-top:5px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .mph-home-overview .mph-platform-brand-logo{width:138px!important;height:72px!important;padding:12px 16px!important;}
  .mph-home-overview .mph-platform-brand-logo img{max-width:104px!important;max-height:40px!important;}
}

/* v35 below-border discovery disclaimer note.
   Keeps the legal separation readable without making it look like a warning box. */
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip + .mph-platform-brand-disclaimer{
  margin:8px 16px 0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(205,226,238,.58)!important;
  font-size:9.6px!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
  text-align:center!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip + .mph-platform-brand-disclaimer{
    margin:8px 2px 0!important;
    text-align:left!important;
  }
}


/* v37 platform HOME brand strip lower placement + outside-border disclaimer.
   The logo strip remains inside the intro table, but sits nearer the lower edge.
   The legal/discovery note now lives outside the main bordered intro table. */
.mph-home-overview .mph-platform-intro-home{
  display:flex!important;
  flex-direction:column!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-intro-inner{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin-top:auto!important;
  margin-bottom:0!important;
}
.mph-home-overview .mph-platform-brand-disclaimer-outside{
  margin:8px 18px 0!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(205,226,238,.58)!important;
  font-size:9.6px!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
  text-align:center!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
    margin-top:16px!important;
  }
  .mph-home-overview .mph-platform-brand-disclaimer-outside{
    margin:8px 2px 0!important;
    text-align:left!important;
  }
}


/* v38 top-nav restoration + slim footer rail */
.tabs{
  padding-bottom:7px!important;
  gap:18px!important;
}
.tab-btn[data-tab="leaderboards"],
.tab-btn[data-tab="howitworks"],
.tab-btn[data-tab="faq"]{
  color:#f4fbff!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail{
  border-top:1px solid rgba(126,183,255,.035)!important;
  min-height:0!important;
  box-shadow:none!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner{
  padding:2px 16px 3px!important;
  min-height:0!important;
  gap:0!important;
  display:block!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row{
  line-height:1.15!important;
  gap:0!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-sep{
  font-size:7px!important;
  letter-spacing:.105em!important;
  line-height:1.15!important;
  color:rgba(139,176,205,.24)!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:focus{
  color:rgba(126,183,255,.70)!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-sep{
  margin:0 5px!important;
  opacity:.20!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  margin-top:1px!important;
  font-size:7px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  color:rgba(180,210,204,.28)!important;
}
@media(max-width:900px){
  .tabs{gap:12px!important;}
  .public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner{padding:3px 8px 4px!important;}
}



/* v39 darker platform logo rail.
   Matches the logo-strip container to the main header's dark green/black surface while keeping individual brand logo beds clean white.
   Presentation only; no Signal math/capture/counters/routes/backend changes. */
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  border-color:rgba(11,249,158,.24)!important;
  background:linear-gradient(180deg,#081d17 0%,#030806 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.075),0 14px 34px rgba(0,0,0,.24)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  border:1px solid rgba(11,249,158,.20)!important;
  background:linear-gradient(180deg,#071812 0%,#020706 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 28px rgba(0,0,0,.34)!important;
  padding:10px 0!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:before{
  width:92px!important;
  background:linear-gradient(90deg,#071812 0%,rgba(7,24,18,.88) 38%,rgba(7,24,18,0) 100%)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:after{
  width:92px!important;
  background:linear-gradient(270deg,#071812 0%,rgba(7,24,18,.88) 38%,rgba(7,24,18,0) 100%)!important;
}
.mph-home-overview .mph-platform-brand-track{
  gap:10px!important;
  min-height:88px!important;
}
.mph-home-overview .mph-platform-brand-logo{
  width:154px!important;
  height:76px!important;
  padding:14px 18px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f4f8f6 100%)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.26),inset 0 0 0 1px rgba(0,0,0,.025)!important;
}
.mph-home-overview .mph-platform-brand-logo:hover{
  background:linear-gradient(180deg,#ffffff 0%,#eef8f3 100%)!important;
  border-color:rgba(11,249,158,.56)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.32),0 0 16px rgba(11,249,158,.12),inset 0 0 0 1px rgba(11,249,158,.08)!important;
}
.mph-home-overview .mph-platform-brand-logo img{
  max-width:114px!important;
  max-height:44px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{padding:8px 0!important;}
  .mph-home-overview .mph-platform-brand-track{gap:8px!important;}
  .mph-home-overview .mph-platform-brand-logo{width:136px!important;height:68px!important;padding:12px 15px!important;}
  .mph-home-overview .mph-platform-brand-logo img{max-width:102px!important;max-height:38px!important;}
}



/* v40 single-container dark logo rail.
   Removes the double-container look from v39: one solid dark green rail, no inner bordered marquee box, white logo cards preserved.
   Presentation only; no Signal math/capture/counters/routes/backend changes. */
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  padding:18px 20px!important;
  border:1px solid rgba(11,249,158,.24)!important;
  background:#061b14!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.07),0 14px 34px rgba(0,0,0,.22)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  overflow:hidden!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:before{
  width:72px!important;
  background:linear-gradient(90deg,#061b14 0%,rgba(6,27,20,.86) 42%,rgba(6,27,20,0) 100%)!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:after{
  width:72px!important;
  background:linear-gradient(270deg,#061b14 0%,rgba(6,27,20,.86) 42%,rgba(6,27,20,0) 100%)!important;
}
.mph-home-overview .mph-platform-brand-track{
  gap:12px!important;
  min-height:82px!important;
  align-items:center!important;
}
.mph-home-overview .mph-platform-brand-logo{
  width:156px!important;
  height:78px!important;
  padding:14px 18px!important;
  border:0!important;
  background:#ffffff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22)!important;
}
.mph-home-overview .mph-platform-brand-logo:hover{
  background:#ffffff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.28),0 0 14px rgba(11,249,158,.10)!important;
}
.mph-home-overview .mph-platform-brand-logo img{
  max-width:114px!important;
  max-height:44px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{padding:14px 14px!important;}
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:before,
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee:after{width:42px!important;}
  .mph-home-overview .mph-platform-brand-track{gap:8px!important;}
  .mph-home-overview .mph-platform-brand-logo{width:136px!important;height:68px!important;padding:12px 15px!important;}
  .mph-home-overview .mph-platform-brand-logo img{max-width:102px!important;max-height:38px!important;}
}


/* v41 Categories cleanup: single A-Z grid starts at top of tab body. */
.category-clean-body{padding-top:12px!important;}
.category-grid-az{margin-top:0!important;}
.category-grid-az .category-btn{min-height:92px;}


/* v42 Scrollbar Comfort Pass — slightly wider internal app/table scrollbars. */
.shell-main,
.data-shell,
.side-body,
.brand-discovery-scroll,
.cause-discovery-scroll,
.global-search-shell{
  scrollbar-width:auto!important;
  scrollbar-color:#1d5b46 #020706!important;
}
.shell-main::-webkit-scrollbar,
.data-shell::-webkit-scrollbar,
.side-body::-webkit-scrollbar,
.brand-discovery-scroll::-webkit-scrollbar,
.cause-discovery-scroll::-webkit-scrollbar,
.global-search-shell::-webkit-scrollbar{
  width:14px!important;
  height:14px!important;
}
.shell-main::-webkit-scrollbar-track,
.data-shell::-webkit-scrollbar-track,
.side-body::-webkit-scrollbar-track,
.brand-discovery-scroll::-webkit-scrollbar-track,
.cause-discovery-scroll::-webkit-scrollbar-track,
.global-search-shell::-webkit-scrollbar-track{
  background:#020706!important;
  border:1px solid #071a14!important;
  border-radius:0!important;
}
.shell-main::-webkit-scrollbar-thumb,
.data-shell::-webkit-scrollbar-thumb,
.side-body::-webkit-scrollbar-thumb,
.brand-discovery-scroll::-webkit-scrollbar-thumb,
.cause-discovery-scroll::-webkit-scrollbar-thumb,
.global-search-shell::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#1d5b46,#0b3024)!important;
  border:3px solid #020706!important;
  border-radius:0!important;
  background-clip:padding-box!important;
}
.shell-main::-webkit-scrollbar-thumb:hover,
.data-shell::-webkit-scrollbar-thumb:hover,
.side-body::-webkit-scrollbar-thumb:hover,
.brand-discovery-scroll::-webkit-scrollbar-thumb:hover,
.cause-discovery-scroll::-webkit-scrollbar-thumb:hover,
.global-search-shell::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#0bf99e,#1d5b46)!important;
  border-color:#020706!important;
}

/* v43 Causes table scrollbar color override — blue treatment for the Causes app table only. */
.causes-discovery-panel .data-shell{
  scrollbar-color:#214f75 #020706!important;
}
.causes-discovery-panel .data-shell::-webkit-scrollbar-track{
  background:#020706!important;
  border:1px solid #071420!important;
}
.causes-discovery-panel .data-shell::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#214f75,#10263b)!important;
  border:3px solid #020706!important;
  border-radius:0!important;
  background-clip:padding-box!important;
}
.causes-discovery-panel .data-shell::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#7eb7ff,#214f75)!important;
  border-color:#020706!important;
}


/* v44 Sticky Editorial Logo Rails — desktop-only side logos for How It Works + FAQ. */
.mpmh-doc-framed-body{
  padding:14px!important;
}
.mpmh-doc-logo-frame{
  display:grid;
  grid-template-columns:132px minmax(0,960px) 132px;
  gap:14px;
  align-items:start;
  max-width:1268px;
  margin:0 auto;
}
.mpmh-doc-centered-content{
  min-width:0;
}
.mpmh-doc-logo-rail{
  position:sticky;
  top:12px;
  align-self:start;
  display:grid;
  gap:10px;
  padding:8px;
  border:1px solid rgba(18,56,44,.72);
  background:#061812;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.06),0 14px 34px rgba(0,0,0,.28);
}
.mpmh-doc-logo-rail:before{
  content:"";
  display:block;
  height:1px;
  margin:0 4px 1px;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.48),transparent);
}
.mpmh-doc-logo-card{
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.76);
  background:#fff;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  overflow:hidden;
}
.mpmh-doc-logo-card img{
  max-width:102px;
  max-height:38px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}
.mpmh-doc-logo-rail-left .mpmh-doc-logo-card:nth-of-type(n+8),
.mpmh-doc-logo-rail-right .mpmh-doc-logo-card:nth-of-type(n+8){
  display:none;
}
.mpmh-doc-logo-frame .doc-hero-card,
.mpmh-doc-logo-frame .doc-grid,
.mpmh-doc-logo-frame .faq-list,
.mpmh-doc-logo-frame .doc-link-row{
  width:100%;
}
@media(max-width:1240px){
  .mpmh-doc-logo-frame{grid-template-columns:112px minmax(0,1fr) 112px;gap:12px;}
  .mpmh-doc-logo-card{height:54px;padding:7px 8px;}
  .mpmh-doc-logo-card img{max-width:88px;max-height:34px;}
}
@media(max-width:1040px){
  .mpmh-doc-logo-frame{display:block;max-width:980px;}
  .mpmh-doc-logo-rail{display:none!important;}
}




/* v45 Editorial Logo Rails Outside Panel Border — FAQ + How It Works only.
   Removes the full-width parent panel frame so side logo rails sit outside the main content border. */
.tab-panel[data-panel="howitworks"],
.tab-panel[data-panel="faq"]{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  width:min(960px, calc(100% - 296px));
  max-width:960px;
  margin:0 auto 0;
  border:1px solid #12382c!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,#0d2b22,#06110e)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.26);
}
.tab-panel[data-panel="howitworks"] > .panel-body,
.tab-panel[data-panel="faq"] > .panel-body{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:14px 0!important;
  overflow:visible!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-logo-frame,
.tab-panel[data-panel="faq"] .mpmh-doc-logo-frame{
  grid-template-columns:132px minmax(0,960px) 132px;
  max-width:1268px;
  gap:14px;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
  border:1px solid #12382c;
  background:linear-gradient(180deg,rgba(3,12,9,.96),rgba(1,5,4,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.34), inset 0 1px 0 rgba(11,249,158,.05);
  padding:14px;
  min-height:120px;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-logo-rail,
.tab-panel[data-panel="faq"] .mpmh-doc-logo-rail{
  margin-top:0;
}
@media(max-width:1240px){
  .tab-panel[data-panel="howitworks"] > .panel-head,
  .tab-panel[data-panel="faq"] > .panel-head{
    width:min(100%, calc(100% - 248px));
  }
}
@media(max-width:1040px){
  .tab-panel[data-panel="howitworks"] > .panel-head,
  .tab-panel[data-panel="faq"] > .panel-head{
    width:100%;
    max-width:980px;
  }
  .tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
  .tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
    padding:12px;
  }
}


/* v46 How It Works Flow Header — cause-first visual explainer.
   Replaces the text-only How It Works intro card with a visitor-facing four-step flow. */
.mpmh-how-flow-card{
  padding:12px!important;
  background:linear-gradient(180deg,rgba(3,9,10,.94),rgba(1,5,4,.98))!important;
  border-color:rgba(126,183,255,.18)!important;
}
.mpmh-how-flow-inner{
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
.mpmh-how-flow-logo{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at center,rgba(11,249,158,.12),rgba(2,7,6,.88) 62%,rgba(0,0,0,.76));
  border:1px solid rgba(11,249,158,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 22px rgba(11,249,158,.045);
}
.mpmh-how-flow-logo img{
  width:74px;
  height:74px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(11,249,158,.32));
}
.mpmh-how-flow-card .mpmh-signal-flow-strip{
  margin:0!important;
  border-color:rgba(126,183,255,.18)!important;
  background:linear-gradient(90deg,rgba(2,7,6,.96),rgba(4,14,12,.94),rgba(2,7,6,.96))!important;
  padding:10px!important;
  gap:7px!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-line{
  left:18px;
  right:18px;
}
.mpmh-how-flow-card .mpmh-signal-flow-step{
  min-height:78px;
  padding:9px 8px 8px;
  border-color:rgba(126,183,255,.16);
}
.mpmh-how-flow-card .mpmh-signal-flow-step:first-of-type{
  border-color:rgba(11,249,158,.22);
  background:linear-gradient(180deg,rgba(3,20,15,.88),rgba(0,0,0,.76));
}
.mpmh-how-flow-card .mpmh-signal-flow-step small{
  color:rgba(156,255,214,.70);
}
@media(max-width:900px){
  .mpmh-how-flow-inner{grid-template-columns:1fr;}
  .mpmh-how-flow-logo{min-height:72px;}
  .mpmh-how-flow-logo img{width:62px;height:62px;}
}
@media(max-width:760px){
  .mpmh-how-flow-card{padding:10px!important;}
}


/* v50 How It Works Flow Color Accent Test
   Makes the top How It Works flow read more like a polished process strip: richer dark container,
   subtly distinct card accents, same text sizing, and no changes to Signal logic or data. */
.mpmh-how-flow-card{
  background:linear-gradient(135deg,rgba(2,10,8,.98),rgba(4,17,13,.98) 54%,rgba(3,12,18,.96))!important;
  border-color:rgba(35,132,95,.34)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.36), inset 0 1px 0 rgba(156,255,214,.04)!important;
}
.mpmh-how-flow-logo{
  background:radial-gradient(circle at center,rgba(11,249,158,.18),rgba(4,18,14,.92) 58%,rgba(0,0,0,.78))!important;
  border-color:rgba(11,249,158,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 28px rgba(11,249,158,.08)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-strip{
  background:linear-gradient(90deg,rgba(1,7,6,.96),rgba(5,20,15,.96) 42%,rgba(3,13,20,.94) 72%,rgba(1,7,6,.96))!important;
  border-color:rgba(11,249,158,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), inset 0 -1px 0 rgba(0,0,0,.45)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-line{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.44),rgba(11,249,158,.42),rgba(156,255,214,.38),transparent)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(4,16,14,.94),rgba(0,0,0,.82))!important;
  border-color:rgba(126,183,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.22)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(156,255,214,.62),transparent);
  opacity:.9;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(2){
  border-color:rgba(126,183,255,.34)!important;
  background:linear-gradient(180deg,rgba(5,21,27,.94),rgba(0,0,0,.82))!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(2):before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.82),rgba(11,249,158,.34),transparent);
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(3){
  border-color:transparent!important;
  background:linear-gradient(180deg,rgba(4,25,18,.94),rgba(0,0,0,.82))!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(3):before{
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.78),rgba(156,255,214,.36),transparent);
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(4){
  border-color:rgba(80,207,216,.32)!important;
  background:linear-gradient(180deg,rgba(4,18,23,.94),rgba(0,0,0,.82))!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(4):before{
  background:linear-gradient(90deg,transparent,rgba(80,207,216,.72),rgba(126,183,255,.40),transparent);
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(5){
  border-color:rgba(147,255,208,.38)!important;
  background:linear-gradient(180deg,rgba(7,28,20,.94),rgba(0,0,0,.82))!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(5):before{
  background:linear-gradient(90deg,transparent,rgba(147,255,208,.86),rgba(11,249,158,.46),transparent);
}
.mpmh-how-flow-card .mpmh-signal-flow-step b{
  color:#f7fffb!important;
  text-shadow:0 0 12px rgba(156,255,214,.08);
}
.mpmh-how-flow-card .mpmh-signal-flow-step small{
  color:rgba(213,255,238,.76)!important;
}


/* v51 Editorial Blue Platform Panel Test — How It Works + FAQ only.
   Gives the narrowed editorial center tables a deeper platform-blue shell so the dark green/black
   flow boxes and content cards separate cleanly from the surrounding page. Presentation only. */
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  border-color:rgba(126,183,255,.36)!important;
  background:linear-gradient(180deg,#10263b,#071420)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.30), inset 0 1px 0 rgba(126,183,255,.075)!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
  position:relative;
  overflow:hidden;
  border-color:rgba(126,183,255,.34)!important;
  background:linear-gradient(180deg,rgba(7,24,39,.985),rgba(4,13,24,.992) 58%,rgba(2,8,15,.995))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.38), inset 0 1px 0 rgba(126,183,255,.075)!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content:before,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content:before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.72),rgba(11,249,158,.28),transparent);
  pointer-events:none;
  z-index:1;
}
.tab-panel[data-panel="howitworks"] .doc-hero-card,
.tab-panel[data-panel="faq"] .doc-hero-card,
.tab-panel[data-panel="howitworks"] .doc-card,
.tab-panel[data-panel="faq"] .faq-item,
.tab-panel[data-panel="howitworks"] .doc-link-row,
.tab-panel[data-panel="faq"] .doc-link-row{
  position:relative;
  z-index:2;
}
.tab-panel[data-panel="howitworks"] .doc-card,
.tab-panel[data-panel="faq"] .faq-item{
  background:linear-gradient(180deg,rgba(3,17,13,.98),rgba(1,5,5,.985))!important;
  border-color:rgba(35,132,95,.54)!important;
  box-shadow:inset 0 1px 0 rgba(156,255,214,.035),0 12px 28px rgba(0,0,0,.20)!important;
}
.tab-panel[data-panel="faq"] .doc-hero-card{
  background:linear-gradient(180deg,rgba(3,17,13,.98),rgba(1,5,5,.985))!important;
  border-color:rgba(35,132,95,.54)!important;
  box-shadow:inset 0 1px 0 rgba(156,255,214,.04),0 12px 28px rgba(0,0,0,.20)!important;
}
.tab-panel[data-panel="howitworks"] .doc-card h3,
.tab-panel[data-panel="faq"] .faq-item h3{
  color:#ffffff!important;
}
.tab-panel[data-panel="howitworks"] .doc-card p,
.tab-panel[data-panel="faq"] .faq-item p,
.tab-panel[data-panel="faq"] .doc-intro{
  color:#c9ded9!important;
}
.tab-panel[data-panel="howitworks"] .doc-link-row,
.tab-panel[data-panel="faq"] .doc-link-row{
  border-color:rgba(126,183,255,.24)!important;
  background:linear-gradient(180deg,rgba(7,20,32,.72),rgba(2,7,6,.82))!important;
}


/* v52 Editorial Header Flush + Cause Header Color Match
   Removes the visual gap below the How It Works / FAQ title bars and restores the
   header color to the same green command-bar treatment used on the Causes tab. */
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  margin:0 auto -1px!important;
  border:1px solid #12382c!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,#0d2b22,#07110e)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(11,249,158,.045)!important;
}
.tab-panel[data-panel="howitworks"] > .panel-body,
.tab-panel[data-panel="faq"] > .panel-body{
  padding-top:0!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
  border-top-color:#12382c!important;
}



/* v53 Universal Sticky Tab Headers — keep active tab command headers visible during app scroll.
   Brands/Causes already behaved well through their table surfaces; this extends the same sticky
   header expectation to FAQ, Definitions, Charities, Measurement, Reporting, Advertisers,
   Leaderboards, Categories, Search Results, and other app-style tabs. */
.panel.tab-panel{
  overflow:visible!important;
}
.panel.tab-panel > .panel-head{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  box-shadow:0 10px 26px rgba(0,0,0,.42), inset 0 -1px 0 rgba(11,249,158,.12)!important;
}
.panel.tab-panel > .panel-head + .panel-body{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .panel.tab-panel > .panel-head{
    top:0!important;
  }
}



/* v54 Editorial Sticky Header Blue Match
   FAQ and How It Works use the same platform-blue header language as the selected-cause/cause table header,
   while preserving the universal sticky panel-header behavior from v53. */
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  position:sticky!important;
  top:0!important;
  z-index:96!important;
  margin:0 auto -1px!important;
  border:1px solid rgba(52,118,164,.72)!important;
  border-bottom:1px solid rgba(82,154,207,.62)!important;
  background:linear-gradient(180deg,#102d49 0%,#0b2238 50%,#061522 100%)!important;
  color:#f7fbff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.46), inset 0 1px 0 rgba(126,183,255,.22), inset 0 -1px 0 rgba(126,183,255,.18)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.74),0 0 10px rgba(126,183,255,.16)!important;
}
.tab-panel[data-panel="howitworks"] > .panel-head span,
.tab-panel[data-panel="faq"] > .panel-head span{
  color:#f7fbff!important;
}
.tab-panel[data-panel="howitworks"] > .panel-head span:last-child,
.tab-panel[data-panel="faq"] > .panel-head span:last-child{
  color:rgba(190,226,255,.72)!important;
}


/* v55 Editorial Border Quieting + Stronger Platform Separation
   Cleans the How It Works / FAQ editorial surfaces by reducing nested borders,
   strengthening the sticky blue header, and letting blue panel / dark cards create contrast. */
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  border:1px solid rgba(82,154,207,.82)!important;
  border-bottom:1px solid rgba(126,183,255,.70)!important;
  background:linear-gradient(180deg,#16456e 0%,#0d2d4c 48%,#071a2c 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.50), inset 0 1px 0 rgba(205,236,255,.18), inset 0 -1px 0 rgba(126,183,255,.20)!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
  border:1px solid rgba(82,154,207,.42)!important;
  background:linear-gradient(180deg,rgba(6,22,37,.995),rgba(3,13,24,.998) 58%,rgba(1,7,14,1))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.42), inset 0 1px 0 rgba(126,183,255,.07)!important;
  padding:14px!important;
}
.tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content:before,
.tab-panel[data-panel="faq"] .mpmh-doc-centered-content:before{
  left:18px!important;
  right:18px!important;
  opacity:.62!important;
}
/* Do not box the flow strip inside another full rectangle. */
.mpmh-how-flow-card{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 0 14px!important;
}
.mpmh-how-flow-inner{
  padding:12px 14px 14px!important;
  background:linear-gradient(180deg,rgba(2,16,13,.72),rgba(1,6,6,.56))!important;
  border:0!important;
  box-shadow:inset 0 -1px 0 rgba(11,249,158,.16)!important;
}
.mpmh-how-flow-logo{
  border:1px solid rgba(11,249,158,.18)!important;
  background:radial-gradient(circle at center,rgba(11,249,158,.16),rgba(3,18,15,.58) 62%,rgba(0,0,0,.46))!important;
  box-shadow:0 0 22px rgba(11,249,158,.07)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-strip{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-line{
  opacity:.44!important;
}
/* Keep the boxes defined, but stop the grid-within-grid look. */
.mpmh-how-flow-card .mpmh-signal-flow-step{
  border-width:1px!important;
  border-color:rgba(126,183,255,.24)!important;
  background:linear-gradient(180deg,rgba(2,13,18,.92),rgba(0,3,5,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.18)!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(3){
  border-color:rgba(11,249,158,.30)!important;
  background:linear-gradient(180deg,rgba(3,20,14,.90),rgba(0,3,3,.86))!important;
}
.mpmh-how-flow-card .mpmh-signal-flow-step:nth-of-type(5){
  border-color:rgba(147,255,208,.32)!important;
  background:linear-gradient(180deg,rgba(4,22,15,.90),rgba(0,3,3,.86))!important;
}
/* Dark cards on the blue panel should separate by tone, not by heavy outlines. */
.tab-panel[data-panel="howitworks"] .doc-card,
.tab-panel[data-panel="faq"] .faq-item,
.tab-panel[data-panel="faq"] .doc-hero-card{
  border-color:rgba(35,132,95,.36)!important;
  background:linear-gradient(180deg,rgba(1,13,10,.96),rgba(0,4,5,.985))!important;
  box-shadow:inset 0 1px 0 rgba(156,255,214,.03)!important;
}
.tab-panel[data-panel="howitworks"] .doc-grid,
.tab-panel[data-panel="faq"] .faq-list{
  gap:10px!important;
}
.tab-panel[data-panel="howitworks"] .doc-link-row,
.tab-panel[data-panel="faq"] .doc-link-row{
  border:0!important;
  border-top:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(180deg,rgba(4,16,28,.50),rgba(1,7,13,.64))!important;
  box-shadow:none!important;
}



/* v56 Editorial Header Green Match
   Adjusts FAQ / How It Works sticky editorial headers closer to the dark green
   Companies / Brands command-header interior while preserving sticky behavior
   and the blue editorial body panels. Visual-only change. */
.tab-panel[data-panel="howitworks"] > .panel-head,
.tab-panel[data-panel="faq"] > .panel-head{
  border-top:1px solid rgba(11,249,158,.58)!important;
  border-left:1px solid rgba(35,132,95,.52)!important;
  border-right:1px solid rgba(35,132,95,.52)!important;
  border-bottom:1px solid rgba(11,249,158,.50)!important;
  background:linear-gradient(180deg,#074a37 0%,#043526 47%,#021a14 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.48), inset 0 1px 0 rgba(147,255,208,.15), inset 0 -1px 0 rgba(11,249,158,.16)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.78),0 0 10px rgba(11,249,158,.13)!important;
}
.tab-panel[data-panel="howitworks"] > .panel-head span,
.tab-panel[data-panel="faq"] > .panel-head span{
  color:#f3fff9!important;
}
.tab-panel[data-panel="howitworks"] > .panel-head span:last-child,
.tab-panel[data-panel="faq"] > .panel-head span:last-child{
  color:rgba(181,239,216,.74)!important;
}



/* v59 SIGNALS highway polish — restore circular action markers like the OPERATOR prototype. */
.signals-panel .activity-marker-v05,
.signals-panel .activity-marker-v05.discovery,
.signals-panel .activity-marker-v05.navigation,
.signals-panel .activity-marker-v05.engagement,
.signals-panel .economic-return-v05,
.signals-panel .connected-highway-orb-v05,
.signals-panel .pairing-knot-v05:before,
.signals-panel .activity-legend-v05 i,
.signals-panel .activity-legend-v05 .disc i,
.signals-panel .activity-legend-v05 .nav i,
.signals-panel .activity-legend-v05 .eng i,
.signals-panel .activity-legend-v05 .eco i{
  border-radius:50%!important;
}
.signals-panel .activity-marker-v05.navigation,
.signals-panel .activity-legend-v05 .nav i{
  transform:none!important;
}
.signals-panel .activity-marker-v05.navigation{
  width:8px!important;
  height:8px!important;
}
.signals-panel .activity-marker-v05.engagement{
  width:10px!important;
  height:10px!important;
}
.signals-panel .activity-legend-v05 i{
  width:7px!important;
  height:7px!important;
}


/* v61 Platform Intro Warm Copy + Logo Space Pass
   Removes CTA button row from the no-cause platform HOME and gives the brand-logo rail more room.
   Presentation/copy only; no Signal math, capture, routing, counters, cookies, or backend changes. */
.mph-home-overview .mph-platform-intro-home{
  max-width:1188px!important;
}
.mph-home-overview .mph-platform-headline-row{
  margin-bottom:24px!important;
}
.mph-home-overview .mph-platform-headline-copy h1,
.mph-home-overview .mph-platform-intro-home .mph-platform-headline-copy h1{
  font-size:26px!important;
  line-height:1.20!important;
  letter-spacing:-.015em!important;
  max-width:980px!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-copy{
  margin-top:18px!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-lead{
  font-size:14.5px!important;
  line-height:1.72!important;
  color:rgba(235,250,255,.88)!important;
  max-width:920px!important;
}
.mph-home-overview .mph-platform-headline-copy .mph-platform-intro-actions{
  display:none!important;
}
.mph-home-overview .mph-platform-intro-home .mph-platform-brand-strip{
  margin-top:22px!important;
  padding:22px 22px!important;
  background:#061b14!important;
  border-color:rgba(11,249,158,.21)!important;
}
.mph-home-overview .mph-platform-brand-track{
  min-height:104px!important;
  gap:14px!important;
}
.mph-home-overview .mph-platform-brand-logo{
  width:184px!important;
  height:94px!important;
  padding:16px 22px!important;
}
.mph-home-overview .mph-platform-brand-logo img{
  max-width:140px!important;
  max-height:56px!important;
}
.mph-platform-brand-disclaimer-outside{
  max-width:1188px!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-headline-copy h1,
  .mph-home-overview .mph-platform-intro-home .mph-platform-headline-copy h1{font-size:21px!important;line-height:1.22!important;}
  .mph-home-overview .mph-platform-headline-copy .mph-platform-lead{font-size:13.5px!important;line-height:1.62!important;}
  .mph-home-overview .mph-platform-brand-track{min-height:82px!important;gap:9px!important;}
  .mph-home-overview .mph-platform-brand-logo{width:148px!important;height:72px!important;padding:12px 16px!important;}
  .mph-home-overview .mph-platform-brand-logo img{max-width:110px!important;max-height:42px!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-headline-copy h1,
  .mph-home-overview .mph-platform-intro-home .mph-platform-headline-copy h1{font-size:19px!important;line-height:1.24!important;}
  .mph-home-overview .mph-platform-brand-track{animation-duration:32s!important;}
}


/* v62 Locked Front Hero Interactive Logo Stage
   Pure black / white launch opening, no hard border, no CTA buttons. Inline words reveal tracked logo stages. */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  width:min(1080px, calc(100vw - 72px))!important;
  max-width:1080px!important;
  margin:42px auto 0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  padding:34px 28px 30px!important;
  overflow:hidden!important;
}
.mph-front-hero-lock .centered-title,
.mph-front-hero-lock .mph-platform-intro-kicker{
  display:none!important;
}
.mph-front-hero-copy{
  position:relative;
  z-index:2;
  max-width:930px;
  margin:0 auto;
  text-align:center;
}
.mph-front-hero-copy h1{
  margin:0 auto 18px!important;
  max-width:900px!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1.18!important;
  letter-spacing:-.018em!important;
  font-weight:650!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  margin:0 auto!important;
  max-width:880px!important;
  color:rgba(255,255,255,.84)!important;
  font-size:15.5px!important;
  line-height:1.78!important;
}
.mph-front-inline-trigger{
  appearance:none;
  background:transparent;
  border:0;
  border-radius:0;
  color:#fff;
  cursor:pointer;
  font:inherit;
  padding:0 1px;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.42);
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger.active{
  color:#fff;
  text-decoration-color:rgba(126,183,255,.88);
  text-shadow:0 0 18px rgba(126,183,255,.22);
}
.mph-front-logo-stage{
  position:relative;
  z-index:1;
  margin:0 auto;
  min-height:0;
  max-width:1040px;
}
.mph-front-logo-stage:not(.has-active){
  display:none!important;
}
.mph-front-logo-stage.has-active{
  display:block!important;
  margin-top:28px;
}
.mph-front-logo-panel{
  display:none;
  grid-template-columns:repeat(7, minmax(86px, 1fr));
  gap:12px;
  align-items:center;
  justify-items:center;
  opacity:0;
  transform:translateY(8px);
}
.mph-front-logo-panel.active{
  display:grid;
  animation:mphFrontLogoFade .28s ease-out forwards;
}
@keyframes mphFrontLogoFade{to{opacity:1;transform:translateY(0)}}
.mph-front-logo-link{
  width:118px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:0;
  border-radius:0;
  padding:12px 16px;
  box-shadow:0 18px 42px rgba(0,0,0,.34);
  transition:transform .18s ease, opacity .18s ease;
}
.mph-front-logo-link:hover{transform:translateY(-2px);opacity:.86;}
.mph-front-logo-link img{max-width:100%;max-height:44px;object-fit:contain;display:block;}
.mph-front-logo-caption{
  grid-column:1 / -1;
  display:block;
  text-align:center;
  margin-top:16px;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48);
}
.mph-front-hero-lock .mph-platform-brand-strip,
.mph-front-hero-lock + .mph-platform-brand-disclaimer{display:none!important;}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{padding:42px 18px 34px!important;}
  .mph-front-hero-copy h1{font-size:23px!important;line-height:1.24!important;}
  .mph-front-hero-copy .mph-front-hero-lead{font-size:14px!important;line-height:1.66!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(3, minmax(86px,1fr));gap:10px;}
  .mph-front-logo-link{width:102px;height:58px;padding:10px 12px;}
}


/* v64 final clean-black hero containment: keep the opening centered without forcing the HOME wrapper to expand. */
.mph-home-overview{
  background:#000!important;
}
.mph-home-overview .mph-front-hero-lock.data-shell,
.mph-home-overview .mph-front-hero-lock.mpmh-signals-public-panel{
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
.mph-front-hero-lock:before,
.mph-front-hero-lock:after{
  display:none!important;
  content:none!important;
}
.mph-front-hero-copy,
.mph-front-logo-stage,
.mph-front-logo-panel{
  margin-left:auto!important;
  margin-right:auto!important;
}
.mph-front-logo-panel{
  max-width:980px!important;
}
.mph-platform-brand-disclaimer-outside{
  display:none!important;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    width:calc(100vw - 28px)!important;
    margin:30px auto 0!important;
    padding:30px 16px 26px!important;
  }
}


/* v65 sticky top brand/header structure test — presentation only. */
.topbar.mpmh-top-shell{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
.mpmh-sticky-brand-row{
  width:100%!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.topbar .topbar-inner.mpmh-brand-inner{
  width:100%!important;
  max-width:none!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:#000!important;
}
.mpmh-brand-inner .brand{
  min-width:0!important;
  padding:0!important;
  gap:10px!important;
}
.mpmh-brand-inner .brand img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  flex:0 0 38px!important;
}
.mpmh-brand-inner .brand-title{
  font-size:14px!important;
  line-height:1.02!important;
  letter-spacing:.115em!important;
  color:#fff!important;
  font-weight:900!important;
}
.mpmh-brand-inner .brand-sub{
  margin-top:3px!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  color:#8fc6ff!important;
}
.mpmh-nav-search-row{
  width:100%!important;
  background:#000!important;
  border:0!important;
}
.mpmh-nav-search-inner{
  width:min(1040px, calc(100vw - 84px))!important;
  margin:0 auto!important;
  padding:12px 0 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:9px!important;
  background:#000!important;
}
.mpmh-nav-search-inner .top-search-wrap{
  width:min(620px, 100%)!important;
  max-width:620px!important;
  margin:0 auto!important;
}
.mpmh-nav-search-inner .search{
  width:100%!important;
  height:33px!important;
  font-size:12px!important;
  border-color:rgba(31,127,98,.72)!important;
  background:#000!important;
}
.mpmh-nav-search-inner .tabs{
  width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:18px!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  border:0!important;
}
.mpmh-nav-search-inner .tab-btn{
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
/* Remove old internal title/table-bar treatment from the new front hero. */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:58px!important;
  padding-top:28px!important;
}
.mph-home-overview .mph-front-hero-lock .centered-title,
.mph-home-overview .mph-front-hero-lock .mph-platform-intro-kicker,
.mph-home-overview .mph-front-hero-lock .mpmh-signals-table-title{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.mph-home-overview .mph-front-hero-lock.data-shell,
.mph-home-overview .mph-front-hero-lock.mpmh-signals-public-panel,
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  border:0!important;
  outline:0!important;
  background:#000!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  .topbar .topbar-inner.mpmh-brand-inner{padding:0 20px!important;min-height:50px!important;}
  .mpmh-sticky-brand-row{min-height:50px!important;}
  .mpmh-nav-search-inner{width:calc(100vw - 32px)!important;padding:10px 0 12px!important;gap:8px!important;}
  .mpmh-nav-search-inner .tabs{gap:12px!important;}
  .mpmh-nav-search-inner .tab-btn{font-size:10px!important;letter-spacing:.095em!important;}
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{margin-top:34px!important;}
}
@media(max-width:640px){
  .topbar .topbar-inner.mpmh-brand-inner{padding:0 14px!important;}
  .mpmh-brand-inner .brand img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;flex-basis:32px!important;}
  .mpmh-brand-inner .brand-title{font-size:12px!important;}
  .mpmh-brand-inner .brand-sub{font-size:7.8px!important;}
  .mpmh-nav-search-inner .tabs{gap:9px!important;}
}


/* v66 unified dynamic shell/table structure test. The sticky top edge becomes the content context, while search/nav tuck into one compact row beneath it. */
:root{
  --mpmh-shell-accent:rgba(126,183,255,.72);
  --mpmh-shell-accent-soft:rgba(126,183,255,.16);
}
.topbar.mpmh-top-shell.mpmh-unified-shell{
  position:sticky!important;
  top:0!important;
  z-index:1400!important;
  width:100%!important;
  background:#000!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(0,0,0,.74)!important;
}
.mpmh-unified-shell .mpmh-context-row{
  width:100%!important;
  min-height:52px!important;
  background:linear-gradient(180deg,#020202 0%,#000 100%)!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh-shell-accent)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025) inset, 0 10px 28px var(--mpmh-shell-accent-soft)!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:min(1320px, calc(100vw - 88px))!important;
  min-height:52px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(255px,auto) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:center!important;
  background:#000!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  min-width:0!important;
  padding:0!important;
  gap:10px!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:38px!important;
  height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  flex:0 0 38px!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-title{
  font-size:14px!important;
  line-height:1.02!important;
  letter-spacing:.115em!important;
  color:#fff!important;
  font-weight:900!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-sub{
  margin-top:3px!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  color:#8fc6ff!important;
}
.mpmh-context-copy{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:14px!important;
  row-gap:2px!important;
  align-items:baseline!important;
  text-align:left!important;
}
.mpmh-context-kicker{
  grid-row:1 / span 2!important;
  align-self:center!important;
  font-size:10px!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  color:var(--mpmh-shell-accent)!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.mpmh-context-title{
  min-width:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mpmh-context-sub{
  min-width:0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mpmh-unified-shell .mpmh-nav-search-row{
  width:100%!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  width:min(1320px, calc(100vw - 88px))!important;
  margin:0 auto!important;
  padding:8px 0 9px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
}
.mpmh-unified-shell .top-search-wrap{
  flex:0 1 390px!important;
  width:390px!important;
  max-width:390px!important;
  margin:0!important;
}
.mpmh-unified-shell .search{
  height:29px!important;
  width:100%!important;
  background:#000!important;
  border:1px solid rgba(31,127,98,.62)!important;
  color:#eafff8!important;
  font-size:11.5px!important;
  padding:0 38px 0 12px!important;
}
.mpmh-unified-shell .tabs{
  flex:1 1 auto!important;
  width:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:16px!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  border:0!important;
}
.mpmh-unified-shell .tab-btn{
  font-size:10.5px!important;
  line-height:1.15!important;
  letter-spacing:.115em!important;
  white-space:nowrap!important;
  color:rgba(245,252,255,.92)!important;
}
.mpmh-unified-shell .tab-btn.active{
  color:var(--mpmh-shell-accent)!important;
  text-shadow:0 0 13px var(--mpmh-shell-accent-soft)!important;
}
body.mpmh-tab-overview{--mpmh-shell-accent:rgba(126,183,255,.78);--mpmh-shell-accent-soft:rgba(126,183,255,.16);}
body.mpmh-tab-charities,body.mpmh-tab-charities_org{--mpmh-shell-accent:rgba(255,165,198,.78);--mpmh-shell-accent-soft:rgba(255,165,198,.13);}
body.mpmh-tab-campaigns,body.mpmh-tab-advertisers,body.mpmh-tab-categories{--mpmh-shell-accent:rgba(116,255,186,.72);--mpmh-shell-accent-soft:rgba(116,255,186,.12);}
body.mpmh-tab-signals,body.mpmh-tab-stats,body.mpmh-tab-measurement,body.mpmh-tab-reporting{--mpmh-shell-accent:rgba(11,249,158,.78);--mpmh-shell-accent-soft:rgba(11,249,158,.14);}
body.mpmh-tab-leaderboards{--mpmh-shell-accent:rgba(255,210,122,.76);--mpmh-shell-accent-soft:rgba(255,210,122,.12);}
body.mpmh-tab-howitworks,body.mpmh-tab-faq,body.mpmh-tab-definitions{--mpmh-shell-accent:rgba(180,205,255,.72);--mpmh-shell-accent-soft:rgba(180,205,255,.11);}
.shell-main{
  padding-top:0!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:42px!important;
  padding-top:22px!important;
}
.mph-front-hero-copy h1{
  max-width:930px!important;
}
.mph-home-overview .mph-front-hero-lock .centered-title,
.mph-home-overview .mph-front-hero-lock .mph-platform-intro-kicker,
.mph-home-overview .mph-front-hero-lock .mpmh-signals-table-title,
.mph-home-overview .mph-front-hero-lock .table-title,
.mph-home-overview .mph-front-hero-lock > header{
  display:none!important;
}
@media(max-width:1040px){
  .mpmh-unified-shell .mpmh-context-inner,
  .mpmh-unified-shell .mpmh-nav-search-inner{width:calc(100vw - 36px)!important;}
  .mpmh-unified-shell .mpmh-nav-search-inner{gap:14px!important;}
  .mpmh-unified-shell .top-search-wrap{flex-basis:300px!important;width:300px!important;}
  .mpmh-unified-shell .tabs{gap:11px!important;}
}
@media(max-width:780px){
  .mpmh-unified-shell .mpmh-context-inner{grid-template-columns:1fr!important;gap:4px!important;padding:7px 0!important;min-height:0!important;}
  .mpmh-context-copy{grid-template-columns:1fr!important;gap:2px!important;}
  .mpmh-context-kicker{grid-row:auto!important;font-size:9px!important;}
  .mpmh-context-title{font-size:12px!important;}
  .mpmh-context-sub{display:none!important;}
  .mpmh-unified-shell .mpmh-nav-search-inner{flex-direction:column!important;align-items:stretch!important;gap:7px!important;padding:8px 0 9px!important;}
  .mpmh-unified-shell .top-search-wrap{width:100%!important;max-width:none!important;flex-basis:auto!important;}
  .mpmh-unified-shell .tabs{justify-content:center!important;gap:10px!important;}
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{margin-top:28px!important;}
}


/* v67 dark blue compact shell + wider app surface. Presentation-only refinement over v66. */
:root{
  --mpmh-shell-navy-top:#102646;
  --mpmh-shell-navy-mid:#07172d;
  --mpmh-shell-navy-deep:#020812;
  --mpmh-shell-blue-edge:rgba(126,183,255,.58);
  --mpmh-shell-blue-soft:rgba(126,183,255,.14);
}
.topbar.mpmh-top-shell.mpmh-unified-shell{
  background:linear-gradient(180deg,#091a32 0%,#020812 100%)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.72),0 0 0 1px rgba(126,183,255,.05) inset!important;
}
.mpmh-unified-shell .mpmh-context-row{
  min-height:43px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.018) 21%,rgba(255,255,255,0) 44%),
    radial-gradient(circle at 18% 0%,rgba(126,183,255,.18),rgba(126,183,255,0) 38%),
    linear-gradient(180deg,var(--mpmh-shell-navy-top) 0%,var(--mpmh-shell-navy-mid) 52%,var(--mpmh-shell-navy-deep) 100%)!important;
  border-bottom:1px solid var(--mpmh-shell-blue-edge)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.065) inset,0 12px 26px rgba(3,13,27,.56)!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 22px)!important;
  max-width:none!important;
  min-height:43px!important;
  gap:22px!important;
  background:transparent!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:31px!important;
  height:31px!important;
  max-width:31px!important;
  max-height:31px!important;
  flex-basis:31px!important;
  filter:drop-shadow(0 0 12px rgba(126,183,255,.28))!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-title{
  font-size:12.5px!important;
  letter-spacing:.13em!important;
  line-height:1!important;
  color:#fff!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-sub{
  margin-top:2px!important;
  font-size:7.8px!important;
  color:rgba(196,224,255,.82)!important;
}
.mpmh-context-kicker{
  font-size:9px!important;
  letter-spacing:.24em!important;
  color:rgba(159,205,255,.92)!important;
}
.mpmh-context-title{
  font-size:12.5px!important;
  letter-spacing:.14em!important;
  color:#fff!important;
}
.mpmh-context-sub{
  font-size:9.4px!important;
  color:rgba(226,240,255,.58)!important;
}
.mpmh-unified-shell .mpmh-nav-search-row{
  background:linear-gradient(180deg,#020812 0%,#000 100%)!important;
  border-bottom:1px solid rgba(126,183,255,.09)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  width:calc(100vw - 22px)!important;
  max-width:none!important;
  padding:6px 0 7px!important;
  gap:18px!important;
}
.mpmh-unified-shell .top-search-wrap{
  flex:0 1 360px!important;
  width:360px!important;
  max-width:360px!important;
}
.mpmh-unified-shell .search{
  height:27px!important;
  background:#01050d!important;
  border:1px solid rgba(126,183,255,.34)!important;
  color:#f4fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.mpmh-unified-shell .search:focus{
  border-color:rgba(126,183,255,.72)!important;
  box-shadow:0 0 0 1px rgba(126,183,255,.18),0 0 16px rgba(126,183,255,.10)!important;
}
.mpmh-unified-shell .tabs{
  gap:14px!important;
  background:transparent!important;
}
.mpmh-unified-shell .tab-btn{
  font-size:10px!important;
  letter-spacing:.12em!important;
  color:rgba(245,251,255,.86)!important;
}
.mpmh-unified-shell .tab-btn:hover,
.mpmh-unified-shell .tab-btn:focus{
  color:#dfefff!important;
  text-shadow:0 0 12px rgba(126,183,255,.20)!important;
}
.mpmh-unified-shell .tab-btn.active{
  color:#ffffff!important;
  text-shadow:0 0 14px rgba(126,183,255,.34)!important;
}
/* Keep the content surface app-like and push the custom platform scrollbar toward the browser edge. */
.shell-main{
  width:calc(100vw - 18px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  scrollbar-color:#255d91 #010712!important;
}
.shell-main::-webkit-scrollbar{width:14px!important;height:14px!important;}
.shell-main::-webkit-scrollbar-track{
  background:#010712!important;
  border:1px solid rgba(126,183,255,.10)!important;
}
.shell-main::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#2f72aa,#12365e)!important;
  border:3px solid #010712!important;
}
.shell-main::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#7eb7ff,#255d91)!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:34px!important;
  padding-top:18px!important;
}
.mph-front-hero-copy{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1040px){
  .mpmh-unified-shell .mpmh-context-inner,
  .mpmh-unified-shell .mpmh-nav-search-inner,
  .shell-main{width:calc(100vw - 18px)!important;}
  .mpmh-unified-shell .top-search-wrap{flex-basis:285px!important;width:285px!important;}
  .mpmh-unified-shell .tabs{gap:10px!important;}
}
@media(max-width:780px){
  .mpmh-unified-shell .mpmh-context-inner{padding:6px 0!important;}
  .mpmh-unified-shell .mpmh-nav-search-inner{padding:7px 0 8px!important;}
  .mpmh-unified-shell .top-search-wrap{width:100%!important;max-width:none!important;}
  .shell-main{width:calc(100vw - 12px)!important;}
}


/* v68 dynamic header absorption: top shell now carries active table/panel identity. */
body.mpmh-dynamic-header-absorbed .tab-panel > .panel-head,
body.mpmh-dynamic-header-absorbed .tab-panel > .data-shell > .centered-title.mpmh-signals-table-title,
body.mpmh-dynamic-header-absorbed .tab-panel > .data-shell > .centered-title:not(.mpmh-keep-local-title){
  display:none!important;
}
body.mpmh-dynamic-header-absorbed .tab-panel > .panel-head + .panel-body,
body.mpmh-dynamic-header-absorbed .tab-panel > .panel-head + .data-shell,
body.mpmh-dynamic-header-absorbed .tab-panel > .data-shell{
  margin-top:0!important;
}
body.mpmh-dynamic-header-absorbed .tab-panel .panel-body{
  padding-top:14px!important;
}
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="campaigns"] .panel-body,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="charities"] .panel-body,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="categories"] .panel-body{
  padding-top:10px!important;
}
body.mpmh-dynamic-header-absorbed .signals-panel .mpmh-signals-public-panel{
  padding-top:14px!important;
}
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="howitworks"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="faq"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="advertisers"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="charities_org"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="measurement"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="reporting"] .doc-grid,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="definitions"] .doc-grid{
  margin-top:10px!important;
}
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="howitworks"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="faq"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="advertisers"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="charities_org"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="measurement"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="reporting"] .doc-hero-card,
body.mpmh-dynamic-header-absorbed .tab-panel[data-panel="definitions"] .doc-hero-card{
  margin-top:10px!important;
}
body.mpmh-dynamic-header-absorbed .mpmh-context-row{
  cursor:default!important;
}
body.mpmh-dynamic-header-absorbed .mpmh-context-title{
  max-width:100%!important;
}
body.mpmh-dynamic-header-absorbed .mpmh-context-sub{
  max-width:100%!important;
}


/* v69 single-line dynamic app header polish — presentation only. */
.topbar.mpmh-top-shell.mpmh-unified-shell{
  background:linear-gradient(180deg,#0b1d36 0%,#020812 100%)!important;
}
.mpmh-unified-shell .mpmh-context-row{
  min-height:34px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.070) 0%,rgba(255,255,255,.012) 32%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,#10243f 0%,#07172d 54%,#020812 100%)!important;
  border-bottom:1px solid rgba(126,183,255,.46)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 8px 20px rgba(0,0,0,.50)!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 18px)!important;
  max-width:none!important;
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:22px!important;
  padding:0!important;
  background:transparent!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:250px!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  flex:0 0 25px!important;
  filter:drop-shadow(0 0 9px rgba(126,183,255,.22))!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-title{
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-sub{
  display:none!important;
}
.mpmh-context-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.mpmh-context-kicker{
  flex:0 0 auto!important;
  grid-row:auto!important;
  align-self:center!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  color:rgba(180,216,255,.94)!important;
  font-weight:900!important;
  padding-top:1px!important;
}
.mpmh-context-title{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:260px!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  font-weight:850!important;
  color:#ffffff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mpmh-context-sub{
  flex:1 1 auto!important;
  min-width:0!important;
  display:block!important;
  font-size:9.2px!important;
  line-height:1!important;
  letter-spacing:.03em!important;
  color:rgba(228,241,255,.62)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  width:calc(100vw - 18px)!important;
  max-width:none!important;
  padding:5px 0 6px!important;
  gap:16px!important;
}
.mpmh-unified-shell .search{
  height:25px!important;
}
.mpmh-unified-shell .tab-btn{
  font-size:9.6px!important;
  line-height:1!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:26px!important;
}
@media(max-width:980px){
  .mpmh-unified-shell .mpmh-context-inner{gap:12px!important;}
  .mpmh-unified-shell .mpmh-context-brand{min-width:210px!important;}
  .mpmh-context-title{max-width:180px!important;}
  .mpmh-context-sub{display:none!important;}
}
@media(max-width:680px){
  .mpmh-unified-shell .mpmh-context-row{min-height:32px!important;}
  .mpmh-unified-shell .mpmh-context-inner{min-height:32px!important;width:calc(100vw - 12px)!important;}
  .mpmh-unified-shell .mpmh-context-brand{min-width:0!important;}
  .mpmh-unified-shell .mpmh-context-brand .brand-title{font-size:10px!important;letter-spacing:.11em!important;}
  .mpmh-context-copy{gap:8px!important;}
  .mpmh-context-title{display:none!important;}
}


/* v70 centered brand app header polish — presentation only. */
.mpmh-unified-shell .mpmh-context-row{
  min-height:31px!important;
  position:relative!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.016) 34%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,#10243f 0%,#07172d 56%,#020812 100%)!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 12px)!important;
  min-height:31px!important;
  display:grid!important;
  grid-template-columns:44px minmax(260px,1fr) minmax(380px,.92fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 6px!important;
  position:relative!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  min-width:0!important;
  width:34px!important;
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  text-decoration:none!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  flex:0 0 24px!important;
  filter:drop-shadow(0 0 9px rgba(126,183,255,.24))!important;
}
.mpmh-unified-shell .mpmh-context-brand .brand-title,
.mpmh-unified-shell .mpmh-context-brand .brand-sub{
  display:none!important;
}
.mpmh-context-center{
  justify-self:center!important;
  align-self:center!important;
  min-width:0!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 0 14px rgba(126,183,255,.16)!important;
}
.mpmh-context-copy{
  justify-self:end!important;
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.mpmh-context-kicker{
  font-size:8.4px!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  color:rgba(180,216,255,.94)!important;
  font-weight:900!important;
}
.mpmh-context-title{
  max-width:205px!important;
  font-size:9.4px!important;
  line-height:1!important;
  letter-spacing:.15em!important;
  color:#fff!important;
  font-weight:900!important;
}
.mpmh-context-sub{
  max-width:420px!important;
  flex:1 1 auto!important;
  font-size:8.6px!important;
  line-height:1!important;
  color:rgba(228,241,255,.58)!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  width:calc(100vw - 12px)!important;
  padding:4px 0 5px!important;
  gap:10px!important;
  overflow:hidden!important;
}
.mpmh-unified-shell .top-search-wrap{
  flex:0 0 360px!important;
  width:360px!important;
  max-width:360px!important;
}
.mpmh-unified-shell .search{
  height:24px!important;
  font-size:11px!important;
}
.mpmh-unified-shell .tabs{
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
  gap:13px!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.mpmh-unified-shell .tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.mpmh-unified-shell .tab-btn{
  flex:0 1 auto!important;
  min-width:0!important;
  font-size:9.2px!important;
  letter-spacing:.105em!important;
  line-height:1!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{margin-top:22px!important;}
@media(max-width:1180px){
  .mpmh-unified-shell .mpmh-context-inner{grid-template-columns:38px minmax(220px,1fr) minmax(280px,.8fr)!important;}
  .mpmh-context-sub{display:none!important;}
  .mpmh-unified-shell .top-search-wrap{flex-basis:310px!important;width:310px!important;}
  .mpmh-unified-shell .tabs{gap:9px!important;}
  .mpmh-unified-shell .tab-btn{font-size:8.7px!important;letter-spacing:.085em!important;}
}
@media(max-width:820px){
  .mpmh-unified-shell .mpmh-context-inner{grid-template-columns:34px 1fr auto!important;}
  .mpmh-context-center{font-size:10px!important;letter-spacing:.13em!important;}
  .mpmh-context-title{display:none!important;}
  .mpmh-context-kicker{font-size:8px!important;}
  .mpmh-unified-shell .mpmh-nav-search-inner{flex-direction:column!important;align-items:stretch!important;gap:5px!important;}
  .mpmh-unified-shell .top-search-wrap{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
  .mpmh-unified-shell .tabs{justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;}
}


/* v71 compact application header + cleaner hero logo stage — presentation only. */
.mpmh-unified-shell .mpmh-context-row{
  min-height:29px!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 12px)!important;
  min-height:29px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) minmax(190px,320px)!important;
  gap:8px!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  width:32px!important;
  height:29px!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex-basis:22px!important;
}
.mpmh-context-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  font-size:10.5px!important;
  letter-spacing:.17em!important;
  max-width:420px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}
.mpmh-context-copy{
  grid-column:3!important;
  justify-self:end!important;
  width:auto!important;
  max-width:320px!important;
  gap:8px!important;
  padding-right:2px!important;
}
.mpmh-context-kicker{
  font-size:8.2px!important;
  letter-spacing:.19em!important;
}
.mpmh-context-title{
  max-width:190px!important;
  font-size:9.2px!important;
  letter-spacing:.14em!important;
}
.mpmh-context-sub{
  display:none!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  width:calc(100vw - 12px)!important;
  padding:3px 10px 5px 0!important;
  box-sizing:border-box!important;
  gap:12px!important;
}
.mpmh-unified-shell .top-search-wrap{
  flex:0 0 350px!important;
  width:350px!important;
  max-width:350px!important;
}
.mpmh-unified-shell .search{
  height:23px!important;
}
.mpmh-unified-shell .tabs{
  gap:11px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
.mpmh-unified-shell .tab-btn{
  font-size:9px!important;
  letter-spacing:.095em!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:16px!important;
  padding-top:12px!important;
}
.mph-front-logo-stage{
  max-width:920px!important;
}
.mph-front-logo-stage.has-active{
  margin-top:24px!important;
}
.mph-front-logo-panel{
  grid-template-columns:repeat(6, minmax(88px, 1fr))!important;
  gap:10px 12px!important;
}
.mph-front-logo-link{
  width:108px!important;
  height:56px!important;
  padding:10px 14px!important;
}
.mph-front-logo-link img{
  max-height:38px!important;
}
.mph-front-logo-caption{
  margin-top:12px!important;
  font-size:10px!important;
}
@media(max-width:1180px){
  .mpmh-unified-shell .mpmh-context-inner{grid-template-columns:36px minmax(0,1fr) minmax(150px,260px)!important;}
  .mpmh-context-title{max-width:160px!important;}
  .mpmh-unified-shell .top-search-wrap{flex-basis:300px!important;width:300px!important;max-width:300px!important;}
  .mpmh-unified-shell .tabs{gap:8px!important;}
}
@media(max-width:820px){
  .mpmh-context-center{font-size:9.6px!important;letter-spacing:.13em!important;max-width:260px!important;}
  .mpmh-unified-shell .mpmh-nav-search-inner{padding:4px 6px 5px!important;}
  .mpmh-unified-shell .top-search-wrap{width:100%!important;max-width:none!important;flex:0 0 auto!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(3, minmax(86px,1fr))!important;}
}


/* v72 clean application header + centered search toolbar — presentation only. */
.mpmh-unified-shell .mpmh-context-row{
  min-height:31px!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 12px)!important;
  min-height:31px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  grid-column:1!important;
  justify-self:start!important;
  width:32px!important;
  height:31px!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  flex-basis:22px!important;
}
.mpmh-context-center{
  grid-column:2!important;
  position:static!important;
  transform:none!important;
  justify-self:center!important;
  align-self:center!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:10.8px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  pointer-events:none!important;
}
.mpmh-context-copy{
  display:none!important;
}
.mpmh-unified-shell .mpmh-nav-search-row{
  background:#000!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
  overflow:hidden!important;
}
.mpmh-unified-shell .mpmh-nav-search-inner{
  position:relative!important;
  width:calc(100vw - 12px)!important;
  max-width:none!important;
  min-height:44px!important;
  padding:5px 12px 6px!important;
  box-sizing:border-box!important;
  display:block!important;
  overflow:hidden!important;
}
.mpmh-unified-shell .top-search-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(460px, 34vw)!important;
  max-width:460px!important;
  min-width:320px!important;
  height:25px!important;
  margin:0!important;
  z-index:2!important;
}
.mpmh-unified-shell .search{
  height:25px!important;
  width:100%!important;
  font-size:11px!important;
}
.mpmh-unified-shell .tabs{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:min(520px, calc(50vw - 260px))!important;
  min-width:390px!important;
  max-width:520px!important;
  height:31px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px 15px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  z-index:1!important;
}
.mpmh-unified-shell .tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.mpmh-unified-shell .tab-btn{
  flex:0 0 auto!important;
  font-size:8.9px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:14px!important;
}
@media(max-width:1380px){
  .mpmh-unified-shell .tabs{width:430px!important;min-width:430px!important;gap:6px 11px!important;}
  .mpmh-unified-shell .tab-btn{font-size:8.4px!important;letter-spacing:.075em!important;}
  .mpmh-unified-shell .top-search-wrap{width:min(420px, 32vw)!important;min-width:300px!important;}
}
@media(max-width:1020px){
  .mpmh-unified-shell .mpmh-nav-search-inner{min-height:66px!important;padding:5px 8px 7px!important;}
  .mpmh-unified-shell .top-search-wrap{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:min(520px,100%)!important;min-width:0!important;margin:0 auto!important;}
  .mpmh-unified-shell .tabs{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;justify-content:center!important;margin:6px auto 0!important;gap:7px 12px!important;}
}
@media(max-width:640px){
  .mpmh-context-center{font-size:9.8px!important;letter-spacing:.13em!important;}
  .mpmh-unified-shell .mpmh-context-inner{grid-template-columns:34px 1fr 34px!important;width:calc(100vw - 8px)!important;}
}



/* v73 header balance + blue edge shell refinement — presentation only.
   Tightens the top app header, removes the skinny divider under the company name, forces a true centered search toolbar,
   keeps navigation as a compact two-row group at left, and carries the dark glossy blue edge subtly around the viewport.
   No Signal/counter/routing/backend changes. */
:root{
  --mpmh-edge-blue:rgba(126,183,255,.32);
  --mpmh-edge-blue-soft:rgba(126,183,255,.105);
  --mpmh-edge-blue-glow:rgba(43,104,166,.18);
}
html,body{
  background:#000!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1398;
  box-shadow:
    inset 1px 0 0 rgba(126,183,255,.22),
    inset -1px 0 0 rgba(126,183,255,.22),
    inset 0 1px 0 rgba(126,183,255,.16),
    inset 0 -1px 0 rgba(126,183,255,.10),
    inset 14px 0 34px rgba(20,65,112,.075),
    inset -14px 0 34px rgba(20,65,112,.075);
}
.public-shell{
  background:
    linear-gradient(90deg,rgba(126,183,255,.055) 0,rgba(126,183,255,0) 18px,rgba(126,183,255,0) calc(100% - 18px),rgba(126,183,255,.055) 100%),
    #000!important;
}
.topbar.mpmh-top-shell.mpmh-unified-shell{
  z-index:1400!important;
  background:linear-gradient(180deg,#0d203b 0%,#020812 100%)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.70),0 0 0 1px rgba(126,183,255,.045) inset!important;
}
.mpmh-unified-shell .mpmh-context-row{
  min-height:30px!important;
  border-bottom:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.052) inset,0 8px 18px rgba(0,0,0,.46)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.082) 0%,rgba(255,255,255,.018) 38%,rgba(255,255,255,0) 100%),
    radial-gradient(circle at 50% -20px,rgba(126,183,255,.18),rgba(126,183,255,0) 46%),
    linear-gradient(180deg,#10243f 0%,#07172d 57%,#020812 100%)!important;
}
.mpmh-unified-shell .mpmh-context-inner{
  width:calc(100vw - 18px)!important;
  min-height:30px!important;
  padding:0 10px!important;
  grid-template-columns:42px minmax(0,1fr) 42px!important;
}
.mpmh-unified-shell .mpmh-context-brand{
  width:32px!important;
  height:30px!important;
}
.mpmh-unified-shell .mpmh-context-brand img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
}
.mpmh-context-center{
  font-size:10.9px!important;
  letter-spacing:.18em!important;
  color:#fff!important;
  text-shadow:0 0 14px rgba(126,183,255,.20)!important;
}
.mpmh-unified-shell .mpmh-nav-search-row{
  background:linear-gradient(180deg,#01040a 0%,#000 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
#mpmhUnifiedShell .mpmh-nav-search-inner{
  width:calc(100vw - 22px)!important;
  min-height:42px!important;
  margin:0 auto!important;
  padding:5px 12px 6px!important;
  display:grid!important;
  grid-template-columns:minmax(410px,540px) minmax(360px,1fr) minmax(410px,540px)!important;
  align-items:center!important;
  gap:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .tabs{
  position:static!important;
  transform:none!important;
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:540px!important;
  height:auto!important;
  min-height:28px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-content:center!important;
  align-items:center!important;
  gap:6px 14px!important;
  padding:0 0 0 8px!important;
  margin:0!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .tab-btn{
  font-size:8.9px!important;
  line-height:1.02!important;
  letter-spacing:.088em!important;
}
#mpmhUnifiedShell .top-search-wrap{
  position:static!important;
  transform:none!important;
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  width:min(520px,100%)!important;
  min-width:360px!important;
  max-width:520px!important;
  height:25px!important;
  margin:0 auto!important;
  z-index:2!important;
}
#mpmhUnifiedShell .search{
  height:25px!important;
  width:100%!important;
  background:#01050d!important;
  border:1px solid rgba(126,183,255,.34)!important;
  color:#f4fbff!important;
}
.shell-main{
  width:calc(100vw - 18px)!important;
  background:
    linear-gradient(90deg,rgba(126,183,255,.040),rgba(126,183,255,0) 15px,rgba(126,183,255,0) calc(100% - 15px),rgba(126,183,255,.040)),
    #000!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:12px!important;
}
@media(max-width:1180px){
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:64px!important;
    gap:6px!important;
    padding:5px 10px 7px!important;
  }
  #mpmhUnifiedShell .top-search-wrap{
    grid-column:1!important;
    grid-row:1!important;
    width:min(520px,100%)!important;
    min-width:0!important;
  }
  #mpmhUnifiedShell .tabs{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:center!important;
    justify-content:center!important;
    max-width:none!important;
    padding-left:0!important;
    gap:7px 12px!important;
  }
}
@media(max-width:640px){
  .mpmh-context-center{font-size:9.7px!important;letter-spacing:.13em!important;}
  .mpmh-unified-shell .mpmh-context-inner{width:calc(100vw - 10px)!important;padding:0 6px!important;}
  .shell-main{width:calc(100vw - 10px)!important;}
}


/* v74 true centered toolbar + baseline-aligned nav — presentation only.
   Uses the toolbar as a relative plane: search is locked to the real horizontal center,
   while navigation is organized as a compact two-row grid on the left. No data/routing changes. */
#mpmhUnifiedShell .mpmh-nav-search-inner{
  position:relative!important;
  width:calc(100vw - 22px)!important;
  max-width:none!important;
  min-height:43px!important;
  margin:0 auto!important;
  padding:5px 14px 6px!important;
  display:block!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .top-search-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:520px!important;
  min-width:0!important;
  max-width:min(520px,42vw)!important;
  height:26px!important;
  margin:0!important;
  z-index:3!important;
}
#mpmhUnifiedShell .search{
  height:26px!important;
  line-height:26px!important;
  width:100%!important;
  padding-top:0!important;
  padding-bottom:0!important;
  box-sizing:border-box!important;
}
#mpmhUnifiedShell .tabs{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:470px!important;
  max-width:calc(50vw - 300px)!important;
  min-width:420px!important;
  height:31px!important;
  display:grid!important;
  grid-template-columns:repeat(4,max-content)!important;
  grid-auto-rows:12px!important;
  grid-auto-flow:row!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:17px!important;
  row-gap:5px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  z-index:2!important;
}
#mpmhUnifiedShell .tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#mpmhUnifiedShell .tab-btn{
  display:block!important;
  height:12px!important;
  line-height:12px!important;
  padding:0!important;
  margin:0!important;
  font-size:8.9px!important;
  letter-spacing:.082em!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  transform:none!important;
}
#mpmhUnifiedShell .tab-btn.active{
  line-height:12px!important;
}
@media(max-width:1480px){
  #mpmhUnifiedShell .tabs{
    width:430px!important;
    min-width:390px!important;
    max-width:calc(50vw - 250px)!important;
    column-gap:13px!important;
  }
  #mpmhUnifiedShell .tab-btn{font-size:8.35px!important;letter-spacing:.068em!important;}
  #mpmhUnifiedShell .top-search-wrap{width:480px!important;max-width:min(480px,40vw)!important;}
}
@media(max-width:1180px){
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    min-height:65px!important;
    padding:5px 10px 7px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:28px 26px!important;
    gap:4px!important;
  }
  #mpmhUnifiedShell .top-search-wrap{
    position:static!important;
    transform:none!important;
    justify-self:center!important;
    align-self:center!important;
    width:min(520px,100%)!important;
    max-width:520px!important;
    grid-row:1!important;
  }
  #mpmhUnifiedShell .tabs{
    position:static!important;
    transform:none!important;
    justify-self:center!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:24px!important;
    grid-template-columns:repeat(8,max-content)!important;
    grid-auto-rows:12px!important;
    column-gap:12px!important;
    row-gap:0!important;
    grid-row:2!important;
  }
}
@media(max-width:720px){
  #mpmhUnifiedShell .tabs{
    grid-template-columns:repeat(4,max-content)!important;
    height:31px!important;
    row-gap:5px!important;
    column-gap:11px!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{min-height:72px!important;grid-template-rows:28px 34px!important;}
}

/* v127 HOME state isolation guards */
.mph-home-overview.mpmh-home-selected-active #platformIntroHome{display:none!important;}
.mph-home-overview.mpmh-home-selected-active #selectedCauseHero{display:block!important;}
.mph-home-overview.mpmh-home-platform-active #platformIntroHome{display:block!important;}
.mph-home-overview.mpmh-home-platform-active #selectedCauseHero{display:none!important;}
.mph-home-overview.mpmh-home-platform-active [data-home-state-only="selected-cause"]{display:none!important;}
.mph-home-overview.mpmh-home-selected-active [data-home-state-only="platform"]{display:none!important;}
.mph-home-overview.mpmh-home-selected-active .mph-platform-brand-disclaimer-outside{display:none!important;}

/* v129 HOME Dual-State Strategy Layout
   Presentation-only: platform-entry HOME becomes a choice-first gateway, cause logos are visible immediately,
   and selected-cause HOME remains isolated from the no-cause entry state. */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  width:min(1260px, calc(100vw - 64px))!important;
  max-width:1260px!important;
  margin:28px auto 0!important;
  padding:28px 34px 34px!important;
  min-height:0!important;
  background:radial-gradient(circle at 18% 8%,rgba(126,183,255,.11),transparent 28%),linear-gradient(180deg,#020910 0%,#000 54%,#000 100%)!important;
  border:1px solid rgba(126,183,255,.20)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(126,183,255,.16)!important;
  overflow:visible!important;
}
.mph-front-hero-layout{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:32px!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.mph-front-world-mark{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding-top:8px!important;
}
.mph-front-world-mark img{
  width:132px!important;
  height:132px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.48))!important;
}
.mph-front-step-rail{
  width:100%!important;
  margin-top:22px!important;
  display:grid!important;
  gap:8px!important;
}
.mph-front-world-action.mph-front-step-action{
  width:100%!important;
  min-height:34px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:linear-gradient(180deg,rgba(9,32,56,.68),rgba(2,9,17,.84))!important;
  color:#dceeff!important;
  text-align:left!important;
  padding:0 11px!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-world-action.mph-front-step-action:hover,
.mph-front-world-action.mph-front-step-action.active{
  border-color:rgba(126,183,255,.72)!important;
  background:linear-gradient(180deg,rgba(18,61,98,.74),rgba(4,19,35,.92))!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(126,183,255,.13)!important;
}
.mph-front-hero-copy{
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}
.mph-front-entry-kicker{
  margin:0 0 17px!important;
  color:#7eb7ff!important;
  font-size:11px!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-hero-copy h1,
.mph-front-hero-copy .mph-front-entry-title{
  margin:0 0 14px!important;
  max-width:900px!important;
  text-align:left!important;
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  margin:0!important;
  max-width:930px!important;
  text-align:left!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  color:rgba(245,251,255,.89)!important;
}
.mph-front-hero-support{
  max-width:720px!important;
  margin:18px 0 0!important;
  padding:11px 14px!important;
  border-left:2px solid rgba(126,183,255,.46)!important;
  background:linear-gradient(90deg,rgba(126,183,255,.105),rgba(126,183,255,.026),transparent)!important;
  color:rgba(233,246,255,.82)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  text-align:left!important;
}
.mph-front-choice-module{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:930px!important;
  margin:22px 0 16px!important;
}
.mph-front-choice-card{
  appearance:none!important;
  min-height:78px!important;
  border:1px solid rgba(126,183,255,.20)!important;
  background:linear-gradient(180deg,rgba(4,20,34,.84),rgba(1,7,12,.95))!important;
  color:#eff8ff!important;
  border-radius:0!important;
  padding:13px 14px!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08)!important;
}
.mph-front-choice-card span{
  display:inline-flex!important;
  width:20px!important;
  height:20px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 8px 7px 0!important;
  border:1px solid rgba(126,183,255,.36)!important;
  color:#7eb7ff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.mph-front-choice-card strong{
  display:inline!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mph-front-choice-card small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(174,201,219,.78)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.mph-front-choice-card:hover,
.mph-front-choice-card.active{
  border-color:rgba(126,183,255,.70)!important;
  background:linear-gradient(180deg,rgba(12,48,79,.88),rgba(2,13,24,.96))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 18px rgba(126,183,255,.12),inset 0 1px 0 rgba(126,183,255,.18)!important;
}
.mph-front-choice-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  max-width:930px!important;
  margin:20px 0 12px!important;
  padding:11px 13px!important;
  border:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(180deg,rgba(5,18,30,.72),rgba(1,7,12,.88))!important;
}
.mph-front-choice-head span{
  display:block!important;
  margin-bottom:3px!important;
  color:#7eb7ff!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-choice-head strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.04em!important;
}
.mph-front-choice-head button{
  flex:0 0 auto!important;
  min-height:30px!important;
  border:1px solid rgba(126,183,255,.32)!important;
  background:linear-gradient(180deg,rgba(13,38,64,.72),rgba(3,14,26,.88))!important;
  color:#dceeff!important;
  padding:0 12px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.mph-front-logo-stage.has-active{
  max-width:930px!important;
  margin:0!important;
  padding:0!important;
}
.mph-front-logo-panel{
  grid-template-columns:repeat(6,minmax(92px,1fr))!important;
  gap:11px!important;
  justify-items:stretch!important;
  align-items:stretch!important;
}
.mph-front-logo-panel.active{display:grid!important;}
.mph-front-logo-link{
  width:100%!important;
  height:74px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
}
.mph-front-logo-link img{max-height:48px!important;}
.mph-front-logo-caption{
  margin-top:8px!important;
  padding-top:6px!important;
  border-top:1px solid rgba(126,183,255,.12)!important;
  text-align:left!important;
  color:rgba(172,200,220,.62)!important;
}
.mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{
  display:block!important;
  width:min(1260px, calc(100vw - 64px))!important;
  max-width:1260px!important;
  margin:10px auto 0!important;
  padding:8px 12px!important;
  border:1px solid rgba(126,183,255,.13)!important;
  background:rgba(4,14,24,.52)!important;
  color:rgba(166,195,215,.66)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.mph-home-overview.mpmh-home-selected-active .mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{display:none!important;}
.mph-live-section-header[data-active-tab="overview"] .mpmh-live-section-title,
.mpmh-live-section-header[data-active-tab="overview"] .mpmh-live-section-title{letter-spacing:.18em!important;}
@media(max-width:980px){
  .mph-front-hero-layout{grid-template-columns:1fr!important;gap:20px!important;}
  .mph-front-world-mark{align-items:flex-start!important;}
  .mph-front-world-mark img{width:96px!important;height:96px!important;}
  .mph-front-step-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:12px!important;}
  .mph-front-choice-module{grid-template-columns:1fr!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(3,minmax(86px,1fr))!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{width:calc(100vw - 24px)!important;padding:22px 16px 26px!important;}
  .mph-front-step-rail{grid-template-columns:1fr!important;}
  .mph-front-choice-head{align-items:flex-start!important;flex-direction:column!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(2,minmax(86px,1fr))!important;}
}


/* v156 HOME choice buttons: text-only compact centered controls above the logo stage */
.mph-front-choice-module{
  grid-template-columns:repeat(3,minmax(0,150px))!important;
  justify-content:center!important;
  justify-items:stretch!important;
  max-width:520px!important;
  margin:18px auto 14px!important;
}
.mph-front-choice-card{
  min-height:38px!important;
  height:38px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.mph-front-choice-card span,
.mph-front-choice-card small{
  display:none!important;
}
.mph-front-choice-card strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  letter-spacing:.10em!important;
}
@media(max-width:640px){
  .mph-front-choice-module{
    grid-template-columns:1fr!important;
    max-width:260px!important;
  }
}


/* v157 unified header color match: exact same shell color across upper context row and lower tabs/search row, with no visual separation line between them. */
.topbar.mpmh-top-shell.mpmh-unified-shell,
.mpmh-unified-shell .mpmh-context-row,
.mpmh-unified-shell .mpmh-nav-search-row{
  background:linear-gradient(180deg,#020812 0%,#000 100%)!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.mpmh-unified-shell .mpmh-context-inner,
.mpmh-unified-shell .mpmh-nav-search-inner,
.mpmh-unified-shell .tabs{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mpmh-unified-shell .mpmh-context-row + .mpmh-nav-search-row{
  margin-top:0!important;
}
.mpmh-unified-shell .mpmh-context-row::before,
.mpmh-unified-shell .mpmh-context-row::after,
.mpmh-unified-shell .mpmh-nav-search-row::before,
.mpmh-unified-shell .mpmh-nav-search-row::after{
  display:none!important;
  content:none!important;
}


/* v176 platform-wide header search layout + clear-button adjacency. Presentation only. */
.mpmh-unified-shell .mpmh-context-left{
  flex:0 0 clamp(440px, 38vw, 560px)!important;
  max-width:clamp(440px, 38vw, 560px)!important;
}
.mpmh-unified-shell .mpmh-cause-search-stack{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:500px!important;
}
.mpmh-unified-shell .mpmh-context-search,
.mpmh-unified-shell .top-search-wrap#topSearchWrap{
  width:min(430px, 100%)!important;
  max-width:430px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  position:relative!important;
}
.mpmh-unified-shell #globalSearch.search{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  line-height:32px!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.mpmh-unified-shell #globalSearchClear.top-search-clear{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 32px!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  display:none;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  line-height:1!important;
}
@media(max-width:980px){
  .mpmh-unified-shell .mpmh-context-left{
    flex:1 1 auto!important;
    max-width:none!important;
  }
  .mpmh-unified-shell .mpmh-cause-search-stack{
    max-width:none!important;
  }
  .mpmh-unified-shell .mpmh-context-search,
  .mpmh-unified-shell .top-search-wrap#topSearchWrap{
    width:min(430px, calc(100vw - 120px))!important;
    max-width:100%!important;
  }
}
@media(max-width:640px){
  .mpmh-unified-shell .mpmh-context-search,
  .mpmh-unified-shell .top-search-wrap#topSearchWrap{
    width:100%!important;
  }
  .mpmh-unified-shell #globalSearch.search{
    height:34px!important;
    line-height:34px!important;
  }
  .mpmh-unified-shell #globalSearchClear.top-search-clear{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
}


/* v177 centered world-over-name brand lockup. Presentation only; keeps the header row compact. */
.mpmh-unified-shell .mpmh-context-inner{
  position:relative!important;
}
.mpmh-unified-shell .mpmh-context-left{
  padding-left:0!important;
}
.mpmh-unified-shell .mpmh-context-left .mpmh-cause-search-stack{
  margin-left:0!important;
}
.mpmh-unified-shell .mpmh-centered-brand-lockup,
.mpmh-context-center.mpmh-centered-brand-lockup{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  min-width:210px!important;
  max-width:310px!important;
  height:30px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  text-align:center!important;
  pointer-events:none!important;
  z-index:8!important;
  color:#fff!important;
  text-shadow:none!important;
}
#mpmhUnifiedShell .mpmh-centered-world-home,
.mpmh-unified-shell .mpmh-centered-world-home,
.mpmh-context-center .mpmh-centered-world-home{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  flex:0 0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  color:transparent!important;
  text-decoration:none!important;
  transform:none!important;
}
#mpmhUnifiedShell .mpmh-centered-world-home img,
.mpmh-unified-shell .mpmh-centered-world-home img,
.mpmh-context-center .mpmh-centered-world-home img{
  display:block!important;
  width:15px!important;
  min-width:15px!important;
  max-width:15px!important;
  height:15px!important;
  min-height:15px!important;
  max-height:15px!important;
  object-fit:contain!important;
  flex:0 0 15px!important;
  margin:0!important;
  padding:0!important;
  filter:drop-shadow(0 0 8px rgba(126,183,255,.30)) drop-shadow(0 0 5px rgba(11,249,158,.10))!important;
}
.mpmh-context-center .mpmh-centered-brand-title{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:10.7px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 0 14px rgba(126,183,255,.18)!important;
}
@media(max-width:980px){
  .mpmh-unified-shell .mpmh-centered-brand-lockup,
  .mpmh-context-center.mpmh-centered-brand-lockup{
    min-width:190px!important;
    max-width:240px!important;
  }
  .mpmh-context-center .mpmh-centered-brand-title{
    font-size:9.8px!important;
    letter-spacing:.145em!important;
  }
  #mpmhUnifiedShell .mpmh-centered-world-home,
  .mpmh-unified-shell .mpmh-centered-world-home,
  .mpmh-context-center .mpmh-centered-world-home{
    width:15px!important;
    min-width:15px!important;
    max-width:15px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    flex-basis:15px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-world-home img,
  .mpmh-unified-shell .mpmh-centered-world-home img,
  .mpmh-context-center .mpmh-centered-world-home img{
    width:14px!important;
    min-width:14px!important;
    max-width:14px!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    flex-basis:14px!important;
  }
}
@media(max-width:640px){
  .mpmh-unified-shell .mpmh-centered-brand-lockup,
  .mpmh-context-center.mpmh-centered-brand-lockup{
    min-width:165px!important;
    max-width:190px!important;
    height:28px!important;
  }
  .mpmh-context-center .mpmh-centered-brand-title{
    font-size:8.9px!important;
    letter-spacing:.115em!important;
  }
}



/* v208 MP SIGNAL SYSTEM public readout polish */
#shellMain .signals-panel .mpmh-signals-table-title{
  color:#e8f7ff!important;
  letter-spacing:.18em!important;
  font-size:13px!important;
  padding:7px 10px!important;
  background:linear-gradient(180deg,#06345d,#041d36)!important;
  border:1px solid rgba(96,170,232,.62)!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
#shellMain .signals-panel .connected-highways-head-v05 span{
  color:#77d6ff!important;
  letter-spacing:.20em!important;
}
#shellMain .signals-panel .connected-highways-head-v05 b{
  color:#f7fffb!important;
  letter-spacing:.085em!important;
}
#shellMain .signals-panel .mpmh-signals-readout-row .mpmh-readout-label{
  letter-spacing:.11em!important;
}
#shellMain .signals-panel .mpmh-signal-method-note{
  color:#bdd8d0!important;
  background:linear-gradient(180deg,rgba(4,24,18,.92),rgba(1,12,11,.96))!important;
  border-color:rgba(61,151,121,.45)!important;
}


/* v209 MP SIGNAL SYSTEMS connected-highways header polish */
#shellMain .signals-panel .connected-highways-head-v05{
  display:block!important;
  text-align:center!important;
  padding:10px 14px 8px!important;
}
#shellMain .signals-panel .connected-highways-head-v05 > div{
  display:block!important;
  text-align:center!important;
}
#shellMain .signals-panel .connected-highways-head-v05 span{
  display:none!important;
}
#shellMain .signals-panel .connected-highways-head-v05 b{
  display:block!important;
  margin:0 auto!important;
  text-align:center!important;
  color:#f7fffb!important;
  font-size:19px!important;
  letter-spacing:.12em!important;
  line-height:1.05!important;
}
#shellMain .signals-panel .connected-highways-head-v05 em{
  display:block!important;
  margin:7px auto 0!important;
  text-align:center!important;
  max-width:920px!important;
  color:#91b9af!important;
  letter-spacing:.105em!important;
}
#shellMain .signals-panel .connected-highways-stage-v05 span{
  color:#7ec8d6!important;
  letter-spacing:.16em!important;
  font-size:7.4px!important;
}
#shellMain .signals-panel .connected-highways-stage-v05 b{
  color:#dff8ef!important;
  font-size:9.2px!important;
  letter-spacing:.065em!important;
  line-height:1.18!important;
}


/* === LEGACY BASE CSS LOAD 2 (preserves prior duplicate-link cascade) === */


:root{--bg:#020504;--panel:#07120f;--panel2:#0a1713;--line:#12382c;--line2:#1d5b46;--green:#0bf99e;--green2:#93ffd0;--blue:#7eb7ff;--text:#e9fff7;--muted:#8aa79b;--gold:#f2cf75;--danger:#ff7272;--shadow:0 22px 80px rgba(0,0,0,.5);}
*{box-sizing:border-box}html,body{margin:0;background:#000;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:13px}body{min-height:100vh;background:radial-gradient(circle at top,#0b2019 0,#020504 38%,#000 100%)}a{color:inherit}.public-shell{min-height:100vh;padding:0 12px 24px}.topbar{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#081d17,#030806);border-bottom:1px solid #134231;box-shadow:0 8px 30px rgba(0,0,0,.45)}.topbar-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:10px 8px}.brand{display:flex;gap:10px;align-items:center}.brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(11,249,158,.35))}.brand-title{font-weight:800;letter-spacing:.12em;font-size:13px;color:#dfffee}.brand-sub{font-size:10px;color:#83a99a;letter-spacing:.08em;margin-top:2px}.search-wrap{display:flex;align-items:center;gap:8px}.search{width:100%;height:34px;border:1px solid #245844;border-radius:0!important;background:linear-gradient(180deg,#07120f,#030806);color:#e9fff7;padding:0 14px;outline:none;box-shadow:inset 0 1px 0 rgba(11,249,158,.04)}.search:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(11,249,158,.12)}.active-pill{border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);border-radius:0!important;padding:8px 12px;color:#d8ecff;white-space:nowrap;font-size:11px}.cause-select{height:34px;max-width:280px;border:1px solid #1d5b46;border-radius:0!important;background:#020504;color:#e9fff7;padding:0 12px;outline:none;font-size:11px}.cause-select:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(11,249,158,.12)}.active-cause-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.active-cause-stats .metric{min-height:74px;padding:10px;background:linear-gradient(180deg,#061812,#020706);border-color:#174332;position:relative;overflow:hidden}.active-cause-stats .metric:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.55),transparent)}.active-cause-stats .metric-value{font-size:18px;color:#fff}.tabs{max-width:1440px;margin:0 auto;display:flex;gap:6px;overflow-x:auto;padding:0 8px 8px}.tab-btn{border:1px solid #12382c;background:linear-gradient(180deg,#092319,#06110e);color:#d9fff2;border-radius:0!important;padding:8px 12px;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.tab-btn.active{background:linear-gradient(180deg,#0b5f40,#073024);border-color:#0bf99e;color:#fff;box-shadow:0 0 16px rgba(11,249,158,.18)}.shell-main{max-width:1440px;margin:14px auto 0;display:grid;grid-template-columns:1fr;gap:12px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10px}.card,.panel{background:linear-gradient(180deg,rgba(9,28,22,.98),rgba(4,11,9,.98));border:1px solid #12382c;border-radius:0!important;box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:16px}.hero-title{font-size:24px;line-height:1.15;font-weight:900;margin:0 0 8px;color:#f1fff9}.hero-copy{color:#abc8bd;line-height:1.55;margin:0;max-width:780px}.cause-card{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;position:relative;background:linear-gradient(135deg,rgba(8,31,24,.98),rgba(3,8,7,.98));border-color:#1d5b46}.cause-card:before{content:"SELECTED CAUSE";position:absolute;top:12px;right:14px;color:#82bba7;font-size:9px;font-weight:900;letter-spacing:.12em}.cause-logo{width:92px;height:92px;border-radius:0!important;background:#000;border:1px solid #1d5b46;object-fit:contain;padding:9px;box-shadow:0 0 24px rgba(11,249,158,.10)}.cause-name{font-size:20px;font-weight:900;color:#fff;padding-right:112px}.cause-meta{font-size:11px;color:#8fb9a9;margin-top:5px}.metric-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.metric{background:#020706;border:1px solid #12382c;border-radius:0!important;padding:12px;text-align:center;min-height:82px}.metric-label{font-size:9px;color:#86a99b;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.metric-value{font-size:21px;margin-top:5px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.metric-sub{font-size:10px;color:#66897c;margin-top:4px}.panel-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:linear-gradient(180deg,#0d2b22,#07110e);border-bottom:1px solid #12382c;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.panel-body{padding:12px}.control-row{display:grid;grid-template-columns:1.35fr .8fr .8fr auto;gap:8px;margin:0 0 10px 0;align-items:center}.control-input,.control-select{height:34px;border:1px solid #1d5b46;border-radius:0!important;background:#020504;color:#e9fff7;padding:0 12px;outline:none;font-size:11px}.control-input:focus,.control-select:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(11,249,158,.12)}.control-btn{height:34px;border:1px solid #1d5b46;background:linear-gradient(180deg,#092319,#06110e);color:#d9fff2;border-radius:0!important;padding:0 12px;font-size:10px;font-weight:900;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.control-btn:hover{border-color:var(--green)}.category-panel{margin-top:12px}.category-intro{font-size:11px;color:#8fb9a9;line-height:1.45;margin:0 0 10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-btn{border:1px solid #12382c;background:linear-gradient(180deg,#081f18,#020706);border-radius:0!important;color:#e9fff7;padding:14px 12px;text-align:left;cursor:pointer;min-height:90px;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;position:relative;overflow:hidden}.category-btn:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.42),transparent);opacity:.42}.category-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(126,183,255,.10),transparent 38%);opacity:.18;pointer-events:none}.category-btn:hover{border-color:#0bf99e;background:linear-gradient(180deg,#0b2d22,#03130d);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.50),0 0 18px rgba(11,249,158,.10)}.category-btn:hover:before{opacity:.9}.category-btn.active{border-color:#0bf99e;background:linear-gradient(180deg,#0b5f40,#073024);box-shadow:0 0 20px rgba(11,249,158,.20),0 12px 30px rgba(0,0,0,.45)}.category-name{font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#ffffff;line-height:1.25}.category-counts{font-size:10px;color:#7fa99a;margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.category-counts strong{color:#dffff2}.category-muted-count{opacity:.62}.category-active-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 10px;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#071a14,#020706);color:#9fc7b7;font-size:11px}.category-active-label strong{color:#0bf99e;letter-spacing:.04em;text-transform:uppercase}.category-active-left{display:flex;align-items:center;gap:8px;min-width:0}.category-active-kicker{color:#86a99b;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.category-active-name{color:#fff;font-weight:900}.category-clear{margin-left:0;border-color:#214f75;background:linear-gradient(180deg,#10263b,#071420);color:#0bf99e}.category-clear:hover{border-color:#0bf99e;color:#fff}.category-section-title{margin:14px 0 8px;padding:0 2px;color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.category-section-title:first-of-type{margin-top:0}.category-section-secondary{color:#85aa9c;margin-top:16px}.category-grid-featured{grid-template-columns:repeat(4,1fr);margin-bottom:2px}.category-grid-featured .category-btn{min-height:112px;padding:18px 14px;border-color:#1d5b46;background:linear-gradient(180deg,#0a2a20,#020706);box-shadow:0 12px 32px rgba(0,0,0,.35)}.category-grid-featured .category-name{font-size:13px}.category-grid-featured .category-counts{margin-top:10px}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.category-grid{grid-template-columns:1fr 1fr}}.data-table th.sortable{cursor:pointer;user-select:none}.data-table th.sortable:hover{color:#fff;background:#0b2b21}.sort-mark{font-size:9px;color:#0bf99e;margin-left:5px}.data-shell{height:560px;overflow:auto;border-radius:0!important;border:1px solid #164534;background:#010302;box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 14px 38px rgba(0,0,0,.32)}.data-table{min-width:1120px;width:100%;border-collapse:separate;border-spacing:0}.data-table th{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#0b241c,#04100d);color:#d8fff0;border-bottom:1px solid #2a6f55;font-size:10px;text-align:left;padding:11px 9px;letter-spacing:.075em;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.35)}.data-table td{border-bottom:1px solid rgba(18,56,44,.72);padding:10px 9px;color:#e4fff6;font-size:12px;vertical-align:middle;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.data-table tr:nth-child(even) td{background:#05100d}.data-table tr:nth-child(odd) td{background:#020706}.data-table tr:hover td{background:#0a261d;color:#ffffff;box-shadow:inset 0 1px 0 rgba(11,249,158,.10),inset 0 -1px 0 rgba(11,249,158,.08)}.data-table tr:hover td:first-child{box-shadow:inset 3px 0 0 #0bf99e,inset 0 1px 0 rgba(11,249,158,.10),inset 0 -1px 0 rgba(11,249,158,.08)}.num{text-align:right;font-variant-numeric:tabular-nums}.status{display:inline-block;border-radius:0!important;padding:3px 8px;font-size:10px;font-weight:900;border:1px solid #214f75;color:#cfe7ff;background:#071420}.status.active{border-color:#0bf99e;color:#dffff2;background:#063325}.open-btn,.visit-btn{border:1px solid #1d5b46;background:linear-gradient(180deg,#08261d,#04110d);color:#dffff2;border-radius:0!important;padding:7px 11px;font-size:10px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.045em;transition:all .12s ease}.open-btn:hover{border-color:#0bf99e;color:#fff;background:linear-gradient(180deg,#0b5f40,#073024);box-shadow:0 0 14px rgba(11,249,158,.16);transform:translateY(-1px)}.visit-btn{border-color:#214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcedff}.visit-btn:hover{border-color:#7eb7ff;color:#fff;box-shadow:0 0 14px rgba(126,183,255,.14);transform:translateY(-1px)}
.readout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.readout-card{background:linear-gradient(180deg,#061812,#020706);border:1px solid #174332;border-radius:0!important;padding:14px;line-height:1.45;position:relative;overflow:hidden}.readout-card:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.48),transparent)}.readout-card h3{margin:0 0 10px;color:#fff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.readout-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(18,56,44,.72);padding:8px 0;color:#a9cbbf;font-size:12px}.readout-line:first-of-type{border-top:0}.readout-line strong{color:#fff;font-size:15px;font-variant-numeric:tabular-nums}.leaderboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.leaderboard-card{background:linear-gradient(180deg,#061812,#020706);border:1px solid #174332;border-radius:0!important;padding:14px;line-height:1.45;position:relative;overflow:hidden}.leaderboard-card:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(126,183,255,.46),transparent)}.leaderboard-card h3{margin:0 0 10px;color:#fff;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.leaderboard-card .leaderLine{padding:9px 0}.leaderboard-card .leaderLine strong{color:#0bf99e;font-size:13px;font-variant-numeric:tabular-nums}
.placeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.copy-block{background:linear-gradient(180deg,#03100c,#020706);border:1px solid rgba(18,56,44,.58);border-radius:0!important;padding:18px 18px 16px;color:#bfd8ce;line-height:1.72;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.copy-block h3{margin:0 0 10px;color:#fff;font-size:15px;letter-spacing:.03em;font-weight:900}.leaderLine{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(18,56,44,.65);padding:8px 0;font-size:12px}.leaderLine:first-of-type{border-top:0}.leaderLine a{color:#dffff2;text-decoration:none}.leaderLine a:hover{text-decoration:underline}.leaderButton{border:0;background:transparent;color:#dffff2;text-align:left;cursor:pointer;padding:0;font:inherit}.leaderButton:hover{text-decoration:underline}.side-panel{position:fixed;right:14px;top:94px;bottom:14px;width:min(540px,calc(100vw - 28px));z-index:1200;background:linear-gradient(180deg,#0a2018,#020504 42%,#000);border:1px solid #1d5b46;border-radius:0!important;box-shadow:0 34px 130px rgba(0,0,0,.82),0 0 34px rgba(11,249,158,.08);transform:translateX(calc(100% + 24px));transition:transform .18s ease;overflow:hidden;display:flex;flex-direction:column}.side-panel.open{transform:translateX(0)}.side-head{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d5b46;background:linear-gradient(180deg,#0d2b22,#06110e);font-weight:900;letter-spacing:.07em;text-transform:uppercase}.side-body{padding:16px;overflow:auto}.close{border:1px solid #1d5b46;background:#000;color:#dffff2;border-radius:0!important;padding:6px 11px;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.05em}.close:hover{border-color:#0bf99e;color:#fff;box-shadow:0 0 14px rgba(11,249,158,.12)}.detail-logo{max-width:132px;max-height:88px;object-fit:contain;background:#000;border:1px solid #1d5b46;border-radius:0!important;padding:10px;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 18px rgba(11,249,158,.08)}.detail-title{font-size:24px;font-weight:900;margin:14px 0 5px;color:#fff;line-height:1.12}.detail-title-link{color:#fff;text-decoration:none;cursor:pointer;transition:color .12s ease,text-shadow .12s ease}.detail-title-link:hover{color:#0bf99e;text-shadow:0 0 16px rgba(11,249,158,.18)}.detail-meta{color:#9fc7b7;font-size:12px;margin-bottom:13px;line-height:1.45}.detail-section{background:linear-gradient(180deg,#04100d,#020706);border:1px solid #12382c;border-radius:0!important;padding:13px;margin:11px 0;color:#c2ddd2;line-height:1.55;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.detail-section-title{font-size:10px;color:#0bf99e;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(18,56,44,.7)}.detail-cause{border-color:#214f75;background:linear-gradient(180deg,#081b2b,#06101a);color:#0bf99e}.result-status{padding:9px 2px 0;color:#82a798;font-size:11px;text-align:right;letter-spacing:.03em}.result-status strong{color:#dffff2}.result-status .empty{color:#f2cf75}.load-more-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.load-more-btn{height:28px;border:1px solid #1d5b46;background:linear-gradient(180deg,#092319,#06110e);color:#d9fff2;border-radius:0!important;padding:0 12px;font-size:9px;font-weight:900;letter-spacing:.06em;cursor:pointer;text-transform:uppercase}.load-more-btn:hover{border-color:#0bf99e;color:#fff;box-shadow:0 0 14px rgba(11,249,158,.14)}.empty-result-row td{text-align:center!important;color:#9fc7b7!important;padding:26px 14px!important;background:linear-gradient(180deg,#04100d,#020706)!important}.empty-result-title{color:#fff;font-weight:900;margin-bottom:5px;letter-spacing:.05em;text-transform:uppercase}.empty-result-copy{color:#8fb9a9;font-size:11px}.black-loading{position:fixed;inset:0;background:radial-gradient(circle at center,rgba(7,48,36,.38),#000 46%,#000 100%);z-index:2000;display:none;align-items:center;justify-content:center;color:#9fb9af;font-size:12px;letter-spacing:.12em}.black-loading.show{display:flex}.loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:280px;padding:20px 24px;border:1px solid #164534;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);box-shadow:0 26px 90px rgba(0,0,0,.72),0 0 34px rgba(11,249,158,.12);position:relative;overflow:hidden}.loading-card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.65),transparent)}.loading-world-wrap{width:58px;height:58px;border-radius:0!important;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(11,249,158,.18),rgba(11,249,158,.04) 58%,transparent 70%);box-shadow:0 0 26px rgba(11,249,158,.20);animation:mpmhLoaderPulse 1.45s ease-in-out infinite}.loading-world{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(11,249,158,.48))}.loading-kicker{font-size:10px;color:#0bf99e;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.loading-message{font-size:12px;color:#dffff2;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.loading-line{width:170px;height:1px;background:linear-gradient(90deg,transparent,#0bf99e,transparent);opacity:.62;animation:mpmhLoaderLine 1.2s ease-in-out infinite}@keyframes mpmhLoaderPulse{0%,100%{transform:scale(1);opacity:.82}50%{transform:scale(1.055);opacity:1}}@keyframes mpmhLoaderLine{0%,100%{opacity:.36}50%{opacity:.9}}.charity-name-cell{display:flex;align-items:center;gap:8px}.charity-name-cell img{flex:0 0 auto}.charity-site-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.charity-site-link{color:#dcecff;text-decoration:none;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.charity-site-link:hover{color:#fff;text-decoration:underline}.charity-visit-mini{border-color:#214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;padding:6px 9px}.charity-visit-mini:hover{border-color:#7eb7ff;color:#fff;box-shadow:0 0 12px rgba(126,183,255,.14);transform:translateY(-1px)}.charity-detail-btn{border-color:#1d5b46}.public-footer{max-width:1440px;margin:2px auto 0;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,rgba(6,24,18,.95),rgba(2,7,6,.98));box-shadow:0 16px 46px rgba(0,0,0,.38);overflow:hidden}.public-footer-inner{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:10px;align-items:center;padding:10px 14px}.footer-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.footer-statement{color:#dffff2;font-size:12px;line-height:1.58;font-weight:800;letter-spacing:.01em}.footer-note{color:#8fb9a9;font-size:11px;line-height:1.45}.footer-pill{border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);border-radius:0!important;padding:8px 10px;color:#dcecff;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-align:center}.footer-pill strong{color:#fff}
.editorial-separator{
height:1px;
margin:18px 0;
background:linear-gradient(90deg,transparent,rgba(11,249,158,.28),transparent);
opacity:.75;
}


/* v41 Signal Result Preview Layer */
.signal-preview-results{display:grid;gap:8px;margin-top:10px}
.signal-preview-card{border:1px solid #174332;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);padding:10px}
.signal-preview-title{font-size:11px;font-weight:900;color:#fff;margin-bottom:4px}
.signal-preview-copy{font-size:11px;color:#9fc7b7;line-height:1.45}
.signal-definition-card{border-color:#214f75;background:linear-gradient(180deg,#081b2b,#06101a)}
.signal-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.signal-chip{border:1px solid #1d5b46;border-radius:0!important;padding:6px 10px;background:linear-gradient(180deg,#092319,#06110e);color:#dffff2;font-size:10px;font-weight:900;cursor:pointer}
.signal-chip:hover{border-color:#0bf99e;color:#fff}


@media(max-width:900px){.public-footer-inner{grid-template-columns:1fr}.readout-grid,.leaderboard-grid{grid-template-columns:1fr}.topbar-inner{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.placeholder-grid{grid-template-columns:1fr}.active-pill{white-space:normal}.control-row{grid-template-columns:1fr}.data-shell{height:480px}}


/* v31 Detail Panel Interaction Upgrade */
body.detail-open{overflow:hidden;}
.detail-backdrop{position:fixed;inset:0;z-index:1190;background:rgba(0,0,0,.58);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .20s ease;}
.detail-backdrop.open{opacity:1;pointer-events:auto;}
.side-panel{transition:transform .24s cubic-bezier(.2,.78,.18,1), box-shadow .24s ease;}
.side-panel.open{box-shadow:0 38px 140px rgba(0,0,0,.86),0 0 42px rgba(11,249,158,.12);}

/* v27 Detail Panel Product Polish */
.detail-profile-hero{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;margin-bottom:14px;padding:12px;border:1px solid #174332;border-radius:0!important;background:linear-gradient(135deg,#071c15,#020706);position:relative;overflow:hidden}
.detail-profile-hero:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.55),transparent)}
.detail-profile-text{min-width:0}.detail-badge-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.detail-badge{display:inline-flex;align-items:center;border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;border-radius:0!important;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.detail-badge.green{border-color:#0bf99e;background:linear-gradient(180deg,#073024,#03130d);color:#dffff2}.detail-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:10px 0 12px}.detail-metric-grid .metric{min-height:76px;background:linear-gradient(180deg,#061812,#020706);border-color:#174332}.detail-metric-grid .metric-value{font-size:19px}.detail-action-primary{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;box-shadow:0 0 18px rgba(11,249,158,.18)}.detail-action-primary:hover{box-shadow:0 0 24px rgba(11,249,158,.26)!important}.detail-actions .open-btn,.detail-actions .visit-btn{padding:8px 13px}.side-head span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:0!important;background:#0bf99e;box-shadow:0 0 12px rgba(11,249,158,.65);margin-right:8px;vertical-align:1px}
@media(max-width:650px){.detail-profile-hero{grid-template-columns:1fr}.detail-logo{max-width:116px}.detail-title{font-size:21px}.detail-metric-grid{grid-template-columns:1fr}}


/* v34A2 Outer Browser Containment Only
   Start clean from v33: lock the browser page and let the main public shell content own vertical movement.
   This pass intentionally does not rewire table/data-shell vertical scrolling, add fake rails, or add keyboard hacks. */
html,body{height:100%;overflow:hidden;overscroll-behavior:none;}
body{min-height:100vh;}
.public-shell{height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:12px;}
.shell-main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#1d5b46 #020706;}
.shell-main::-webkit-scrollbar{width:12px;}
.shell-main::-webkit-scrollbar-track{background:#020706;border-left:1px solid #071a14;}
.shell-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1d5b46,#0b3024);border:3px solid #020706;border-radius:0!important;}
.shell-main::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0bf99e,#1d5b46);}
.tab-panel{min-height:0;}
.panel.tab-panel{margin-bottom:12px;}
.public-footer{margin-bottom:0;}

/* v36B1 Scroll Panel Expansion Fix
   Keep one main non-table scroll owner (.shell-main), but let non-table tabs expand naturally.
   Campaigns/Charities retain their internal .data-shell table scrollers. */
.shell-main{display:block;width:100%;max-width:1440px;}
.panel.tab-panel:not([data-panel="campaigns"]):not([data-panel="charities"]){overflow:visible;}
.panel.tab-panel:not([data-panel="campaigns"]):not([data-panel="charities"]) .panel-body{overflow:visible;}
.tab-panel[data-panel="overview"]{overflow:visible;}
@media(max-width:900px){html,body{overflow:auto}.public-shell{height:auto;min-height:100vh;overflow:visible}.shell-main{overflow:visible}}


/* v35 Selected Cause Front Page Hero */
.selected-cause-hero{grid-template-columns:112px 1fr;gap:18px;min-height:142px;padding:18px!important;border-color:#23845f!important;background:linear-gradient(135deg,rgba(7,48,36,.98),rgba(2,7,6,.98) 58%,rgba(7,20,32,.92))!important;box-shadow:0 22px 80px rgba(0,0,0,.52),0 0 34px rgba(11,249,158,.08);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;}
.selected-cause-hero:hover{transform:translateY(-1px);border-color:#0bf99e!important;box-shadow:0 26px 88px rgba(0,0,0,.58),0 0 38px rgba(11,249,158,.13)}
.cause-hero-glow{position:absolute;left:-50px;top:-70px;width:220px;height:220px;border-radius:0!important;background:radial-gradient(circle,rgba(11,249,158,.18),rgba(11,249,158,.07) 42%,transparent 70%);filter:blur(2px);pointer-events:none;animation:mpmhCauseGlow 3.8s ease-in-out infinite;}
.cause-logo-link{position:relative;z-index:2;display:block;align-self:center}.selected-cause-hero .cause-logo{width:112px;height:112px;border-radius:0!important;border-color:#23845f;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.46),0 0 24px rgba(11,249,158,.16);transition:transform .18s ease,box-shadow .18s ease}.selected-cause-hero:hover .cause-logo{transform:scale(1.025);box-shadow:0 16px 38px rgba(0,0,0,.50),0 0 30px rgba(11,249,158,.22)}
.cause-hero-content{position:relative;z-index:2;min-width:0}.cause-hero-kicker{color:#93ffd0;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.selected-cause-hero .cause-name{font-size:23px;line-height:1.12;padding-right:120px}.selected-cause-hero .cause-meta{font-size:12px;color:#a5cfc0;margin-top:7px}.cause-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.cause-primary-action{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;box-shadow:0 0 18px rgba(11,249,158,.16)}.cause-change-btn{border-color:#214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff}.cause-change-btn:hover{border-color:#0bf99e;color:#fff}.cause-confirmation{max-height:0;opacity:0;overflow:hidden;margin-top:0;color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;transition:max-height .20s ease,opacity .20s ease,margin-top .20s ease}.cause-confirmation.show{max-height:38px;opacity:1;margin-top:9px}.cause-confirmation strong{color:#0bf99e}.selected-cause-hero.cause-pulse{animation:mpmhCausePulse .58s ease}
.cause-description{margin-top:12px;padding:12px 13px;border:1px solid rgba(35,132,95,.52);border-radius:0!important;background:linear-gradient(180deg,rgba(2,7,6,.74),rgba(4,16,13,.74));color:#c7e3d8;font-size:14px;line-height:1.62;max-width:940px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.cause-description:empty{display:none}.cause-description strong{color:#dffff2}.cause-description-text{display:block;color:#c7e3d8;font-size:inherit;line-height:inherit}
.cause-select.cause-focus-pulse{animation:mpmhCauseSelectPulse .95s ease}
@keyframes mpmhCauseGlow{0%,100%{opacity:.64;transform:scale(1)}}
@keyframes mpmhCausePulse{0%{box-shadow:0 22px 80px rgba(0,0,0,.52),0 0 0 rgba(11,249,158,0)}42%{box-shadow:0 26px 90px rgba(0,0,0,.58),0 0 42px rgba(11,249,158,.28)}100%{box-shadow:0 22px 80px rgba(0,0,0,.52),0 0 34px rgba(11,249,158,.08)}}
@keyframes mpmhCauseSelectPulse{0%,100%{box-shadow:0 0 0 0 rgba(11,249,158,0)}45%{box-shadow:0 0 0 3px rgba(11,249,158,.22)}}
@media(max-width:700px){.selected-cause-hero{grid-template-columns:1fr;text-align:left}.selected-cause-hero .cause-logo{width:96px;height:96px}.selected-cause-hero .cause-name{font-size:20px;padding-right:0}.cause-hero-glow{left:-80px;top:-80px}}


/* v36 Cause-First Launch Mockup Layer */
.cause-first-overview{display:grid;gap:12px;}
.platform-intro-card{position:relative;overflow:hidden;border-color:#174332;background:linear-gradient(135deg,rgba(8,31,24,.98),rgba(2,7,6,.98) 62%,rgba(7,20,32,.88));}
.platform-intro-card:before,.command-center-card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.62),transparent);}
.platform-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;}
.platform-intro-card .hero-copy strong{color:#fff;}
.compact-copy{margin-top:8px;}
.cause-wide-wrap{display:block;}
.cause-first-card{width:100%;}
.cause-first-card.selected-cause-hero{min-height:174px;}
.cause-first-card .cause-name{font-size:28px;line-height:1.08;}
.cause-meaning-line{color:#dffff2!important;font-weight:800;line-height:1.45;}
.cause-flow-strip{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #174332;border-radius:0!important;background:linear-gradient(180deg,#071a14,#020706);box-shadow:0 12px 30px rgba(0,0,0,.28);color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;}
.cause-flow-strip span{padding:6px 10px;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#092319,#04110d);}
.cause-flow-strip b{color:#0bf99e;font-size:13px;}
.cause-first-stats{margin-top:0;}
.cause-first-network-metrics{margin-top:0;}
.cause-first-a .selected-cause-hero{grid-template-columns:128px 1fr;}
.cause-first-a .selected-cause-hero .cause-logo{width:128px;height:128px;}
.cause-split-grid{grid-template-columns:1.15fr .85fr;}
.cause-first-b .selected-cause-hero{min-height:236px;align-items:center;}
.cause-first-b .selected-cause-hero .cause-logo{width:122px;height:122px;}
.cause-first-b .split-intro-card{display:flex;flex-direction:column;justify-content:center;}
.cause-first-b .cause-flow-strip{justify-content:flex-start;margin-top:14px;}
.command-center-card{position:relative;overflow:hidden;border-color:#23845f;background:linear-gradient(135deg,rgba(7,48,36,.98),rgba(2,7,6,.98) 58%,rgba(7,20,32,.92));}
.command-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;}
.command-updated{border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);border-radius:0!important;padding:8px 10px;color:#dcecff;font-size:10px;font-weight:900;white-space:nowrap;}
.command-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;align-items:stretch;}
.command-instructions{display:grid;gap:9px;}
.instruction-card{border:1px solid #174332;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);padding:13px;line-height:1.45;}
.instruction-card h3{margin:0 0 6px;color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}
.instruction-card p{margin:0;color:#b9d3c8;}
.live-proof-panel .metric-grid{grid-template-columns:repeat(7,1fr);}
@media(max-width:1000px){.cause-split-grid,.command-grid{grid-template-columns:1fr}.command-topline{display:block}.command-updated{display:inline-block;margin-top:8px}.cause-first-a .selected-cause-hero,.selected-cause-hero{grid-template-columns:1fr}.cause-first-card .cause-name{font-size:22px}.live-proof-panel .metric-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cause-flow-strip{justify-content:flex-start}.cause-flow-strip b{display:none}.cause-flow-strip span{width:100%;text-align:center}.cause-first-a .selected-cause-hero .cause-logo,.cause-first-b .selected-cause-hero .cause-logo{width:96px;height:96px}}


/* v36B1 Scroll Controller Stabilization
   Keep one main page scroller for non-table tabs while preserving table scrollers. */
.shell-main{
  position:relative;
  width:100%;
  outline:none;
  -webkit-overflow-scrolling:touch;
}
.shell-main:focus{outline:none;}
.tab-panel{width:100%;}
.panel.tab-panel{width:100%;}
.data-shell{overscroll-behavior:contain;}
.public-footer{flex:0 0 auto;}
@media(min-width:901px){
  .shell-main{scroll-padding-top:12px;}
}


/* v36B2 Locked Footer / Main Viewport Coordination
   Footer is now a flex-locked bottom shell region. shell-main owns the remaining vertical viewport. */
.public-shell{height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0 12px 10px;}
.topbar{flex:0 0 auto;}
.shell-main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:14px auto 10px;padding-bottom:0;}
.public-footer{flex:0 0 auto;width:100%;max-width:1440px;margin:0 auto;border-radius:0!important;}
.public-footer-inner{padding:12px 14px;}
body.detail-open .shell-main{overflow:hidden;}
@media(max-width:900px){
  .public-shell{height:auto;min-height:100vh;overflow:visible;padding:0 12px 12px;}
  .shell-main{overflow:visible;margin:14px auto 10px;}
  .public-footer{margin:0 auto;}
}


/* v36B3 Table Tab Flex Viewport Coordination
   Campaigns and Charities now share the same app-shell height rules:
   header/footer stay locked, shell-main owns the viewport, and table bodies fill the remaining space. */
@media(min-width:901px){
  .panel.tab-panel[data-panel="campaigns"],
  .panel.tab-panel[data-panel="charities"]{
    height:100%;
    max-height:100%;
    min-height:0;
    margin-bottom:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .panel.tab-panel[data-panel="campaigns"] .panel-head,
  .panel.tab-panel[data-panel="charities"] .panel-head{
    flex:0 0 auto;
  }
  .panel.tab-panel[data-panel="campaigns"] .panel-body,
  .panel.tab-panel[data-panel="charities"] .panel-body{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .panel.tab-panel[data-panel="campaigns"] .control-row,
  .panel.tab-panel[data-panel="charities"] .control-row,
  .panel.tab-panel[data-panel="campaigns"] .category-active-label,
  .panel.tab-panel[data-panel="charities"] .category-active-label{
    flex:0 0 auto;
  }
  .panel.tab-panel[data-panel="campaigns"] .data-shell,
  .panel.tab-panel[data-panel="charities"] .data-shell{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    max-height:none;
    overflow:auto;
  }
  .panel.tab-panel[data-panel="campaigns"] .result-status,
  .panel.tab-panel[data-panel="charities"] .result-status{
    flex:0 0 auto;
  }
}


/* v36B4 Header Compression / Vertical Space Recovery
   Controlled spacing pass only: preserves app-shell scrolling, locked footer, table flex, and tracking logic. */
@media(min-width:901px){
  .topbar-inner{
    padding:6px 8px;
    gap:10px;
  }
  .brand{gap:8px;}
  .brand img{
    width:32px;
    height:32px;
  }
  .brand-title{
    font-size:12px;
    letter-spacing:.105em;
    line-height:1.05;
  }
  .brand-sub{
    font-size:9px;
    margin-top:1px;
    letter-spacing:.07em;
  }
  .search,.cause-select{
    height:30px;
  }
  .search{
    padding:0 12px;
    font-size:12px;
  }
  .cause-select{
    padding:0 10px;
    font-size:10px;
    max-width:260px;
  }
  .active-pill{
    padding:6px 10px;
    font-size:10px;
  }
  .tabs{
    padding:0 8px 5px;
    gap:5px;
  }
  .tab-btn{
    padding:6px 10px;
    border-radius:0!important;
    font-size:10px;
    letter-spacing:.055em;
  }
  .shell-main{
    margin:8px auto 8px;
  }
  .panel-head{
    height:34px;
    font-size:11px;
  }
  .panel-body{
    padding:10px;
  }
  .control-row{
    margin-bottom:8px;
    gap:7px;
  }
  .control-input,.control-select,.control-btn{
    height:31px;
  }
  .public-footer-inner{
    padding:9px 12px;
    gap:10px;
  }
  .footer-statement{font-size:12px;line-height:1.35;}
  .footer-note{font-size:10px;line-height:1.35;}
  .footer-pill{padding:7px 9px;font-size:9px;}
}


/* v36B5 Footer Tighten / Locked Footer Space Recovery
   Controlled footer-only spacing pass layered after header compression. */
@media(min-width:901px){
  .public-footer-inner{
    padding:7px 10px;
    gap:8px;
  }
  .footer-kicker{
    font-size:9px;
    margin-bottom:2px;
    letter-spacing:.12em;
  }
  .footer-statement{
    font-size:11px;
    line-height:1.28;
  }
  .footer-note{
    font-size:9px;
    line-height:1.28;
  }
  .footer-pill{
    padding:5px 8px;
    font-size:8.5px;
    letter-spacing:.05em;
  }
}


/* v36B6 Footer Business Links
   Secondary business-facing links live in the locked footer, not the primary user nav. */
.footer-business-links{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  opacity:.88;
}
.footer-business-links .footer-pill{
  cursor:pointer;
  border:1px solid #214f75;
  background:linear-gradient(180deg,#10263b,#071420);
}
@media(max-width:900px){
  .footer-business-links{
    justify-content:flex-start;
  }
}

/* v36B7 Compact Footer Utility Layer
   Footer now stays small: business links + quiet update timestamp only. */
.footer-compact-inner{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  grid-template-columns:none!important;
  padding:5px 9px!important;
}
.footer-updated-mini{
  color:#6f8f84;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.045em;
  white-space:nowrap;
  text-align:right;
}
.footer-updated-mini strong{color:#a8cfc0;font-weight:900;}
.footer-business-links{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  opacity:.9;
}
.footer-business-label{
  color:#6f8f84;
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  margin-right:2px;
}
.footer-business-links .footer-pill{
  cursor:pointer;
  padding:4px 7px!important;
  font-size:8.5px!important;
  line-height:1.1;
  border:1px solid #214f75;
  background:linear-gradient(180deg,#10263b,#071420);
}
.footer-business-links .footer-pill:hover{
  opacity:1;
  border-color:#0bf99e;
  color:#fff;
}
@media(max-width:900px){
  .footer-compact-inner{align-items:flex-start;flex-direction:column;}
  .footer-updated-mini{text-align:left;white-space:normal;}
}


.cause-explore-primary{
  border-color:#0bf99e!important;
  background:linear-gradient(180deg,#0b5f40,#073024)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(11,249,158,.20)!important;
}
.cause-explore-primary:hover{
  box-shadow:0 0 24px rgba(11,249,158,.30)!important;
  transform:translateY(-1px);
}


/* vNEXT Table Header Tighten
   Center table section titles and remove redundant intro blocks to recover vertical space. */
.panel-head.centered-title{justify-content:center;text-align:center;color:#dffff2;}
.panel-head.centered-title span{display:block;width:100%;text-align:center;}


/* vNEXT Global Search UX Cleanup
   Keep typing focus in the top search box, and make global mixed results use the same single table viewport treatment. */
@media(min-width:901px){
  .panel.tab-panel[data-panel="global_search"]{
    height:100%;
    max-height:100%;
    min-height:0;
    margin-bottom:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .panel.tab-panel[data-panel="global_search"] .panel-head{flex:0 0 auto;}
  .panel.tab-panel[data-panel="global_search"] .panel-body{
    flex:1 1 auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .panel.tab-panel[data-panel="global_search"] .copy-block{flex:0 0 auto;}
  .panel.tab-panel[data-panel="global_search"] .data-shell{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    max-height:none;
    overflow:auto;
  }
  .panel.tab-panel[data-panel="global_search"] .result-status{flex:0 0 auto;}
}
#globalSearchTable:focus,.panel.tab-panel[data-panel="global_search"] .data-shell:focus{outline:1px solid rgba(11,249,158,.32);outline-offset:-1px;}


/* v40 Mixed Global Search Row Polish */
#globalSearchTable th:first-child,#globalSearchTable td:first-child{width:92px;}
#globalSearchTable th:last-child,#globalSearchTable td:last-child{width:96px;text-align:right;}
#globalSearchTable tbody tr.global-result-row td{padding-top:11px;padding-bottom:11px;}
#globalSearchTable tbody tr.global-result-row:hover td{background:#0b2b21;}
#globalSearchTable tbody tr.global-result-row:hover td:first-child{box-shadow:inset 3px 0 0 #0bf99e,inset 0 1px 0 rgba(11,249,158,.12),inset 0 -1px 0 rgba(11,249,158,.08);}
.global-type-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border-radius:0!important;padding:4px 8px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}
.global-type-pill.brand{border-color:#1d5b46;background:linear-gradient(180deg,#08261d,#04110d);color:#dffff2;}
.global-type-pill.charity{border-color:#0bf99e;background:linear-gradient(180deg,#073024,#03130d);color:#f2fff9;box-shadow:0 0 12px rgba(11,249,158,.10),inset 0 1px 0 rgba(255,255,255,.03);}
.global-name-cell{display:flex;align-items:center;gap:9px;min-width:0;}
.global-logo{width:34px;height:26px;object-fit:contain;flex:0 0 34px;background:#000;border:1px solid #12382c;border-radius:0!important;padding:3px;box-shadow:0 6px 16px rgba(0,0,0,.28);}
.global-name-wrap{min-width:0;display:flex;flex-direction:column;gap:2px;}
.global-name-main{display:block;color:#fff;font-weight:900;font-size:12.5px;line-height:1.15;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.global-name-sub{display:block;color:#6f8f84;font-size:9px;font-weight:900;letter-spacing:.075em;text-transform:uppercase;}
.global-category-pill{display:inline-flex;align-items:center;max-width:220px;border:1px solid #12382c;background:linear-gradient(180deg,#071a14,#020706);border-radius:0!important;padding:5px 8px;color:#bfe0d3;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.global-category-pill.charity{border-color:#214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;}
.global-website-link{color:#dcecff;text-decoration:none;display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-bottom:1px solid rgba(126,183,255,.20);line-height:1.3;}
.global-website-link:hover{color:#fff;border-bottom-color:#7eb7ff;text-decoration:none;}
.global-website-empty{color:#6f8f84;}
.global-metric{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:6px;min-width:112px;}
.global-metric-number{color:#fff;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;}
.global-activity-label{display:inline-block;color:#8fb9a9;font-size:8.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;}
.global-action-cell .open-btn{min-width:78px;text-align:center;padding:7px 10px;}
@media(max-width:900px){.global-website-link{max-width:180px;}.global-name-main{max-width:220px}.global-category-pill{max-width:150px}}


/* v41 Table click polish: charity names select active cause; brand names use /go/to/ funnel; charity/brand metrics left-aligned. */
#charityTable th.num,#charityTable td.num,#campaignTable th.num,#campaignTable td.num{text-align:left;}
.charity-select-link,.brand-outbound-link{color:#ffffff;text-decoration:none;font-weight:900;}
.charity-select-link:hover,.brand-outbound-link:hover{color:#0bf99e;text-decoration:underline;}
.brand-outbound-link{display:inline-flex;align-items:center;gap:8px;}


/* v42 Tooltip system / category clarity / table scan polish */
.conversion-bridge-line{margin:2px 0 0;padding:9px 12px;border:1px solid #174332;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.28);}
.category-active-label{border-color:#1d5b46!important;background:linear-gradient(180deg,#08261d,#020706)!important;box-shadow:inset 0 1px 0 rgba(11,249,158,.08),0 10px 28px rgba(0,0,0,.28);}
.category-active-kicker{color:#0bf99e!important;}
.category-active-name{font-size:12px;letter-spacing:.06em;}
.category-clear{border-color:#0bf99e!important;color:#fff!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;}
.data-table td{padding-top:11px;padding-bottom:11px;}
.data-table td:nth-child(3),.data-table td:nth-child(4){color:#a9cbbf;}
.global-type-pill.brand{border-color:#7eb7ff;background:linear-gradient(180deg,#10263b,#071420);color:#e6f2ff;}
.global-type-pill.charity{border-color:#0bf99e;background:linear-gradient(180deg,#073024,#03130d);color:#f2fff9;}
.global-category-pill{box-shadow:inset 0 1px 0 rgba(255,255,255,.03);}


/* v43 Metric In-Card Overlay System */
.metric-hover{
  position:relative;
  overflow:hidden;
}
.metric-main{
  transition:opacity .15s ease;
}
.metric-overlay{
  position:absolute;
  left:8px;
  right:8px;
  top:28px;
  bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:8px 9px;
  font-size:10.5px;
  line-height:1.35;
  color:#dffff2;
  background:linear-gradient(180deg,rgba(3,13,10,.96),rgba(2,7,6,.98));
  border:1px solid rgba(29,91,70,.72);
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 22px rgba(0,0,0,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
.metric-hover:hover .metric-main,
.metric-hover:focus-within .metric-main{
  opacity:0;
}
.metric-hover:hover .metric-overlay,
.metric-hover:focus-within .metric-overlay{
  opacity:1;
}
.conversion-bridge-line{margin:2px 0 0;padding:9px 12px;border:1px solid #174332;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.28);}
.conversion-bridge-line:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:0!important;background:#0bf99e;box-shadow:0 0 12px rgba(11,249,158,.58);vertical-align:1px;}


/* vBIGWIN Overview Trust + Conversion Path Polish */
.overview-priority-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;align-items:stretch;}
.conversion-path-card,.trust-transparency-card{position:relative;overflow:hidden;border:1px solid #174332;border-radius:0!important;background:linear-gradient(135deg,rgba(6,24,18,.98),rgba(2,7,6,.98) 62%,rgba(7,20,32,.88));box-shadow:0 18px 52px rgba(0,0,0,.36);padding:14px;}
.conversion-path-card:before,.trust-transparency-card:before,.table-intro-card:before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.60),transparent);}
.path-kicker,.trust-kicker,.table-intro-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;}
.path-title,.trust-title{margin:0 0 10px;color:#fff;font-size:14px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.conversion-path-row{display:flex;align-items:stretch;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:10px;}
.path-step{flex:1 1 155px;min-width:145px;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);padding:12px;text-align:center;position:relative;}
.path-step strong{display:block;color:#fff;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;}
.path-step span{display:block;color:#9fc7b7;font-size:10px;line-height:1.4;}
.path-arrow{display:flex;align-items:center;justify-content:center;color:#0bf99e;font-size:18px;font-weight:900;min-width:18px;text-shadow:0 0 12px rgba(11,249,158,.42);}
.trust-steps{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px;}
.trust-step{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#061812,#020706);padding:9px 10px;}
.trust-num{width:28px;height:28px;border-radius:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #0bf99e;color:#0bf99e;font-size:10px;font-weight:900;background:#03130d;box-shadow:0 0 14px rgba(11,249,158,.12);}
.trust-copy strong{display:block;color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.trust-copy span{display:block;color:#9fc7b7;font-size:10px;line-height:1.35;margin-top:2px;}
.table-intro-card{position:relative;margin-bottom:10px;border:1px solid #174332;border-radius:0!important;background:linear-gradient(135deg,rgba(6,24,18,.96),rgba(2,7,6,.98));padding:12px 13px;color:#b9d3c8;line-height:1.45;}
.table-intro-card h3{margin:0 0 5px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;}
.table-intro-card p{margin:0;color:#a9cbbf;font-size:11px;}
.selected-cause-hero .cause-hero-kicker{font-size:10px;line-height:1.35;}
.selected-cause-hero .cause-meaning-line{font-size:13px;color:#dffff2!important;}
@media(max-width:1000px){.overview-priority-grid{grid-template-columns:1fr}.path-arrow{display:none}.conversion-path-row{display:grid;grid-template-columns:1fr;}}


/* vNEXT Cause Reinforcement + Search Clarity Polish */
.data-table tbody tr{transition:transform .12s ease}.data-table tbody tr:hover{cursor:default}.data-table tbody tr:hover td{transform:translateY(-1px)}.brand-outbound-link,.charity-select-link{cursor:pointer}.global-result-row.global-brand-row td:first-child{box-shadow:inset 3px 0 0 #7eb7ff}.global-result-row.global-charity-row td:first-child{box-shadow:inset 3px 0 0 #0bf99e}.global-result-row.global-brand-row:hover td:first-child{box-shadow:inset 4px 0 0 #7eb7ff,inset 0 1px 0 rgba(126,183,255,.12),inset 0 -1px 0 rgba(126,183,255,.08)!important}.global-result-row.global-charity-row:hover td:first-child{box-shadow:inset 4px 0 0 #0bf99e,inset 0 1px 0 rgba(11,249,158,.12),inset 0 -1px 0 rgba(11,249,158,.08)!important}.empty-result-row td{border:1px dashed rgba(29,91,70,.55)!important}.system-confidence-line{margin-top:10px;color:#8fb9a9;font-size:10px;line-height:1.45;text-align:center}.system-confidence-line strong{color:#dffff2}.category-active-label{box-shadow:0 10px 28px rgba(0,0,0,.28)}


.header-cause-inline{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#9fc7b7;white-space:nowrap;min-width:0;}
.header-cause-inline strong{color:#0bf99e;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.header-change-btn{border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;border-radius:0!important;padding:4px 9px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap;}
.header-change-btn:hover{border-color:#0bf99e;color:#fff;}
.search-wrap .search{flex:1 1 auto;min-width:0;}
@media(max-width:900px){.header-cause-inline{width:100%;justify-content:center;white-space:normal;}.header-cause-inline strong{max-width:70vw;}.search-wrap{flex-wrap:wrap;}}

/* vNEXT Header Simplification Pass
   Remove redundant cause dropdown / blue active-cause bar from header.
   Now Supporting now lives inside the header search row as the single persistent cause context. */
@media(min-width:901px){
  .topbar-inner{
    grid-template-columns:auto 1fr;
    align-items:center;
  }
}


/* MP Signal Preview Placeholder (Overview Right Panel) - polished public-facing preview */
.mp-dynamic-placeholder{height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#000;border-radius:0!important;position:relative;overflow:hidden;text-align:center;padding:18px;border:1px solid rgba(18,56,44,.85);box-shadow:inset 0 0 0 1px rgba(0,0,0,.72),0 18px 55px rgba(0,0,0,.34);}
.mp-dynamic-placeholder:before{content:"";position:absolute;width:290px;height:290px;border-radius:0!important;background:radial-gradient(circle,rgba(11,249,158,.18),rgba(11,249,158,.055) 52%,transparent 72%);animation:mpPulseField 4.5s ease-in-out infinite;}
.mp-dynamic-placeholder:after{content:"";position:absolute;left:12%;right:12%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.58),transparent);opacity:.46;animation:mpSignalLine 3.4s ease-in-out infinite;}
.mp-signal-scan{position:absolute;left:0;right:0;top:-12%;height:2px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.42),rgba(126,183,255,.18),transparent);opacity:.38;box-shadow:0 0 18px rgba(11,249,158,.20);animation:mpSignalScan 7.5s linear infinite;z-index:1;}
.mp-signal-grid{position:absolute;inset:0;z-index:0;opacity:.18;background:linear-gradient(rgba(11,249,158,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,249,158,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.88) 42%,transparent 76%);}
.mp-dynamic-world-wrap{width:98px;height:98px;border-radius:0!important;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(11,249,158,.13),rgba(11,249,158,.035) 58%,transparent 72%);box-shadow:0 0 34px rgba(11,249,158,.18);position:relative;z-index:2;animation:mpSignalHalo 4s ease-in-out infinite;}
.mp-dynamic-world{width:74px;height:74px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 12px rgba(11,249,158,.44));animation:mpWorldPulse 3s ease-in-out infinite;}
.mp-signal-kicker{position:relative;z-index:3;color:#0bf99e;font-size:9px;line-height:1;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 12px rgba(11,249,158,.16);}
.mp-signal-title{position:relative;z-index:3;color:#fff;font-size:17px;line-height:1.1;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.mp-signal-copy{position:relative;z-index:3;min-height:18px;color:#cffff0;font-size:11px;line-height:1.45;letter-spacing:.04em;transition:opacity .42s ease,transform .42s ease;text-shadow:0 0 10px rgba(11,249,158,.08);}
.mp-signal-copy.fade{opacity:.08;transform:translateY(3px);}
.mp-signal-status{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;color:#dffff2;border:1px solid rgba(29,91,70,.75);background:linear-gradient(180deg,rgba(9,35,25,.9),rgba(2,7,6,.92));border-radius:0!important;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 18px rgba(11,249,158,.07);}
.mp-signal-dot{width:6px;height:6px;border-radius:0!important;background:#0bf99e;box-shadow:0 0 12px rgba(11,249,158,.65);animation:mpSignalDot 1.8s ease-in-out infinite;}
@keyframes mpWorldPulse{0%,100%{transform:scale(1);opacity:.86;}50%{transform:scale(1.055);opacity:1;}}
@keyframes mpPulseField{0%,100%{transform:scale(1);opacity:.52;}50%{transform:scale(1.12);opacity:.92;}}
@keyframes mpSignalHalo{0%,100%{transform:scale(1);box-shadow:0 0 28px rgba(11,249,158,.12);}50%{transform:scale(1.035);box-shadow:0 0 42px rgba(11,249,158,.22);}}
@keyframes mpSignalDot{0%,100%{opacity:.45;transform:scale(.88);}50%{opacity:1;transform:scale(1.15);}}
@keyframes mpSignalLine{0%,100%{opacity:.26;transform:scaleX(.82);}50%{opacity:.62;transform:scaleX(1);}}
@keyframes mpSignalScan{0%{top:-12%;opacity:0;}10%{opacity:.38;}88%{opacity:.38;}100%{top:112%;opacity:0;}}


/* MP Signal Public Preview Upgrade - purpose, chips, preview badge, dynamic cause line */
.mp-dynamic-placeholder{min-height:280px;gap:9px;}
.mp-signal-badge{position:absolute;top:10px;right:12px;z-index:4;color:#7aa89a;font-size:8.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;border:1px solid rgba(29,91,70,.48);border-radius:0!important;padding:4px 7px;background:rgba(0,0,0,.52);}
.mp-signal-purpose{position:relative;z-index:3;color:#9fc7b7;font-size:10.5px;line-height:1.42;max-width:330px;margin-top:-2px;text-shadow:0 0 10px rgba(11,249,158,.06);}
.mp-signal-chip-row{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:1px 0 2px;}
.mp-signal-chip-row span{border:1px solid rgba(29,91,70,.78);border-radius:0!important;padding:4px 7px;color:#cffff0;background:linear-gradient(180deg,rgba(8,38,29,.92),rgba(4,17,13,.94));font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 12px rgba(11,249,158,.045);}
.mp-signal-copy{max-width:360px;min-height:34px;display:flex;align-items:center;justify-content:center;}
.mp-signal-status{margin-top:1px;}
.mp-signal-progress{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:4;background:linear-gradient(90deg,transparent,#0bf99e,transparent);opacity:.36;transform-origin:center;animation:mpSignalProgress 4.2s ease-in-out infinite;}
@keyframes mpSignalProgress{0%,100%{transform:scaleX(.08);opacity:.18;}50%{transform:scaleX(1);opacity:.48;}}



/* Signal card: header lives in the green card area; black panel contains only the visual system preview */
.mp-signal-card-clean{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:10px!important;
  position:relative!important;
  padding:18px!important;
}
.mp-signal-outer-header{
  text-align:center;
  color:#0bf99e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  line-height:1;
  margin:0 0 2px;
}
.mp-signal-card-clean .mp-dynamic-placeholder{
  width:100%;
  min-height:188px;
  height:auto;
  padding:22px 18px 18px;
  background:#000!important;
  border:1px solid rgba(23,67,50,.72)!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72),0 18px 55px rgba(0,0,0,.34)!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  position:relative;
  overflow:hidden;
  text-align:center;
}
.mp-signal-card-clean .mp-dynamic-placeholder:before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:0!important;
  background:radial-gradient(circle,rgba(11,249,158,.16),rgba(11,249,158,.05) 52%,transparent 72%);
  animation:mpPulseField 4.5s ease-in-out infinite;
  pointer-events:none;
}
.mp-signal-card-clean .mp-dynamic-placeholder:after{
  display:none!important;
  content:none!important;
}
.mp-signal-card-clean .mp-signal-scan,
.mp-signal-card-clean .mp-signal-badge,
.mp-signal-card-clean .mp-signal-kicker,
.mp-signal-card-clean .mp-signal-title,
.mp-signal-card-clean .mp-signal-purpose,
.mp-signal-card-clean .mp-signal-status,
.mp-signal-card-clean .mp-signal-progress{
  display:none!important;
}
.mp-signal-scanline{
  position:absolute;
  top:-12%;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.42),rgba(126,183,255,.16),transparent);
  opacity:.28;
  box-shadow:0 0 16px rgba(11,249,158,.16);
  animation:mpSignalScan 7.5s linear infinite;
  z-index:1;
  pointer-events:none;
}
.mp-signal-card-clean .mp-signal-grid{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.10;
  background:linear-gradient(rgba(11,249,158,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(11,249,158,.035) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.78) 42%,transparent 76%);
  pointer-events:none;
}
.mp-signal-card-clean .mp-dynamic-world-wrap{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:3;
  animation:none!important;
}
.mp-signal-card-clean .mp-dynamic-world-wrap:before,
.mp-signal-card-clean .mp-dynamic-world-wrap:after{
  display:none!important;
  content:none!important;
}
.mp-signal-card-clean .mp-dynamic-world{
  width:74px;
  height:74px;
  object-fit:contain;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 16px rgba(11,249,158,.38));
  animation:mpWorldPulse 3s ease-in-out infinite;
  position:relative;
  z-index:3;
}
.mp-signal-card-clean .mp-signal-chip-row{
  position:relative;
  z-index:3;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:0;
}
.mp-signal-card-clean .mp-signal-chip-row span{
  border:1px solid rgba(29,91,70,.78);
  border-radius:0!important;
  padding:4px 7px;
  color:#cffff0;
  background:linear-gradient(180deg,rgba(8,38,29,.92),rgba(4,17,13,.94));
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 0 12px rgba(11,249,158,.045);
}
.mp-signal-card-clean .mp-signal-copy{
  position:relative;
  z-index:3;
  max-width:360px;
  min-height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#cffff0;
  font-size:11px;
  line-height:1.45;
  letter-spacing:.04em;
  text-align:center;
  transition:opacity .42s ease,transform .42s ease;
  text-shadow:0 0 10px rgba(11,249,158,.08);
}
.mp-signal-card-clean .mp-signal-copy.fade{
  opacity:.08;
  transform:translateY(3px);
}

/* v41 Cause Participation Hub
   First participation layer: heart/support signal, share, note, and email update entry points. */
.cause-logo-stack{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;align-self:center;}
.cause-logo-stack .cause-logo-link{align-self:center;}
.cause-heart-btn{border:1px solid #23845f;background:linear-gradient(180deg,#071a14,#020706);color:#dffff2;border-radius:0!important;padding:7px 12px;min-width:104px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.04em;box-shadow:0 0 18px rgba(11,249,158,.10);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease;}
.cause-heart-btn:hover{border-color:#0bf99e;box-shadow:0 0 24px rgba(11,249,158,.20);transform:translateY(-1px);}
.cause-heart-icon{font-size:17px;line-height:1;color:#0bf99e;text-shadow:0 0 12px rgba(11,249,158,.55);transition:transform .18s ease,color .18s ease,text-shadow .18s ease;}
.cause-heart-count{font-variant-numeric:tabular-nums;color:#fff;}
.cause-heart-btn.supported{opacity:.86;border-color:#0bf99e;background:linear-gradient(180deg,#073024,#03130d);cursor:default;}
.cause-heart-btn.supported .cause-heart-icon{color:#93ffd0;text-shadow:0 0 16px rgba(11,249,158,.75);}
.cause-heart-btn.heart-pop .cause-heart-icon{animation:mpmhHeartPop .46s ease;}
@keyframes mpmhHeartPop{0%{transform:scale(1)}35%{transform:scale(1.38)}70%{transform:scale(.94)}100%{transform:scale(1)}}
.cause-participation-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:#8fb9a9;font-size:11px;font-weight:900;letter-spacing:.045em;text-transform:uppercase;}
.cause-participation-links button{appearance:none;border:0;background:transparent;color:#bde9d8;padding:0;cursor:pointer;font:inherit;text-transform:inherit;letter-spacing:inherit;transition:color .12s ease,text-shadow .12s ease;}
.cause-participation-links button:hover{color:#0bf99e;text-shadow:0 0 12px rgba(11,249,158,.28);}
.cause-participation-links span{color:#315f50;}
.cause-action-feedback{min-height:16px;margin-top:7px;color:#93ffd0;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;opacity:0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease;}
.cause-action-feedback.show{opacity:1;transform:translateY(0);}
@media(max-width:700px){.cause-logo-stack{align-items:flex-start}.cause-heart-btn{min-width:96px}.cause-participation-links{gap:7px}}

.cause-form-input{width:100%;border-radius:0!important;height:36px;}
.cause-form-textarea{width:100%;height:112px;border-radius:0!important;padding-top:10px;resize:vertical;font-family:Arial,Helvetica,sans-serif;line-height:1.45;}
.cause-checkbox-row{display:flex;align-items:center;gap:9px;margin:10px 0 2px;padding:11px 12px;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#04100d,#020706);color:#c2ddd2;font-size:12px;line-height:1.45;}
.cause-checkbox-row input{accent-color:#0bf99e;}


/* v42 Cause Participation Hub Visual Polish
   Polish-only layer: keeps existing support/share/note/email mechanics unchanged. */
.cause-logo-stack{gap:10px;}
.cause-heart-btn.cause-heart-premium{
  width:128px;
  min-width:128px;
  min-height:78px;
  border-radius:0!important;
  padding:9px 10px 10px;
  flex-direction:column;
  gap:2px;
  background:radial-gradient(circle at 50% 12%,rgba(11,249,158,.16),rgba(7,26,20,.96) 48%,rgba(2,7,6,.98));
  border-color:#23845f;
  box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 22px rgba(11,249,158,.12),inset 0 1px 0 rgba(147,255,208,.12);
  position:relative;
  overflow:hidden;
}
.cause-heart-btn.cause-heart-premium:before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(147,255,208,.72),transparent);
  opacity:.75;
}
.cause-heart-btn.cause-heart-premium:hover{
  border-color:#0bf99e;
  box-shadow:0 15px 36px rgba(0,0,0,.42),0 0 30px rgba(11,249,158,.22),inset 0 1px 0 rgba(147,255,208,.16);
  transform:translateY(-2px);
}
.cause-heart-btn.cause-heart-premium .cause-heart-icon{
  font-size:25px;
  line-height:1;
  color:#0bf99e;
  text-shadow:0 0 14px rgba(11,249,158,.64),0 0 26px rgba(11,249,158,.22);
}
.cause-heart-action{
  color:#ffffff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
  line-height:1.1;
}
.cause-heart-count-wrap{
  color:#85aa9c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  line-height:1.25;
}
.cause-heart-count-wrap .cause-heart-count{
  color:#dffff2;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.cause-heart-btn.supported.cause-heart-premium{
  opacity:1;
  border-color:#0bf99e;
  background:radial-gradient(circle at 50% 12%,rgba(11,249,158,.22),rgba(7,48,36,.98) 48%,rgba(2,7,6,.98));
  box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 28px rgba(11,249,158,.18),inset 0 1px 0 rgba(147,255,208,.16);
}
.cause-heart-btn.supported.cause-heart-premium .cause-heart-action{color:#dffff2;}
.cause-participation-links{
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid rgba(18,56,44,.62);
  gap:9px;
  font-size:10px;
}
.cause-participation-links button{
  color:#a9cfc0;
  position:relative;
}
.cause-participation-links button:hover{
  color:#0bf99e;
  text-shadow:0 0 14px rgba(11,249,158,.32);
}
.cause-participation-links span{color:#2b5347;}
.cause-action-feedback{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  margin-top:8px;
  padding:0 9px;
  border:1px solid transparent;
  border-radius:0!important;
}
.cause-action-feedback.show{
  border-color:rgba(11,249,158,.28);
  background:rgba(11,249,158,.07);
  box-shadow:0 0 16px rgba(11,249,158,.08);
}
.cause-form .detail-section{
  border-color:#174332;
  background:linear-gradient(180deg,#061812,#020706);
}
.cause-form-input,.cause-form-textarea{
  border-radius:0!important;
  background:#020504;
  border-color:#1d5b46;
}
.cause-form-input:focus,.cause-form-textarea:focus{
  border-color:#0bf99e;
  box-shadow:0 0 0 2px rgba(11,249,158,.12);
}
@media(max-width:700px){.cause-heart-btn.cause-heart-premium{width:120px;min-width:120px;min-height:74px}.cause-participation-links{align-items:flex-start}}


/* vWORKORDER Clean Header / Cause Actions / Footer Pass */
.footer-business-links .footer-text-link{
  appearance:none;
  border:0;
  background:transparent;
  color:#9fc7b7;
  padding:0 2px;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.footer-business-links .footer-text-link:hover{color:#0bf99e;text-shadow:0 0 10px rgba(11,249,158,.22);}
.footer-support-line{font-size:9px;color:#6f8f84;text-align:center;margin-top:4px;line-height:1.35;}
.footer-support-line a{color:#dffff2;text-decoration:none;font-weight:900;}
.footer-support-line a:hover{color:#0bf99e;text-decoration:underline;text-shadow:0 0 10px rgba(11,249,158,.20);}


/* v39 Clean Two-Row Footer
   Row 1: full-width navigation. Row 2: smaller centered support/update status. */
.public-footer{
  max-width:1440px!important;
  width:100%!important;
  margin:0 auto!important;
  border:1px solid #12382c!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,24,18,.95),rgba(2,7,6,.98))!important;
  box-shadow:0 16px 46px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
}
.public-footer .footer-two-row-inner{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-items:center!important;
  gap:6px!important;
  padding:10px 16px 8px!important;
}
.footer-nav-row{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:20px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.footer-text-link{
  border:0!important;
  background:transparent!important;
  color:#9fb9af!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.footer-text-link:hover{color:#0bf99e!important;}
.footer-status-row-bottom{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  color:#7f9f93!important;
  font-size:9px!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
}
.footer-status-dot{
  color:#315d4c!important;
}
.footer-cause-link,
#footerCauseSupportLink{
  color:#0bf99e!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.footer-cause-link:hover,
#footerCauseSupportLink:hover{
  color:#93ffd0!important;
  text-decoration:underline!important;
}
.footer-updated-label{color:#7f9f93!important;}
.footer-updated-date{color:#0bf99e!important;font-weight:900!important;}
@media(max-width:900px){
  .public-footer .footer-two-row-inner{
    padding:10px 12px 9px!important;
    gap:7px!important;
  }
  .footer-nav-row{
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:12px!important;
  }
  .footer-status-row-bottom{
    font-size:8.5px!important;
  }
}


/* v39B Footer Lower Row Alignment */
.footer-support-status{
  grid-column:2!important;
  justify-self:center!important;
  white-space:nowrap!important;
}
.footer-updated-status{
  grid-column:3!important;
  justify-self:end!important;
  white-space:nowrap!important;
}
.footer-status-row-bottom .footer-status-dot{
  display:none!important;
}
@media(max-width:900px){
  .footer-status-row-bottom{
    display:flex!important;
    justify-content:center!important;
    gap:6px!important;
  }
  .footer-support-status,
  .footer-updated-status{
    grid-column:auto!important;
    justify-self:center!important;
    white-space:normal!important;
  }
  .footer-status-row-bottom .footer-status-dot{
    display:inline!important;
  }
}


/* v42B Real Overview Simplification
   Actual below-hero metric/mechanics sections moved into Stats/How It Works. */
.stats-panel-body{
  display:grid;
  gap:14px;
}
.stats-panel-body .active-cause-stats,
.stats-panel-body .cause-first-network-metrics,
.stats-panel-body .compact-system-strip{
  margin-top:0!important;
}
.stats-readout-grid{
  margin-top:0!important;
}
.tab-panel[data-panel="overview"] > .hero-grid{
  margin-bottom:0!important;
}


/* v43 Stats / How It Works Content Organization
   Stats now separates selected-cause metrics from platform-wide metrics.
   Explanation boxes moved to How It Works. */
.stats-section-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:2px 2px -4px;
  padding:0 2px;
  color:#8fb9a9;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.stats-section-label span{
  color:#0bf99e;
}
.stats-section-label small{
  color:#66897c;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.selected-cause-label span{color:#93ffd0;}
.platform-wide-label span{color:#0bf99e;}
.stats-panel-body .active-cause-stats{
  padding-top:0!important;
}
.stats-panel-body .cause-first-network-metrics{
  padding-top:0!important;
}
.v43-moved-compact-system-strip{
  grid-column:1 / -1;
  margin-top:2px!important;
}
.v43-moved-compact-system-strip .copy-block,
.v43-moved-compact-system-strip .readout-card{
  min-height:auto;
}
@media(max-width:900px){
  .stats-section-label{
    display:block;
    line-height:1.5;
  }
  .stats-section-label small{
    display:block;
  }
}


/* v44 Advertiser Outcomes + Participation Cleanup */
.advertiser-platform-outcomes{
  margin-top:16px;
  padding-top:4px;
  text-align:center;
  color:#8fb9a9;
  font-size:11px;
  line-height:1.6;
}
.advertiser-platform-outcomes-label{
  color:#0bf99e;
  font-weight:900;
  letter-spacing:.05em;
}


/* v45 How It Works Refinement */
.inline-link{
  color:#0bf99e;
  text-decoration:none;
  font-weight:900;
}
.inline-link:hover{
  color:#93ffd0;
  text-decoration:underline;
}


/* v46 Inline Narrative Link Softening */
.inline-link-soft{
  color:inherit!important;
  font-weight:inherit!important;
  text-decoration:none!important;
}
.inline-link-soft:hover{
  color:#b8d8cb!important;
  text-decoration:underline!important;
}




/* vFAQ Public FAQ Tab */
/* vFAQ Public FAQ Tab */
.faq-panel-body{display:block!important;padding:18px 20px 24px!important;}
.faq-column{
    width:min(900px,100%);
    margin-left:auto;
    margin-right:auto;
}
.faq-intro-card{position:relative;border:1px solid #174332;border-radius:0!important;background:linear-gradient(135deg,rgba(8,31,24,.98),rgba(2,7,6,.98) 62%,rgba(7,20,32,.88));padding:20px 22px!important;margin:0 0 12px;overflow:hidden;box-shadow:0 18px 58px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.025);}
.faq-intro-card:before,.faq-item:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.55),transparent);}
.faq-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;}
.faq-title{color:#fff;font-size:22px;line-height:1.15;font-weight:900;margin:0 0 8px;}
.faq-summary{color:#b9d3c8;font-size:13px;line-height:1.65!important;margin:0!important;}
.faq-list{display:block!important;}
.faq-section{display:block;}
.faq-section-label{margin:14px 0 8px;color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;}
.faq-item{position:relative;border:1px solid rgba(18,56,44,.72);border-radius:0!important;background:linear-gradient(180deg,rgba(5,18,14,.92),rgba(2,7,6,.98));padding:20px 22px!important;margin:10px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.22);overflow:hidden;}
.faq-question{color:#fff;font-size:16px;line-height:1.25!important;font-weight:900;letter-spacing:.025em;margin:0 0 9px!important;}
.faq-answer{color:#bfd8ce;font-size:13px;line-height:1.72!important;margin:0!important;}
.faq-answer p{margin:0 0 10px!important;line-height:1.72!important;}
.faq-answer p:last-child{margin-bottom:0!important;}
.faq-answer ul{margin:8px 0 10px 18px!important;padding:0!important;color:#bfd8ce;line-height:1.72!important;}
.faq-answer li{margin:2px 0!important;padding-left:2px;line-height:1.72!important;}
.faq-answer strong{color:#dffff2;}
@media(max-width:1100px){.faq-column{margin-left:auto;margin-right:auto;}}
@media(max-width:700px){.faq-panel-body{padding:14px 12px 18px!important;}.faq-intro-card,.faq-item{padding:16px 15px!important;}.faq-title{font-size:19px;}.faq-question{font-size:15px;}}

/* v47 Definitions Coming Soon Placeholder */
.definitions-coming-soon-body{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at center,rgba(7,48,36,.28),rgba(0,0,0,.96) 54%,#000 100%);
}
.definitions-world-stage{
  position:relative;
  min-height:360px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.definitions-world-glow{
  position:absolute;
  width:340px;
  height:340px;
  border-radius:0!important;
  background:radial-gradient(circle,rgba(11,249,158,.22),rgba(11,249,158,.08) 42%,transparent 70%);
  filter:blur(4px);
  animation:definitionsWorldGlow 3.8s ease-in-out infinite;
}
.definitions-world-logo{
  position:relative;
  z-index:2;
  width:min(260px,42vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 22px rgba(11,249,158,.48));
  animation:definitionsWorldFloat 4.8s ease-in-out infinite;
}
.definitions-coming-soon-text{
  position:relative;
  z-index:3;
  margin-top:28px;
  color:#dffff2;
  font-size:18px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-shadow:0 0 16px rgba(11,249,158,.22);
}
@keyframes definitionsWorldGlow{
  0%,100%{opacity:.62;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes definitionsWorldFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-7px) scale(1.018)}
}
@media(max-width:700px){
  .definitions-coming-soon-body{min-height:420px;}
  .definitions-world-glow{width:260px;height:260px;}
  .definitions-world-logo{width:min(210px,58vw);}
  .definitions-coming-soon-text{font-size:14px;}
}


/* v48 Pass 1 Institutional Documentation Rail
   Adds compact footer documentation groups and first institutional content panels. */
.doc-panel-body{
  display:grid;
  gap:14px;
  padding:14px!important;
}
.doc-hero-card{
  position:relative;
  overflow:hidden;
  border:1px solid #174332;
  border-radius:0!important;
  padding:18px;
  background:linear-gradient(135deg,rgba(7,48,36,.98),rgba(2,7,6,.98) 62%,rgba(7,20,32,.86));
  box-shadow:0 18px 54px rgba(0,0,0,.38);
}
.doc-hero-card:before,.doc-card:before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.55),transparent);
}
.doc-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.doc-title{color:#fff;font-size:24px;font-weight:900;line-height:1.12;margin-bottom:8px;}
.doc-intro{color:#b9d3c8;font-size:13px;line-height:1.58;max-width:980px;}
.doc-intro strong{color:#fff;}
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.doc-card{position:relative;overflow:hidden;border:1px solid #12382c;border-radius:0!important;padding:14px;background:linear-gradient(180deg,#061812,#020706);color:#b9d3c8;line-height:1.55;min-height:128px;}
.doc-card h3{margin:0 0 8px;color:#fff;font-size:13px;letter-spacing:.055em;text-transform:uppercase;}
.doc-card p{margin:0;}.doc-card strong{color:#dffff2;}
.doc-link-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 14px;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#04100d,#020706);color:#7f9f93;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.doc-link-row button{border:1px solid #1d5b46;background:linear-gradient(180deg,#092319,#06110e);color:#dffff2;border-radius:0!important;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;}
.doc-link-row button:hover{border-color:#0bf99e;color:#fff;box-shadow:0 0 14px rgba(11,249,158,.14);}

.charities-editorial-body{display:block!important;padding:16px!important;}
.charities-editorial-box{position:relative;max-width:980px;margin:0 auto;border:1px solid rgba(35,132,95,.62);border-radius:0!important;background:linear-gradient(180deg,rgba(5,18,14,.96),rgba(2,7,6,.99));padding:30px 34px 32px;box-shadow:0 20px 62px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;}
.charities-editorial-box:before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(11,249,158,.58),transparent);}
.charities-editorial-kicker{color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;}
.charities-editorial-title{color:#fff;font-size:25px;line-height:1.12;font-weight:900;margin:0 0 10px;}
.charities-editorial-lead{color:#dffff2;font-size:14px;line-height:1.68;margin:0 0 14px;font-weight:800;}
.charities-editorial-box p{color:#bfd8ce;font-size:13px;line-height:1.78;margin:0 0 13px;}
.charities-editorial-box h3{color:#fff;font-size:13px;line-height:1.25;font-weight:900;letter-spacing:.075em;text-transform:uppercase;margin:25px 0 9px;}
.charities-editorial-box ul{margin:9px 0 14px 18px;padding:0;color:#bfd8ce;font-size:13px;line-height:1.76;}
.charities-editorial-box li{margin:2px 0;padding-left:3px;}
.charities-editorial-separator{height:1px;margin:21px 0;background:linear-gradient(90deg,transparent,rgba(11,249,158,.25),transparent);}
.charities-editorial-callout{border-left:3px solid rgba(11,249,158,.55);padding:10px 0 10px 14px;margin:12px 0 15px;color:#dffff2!important;background:linear-gradient(90deg,rgba(11,249,158,.055),transparent 70%);}
.charities-editorial-closing{color:#0bf99e!important;font-weight:900;letter-spacing:.035em;margin-top:19px!important;}
@media(max-width:700px){.charities-editorial-body{padding:13px!important;}.charities-editorial-box{padding:22px 18px 24px;}.charities-editorial-title{font-size:21px;}.charities-editorial-lead{font-size:13px;}}
.doc-term-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.doc-term{border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#04100d,#020706);padding:12px;line-height:1.48;}
.doc-term b{display:block;color:#0bf99e;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;}
.doc-term span{color:#bdd8ce;font-size:12px;}
.footer-doc-groups{width:100%!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;align-items:start!important;}
.footer-doc-group{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 0 2px;}
.footer-doc-label{color:#0bf99e;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-right:2px;}
.footer-doc-group .footer-text-link{font-size:8.5px!important;letter-spacing:.07em!important;}
@media(max-width:1100px){.footer-doc-groups{grid-template-columns:repeat(2,1fr)!important;}.doc-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.footer-doc-groups{grid-template-columns:1fr!important;}.doc-grid,.doc-term-grid{grid-template-columns:1fr;}.doc-title{font-size:20px;}}


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
.public-footer.footer-flat-rail{
  max-width:1440px!important;
  width:100%!important;
  margin:0 auto!important;
  border:1px solid rgba(18,56,44,.78)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(3,12,9,.72),rgba(0,0,0,.86))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.public-footer.footer-flat-rail .footer-flat-inner{
  display:block!important;
  padding:7px 14px 8px!important;
}
.footer-flat-nav{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer-flat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  flex-wrap:wrap;
  min-height:15px;
}
.footer-flat-row .footer-text-link{
  border:0!important;
  background:transparent!important;
  color:#b9c9c3!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.footer-flat-row .footer-text-link:hover{
  color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
}
.footer-sep{
  color:#55786b;
  font-size:10px;
  line-height:1;
  opacity:.9;
}
@media(max-width:900px){
  .public-footer.footer-flat-rail .footer-flat-inner{padding:8px 10px!important;}
  .footer-flat-nav{gap:7px;}
  .footer-flat-row{gap:8px;justify-content:center;}
  .footer-flat-row .footer-text-link{font-size:9px!important;letter-spacing:.06em!important;}
  .footer-sep{font-size:9px;}
}


/* vSIGNAL-PREVIEW-WORKING-1: cause-adjacent interactive Signal card */
.mp-signal-interactive-card{min-height:236px;}
.mp-signal-live-shell{min-height:198px!important;padding:16px 16px 14px!important;justify-content:flex-start!important;gap:10px!important;}
.mp-signal-top-row{position:relative;z-index:3;display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;width:100%;max-width:430px;margin:0 auto;}
.mp-signal-live-shell .mp-dynamic-world-wrap{width:70px!important;height:70px!important;min-width:70px!important;}
.mp-signal-live-shell .mp-dynamic-world{width:48px!important;height:48px!important;}
.mp-signal-intro-copy{text-align:left;min-width:0;}
.mp-signal-mini-kicker{color:#0bf99e;font-size:8.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;}
.mp-signal-live-shell .mp-signal-copy{justify-content:flex-start!important;text-align:left!important;min-height:30px!important;margin-top:0!important;max-width:none!important;color:#cffff0!important;}
.mp-signal-response{position:relative;z-index:3;width:100%;max-width:430px;margin:0 auto;padding:10px 11px;border:1px solid rgba(29,91,70,.62);border-radius:0!important;background:linear-gradient(180deg,rgba(2,9,7,.78),rgba(0,0,0,.62));color:#b9d3c8;font-size:11px;line-height:1.48;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.mp-signal-response strong{color:#fff;font-weight:900;}
.mp-signal-response a,.mp-signal-inline-btn{color:#0bf99e!important;text-decoration:none;font-weight:900;background:transparent;border:0;padding:0;cursor:pointer;font:inherit;}
.mp-signal-response a:hover,.mp-signal-inline-btn:hover{text-decoration:underline;}
.mp-signal-action-row{width:100%;max-width:430px;margin:0 auto!important;justify-content:flex-start!important;}
.mp-signal-action-row button{border:1px solid rgba(29,91,70,.78);border-radius:0!important;padding:5px 8px;color:#cffff0;background:linear-gradient(180deg,rgba(8,38,29,.92),rgba(4,17,13,.94));font-size:8.5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;}
.mp-signal-action-row button:hover{border-color:#0bf99e;color:#fff;box-shadow:0 0 12px rgba(11,249,158,.12);}
.mp-signal-input-row{position:relative;z-index:3;width:100%;max-width:430px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:7px;}
.mp-signal-input-row input{height:31px;border:1px solid rgba(42,111,85,.92);border-radius:0!important;background:linear-gradient(180deg,#07120f,#020706);color:#e9fff7;padding:0 11px;font-size:10.5px;outline:none;}
.mp-signal-input-row input::placeholder{color:#7fa99a;}
.mp-signal-input-row input:focus{border-color:#0bf99e;box-shadow:0 0 0 2px rgba(11,249,158,.10);}
.mp-signal-input-row button{height:31px;border:1px solid #1d5b46;border-radius:0!important;background:linear-gradient(180deg,#0b5f40,#073024);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:0 11px;cursor:pointer;}
.mp-signal-input-row button:hover{border-color:#0bf99e;box-shadow:0 0 14px rgba(11,249,158,.16);}
.mp-signal-live-shell.signal-executing{box-shadow:inset 0 0 0 1px rgba(11,249,158,.22),0 0 30px rgba(11,249,158,.10)!important;}
.mp-signal-response.signal-updated{border-color:rgba(11,249,158,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 0 18px rgba(11,249,158,.12);}
.mp-signal-inline-chip{display:inline-flex!important;align-items:center;border:1px solid rgba(29,91,70,.78)!important;border-radius:0!important;padding:4px 7px!important;color:#cffff0!important;background:linear-gradient(180deg,rgba(8,38,29,.92),rgba(4,17,13,.94))!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;cursor:pointer!important;margin:2px 3px 0 0!important;}
.mp-signal-inline-chip:hover{border-color:#0bf99e!important;color:#fff!important;box-shadow:0 0 12px rgba(11,249,158,.12)!important;text-decoration:none!important;}
@media(max-width:1000px){.mp-signal-top-row{grid-template-columns:64px 1fr}.mp-signal-live-shell .mp-dynamic-world-wrap{width:62px!important;height:62px!important;min-width:62px!important}.mp-signal-live-shell .mp-dynamic-world{width:42px!important;height:42px!important}}
@media(max-width:560px){.mp-signal-top-row{grid-template-columns:1fr;text-align:center}.mp-signal-intro-copy{text-align:center}.mp-signal-live-shell .mp-signal-copy{justify-content:center!important;text-align:center!important}.mp-signal-action-row{justify-content:center!important}.mp-signal-input-row{grid-template-columns:1fr}.mp-signal-input-row button{width:100%;}}


/* vSIGNAL-PREVIEW-HOLD: polished preview-only card, no public chat controls */
.mp-signal-preview-only-card{min-height:236px;}
.mp-signal-preview-only{min-height:220px!important;padding:18px!important;justify-content:center!important;gap:14px!important;}
.mp-signal-preview-stage{position:relative;z-index:3;display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;width:100%;max-width:430px;margin:0 auto;}
.mp-signal-preview-only .mp-dynamic-world-wrap{width:86px!important;height:86px!important;min-width:86px!important;}
.mp-signal-preview-only .mp-dynamic-world{width:58px!important;height:58px!important;}
.mp-signal-preview-copy{text-align:left;min-width:0;}
.mp-signal-preview-title{color:#fff;font-size:15px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;line-height:1.15;margin:0 0 8px;}
.mp-signal-preview-only .mp-signal-copy{justify-content:flex-start!important;text-align:left!important;min-height:34px!important;margin-top:0!important;max-width:none!important;color:#cffff0!important;}
.mp-signal-preview-readout{position:relative;z-index:3;width:100%;max-width:430px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.mp-signal-preview-readout div{border:1px solid rgba(29,91,70,.68);border-radius:0!important;background:linear-gradient(180deg,rgba(6,24,18,.9),rgba(0,0,0,.72));padding:9px 8px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.mp-signal-preview-readout span{display:block;color:#7fa99a;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;}
.mp-signal-preview-readout strong{display:block;color:#fff;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;}
.mp-signal-preview-note{position:relative;z-index:3;width:100%;max-width:430px;margin:0 auto;color:#8fb9a9;font-size:10.5px;line-height:1.45;text-align:center;border-top:1px solid rgba(18,56,44,.68);padding-top:10px;}
.signal-footer-rail{position:absolute;left:18px;right:18px;bottom:4px;height:12px;display:flex;align-items:center;justify-content:center;border:0;font-size:10.5px;line-height:12px;color:rgba(207,255,240,.78);letter-spacing:.025em;margin:0;pointer-events:none;}
@media(max-width:560px){.mp-signal-preview-stage{grid-template-columns:1fr;text-align:center}.mp-signal-preview-copy{text-align:center}.mp-signal-preview-only .mp-signal-copy{justify-content:center!important;text-align:center!important}.mp-signal-preview-readout{grid-template-columns:1fr}}

/* v6 Balanced Polish Pass
   Middle ground: keep the operational/card structure, but reduce visual heaviness and improve reading rhythm.
   This intentionally does NOT flatten informational tabs like v5. */

/* Slightly softer cards, still clearly structured. */
.card,.panel{
  border-color:rgba(18,56,44,.78);
  border-radius:0!important;
  box-shadow:0 18px 58px rgba(0,0,0,.42);
}
.panel-head{
  height:36px;
  background:linear-gradient(180deg,#0b241c,#050d0b);
  border-bottom:1px solid rgba(18,56,44,.82);
  font-size:11px;
}

/* Keep subsection boxes, but make them lighter and more editorial. */
.copy-block,
.readout-card,
.leaderboard-card{
  border-color:rgba(18,56,44,.66);
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(5,18,14,.88),rgba(2,7,6,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.copy-block{
  padding:17px 18px;
  line-height:1.68;
  color:#bfd8ce;
}
.copy-block h3,
.readout-card h3,
.leaderboard-card h3{
  font-size:14px;
  letter-spacing:.045em;
  line-height:1.3;
  margin-bottom:9px;
}

/* Informational tabs: keep grids, but give them more reading air. */
.panel.tab-panel:not([data-panel="campaigns"]):not([data-panel="charities"]):not([data-panel="categories"]):not([data-panel="stats"]):not([data-panel="leaders"]) .panel-body{
  padding:15px;
}
.panel.tab-panel:not([data-panel="campaigns"]):not([data-panel="charities"]):not([data-panel="categories"]):not([data-panel="stats"]):not([data-panel="leaders"]) .placeholder-grid,
.panel.tab-panel:not([data-panel="campaigns"]):not([data-panel="charities"]):not([data-panel="categories"]):not([data-panel="stats"]):not([data-panel="leaders"]) .readout-grid{
  gap:10px;
}

/* Reduce competing glow lines without removing identity. */
.copy-block:before,
.readout-card:before,
.leaderboard-card:before{
  opacity:.55;
}

/* Cause + Signal: keep pairing strong, make Signal important but calmer. */
.signal-preview-card{
  border-color:rgba(33,79,117,.82)!important;
  background:linear-gradient(145deg,rgba(6,19,28,.96),rgba(2,7,6,.98) 58%,rgba(3,13,10,.96))!important;
  box-shadow:0 18px 58px rgba(0,0,0,.44),0 0 22px rgba(126,183,255,.055)!important;
}
.signal-preview-card:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.34),transparent)!important;
}
.signal-preview-card .platform-kicker,
.signal-preview-card .cause-hero-kicker{
  color:#a8d5ff!important;
}
.signal-preview-card .hero-copy{
  color:#b1c3bd;
  line-height:1.62;
}
.signal-pill,
.signal-prompt,
.signal-action{
  border-color:rgba(33,79,117,.78)!important;
  background:linear-gradient(180deg,#081b2b,#040b10)!important;
  color:#dcecff!important;
}
.signal-pill:hover,
.signal-prompt:hover,
.signal-action:hover{
  border-color:#7eb7ff!important;
  color:#fff!important;
  box-shadow:0 0 14px rgba(126,183,255,.12)!important;
}

/* Footer: slightly tighter but still substantial enough for institutional navigation. */
.public-footer{
  border-color:rgba(18,56,44,.68);
  border-radius:0!important;
  box-shadow:0 12px 38px rgba(0,0,0,.36);
}
.public-footer-inner{
  padding:9px 13px!important;
}
.public-footer a{
  opacity:.82;
}
.public-footer a:hover{
  opacity:1;
}

/* A small optional institutional proof rail, still boxed/contextual rather than flattened. */
.institutional-logo-strip{
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid rgba(18,56,44,.62);
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(2,7,6,.72),rgba(0,0,0,.42));
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  color:#7f9d92;
  font-size:9px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.institutional-logo-strip img{
  max-width:84px;
  max-height:28px;
  object-fit:contain;
  opacity:.62;
  filter:grayscale(1);
  transition:opacity .14s ease,filter .14s ease,transform .14s ease;
}
.institutional-logo-strip img:hover{
  opacity:.92;
  filter:grayscale(.2);
  transform:translateY(-1px);
}

/* Make green feel deliberate rather than everywhere. */
.footer-kicker,
.platform-kicker,
.detail-section-title{
  color:#8ff4c7;
}


/* v7 Language Maturity / Institutional Tone Pass */
.copy-block p,
.readout-card p,
.leaderboard-card p{
  letter-spacing:.002em;
}

.panel-head{
  letter-spacing:.08em;
}

.signal-preview-card .hero-copy{
  font-size:13px;
  line-height:1.68;
  color:#b7c8c2;
}

.public-footer a{
  transition:opacity .12s ease,color .12s ease;
}


/* v8 Institutional Language Sweep */
.copy-block p,
.readout-card p{
  max-width:980px;
}

.copy-block h3,
.readout-card h3{
  font-weight:800;
}

.signal-preview-card .hero-copy{
  letter-spacing:.003em;
}


/* v9 Editorial Rhythm + Institutional Maturity Pass */

/* Create stronger information rhythm between sections */
.panel.tab-panel .panel-body{
  padding-top:14px;
  padding-bottom:16px;
}

/* Slightly calmer informational reading surfaces */
.copy-block,
.readout-card,
.leaderboard-card{
  line-height:1.76;
}

/* Stronger subsection hierarchy */
.copy-block h3,
.readout-card h3,
.leaderboard-card h3{
  margin-bottom:12px;
  letter-spacing:.055em;
}

/* Add restrained breathing space between informational groups */
.placeholder-grid,
.readout-grid,
.leaderboard-grid{
  gap:14px;
}

/* Slightly quieter border competition */
.copy-block{
  border-color:rgba(18,56,44,.48);
}

.readout-card,
.leaderboard-card{
  border-color:rgba(23,67,50,.62);
}

/* Institutional footer refinement */
.public-footer{
  border-color:rgba(18,56,44,.58);
}

.footer-statement{
  line-height:1.68;
  max-width:780px;
}

/* Improve documentation feel */
.detail-section{
  line-height:1.68;
}

/* Slightly calmer table visual density */
.data-table td{
  padding-top:11px;
  padding-bottom:11px;
}

/* Better editorial separation rhythm */
.editorial-separator{
  margin:24px 0;
  opacity:.52;
}

/* Signal should feel operational, not experimental */
.signal-preview-card .hero-copy,
.command-center-card .hero-copy{
  color:#b7c9c2;
  line-height:1.72;
}

/* More restrained heading energy */
.platform-kicker,
.footer-kicker,
.detail-section-title{
  letter-spacing:.12em;
}


/* v10 Sitewide Card Typography Normalization
   Match the tighter How It Works card rhythm: compact line spacing, consistent header spacing,
   and reduced vertical air inside informational cards. This is visual only. */
.copy-block,
.readout-card,
.leaderboard-card,
.doc-card,
.instruction-card,
.detail-section{
  line-height:1.45!important;
}
.copy-block,
.doc-card,
.instruction-card{
  padding:16px 18px!important;
}
.copy-block h3,
.readout-card h3,
.leaderboard-card h3,
.doc-card h3,
.instruction-card h3{
  margin:0 0 7px!important;
  line-height:1.22!important;
}
.copy-block p,
.readout-card p,
.leaderboard-card p,
.doc-card p,
.instruction-card p,
.detail-section p{
  margin:0!important;
  line-height:1.45!important;
}
.doc-intro,
.hero-copy,
.signal-preview-card .hero-copy,
.footer-statement,
.footer-note{
  line-height:1.45!important;
}
.doc-hero-card{
  line-height:1.45!important;
}
.doc-title{
  margin-bottom:6px!important;
}
.doc-kicker{
  margin-bottom:6px!important;
}
.placeholder-grid,
.readout-grid,
.leaderboard-grid,
.doc-grid{
  gap:10px!important;
}
.panel.tab-panel .panel-body{
  padding-top:12px!important;
  padding-bottom:12px!important;
}


/* v10 panel header label normalization */
.panel-head{
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.panel-head span{
    text-align:center!important;
}
.panel-head span + span{
    display:none!important;
}


/* v10d restore rounded panel header corners */
.panel,
.card{
    border-radius:0!important;
    overflow:hidden;
}
.panel-head{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    overflow:hidden;
    background-clip:padding-box;
}
.panel.tab-panel{
    border-radius:0!important;
    overflow:hidden!important;
}
.panel.tab-panel .panel-head:first-child{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}


/* v11 safe CSS cleanup note:
   Historical exact-duplicate CSS was reduced while preserving PHP, tracking,
   table rendering, browser history, Signal preview, and public interaction logic.
   Conflicting visual overrides were intentionally left in place unless exact duplicates.
*/


/* v12 actionability pass */
.campaign-inline-link,
.cause-inline-link{
    color:#dffff2;
    text-decoration:none;
    font-weight:800;
}
.campaign-inline-link:hover,
.cause-inline-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}
.detail-logo{
    cursor:pointer;
}


/* v12c precise campaign clickout fixes */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}
.leaderboard-card a.leaderButton.brand-outbound-link{
    color:#dffff2;
    text-decoration:none;
    font:inherit;
    font-weight:inherit;
}
.leaderboard-card a.leaderButton.brand-outbound-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}


/* v12e cause detail clickout and activation cleanup */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}




.causes-discovery-head span:last-child{font-size:10px;color:#93ffd0;letter-spacing:.08em;text-transform:uppercase;opacity:.86;}
.causes-discovery-body{gap:7px;}
.cause-discovery-intro{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #143b61;border-radius:0!important;background:#000;padding:8px 12px;box-shadow:inset 0 1px 0 rgba(126,183,255,.08);text-align:center;}
.cause-discovery-intro h3{margin:0;color:#dcecff;font-size:12.5px;line-height:1.25;letter-spacing:.015em;text-transform:none;text-align:center;}
.cause-discovery-intro p{display:none;}
.cause-discovery-active-link{color:#ffffff;text-decoration:none;border-bottom:1px solid rgba(126,183,255,.45);text-shadow:0 0 12px rgba(126,183,255,.22);}
.cause-discovery-active-link:hover{color:#7eb7ff;border-bottom-color:#7eb7ff;}
.cause-directory-link{flex:0 0 auto;border:1px solid #214f75;background:linear-gradient(180deg,#10263b,#071420);color:#dcecff;border-radius:0!important;padding:6px 10px;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:.88;}
.cause-directory-link:hover{border-color:#0bf99e;color:#fff;}
.causes-control-row{grid-template-columns:1.4fr .75fr auto;flex:0 0 auto;margin-bottom:0;gap:7px;}
.cause-sort-strip{flex:0 0 auto;display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;padding:6px 8px;border:1px solid #143b61;border-radius:0!important;background:linear-gradient(180deg,#061522,#020711);}
.cause-sort-chip{border:1px solid #214f75;background:linear-gradient(180deg,#0b2034,#06101d);color:#dcecff;border-radius:0!important;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;line-height:1.05;}
.cause-sort-chip:hover{border-color:#7eb7ff;color:#fff;}
.cause-sort-chip.active{border-color:#7eb7ff;background:linear-gradient(180deg,#12375a,#071a2d);color:#fff;box-shadow:0 0 16px rgba(126,183,255,.18);}
.cause-discovery-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #143b61;border-radius:0!important;background:radial-gradient(circle at top right,rgba(126,183,255,.14),transparent 34%),linear-gradient(180deg,#020711,#000);padding:10px;-webkit-overflow-scrolling:touch;outline:none;scrollbar-color:#214f75 #020711;}

.cause-discovery-scroll:focus{border-color:#7eb7ff;box-shadow:0 0 0 2px rgba(126,183,255,.10),inset 0 0 0 1px rgba(126,183,255,.08);}
.cause-discovery-scroll::-webkit-scrollbar{width:10px;height:10px;}
.cause-discovery-scroll::-webkit-scrollbar-track{background:#020711;border-radius:0!important;}
.cause-discovery-scroll::-webkit-scrollbar-thumb{background:#214f75;border-radius:0!important;border:2px solid #020711;}
.cause-discovery-scroll::-webkit-scrollbar-thumb:hover{background:#326996;}
.cause-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch;}
.cause-pick-card{position:relative;overflow:hidden;min-height:188px;display:flex;flex-direction:column;gap:4px;border:1px solid #143b61;border-radius:0!important;background:linear-gradient(180deg,rgba(7,24,42,.98),rgba(2,7,15,.98));padding:8px 9px 9px;box-shadow:0 14px 34px rgba(0,0,0,.34);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;background .14s ease;}
.cause-pick-card:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(126,183,255,.68),transparent);opacity:.62;}
.cause-pick-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(126,183,255,.18),transparent 40%);opacity:.26;pointer-events:none;}
.cause-pick-card:hover{transform:translateY(-2px);border-color:#7eb7ff;box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 22px rgba(126,183,255,.14);}
.cause-pick-card.active-cause-card{border-color:#7eb7ff;background:linear-gradient(180deg,rgba(12,47,78,.98),rgba(2,10,20,.98));box-shadow:0 0 28px rgba(126,183,255,.18),0 18px 44px rgba(0,0,0,.44);}
.cause-pick-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8fb9a9;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.active-cause-card .cause-pick-topline span:last-child{color:#7eb7ff;}
.cause-pick-logo-link{position:relative;z-index:2;align-self:center;width:80px;height:80px;border-radius:0!important;border:1px solid #7eb7ff;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px rgba(0,0,0,.42),0 0 18px rgba(126,183,255,.16);text-decoration:none;}
.cause-pick-logo{width:100%;height:100%;object-fit:contain;padding:6px;border-radius:0!important;}
.cause-pick-logo.fallback{color:#12375a;font-size:23px;font-weight:900;letter-spacing:.08em;}
.cause-pick-name{position:relative;z-index:2;text-align:center;font-size:13.5px;line-height:1.12;font-weight:900;color:#fff;min-height:25px;display:flex;align-items:center;justify-content:center;margin-top:1px;margin-bottom:-1px;}
.cause-pick-name a{color:#fff;text-decoration:none;}
.cause-pick-name a:hover{color:#7eb7ff;}
.cause-pick-desc{position:relative;z-index:2;color:#c2daf2;font-size:10.25px;line-height:1.22;min-height:37px;text-align:left;text-indent:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:0;}
.cause-card-domain-row{position:relative;z-index:2;text-align:center;min-height:15px;margin-top:1px;margin-bottom:1px;line-height:1;}
.cause-card-domain-link{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#82a9cf;text-decoration:none;border:1px solid transparent;border-radius:0!important;padding:2px 5px;font-size:8.8px;font-weight:800;letter-spacing:.035em;opacity:.74;transition:color .12s ease,opacity .12s ease,border-color .12s ease,background .12s ease;}
.cause-card-domain-link:hover{color:#ffffff;opacity:1;border-color:rgba(126,183,255,.55);background:rgba(126,183,255,.08);}
.cause-pick-stats-panel{position:relative;z-index:2;display:none;grid-template-columns:1fr;gap:4px;margin-top:2px;border:1px solid rgba(33,79,117,.82);border-radius:0!important;background:rgba(0,0,0,.34);padding:20px 7px 7px;}
.cause-pick-stats-panel.open{display:grid;}
.cause-pick-stats-panel span{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(33,79,117,.58);border-radius:0!important;background:rgba(2,12,24,.58);padding:4px 7px;color:#a8c4de;font-size:8.5px;text-transform:uppercase;letter-spacing:.045em;}
.cause-pick-stats-panel b{color:#fff;font-size:10.5px;font-variant-numeric:tabular-nums;}
.cause-stats-close{position:absolute;top:4px;right:5px;width:16px;height:16px;border:1px solid #214f75;border-radius:0!important;background:#020711;color:#dcecff;font-size:11px;line-height:13px;font-weight:900;cursor:pointer;padding:0;}
.cause-stats-close:hover{border-color:#7eb7ff;color:#fff;}
.cause-pick-actions{position:relative;z-index:2;display:flex;gap:5px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:auto;}
.cause-card-primary-link,.cause-card-stats-btn,.cause-card-detail-btn,.cause-card-secondary-link{border:1px solid #214f75;background:linear-gradient(180deg,#0b2034,#06101d);color:#dcecff;border-radius:0!important;padding:5px 7px;font-size:8.5px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1;}
.cause-card-primary-link{border-color:#7eb7ff;background:linear-gradient(180deg,#12375a,#071a2d);color:#fff;box-shadow:0 0 14px rgba(126,183,255,.16);}
.cause-card-stats-btn:hover,.cause-card-detail-btn:hover,.cause-card-secondary-link:hover,.cause-card-primary-link:hover{border-color:#7eb7ff;color:#fff;}
.cause-card-empty{grid-column:1/-1;border:1px solid #12382c;border-radius:0!important;background:linear-gradient(180deg,#071a14,#020706);padding:20px;text-align:center;color:#dffff2;font-weight:900;}
.cause-card-empty small{display:block;margin-top:5px;color:#8fb9a9;font-weight:400;}
.advanced-cause-directory{margin-top:10px;border:1px solid #143b61;border-radius:0!important;background:linear-gradient(180deg,#061522,#020711);overflow:hidden;}
.advanced-cause-directory summary{cursor:pointer;padding:11px 12px;color:#dffff2;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;list-style:none;}
.advanced-cause-directory summary::-webkit-details-marker{display:none;}
.advanced-cause-directory summary:after{content:"OPEN";float:right;color:#7eb7ff;font-size:9px;letter-spacing:.08em;}
.advanced-cause-directory[open] summary:after{content:"CLOSE";}
.advanced-directory-copy{padding:0 12px 10px;color:#8fb9a9;font-size:11px;line-height:1.45;}
.causes-discovery-panel .advanced-cause-directory .data-shell{height:360px;max-height:360px;min-height:0;flex:none;margin:0 12px 10px;}
.causes-discovery-panel .advanced-cause-directory .result-status{padding:0 12px 12px;}
@media(max-width:1240px){.cause-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:900px){.cause-discovery-scroll{overflow:visible;}.cause-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.cause-discovery-intro{display:block;}.cause-directory-link{display:inline-block;margin-top:10px;}.causes-control-row{grid-template-columns:1fr;}.causes-discovery-panel .advanced-cause-directory .data-shell{height:420px;max-height:420px;}}
@media(max-width:620px){.cause-card-grid{grid-template-columns:1fr;}.cause-pick-card{min-height:0;}.cause-sort-strip{display:grid;grid-template-columns:1fr 1fr;}.cause-sort-chip{width:100%;}}
.causes-discovery-panel .advanced-cause-directory .data-shell:focus{border-color:#7eb7ff;box-shadow:0 0 0 2px rgba(126,183,255,.10),inset 0 0 0 1px rgba(126,183,255,.08),0 14px 38px rgba(0,0,0,.32);outline:none;}


/* CAUSES TAB PASS 04 - context-aware top search and cleaner Pick A Cause header */
.search-wrap.top-search-wrap{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto auto;
  align-items:center;
  gap:7px;
  min-width:0;
}
.top-search-wrap .search{min-width:0;}
.top-search-clear{
  display:none;
  height:30px;
  border:1px solid #214f75;
  background:linear-gradient(180deg,#10263b,#071420);
  color:#dcecff;
  border-radius:0!important;
  padding:0 12px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
}
.top-search-clear:hover{border-color:#7eb7ff;color:#fff;box-shadow:0 0 14px rgba(126,183,255,.12);}
.top-search-scope{
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(33,79,117,.82);
  background:linear-gradient(180deg,#071a2d,#020711);
  color:#bfe0ff;
  border-radius:0!important;
  padding:0 11px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.top-search-wrap[data-search-scope="causes"] .top-search-scope{border-color:#7eb7ff;color:#ffffff;box-shadow:0 0 14px rgba(126,183,255,.10);}
.top-search-wrap[data-search-scope="brands"] .top-search-scope{border-color:#0bf99e;color:#dffff2;box-shadow:0 0 14px rgba(11,249,158,.10);}
.causes-discovery-body{gap:6px;}
.cause-discovery-intro{
  justify-content:flex-start;
  padding:7px 11px;
  min-height:0;
}
.cause-discovery-intro h3{font-size:12px;letter-spacing:.07em;}
.cause-sort-strip{padding:5px 7px;gap:5px;}
.cause-sort-chip{padding:4px 8px;font-size:8.5px;}
@media(max-width:900px){
  .search-wrap.top-search-wrap{grid-template-columns:1fr auto;}
  .top-search-scope{grid-column:1/-1;justify-content:flex-start;height:24px;}
}
@media(max-width:620px){
  .search-wrap.top-search-wrap{grid-template-columns:1fr;}
  .top-search-clear{width:100%;}
  .top-search-scope{width:100%;}
}



/* CAUSES TAB PASS 11 - dark scoped top search input with fixed inside clear control */
.search-wrap.top-search-wrap{
  position:relative;
  justify-self:center;
  width:min(560px,52vw);
  max-width:560px;
  min-width:320px;
  display:block!important;
  height:32px;
}
#topSearchWrap #globalSearch.search{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  border-radius:0!important;
  padding:0 38px 0 13px!important;
  color:#eaf6ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(126,183,255,.055),0 0 14px rgba(0,0,0,.22)!important;
}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search{
  background:linear-gradient(180deg,#071a2d,#020711)!important;
  border-color:#376c9f!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search{
  background:linear-gradient(180deg,#071d15,#020806)!important;
  border-color:#238052!important;
}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search{
  background:linear-gradient(180deg,#0a251a,#030b08)!important;
  border-color:#2d9a63!important;
}
#topSearchWrap #globalSearch.search::placeholder{opacity:.92!important;}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search::placeholder{color:#8fbce5!important;}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search::placeholder{color:#9fe0bf!important;}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search::placeholder{color:#a8e9c7!important;}
#topSearchWrap #globalSearch.search:focus{
  color:#ffffff!important;
  box-shadow:0 0 0 2px rgba(126,183,255,.16),inset 0 1px 0 rgba(255,255,255,.045),0 0 18px rgba(126,183,255,.08)!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search:focus,
#topSearchWrap[data-search-scope="platform"] #globalSearch.search:focus{
  box-shadow:0 0 0 2px rgba(11,249,158,.12),inset 0 1px 0 rgba(255,255,255,.045),0 0 18px rgba(11,249,158,.07)!important;
}
#topSearchWrap .top-search-scope{display:none!important;}
#topSearchWrap .top-search-clear{
  position:absolute;
  right:4px;
  top:4px;
  width:24px;
  height:24px;
  display:none;
  align-items:center;
  justify-content:center;
  padding:0;
  border-radius:0!important;
  border:1px solid rgba(126,183,255,.72);
  background:linear-gradient(180deg,#102b45,#061522);
  color:#eaf6ff;
  font-size:16px;
  line-height:20px;
  font-weight:900;
  letter-spacing:0;
  cursor:pointer;
  text-transform:none;
  z-index:4;
}
#topSearchWrap[data-search-scope="causes"] .top-search-clear{border-color:#5d9bd3;background:linear-gradient(180deg,#123452,#071a2d);color:#eaf6ff;}
#topSearchWrap[data-search-scope="brands"] .top-search-clear,
#topSearchWrap[data-search-scope="platform"] .top-search-clear{border-color:#40a977;background:linear-gradient(180deg,#0b3222,#06180f);color:#eafff5;}
#topSearchWrap .top-search-clear:hover{filter:brightness(1.14);box-shadow:0 0 12px rgba(126,183,255,.14);}
#topSearchWrap[data-search-scope="brands"] .top-search-clear:hover,
#topSearchWrap[data-search-scope="platform"] .top-search-clear:hover{box-shadow:0 0 12px rgba(11,249,158,.13);}
@media(min-width:901px){
  .topbar-inner{grid-template-columns:minmax(0,1fr) minmax(320px,560px) minmax(0,1fr)!important;align-items:center;position:relative;}
  .topbar-inner .brand{grid-column:1;justify-self:start;min-width:0;}
  .topbar-inner .search-wrap.top-search-wrap{grid-column:2;justify-self:center;}
}
@media(max-width:1100px) and (min-width:901px){
  .search-wrap.top-search-wrap{width:min(500px,48vw);min-width:280px;}
}
@media(max-width:900px){
  .search-wrap.top-search-wrap{width:100%;max-width:none;min-width:0;height:32px;justify-self:stretch;}
  #topSearchWrap #globalSearch.search{min-width:0!important;}
}

/* CAUSES TAB PASS 12 - final dark top search source rule */
#topSearchWrap.search-wrap.top-search-wrap{
  position:relative!important;
  justify-self:center!important;
  width:min(560px,52vw)!important;
  max-width:560px!important;
  min-width:320px!important;
  height:32px!important;
  display:block!important;
  flex:0 0 auto!important;
}
#topSearchWrap #globalSearch.search{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  border-radius:0!important;
  padding:0 38px 0 13px!important;
  color:#edf7ff!important;
  background:#03080f!important;
  background-image:linear-gradient(180deg,#071221 0%,#03080f 62%,#010305 100%)!important;
  border:1px solid #183653!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(0,0,0,.28),0 0 12px rgba(0,0,0,.36)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search{
  background:#03080f!important;
  background-image:linear-gradient(180deg,#07162a 0%,#030912 64%,#010305 100%)!important;
  border-color:#1c4368!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search{
  background:#020806!important;
  background-image:linear-gradient(180deg,#06170f 0%,#020806 64%,#010302 100%)!important;
  border-color:#1b5f3d!important;
}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search{
  background:#020806!important;
  background-image:linear-gradient(180deg,#082014 0%,#030a06 64%,#010302 100%)!important;
  border-color:#25734c!important;
}
#topSearchWrap #globalSearch.search::placeholder{
  opacity:.82!important;
}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search::placeholder{color:#7da9d6!important;}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search::placeholder{color:#8fcfad!important;}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search::placeholder{color:#9bd9b8!important;}
#topSearchWrap #globalSearch.search:focus{
  color:#fff!important;
  outline:none!important;
  border-color:#2c6498!important;
  background-image:linear-gradient(180deg,#081a30 0%,#030b15 64%,#010305 100%)!important;
  box-shadow:0 0 0 2px rgba(126,183,255,.10),inset 0 1px 0 rgba(255,255,255,.045),0 0 16px rgba(0,0,0,.38)!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search:focus,
#topSearchWrap[data-search-scope="platform"] #globalSearch.search:focus{
  border-color:#278f5a!important;
  box-shadow:0 0 0 2px rgba(11,249,158,.09),inset 0 1px 0 rgba(255,255,255,.045),0 0 16px rgba(0,0,0,.38)!important;
}
#topSearchWrap .top-search-scope{display:none!important;}
#topSearchWrap .top-search-clear{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  border:1px solid rgba(126,183,255,.72)!important;
  background:#061522!important;
  background-image:linear-gradient(180deg,#102b45,#061522)!important;
  color:#edf7ff!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
  z-index:20!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.38)!important;
}
#topSearchWrap.has-value .top-search-clear{display:flex!important;}
#topSearchWrap[data-search-scope="brands"] .top-search-clear,
#topSearchWrap[data-search-scope="platform"] .top-search-clear{
  border-color:rgba(11,249,158,.62)!important;
  background-image:linear-gradient(180deg,#0b2b1d,#06140d)!important;
  color:#eafff5!important;
}
#topSearchWrap .top-search-clear:hover{filter:brightness(1.16);}
@media(min-width:901px){
  .topbar-inner{grid-template-columns:minmax(0,1fr) minmax(320px,560px) minmax(0,1fr)!important;align-items:center!important;position:relative!important;}
  .topbar-inner .brand{grid-column:1!important;justify-self:start!important;min-width:0!important;}
  .topbar-inner #topSearchWrap.search-wrap.top-search-wrap{grid-column:2!important;justify-self:center!important;}
}
@media(max-width:1100px) and (min-width:901px){
  #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,48vw)!important;min-width:280px!important;}
}
@media(max-width:900px){
  #topSearchWrap.search-wrap.top-search-wrap{width:100%!important;max-width:none!important;min-width:0!important;height:32px!important;justify-self:stretch!important;}
  #topSearchWrap #globalSearch.search{min-width:0!important;}
}


/* CAUSES TAB PASS 14 - centered alignment header and inline card/table view toggle */
.causes-discovery-panel .cause-discovery-intro{
  justify-content:center!important;
  text-align:center!important;
  background:#000!important;
  border-color:#143b61!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08),0 0 16px rgba(0,0,0,.25)!important;
  padding:8px 12px!important;
}
.causes-discovery-panel .cause-discovery-intro h3{
  width:100%;
  margin:0!important;
  text-align:center!important;
  text-transform:none!important;
  letter-spacing:.015em!important;
  font-size:12.5px!important;
  line-height:1.28!important;
  color:#dcecff!important;
}
.causes-discovery-panel .cause-discovery-active-link{
  color:#ffffff!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(126,183,255,.48)!important;
}
.causes-discovery-panel .cause-discovery-active-link:hover{
  color:#7eb7ff!important;
  border-bottom-color:#7eb7ff!important;
}
.causes-discovery-panel .cause-sort-strip{
  justify-content:center!important;
  text-align:center!important;
  gap:6px!important;
  padding:5px 8px!important;
}
.cause-view-toggle{
  border:0;
  background:transparent;
  color:#9fc9f4;
  cursor:pointer;
  padding:4px 6px;
  margin-left:2px;
  font-size:8.7px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  line-height:1.05;
  text-decoration:none;
}
.cause-view-toggle:hover,
.cause-view-toggle:focus{
  color:#ffffff;
  text-decoration:underline;
  outline:none;
}
.cause-discovery-scroll.card-view .cause-table-view{display:none!important;}
.cause-discovery-scroll.table-view .cause-card-grid,
.cause-discovery-scroll.table-view #causeCardLoadStatus{display:none!important;}
.cause-discovery-scroll.table-view .cause-table-view{display:block!important;}
.cause-table-view{
  margin:0;
  border:0;
  border-radius:0!important;
  background:transparent;
  overflow:visible;
}
.causes-discovery-panel .cause-table-view .data-shell{
  height:100%;
  max-height:none;
  min-height:360px;
  margin:0;
}
.causes-discovery-panel .cause-table-view .result-status{
  padding:8px 2px 0;
}
@media(max-width:620px){
  .cause-view-toggle{grid-column:1/-1;padding-top:6px;}
}

/* CAUSES TAB PASS 16 - reduce nested border noise while preserving outer module and card borders */
.causes-discovery-panel .cause-discovery-intro{
  border-color:#000!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.045),0 0 10px rgba(0,0,0,.36)!important;
}
.causes-discovery-panel .cause-sort-strip{
  border-color:#000!important;
  box-shadow:none!important;
}
.causes-discovery-panel .cause-discovery-scroll{
  border-color:#000!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
}
.causes-discovery-panel .cause-discovery-scroll:focus{
  border-color:#07101a!important;
  box-shadow:inset 0 0 0 1px rgba(126,183,255,.08)!important;
}
.causes-discovery-panel .cause-table-view{
  border-color:#000!important;
}

/* CAUSES TAB PASS 17 - restore sort-strip border and reduce alignment sentence weight */
.causes-discovery-panel .cause-discovery-intro{
  padding:5px 10px!important;
  border-color:#000!important;
  background:#000!important;
}
.causes-discovery-panel .cause-discovery-intro h3{
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.16!important;
  letter-spacing:.005em!important;
  color:#dcecff!important;
}
.causes-discovery-panel .cause-discovery-active-link{
  font-weight:600!important;
}
.causes-discovery-panel .cause-sort-strip{
  border-color:#143b61!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.055)!important;
}

/* CAUSES TAB PASS 18 - sharpen toolbar, remove lower gap, contain header glow */
.causes-discovery-panel .causes-discovery-head{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#071728!important;
  background-image:linear-gradient(180deg,#0c2740 0%,#071728 54%,#03101d 100%)!important;
  border-bottom-color:#143b61!important;
  box-shadow:none!important;
}
.causes-discovery-panel .causes-discovery-head:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% -18%,rgba(126,183,255,.34) 0%,rgba(126,183,255,.12) 38%,transparent 70%),
    linear-gradient(90deg,transparent 0%,rgba(126,183,255,.10) 50%,transparent 100%);
}
.causes-discovery-panel .causes-discovery-head span{
  position:relative!important;
  z-index:1!important;
  text-shadow:0 0 10px rgba(126,183,255,.22)!important;
}
.causes-discovery-panel .causes-discovery-body{
  gap:0!important;
}
.causes-discovery-panel .cause-discovery-intro{
  margin:0!important;
}
.causes-discovery-panel .cause-sort-strip{
  margin:6px -12px 0 -12px!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid #143b61!important;
  border-bottom:1px solid #143b61!important;
  border-radius:0!important;
  background:#061522!important;
  background-image:linear-gradient(180deg,#0a2036 0%,#061522 58%,#020711 100%)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08),inset 0 -1px 0 rgba(0,0,0,.55)!important;
  padding:6px 12px!important;
}
.causes-discovery-panel .cause-sort-chip{
  background:#071728!important;
  background-image:linear-gradient(180deg,#0f2b47 0%,#071728 62%,#03101d 100%)!important;
  border-color:#2d5f8c!important;
}
.causes-discovery-panel .cause-sort-chip.active{
  background:#0b2f50!important;
  background-image:linear-gradient(180deg,#17476e 0%,#0b2f50 62%,#061728 100%)!important;
  border-color:#7eb7ff!important;
}
.causes-discovery-panel .cause-view-toggle{
  color:#b7d6f7!important;
}
.causes-discovery-panel .cause-view-toggle:hover,
.causes-discovery-panel .cause-view-toggle:focus{
  color:#ffffff!important;
}
.causes-discovery-panel .cause-discovery-scroll{
  margin:0 -12px -12px -12px!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  padding:8px 10px 10px!important;
  background:#000!important;
  background-image:radial-gradient(circle at top right,rgba(126,183,255,.10),transparent 32%),linear-gradient(180deg,#020711 0%,#000 100%)!important;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.85)!important;
}
.causes-discovery-panel .cause-discovery-scroll:focus{
  border-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08)!important;
}
@media(max-width:900px){
  .causes-discovery-panel .cause-sort-strip{
    margin-left:-12px!important;
    margin-right:-12px!important;
  }
  .causes-discovery-panel .cause-discovery-scroll{
    margin-left:-12px!important;
    margin-right:-12px!important;
    margin-bottom:-12px!important;
  }
}


/* CAUSES TAB PASS 19 - flatten alignment zone, separate toolbar/nav visual hierarchy, update sort label fit */
.causes-discovery-panel .cause-discovery-intro,
.causes-discovery-panel .cause-current-alignment{
  background:#000!important;
  background-image:none!important;
  border-color:#000!important;
  box-shadow:none!important;
  text-shadow:none!important;
  margin:0!important;
}
.causes-discovery-panel .cause-discovery-intro:before,
.causes-discovery-panel .cause-discovery-intro:after,
.causes-discovery-panel .cause-current-alignment:before,
.causes-discovery-panel .cause-current-alignment:after{
  content:none!important;
  display:none!important;
}
.causes-discovery-panel .cause-discovery-intro h3,
.causes-discovery-panel .cause-current-alignment h3{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:0!important;
  color:#d7e7f7!important;
}
.causes-discovery-panel .cause-discovery-active-link{
  color:#ffffff!important;
  font-weight:600!important;
  text-shadow:none!important;
  border-bottom-color:rgba(126,183,255,.42)!important;
}
.causes-discovery-panel .cause-sort-strip{
  background:#04101d!important;
  background-image:linear-gradient(180deg,#081d31 0%,#04101d 62%,#02070d 100%)!important;
  border-top:1px solid #1b4d79!important;
  border-bottom:1px solid #12324f!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08),inset 0 -1px 0 rgba(0,0,0,.72)!important;
  padding:5px 12px!important;
  gap:5px!important;
}
.causes-discovery-panel .cause-sort-chip{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(126,183,255,.42)!important;
  color:#cfe3fb!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:4px 7px!important;
  font-size:8.2px!important;
  line-height:1!important;
  letter-spacing:.05em!important;
}
.causes-discovery-panel .cause-sort-chip:hover,
.causes-discovery-panel .cause-sort-chip:focus{
  background:rgba(126,183,255,.075)!important;
  border-color:#7eb7ff!important;
  color:#ffffff!important;
  outline:none!important;
}
.causes-discovery-panel .cause-sort-chip.active{
  background:rgba(126,183,255,.14)!important;
  background-image:none!important;
  border-color:#7eb7ff!important;
  color:#ffffff!important;
  box-shadow:inset 0 0 0 1px rgba(126,183,255,.12)!important;
}
.causes-discovery-panel .cause-view-toggle{
  color:#a9c8ec!important;
  padding:4px 5px!important;
  font-size:8.1px!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}
.causes-discovery-panel .cause-view-toggle:hover,
.causes-discovery-panel .cause-view-toggle:focus{
  color:#ffffff!important;
  text-decoration:underline!important;
  outline:none!important;
}
.causes-discovery-panel .cause-discovery-scroll{
  padding-top:7px!important;
  background:#000!important;
  background-image:linear-gradient(180deg,#010409 0%,#000 100%)!important;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.9)!important;
}
.tabs .tab-btn{
  border-radius:0!important;
  border-color:#174335!important;
  background:#06150f!important;
  background-image:linear-gradient(180deg,#0b2a1e 0%,#06150f 72%,#020604 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.045)!important;
}
.tabs .tab-btn:hover{
  border-color:#0bf99e!important;
  color:#ffffff!important;
}
.tabs .tab-btn.active{
  border-color:#7eb7ff!important;
  background:#071728!important;
  background-image:linear-gradient(180deg,#0f2e4b 0%,#071728 68%,#020914 100%)!important;
  box-shadow:0 0 12px rgba(126,183,255,.16),inset 0 1px 0 rgba(126,183,255,.10)!important;
}
@media(max-width:900px){
  .causes-discovery-panel .cause-sort-chip{font-size:8px!important;padding:4px 6px!important;}
}
@media(max-width:620px){
  .causes-discovery-panel .cause-sort-strip{display:flex!important;justify-content:center!important;}
  .causes-discovery-panel .cause-sort-chip{width:auto!important;}
}

/* CAUSES TAB PASS 20 - final clean-black alignment band / glow containment attempt
   Goal: eliminate the blue haze visible around the middle alignment row without
   changing CAUSES behavior, tracking, search, sorting, or view toggles. */
.causes-discovery-panel .panel-body.causes-discovery-body{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  padding-top:0!important;
}
.causes-discovery-panel .causes-discovery-head{
  overflow:hidden!important;
  isolation:isolate!important;
  background:#071728!important;
  background-image:linear-gradient(180deg,#0d2b47 0%,#071728 56%,#04111f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.14),inset 0 -1px 0 rgba(126,183,255,.10)!important;
}
.causes-discovery-panel .causes-discovery-head:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(126,183,255,.26) 0%,rgba(126,183,255,.10) 36%,rgba(126,183,255,0) 68%),
    linear-gradient(90deg,rgba(126,183,255,0) 0%,rgba(126,183,255,.08) 50%,rgba(126,183,255,0) 100%)!important;
  clip-path:inset(0 0 0 0)!important;
}
.causes-discovery-panel .cause-discovery-intro,
.causes-discovery-panel .cause-current-alignment{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  margin:0 -12px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  outline:0!important;
  padding:5px 12px!important;
}
.causes-discovery-panel .cause-discovery-intro::before,
.causes-discovery-panel .cause-discovery-intro::after,
.causes-discovery-panel .cause-current-alignment::before,
.causes-discovery-panel .cause-current-alignment::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.causes-discovery-panel .cause-discovery-intro h3,
.causes-discovery-panel .cause-current-alignment h3{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.causes-discovery-panel .cause-sort-strip{
  margin:0 -12px 0 -12px!important;
}
.causes-discovery-panel .cause-discovery-scroll{
  margin-top:0!important;
}


/* CAUSES TAB PASS 21 - tighter title header and blue-schema cause table view
   Visual-only pass: reduce PICK A CAUSE title strip, give the black alignment
   band a little more room, and make CAUSES table rows/buttons use the charity
   blue family instead of the platform green table defaults. */
.causes-discovery-panel .causes-discovery-head{
  height:27px!important;
  min-height:27px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:27px!important;
}
.causes-discovery-panel .causes-discovery-head span:first-child{
  font-size:11px!important;
  letter-spacing:.22em!important;
  line-height:27px!important;
}
.causes-discovery-panel .cause-discovery-intro,
.causes-discovery-panel .cause-current-alignment{
  padding-top:8px!important;
  padding-bottom:8px!important;
  min-height:33px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.causes-discovery-panel .cause-discovery-intro h3,
.causes-discovery-panel .cause-current-alignment h3{
  line-height:1.15!important;
  margin:0!important;
}
.causes-discovery-panel .cause-table-view .data-shell{
  border-color:#17476e!important;
  background:#00050a!important;
  box-shadow:inset 0 0 0 1px rgba(126,183,255,.045),0 10px 28px rgba(0,0,0,.30)!important;
}
.causes-discovery-panel .cause-table-view .data-table th{
  background:#071728!important;
  background-image:linear-gradient(180deg,#0e2a45 0%,#071728 72%,#020914 100%)!important;
  color:#dceeff!important;
  border-bottom-color:#2d5f8c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38),inset 0 1px 0 rgba(126,183,255,.08)!important;
}
.causes-discovery-panel .cause-table-view .data-table th.sortable:hover{
  background:#0f2e4b!important;
  color:#ffffff!important;
}
.causes-discovery-panel .cause-table-view .sort-mark{
  color:#7eb7ff!important;
}
.causes-discovery-panel .cause-table-view .data-table td{
  border-bottom-color:rgba(45,95,140,.48)!important;
  color:#eaf5ff!important;
}
.causes-discovery-panel .cause-table-view .data-table tr:nth-child(odd) td{
  background:#01070f!important;
}
.causes-discovery-panel .cause-table-view .data-table tr:nth-child(even) td{
  background:#04101d!important;
}
.causes-discovery-panel .cause-table-view .data-table tr:hover td{
  background:#0b2035!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.10),inset 0 -1px 0 rgba(126,183,255,.08)!important;
}
.causes-discovery-panel .cause-table-view .data-table tr:hover td:first-child{
  box-shadow:inset 3px 0 0 #7eb7ff,inset 0 1px 0 rgba(126,183,255,.10),inset 0 -1px 0 rgba(126,183,255,.08)!important;
}
.causes-discovery-panel .cause-table-view .status,
.causes-discovery-panel .cause-table-view .status.active{
  border-color:#2d5f8c!important;
  color:#dceeff!important;
  background:#071728!important;
}
.causes-discovery-panel .cause-table-view .open-btn,
.causes-discovery-panel .cause-table-view .visit-btn,
.causes-discovery-panel .cause-table-view .charity-detail-btn{
  border-color:#2d5f8c!important;
  background:#071728!important;
  background-image:linear-gradient(180deg,#0f2e4b 0%,#071728 70%,#020914 100%)!important;
  color:#dceeff!important;
  box-shadow:none!important;
}
.causes-discovery-panel .cause-table-view .open-btn:hover,
.causes-discovery-panel .cause-table-view .visit-btn:hover,
.causes-discovery-panel .cause-table-view .charity-detail-btn:hover{
  border-color:#7eb7ff!important;
  background:#0f2e4b!important;
  background-image:linear-gradient(180deg,#17476e 0%,#0f2e4b 70%,#071728 100%)!important;
  color:#ffffff!important;
  box-shadow:0 0 14px rgba(126,183,255,.14)!important;
}
.causes-discovery-panel .cause-table-view .charity-select-link,
.causes-discovery-panel .cause-table-view .charity-site-link{
  color:#cfe3fb!important;
  border-bottom:1px solid rgba(126,183,255,.20)!important;
}
.causes-discovery-panel .cause-table-view .charity-select-link:hover,
.causes-discovery-panel .cause-table-view .charity-site-link:hover{
  color:#ffffff!important;
  border-bottom-color:#7eb7ff!important;
}
.causes-discovery-panel .cause-table-view .charity-name-cell img{
  background:#ffffff!important;
  border:1px solid rgba(126,183,255,.36)!important;
  padding:2px!important;
}

/* CAUSES PASS 22 — centered cause profile details workspace */
body.cause-detail-workspace.detail-open{
  overflow:hidden !important;
}
body.cause-detail-workspace .detail-backdrop.cause-profile-backdrop{
  background:#000 !important;
  backdrop-filter:none !important;
  transition:none !important;
}
body.cause-detail-workspace .detail-backdrop.cause-profile-backdrop.open{
  opacity:1 !important;
  pointer-events:auto !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  width:min(1080px, calc(100vw - 112px)) !important;
  max-height:calc(100vh - 134px) !important;
  transform:translate(-50%,-50%) !important;
  transition:none !important;
  border-radius:0!important;
  border:1px solid #2d6fa9 !important;
  background:#02070d !important;
  box-shadow:0 0 0 1px rgba(126,183,255,.16),0 34px 120px rgba(0,0,0,.92),0 0 44px rgba(126,183,255,.10) !important;
  opacity:0;
  pointer-events:none;
  overflow:hidden !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel.open{
  opacity:1 !important;
  pointer-events:auto !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head{
  height:58px !important;
  padding:0 0 0 22px !important;
  border-bottom:1px solid #2d6fa9 !important;
  background:linear-gradient(180deg,#0c2740,#04101d) !important;
  border-radius:0!important;
  letter-spacing:.10em !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head span:before{
  background:#7eb7ff !important;
  box-shadow:0 0 14px rgba(126,183,255,.70) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-close-x,
body.cause-detail-workspace .side-panel.cause-profile-panel .close{
  width:58px !important;
  height:58px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0!important;
  border:0 !important;
  border-left:1px solid #2d6fa9 !important;
  background:#000 !important;
  color:#dcecff !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-close-x:hover,
body.cause-detail-workspace .side-panel.cause-profile-panel .close:hover{
  color:#fff !important;
  border-color:#7eb7ff !important;
  box-shadow:inset 0 0 22px rgba(126,183,255,.18) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-body{
  padding:26px !important;
  overflow:auto !important;
  max-height:calc(100vh - 193px) !important;
  background:#000 !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-profile-hero{
  grid-template-columns:220px 1fr !important;
  gap:24px !important;
  align-items:center !important;
  margin:0 0 18px !important;
  padding:24px !important;
  border:1px solid #2d6fa9 !important;
  border-radius:0!important;
  background:linear-gradient(135deg,#071828,#010409) !important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.10) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-profile-hero:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.70),transparent) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-logo{
  max-width:200px !important;
  max-height:142px !important;
  width:200px !important;
  height:142px !important;
  object-fit:contain !important;
  background:#fff !important;
  border:2px solid #7eb7ff !important;
  border-radius:0!important;
  padding:14px !important;
  box-shadow:0 20px 42px rgba(0,0,0,.58),0 0 26px rgba(126,183,255,.15) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-title{
  font-size:34px !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
  letter-spacing:.01em !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-title-link:hover{
  color:#7eb7ff !important;
  text-shadow:0 0 18px rgba(126,183,255,.24) !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-meta{
  font-size:14px !important;
  color:#b8d9f6 !important;
  margin-bottom:12px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-badge{
  border-color:#2d6fa9 !important;
  background:linear-gradient(180deg,#0f2740,#06111f) !important;
  color:#dcecff !important;
  border-radius:0!important;
  font-size:10px !important;
  padding:6px 10px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-badge.green{
  border-color:#7eb7ff !important;
  background:linear-gradient(180deg,#113a61,#071a2c) !important;
  color:#fff !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-metric-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
  margin:0 0 18px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-metric-grid .metric{
  min-height:104px !important;
  border-color:#245f95 !important;
  border-radius:0!important;
  background:linear-gradient(180deg,#071828,#010409) !important;
  padding:16px 12px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-metric-grid .metric-label{
  color:#9ecfff !important;
  font-size:10px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-metric-grid .metric-value{
  font-size:28px !important;
  margin-top:8px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-section{
  border-color:#245f95 !important;
  border-radius:0!important;
  background:linear-gradient(180deg,#071828,#010409) !important;
  color:#dcecff !important;
  font-size:15px !important;
  line-height:1.72 !important;
  padding:18px 20px !important;
  margin:0 0 16px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-section-title{
  color:#7eb7ff !important;
  font-size:11px !important;
  margin-bottom:10px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-actions{
  border-top:1px solid rgba(126,183,255,.25) !important;
  justify-content:center !important;
  padding-top:16px !important;
  margin-top:16px !important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-action-primary{
  border-color:#7eb7ff !important;
  background:linear-gradient(180deg,#14507f,#09243c) !important;
  color:#fff !important;
  border-radius:0!important;
  padding:11px 18px !important;
  box-shadow:0 0 22px rgba(126,183,255,.18) !important;
}
@media(max-width:900px){
  body.cause-detail-workspace .side-panel.cause-profile-panel{
    width:calc(100vw - 28px) !important;
    max-height:calc(100vh - 70px) !important;
  }
  body.cause-detail-workspace .side-panel.cause-profile-panel .detail-profile-hero{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  body.cause-detail-workspace .side-panel.cause-profile-panel .detail-logo{
    margin:0 auto !important;
  }
  body.cause-detail-workspace .side-panel.cause-profile-panel .detail-metric-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

/* CAUSES PASS 23 — detail workspace behavior polish, active selection, and lazy-load status */
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head #sideTitle{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head #sideTitle:before,
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head #sideTitle span:before,
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head .detail-title-world-icon:before{
  content:none!important;
  display:none!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-title-world-icon{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  flex:0 0 28px!important;
  filter:drop-shadow(0 0 10px rgba(126,183,255,.42))!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel #sideTitle span{
  display:inline-block!important;
  min-width:0!important;
}
.causes-discovery-panel .cause-pick-card.active-cause-card{
  border-color:#b9dbff!important;
  background:linear-gradient(180deg,rgba(13,55,92,.99),rgba(3,13,27,.99))!important;
  box-shadow:0 0 0 1px rgba(185,219,255,.32),0 0 34px rgba(126,183,255,.23),0 18px 44px rgba(0,0,0,.48)!important;
}
.causes-discovery-panel .cause-pick-card.active-cause-card:before{
  left:8px!important;
  right:8px!important;
  background:linear-gradient(90deg,transparent,rgba(221,240,255,.95),transparent)!important;
  opacity:.90!important;
}
.causes-discovery-panel .cause-pick-card.active-cause-card .cause-pick-logo-link{
  border-color:#d9ecff!important;
  box-shadow:0 14px 30px rgba(0,0,0,.48),0 0 26px rgba(126,183,255,.30)!important;
}
.causes-discovery-panel .active-cause-card .cause-card-state{
  border:1px solid rgba(185,219,255,.72)!important;
  background:rgba(126,183,255,.16)!important;
  color:#ffffff!important;
  padding:2px 6px!important;
  border-radius:0!important;
  box-shadow:0 0 12px rgba(126,183,255,.14)!important;
}
.causes-discovery-panel .active-cause-card .cause-pick-topline span:first-child{
  color:#cfe7ff!important;
}
.causes-discovery-panel .cause-table-view tr.active-cause-row td{
  background:#071c31!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.12),inset 0 -1px 0 rgba(126,183,255,.10)!important;
}
.causes-discovery-panel .cause-table-view tr.active-cause-row td:first-child{
  box-shadow:inset 4px 0 0 #7eb7ff,inset 0 1px 0 rgba(126,183,255,.12),inset 0 -1px 0 rgba(126,183,255,.10)!important;
}
.causes-discovery-panel #causeCardLoadStatus,
.causes-discovery-panel #charityLoadStatus{
  text-align:center!important;
  padding:8px 0 2px!important;
  color:#8fb9da!important;
  font-size:10.5px!important;
}
.causes-discovery-panel #causeCardLoadStatus strong,
.causes-discovery-panel #charityLoadStatus strong{
  color:#ffffff!important;
}
.causes-discovery-panel #causeCardLoadStatus .load-more-btn,
.causes-discovery-panel #charityLoadStatus .load-more-btn{
  display:none!important;
}

/* CAUSES PASS 25 — restore subtle active-alignment sentence color */
.causes-discovery-panel .cause-current-alignment h3{
  color:#d7e7f7!important;
  font-weight:400!important;
  text-shadow:none!important;
}
.causes-discovery-panel .cause-current-alignment h3 a,
.causes-discovery-panel .cause-current-alignment h3 a strong{
  color:#f2fbff!important;
  font-weight:800!important;
  text-shadow:none!important;
}
.causes-discovery-panel .cause-current-alignment h3 a:hover,
.causes-discovery-panel .cause-current-alignment h3 a:hover strong{
  color:#ffffff!important;
  text-shadow:0 0 14px rgba(126,183,255,.30)!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head{
  position:relative!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .side-head #sideTitle{
  flex:1 1 auto!important;
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  padding-left:48px!important;
  padding-right:48px!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-title-world-icon{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  filter:drop-shadow(0 0 12px rgba(126,183,255,.48))!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel #sideTitle .detail-title-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0 auto!important;
  text-align:center!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel #sideTitle .detail-title-label:before{
  content:""!important;
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  border-radius:0!important;
  background:#0bf99e!important;
  box-shadow:0 0 12px rgba(11,249,158,.72)!important;
  flex:0 0 7px!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-logo-select-link{
  cursor:pointer!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-logo-select-link:hover .detail-logo{
  border-color:#d8ecff!important;
  box-shadow:0 20px 42px rgba(0,0,0,.58),0 0 34px rgba(126,183,255,.34)!important;
  transform:translateY(-1px)!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-meta-site{
  color:#dcecff!important;
  text-decoration:none!important;
  font-weight:800!important;
}
body.cause-detail-workspace .side-panel.cause-profile-panel .detail-meta-site:hover{
  color:#fff!important;
  text-decoration:underline!important;
  text-shadow:0 0 14px rgba(126,183,255,.30)!important;
}

/* BRANDS VISUAL PASS 01 — green-oriented brand discovery surface */
.brands-discovery-panel{
  border-color:#164b35!important;
  background:#000!important;
}
.brands-discovery-panel .brands-discovery-head{
  min-height:46px!important;
  padding:8px 14px!important;
  border-bottom:1px solid #1d5b46!important;
  background:linear-gradient(180deg,#0b2419 0%,#06130e 72%,#020604 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.12)!important;
  overflow:hidden!important;
}
.brands-discovery-panel .brands-discovery-head span:first-child{
  color:#effff8!important;
  text-shadow:0 0 16px rgba(11,249,158,.28)!important;
}
.brands-discovery-panel .brands-discovery-head span:last-child{
  color:#9bd9b8!important;
}
.brands-discovery-body{
  height:calc(100vh - 194px)!important;
  max-height:calc(100vh - 194px)!important;
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.brand-category-active-label{
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}
.brand-context-line{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
  text-align:center!important;
}
.brand-context-line h3{
  margin:0!important;
  color:#d9efe5!important;
  font-size:12px!important;
  line-height:1.24!important;
  font-weight:400!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
.brand-active-cause-link{
  color:#f4fff9!important;
  font-weight:800!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(11,249,158,.32)!important;
}
.brand-active-cause-link:hover{
  color:#ffffff!important;
  border-bottom-color:#0bf99e!important;
  text-shadow:0 0 14px rgba(11,249,158,.24)!important;
}
.brand-sort-strip{
  flex:0 0 auto!important;
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  padding:6px 8px!important;
  border-top:1px solid #1d5b46!important;
  border-bottom:1px solid #1d5b46!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#071b13,#020706)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.08)!important;
}
.brand-sort-chip,.brand-view-toggle{
  border:1px solid #1d5b46!important;
  background:#06140d!important;
  background-image:linear-gradient(180deg,#0b2519 0%,#06140d 68%,#020604 100%)!important;
  color:#dffff2!important;
  border-radius:0!important;
  padding:5px 8px!important;
  font-size:8.8px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  line-height:1.05!important;
  text-decoration:none!important;
}
.brand-view-toggle{
  background:#000!important;
  background-image:none!important;
  color:#bdf7dc!important;
  border-color:#245844!important;
}
.brand-sort-chip:hover,.brand-view-toggle:hover{
  border-color:#0bf99e!important;
  color:#ffffff!important;
  box-shadow:0 0 12px rgba(11,249,158,.12)!important;
}
.brand-sort-chip.active{
  border-color:#0bf99e!important;
  background:linear-gradient(180deg,#0b5f40,#073024)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(11,249,158,.18)!important;
}
.brand-discovery-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  padding:10px!important;
  -webkit-overflow-scrolling:touch!important;
  outline:none!important;
  scrollbar-color:#1d5b46 #020706!important;
}
.brand-discovery-scroll:focus{
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.14)!important;
}
.brand-discovery-scroll::-webkit-scrollbar{width:10px;height:10px;}
.brand-discovery-scroll::-webkit-scrollbar-track{background:#020706;border-radius:0!important;}
.brand-discovery-scroll::-webkit-scrollbar-thumb{background:#1d5b46;border-radius:0!important;border:2px solid #020706;}
.brand-discovery-scroll::-webkit-scrollbar-thumb:hover{background:#0b5f40;}
.brand-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.brand-pick-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:192px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  border:1px solid #1d5b46!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,29,20,.98),rgba(2,9,6,.98))!important;
  padding:8px 9px 9px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.brand-pick-card:before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.68),transparent)!important;
  opacity:.62!important;
}
.brand-pick-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at top right,rgba(11,249,158,.14),transparent 40%)!important;
  opacity:.28!important;
  pointer-events:none!important;
}
.brand-pick-card:hover{
  transform:translateY(-2px)!important;
  border-color:#0bf99e!important;
  box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 22px rgba(11,249,158,.13)!important;
}
.brand-pick-topline{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#8fb9a9!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.brand-card-state{
  border:1px solid rgba(11,249,158,.32)!important;
  border-radius:0!important;
  padding:2px 6px!important;
  color:#dffff2!important;
  background:rgba(11,249,158,.06)!important;
}
.brand-pick-logo-link{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  width:82px!important;
  height:82px!important;
  border-radius:0!important;
  border:1px solid #0bf99e!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 12px 26px rgba(0,0,0,.42),0 0 18px rgba(11,249,158,.15)!important;
  text-decoration:none!important;
}
.brand-pick-logo{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important;border-radius:0!important;}
.brand-pick-logo.fallback{color:#073024!important;font-size:23px!important;font-weight:900!important;letter-spacing:.08em!important;}
.brand-pick-name{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#fff!important;
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:1px!important;
  margin-bottom:-1px!important;
}
.brand-pick-name a{color:#fff!important;text-decoration:none!important;}
.brand-pick-name a:hover{color:#0bf99e!important;}
.brand-pick-meta{
  position:relative!important;
  z-index:2!important;
  color:#9fd6bb!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brand-pick-desc{
  position:relative!important;
  z-index:2!important;
  color:#c5e6d6!important;
  font-size:10.25px!important;
  line-height:1.22!important;
  min-height:37px!important;
  text-align:left!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:0!important;
}
.brand-card-domain-row{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
  min-height:15px!important;
  margin-top:1px!important;
  margin-bottom:1px!important;
  line-height:1!important;
}
.brand-card-domain-link{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8bcfaa!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  padding:2px 5px!important;
  font-size:8.8px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  opacity:.78!important;
}
.brand-card-domain-link:hover{color:#ffffff!important;opacity:1!important;border-color:rgba(11,249,158,.52)!important;background:rgba(11,249,158,.08)!important;}
.brand-pick-stats-panel{position:relative!important;z-index:2!important;display:none!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:2px!important;border:1px solid rgba(29,91,70,.82)!important;border-radius:0!important;background:rgba(0,0,0,.34)!important;padding:20px 7px 7px!important;}
.brand-pick-stats-panel.open{display:grid!important;}
.brand-pick-stats-panel span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border:1px solid rgba(29,91,70,.58)!important;border-radius:0!important;background:rgba(2,16,9,.58)!important;padding:4px 7px!important;color:#a9d6bd!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.045em!important;}
.brand-pick-stats-panel b{color:#fff!important;font-size:10.5px!important;font-variant-numeric:tabular-nums!important;}
.brand-stats-close{position:absolute!important;top:4px!important;right:5px!important;width:16px!important;height:16px!important;border:1px solid #1d5b46!important;border-radius:0!important;background:#020706!important;color:#dffff2!important;font-size:11px!important;line-height:13px!important;font-weight:900!important;cursor:pointer!important;padding:0!important;}
.brand-stats-close:hover{border-color:#0bf99e!important;color:#fff!important;}
.brand-pick-actions{position:relative!important;z-index:2!important;display:flex!important;gap:5px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:auto!important;}
.brand-card-primary-link,.brand-card-stats-btn,.brand-card-detail-btn{border:1px solid #1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;border-radius:0!important;padding:5px 7px!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;line-height:1!important;}
.brand-card-primary-link{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;box-shadow:0 0 14px rgba(11,249,158,.16)!important;}
.brand-card-stats-btn:hover,.brand-card-detail-btn:hover,.brand-card-primary-link:hover{border-color:#0bf99e!important;color:#fff!important;}
.brand-card-empty{grid-column:1/-1!important;border:1px solid #12382c!important;border-radius:0!important;background:linear-gradient(180deg,#071a14,#020706)!important;padding:20px!important;text-align:center!important;color:#dffff2!important;font-weight:900!important;}
.brand-card-empty small{display:block!important;margin-top:5px!important;color:#8fb9a9!important;font-weight:400!important;}
.advanced-brand-directory{display:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;}
.brand-discovery-scroll.table-view .brand-card-grid,
.brand-discovery-scroll.table-view #brandCardLoadStatus{display:none!important;}
.brand-discovery-scroll.table-view .advanced-brand-directory{display:block!important;}
.brand-discovery-scroll.card-view .advanced-brand-directory{display:none!important;}
.brands-discovery-panel .advanced-brand-directory .data-shell{height:auto!important;max-height:none!important;min-height:0!important;flex:none!important;margin:0!important;border-color:#1d5b46!important;background:#020706!important;}
.brands-discovery-panel .advanced-brand-directory .result-status{padding:8px 0 2px!important;text-align:center!important;color:#8fb9a9!important;font-size:10.5px!important;}
.brands-discovery-panel #brandCardLoadStatus strong,.brands-discovery-panel #campaignLoadStatus strong{color:#ffffff!important;}
.brands-discovery-panel #campaignTable th{border-bottom-color:#1d5b46!important;background:#06140d!important;color:#dffff2!important;}
.brands-discovery-panel #campaignTable td{border-bottom-color:rgba(29,91,70,.54)!important;}
.brands-discovery-panel #campaignTable tbody tr:hover td{background:#06180f!important;color:#ffffff!important;}
.brands-discovery-panel #campaignTable .status,.brands-discovery-panel #campaignTable .status.active{border-color:#1d5b46!important;color:#dffff2!important;background:#06140d!important;}
.brands-discovery-panel #campaignTable .brand-detail-btn,.brands-discovery-panel #campaignTable .open-btn{border-color:#1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;}
.brands-discovery-panel #campaignTable .brand-detail-btn:hover,.brands-discovery-panel #campaignTable .open-btn:hover{border-color:#0bf99e!important;color:#fff!important;box-shadow:0 0 14px rgba(11,249,158,.14)!important;}
.brands-discovery-panel #campaignTable .brand-outbound-link{color:#dffff2!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:8px!important;}
.brands-discovery-panel #campaignTable .brand-outbound-link:hover{color:#fff!important;text-decoration:underline!important;}
@media(max-width:1240px){.brand-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:900px){.brands-discovery-body{height:auto!important;max-height:none!important;min-height:0!important;}.brand-discovery-scroll{overflow:visible!important;}.brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.brand-sort-strip{display:grid!important;grid-template-columns:1fr 1fr!important;}.brand-sort-chip,.brand-view-toggle{width:100%!important;}}
@media(max-width:620px){.brand-card-grid{grid-template-columns:1fr!important;}.brand-pick-card{min-height:0!important;}}

/* BRANDS centered detail workspace */
body.brand-detail-workspace.detail-open{overflow:hidden!important;}
body.brand-detail-workspace .detail-backdrop.brand-profile-backdrop{background:#000!important;backdrop-filter:none!important;transition:none!important;}
body.brand-detail-workspace .detail-backdrop.brand-profile-backdrop.open{opacity:1!important;pointer-events:auto!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(1080px, calc(100vw - 112px))!important;
  max-height:calc(100vh - 134px)!important;
  transform:translate(-50%,-50%)!important;
  transition:none!important;
  border-radius:0!important;
  border:1px solid #1d5b46!important;
  background:#020706!important;
  box-shadow:0 0 0 1px rgba(11,249,158,.14),0 34px 120px rgba(0,0,0,.92),0 0 44px rgba(11,249,158,.10)!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.brand-detail-workspace .side-panel.brand-profile-panel.open{opacity:1!important;pointer-events:auto!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head{height:58px!important;padding:0 0 0 22px!important;border-bottom:1px solid #1d5b46!important;background:linear-gradient(180deg,#0b2419,#06130e)!important;border-radius:0!important;letter-spacing:.10em!important;position:relative!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;width:100%!important;text-align:center!important;position:relative!important;padding-left:48px!important;padding-right:48px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle:before,body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle span:before{content:none!important;display:none!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title-world-icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(11,249,158,.48))!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel #sideTitle .detail-title-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 auto!important;text-align:center!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel #sideTitle .detail-title-label:before{content:""!important;display:inline-block!important;width:7px!important;height:7px!important;border-radius:0!important;background:#0bf99e!important;box-shadow:0 0 12px rgba(11,249,158,.72)!important;flex:0 0 7px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-close-x,body.brand-detail-workspace .side-panel.brand-profile-panel .close{width:58px!important;height:58px!important;margin:0!important;padding:0!important;border-radius:0!important;border:0!important;border-left:1px solid #1d5b46!important;background:#000!important;color:#dffff2!important;font-size:28px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-close-x:hover,body.brand-detail-workspace .side-panel.brand-profile-panel .close:hover{color:#fff!important;border-color:#0bf99e!important;box-shadow:inset 0 0 22px rgba(11,249,158,.18)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-body{padding:26px!important;overflow:auto!important;max-height:calc(100vh - 193px)!important;background:#000!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero{grid-template-columns:220px 1fr!important;gap:24px!important;align-items:center!important;margin:0 0 18px!important;padding:24px!important;border:1px solid #1d5b46!important;border-radius:0!important;background:linear-gradient(135deg,#06160e,#010403)!important;box-shadow:inset 0 1px 0 rgba(11,249,158,.10)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero:before{background:linear-gradient(90deg,transparent,rgba(11,249,158,.70),transparent)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-logo{max-width:200px!important;max-height:142px!important;width:200px!important;height:142px!important;object-fit:contain!important;background:#fff!important;border:2px solid #0bf99e!important;border-radius:0!important;padding:14px!important;box-shadow:0 20px 42px rgba(0,0,0,.58),0 0 26px rgba(11,249,158,.15)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title{font-size:34px!important;line-height:1.08!important;margin:0 0 10px!important;letter-spacing:.01em!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title-link:hover{color:#0bf99e!important;text-shadow:0 0 18px rgba(11,249,158,.24)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta{font-size:14px!important;color:#c3ead7!important;margin-bottom:12px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta-site{color:#dffff2!important;text-decoration:none!important;font-weight:800!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta-site:hover{color:#fff!important;text-decoration:underline!important;text-shadow:0 0 14px rgba(11,249,158,.30)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-badge{border-color:#1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;border-radius:0!important;font-size:10px!important;padding:6px 10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-badge.green{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0 0 18px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric{min-height:104px!important;border-color:#1d5b46!important;border-radius:0!important;background:linear-gradient(180deg,#06160e,#010403)!important;padding:16px 12px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric-label{color:#9bd9b8!important;font-size:10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric-value{font-size:28px!important;margin-top:8px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-section{border-color:#1d5b46!important;border-radius:0!important;background:linear-gradient(180deg,#06160e,#010403)!important;color:#dffff2!important;font-size:15px!important;line-height:1.72!important;padding:18px 20px!important;margin:0 0 16px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-section-title{color:#0bf99e!important;font-size:11px!important;margin-bottom:10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-actions{border-top:1px solid rgba(11,249,158,.25)!important;justify-content:center!important;padding-top:16px!important;margin-top:16px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-action-primary{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;border-radius:0!important;padding:11px 18px!important;box-shadow:0 0 22px rgba(11,249,158,.18)!important;}
@media(max-width:900px){body.brand-detail-workspace .side-panel.brand-profile-panel{width:calc(100vw - 28px)!important;max-height:calc(100vh - 70px)!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero{grid-template-columns:1fr!important;text-align:center!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-logo{margin:0 auto!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid{grid-template-columns:1fr 1fr!important;}}


/* BRANDS VISUAL PASS 02 — cleanup brand discovery content and no-logo cards */
.brand-context-line h3{
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
.brand-pick-card.no-brand-logo{
  padding-top:16px!important;
}
.brand-pick-card.no-brand-logo .brand-pick-topline{
  margin-bottom:9px!important;
}
.brand-pick-card.no-brand-logo .brand-pick-name{
  margin-top:4px!important;
}
.brand-pick-card.no-brand-logo .brand-pick-desc-empty{
  display:none!important;
}
.brand-card-domain-link,
.brand-detail-site{
  text-transform:none!important;
  letter-spacing:.02em!important;
}


/* Platform Search Pass 01: clean unified platform-wide table */
.panel.tab-panel[data-panel="global_search"],
.panel.tab-panel[data-panel="global_search"] .panel-body,
.global-search-body{
  background:#000!important;
}
.panel.tab-panel[data-panel="global_search"] .panel-head{
  background:linear-gradient(180deg,rgba(13,42,67,.98),rgba(4,14,22,.98))!important;
  border-bottom-color:rgba(126,183,255,.62)!important;
}
.global-search-reserved-space{
  height:86px!important;
  min-height:86px!important;
  background:#000!important;
  border:1px solid #000!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0 0 10px 0!important;
}
.global-search-shell{
  background:#000!important;
  border:1px solid rgba(11,249,158,.38)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
.global-search-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#000!important;
}
.global-search-table th,
.global-search-table td{
  box-sizing:border-box!important;
}
.global-search-table th:nth-child(1),.global-search-table td:nth-child(1){width:105px!important;}
.global-search-table th:nth-child(2),.global-search-table td:nth-child(2){width:30%!important;}
.global-search-table th:nth-child(3),.global-search-table td:nth-child(3){width:18%!important;}
.global-search-table th:nth-child(4),.global-search-table td:nth-child(4){width:22%!important;}
.global-search-table th:nth-child(5),.global-search-table td:nth-child(5){width:18%!important;}
.global-search-table th:nth-child(6),.global-search-table td:nth-child(6){width:96px!important;text-align:right!important;}
.global-search-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  height:36px!important;
  padding:0 12px!important;
  background:linear-gradient(180deg,#04150f,#010504)!important;
  color:#dffff2!important;
  border-bottom:1px solid rgba(11,249,158,.42)!important;
  text-align:left!important;
  letter-spacing:.075em!important;
  font-size:10px!important;
  text-transform:uppercase!important;
}
.global-search-table thead th.num{text-align:right!important;}
.global-search-table th.global-sortable button{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:900!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  cursor:pointer!important;
  padding:0!important;
  text-align:left!important;
}
.global-search-table th.num.global-sortable button{justify-content:flex-end!important;text-align:right!important;}
.global-search-table th.global-sortable.active,
.global-search-table th.global-sortable:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#092238,#02080d)!important;
}
.global-sort-mark{color:#7eb7ff!important;font-size:9px!important;line-height:1!important;min-width:9px!important;}
.global-search-table tbody tr.global-result-row td{
  height:50px!important;
  padding:8px 12px!important;
  background:#000!important;
  border-bottom:1px solid rgba(20,65,51,.56)!important;
  color:#d9fff2!important;
  vertical-align:middle!important;
  transform:none!important;
}
.global-search-table tbody tr.global-result-row:hover td{
  background:#03110d!important;
  transform:none!important;
}
.global-search-table tbody tr.global-brand-row td:first-child{box-shadow:inset 3px 0 0 #7eb7ff!important;}
.global-search-table tbody tr.global-charity-row td:first-child{box-shadow:inset 3px 0 0 #0bf99e!important;}
.global-type-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  height:22px!important;
  border-radius:0!important;
  padding:0 10px!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border:1px solid #214f75!important;
  background:linear-gradient(180deg,#10263b,#071420)!important;
  color:#e6f2ff!important;
}
.global-type-pill.brand{border-color:#7eb7ff!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#e6f2ff!important;}
.global-type-pill.charity{border-color:#0bf99e!important;background:linear-gradient(180deg,#073024,#03130d)!important;color:#f2fff9!important;}
.global-name-wrap{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
.global-name-main{display:block!important;color:#fff!important;font-weight:900!important;font-size:12.5px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;}
.global-name-sub{display:block!important;color:#83a89b!important;font-size:9px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.global-category-pill{
  display:inline-block!important;
  max-width:100%!important;
  border:1px solid #12382c!important;
  background:linear-gradient(180deg,#071a14,#020706)!important;
  border-radius:0!important;
  padding:5px 9px!important;
  color:#bfe0d3!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.global-category-pill.charity{border-color:#214f75!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#dcecff!important;}
.global-website-link{color:#dcecff!important;text-decoration:none!important;display:inline-block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important;border-bottom:1px solid rgba(126,183,255,.20)!important;line-height:1.3!important;}
.global-website-link:hover{color:#fff!important;border-bottom-color:#7eb7ff!important;text-decoration:none!important;}
.global-website-empty{color:#617d73!important;}
.global-metric{display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:6px!important;min-width:110px!important;}
.global-metric-number{color:#fff!important;font-size:14px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;}
.global-activity-label{color:#9ec4b5!important;font-size:9px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.global-action-cell{text-align:right!important;}
.global-detail-btn{height:26px!important;min-width:78px!important;border-radius:0!important;font-size:9px!important;letter-spacing:.08em!important;}
.global-detail-btn.brand{border-color:#7eb7ff!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#e6f2ff!important;}
.global-detail-btn.charity{border-color:#0bf99e!important;background:linear-gradient(180deg,#073024,#03130d)!important;color:#f2fff9!important;}
.global-search-status{padding:8px 10px 0!important;text-align:right!important;color:#82a798!important;}
.global-search-table .empty-result-row td{background:#000!important;border:1px dashed rgba(29,91,70,.38)!important;transform:none!important;}
@media(max-width:900px){
  .global-search-reserved-space{height:58px!important;min-height:58px!important;}
  .global-search-table th:nth-child(3),.global-search-table td:nth-child(3),
  .global-search-table th:nth-child(5),.global-search-table td:nth-child(5){display:none!important;}
  .global-search-table th:nth-child(2),.global-search-table td:nth-child(2){width:42%!important;}
  .global-search-table th:nth-child(4),.global-search-table td:nth-child(4){width:30%!important;}
}


/* Platform Search Pass 02: compact top, centered status, lazy-load table */
.global-search-body{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding-top:0!important;
}
.global-search-reserved-space{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.global-search-status{
  order:0!important;
  min-height:28px!important;
  height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  border:0!important;
  color:#9fb9b0!important;
  font-size:11px!important;
  letter-spacing:.015em!important;
  text-align:center!important;
}
.global-search-status strong,
.global-search-status b{
  color:#fff!important;
}
.global-search-status .load-more-btn,
.global-load-more-btn{
  display:none!important;
}
.global-search-shell{
  order:1!important;
  margin:0!important;
  border-top:1px solid rgba(11,249,158,.32)!important;
  max-height:calc(100vh - 230px)!important;
}
.global-search-table tbody tr.global-result-row{
  cursor:default!important;
}
.global-search-table tbody tr.global-result-row:hover td{
  background:#03140f!important;
}
.global-search-table tbody tr.global-result-row:active td{
  background:#051d16!important;
}


/* Platform Search Pass 03: header/color/alignment polish */
.global-search-status{
  min-height:20px!important;
  height:20px!important;
  line-height:20px!important;
  padding:0!important;
  margin:0!important;
  font-size:10.5px!important;
  letter-spacing:.01em!important;
  color:#a8c5ba!important;
}
.global-search-shell{
  margin-top:0!important;
  border-top:1px solid rgba(11,249,158,.44)!important;
  max-height:calc(100vh - 220px)!important;
}
.global-search-table thead th{
  background:linear-gradient(180deg,#0b3024,#051a13)!important;
  color:#eafff7!important;
  border-bottom:1px solid rgba(11,249,158,.58)!important;
  height:34px!important;
  padding:0 12px!important;
  text-shadow:none!important;
}
.global-search-table th.global-sortable.active,
.global-search-table th.global-sortable:hover{
  background:linear-gradient(180deg,#0b3024,#051a13)!important;
  color:#fff!important;
}
.global-search-table th.global-sortable button{
  color:inherit!important;
}
.global-sort-mark{
  color:#93d9ff!important;
}
.global-search-table th:nth-child(1),
.global-search-table td:nth-child(1){
  text-align:center!important;
}
.global-search-table th:nth-child(1) button{
  justify-content:center!important;
  text-align:center!important;
}
.global-type-cell{
  text-align:center!important;
}
.global-type-pill{
  margin-left:auto!important;
  margin-right:auto!important;
}
.global-search-table th:nth-child(3),
.global-search-table td:nth-child(3){
  padding-left:18px!important;
}
.global-search-table th:nth-child(3) button{
  justify-content:flex-start!important;
  padding-left:0!important;
}
.global-category-td{
  text-align:left!important;
}
.global-search-table th:nth-child(5),
.global-search-table td:nth-child(5){
  text-align:center!important;
}
.global-search-table th:nth-child(5) button,
.global-search-table th.num.global-sortable:nth-child(5) button{
  justify-content:center!important;
  text-align:center!important;
}
.global-metric-td{
  text-align:center!important;
}
.global-metric{
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
}
.global-search-table th:nth-child(6),
.global-search-table td:nth-child(6){
  text-align:center!important;
}
.global-search-table th:nth-child(6) button{
  justify-content:center!important;
  text-align:center!important;
}
.global-action-cell{
  text-align:center!important;
}
.global-detail-btn{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Platform Search Pass 04: locked table alignment corrections */
.global-search-status{
  min-height:22px!important;
  height:22px!important;
  line-height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:#000!important;
}
.global-search-status strong,
.global-search-status b{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
}
.global-search-status span{
  display:inline!important;
  margin:0!important;
  padding:0!important;
}
.global-search-status .global-status-scope{
  color:#9fb9b0!important;
}
.global-search-shell{
  margin-top:0!important;
  border-top:1px solid rgba(11,249,158,.44)!important;
}
.global-search-table thead th,
.global-search-table thead th.global-sortable,
.global-search-table thead th.global-sortable.active,
.global-search-table thead th.global-sortable:hover,
.global-search-table thead th.global-sortable[aria-sort="ascending"],
.global-search-table thead th.global-sortable[aria-sort="descending"],
.global-search-table thead th.global-sortable[aria-sort="ascending"]:hover,
.global-search-table thead th.global-sortable[aria-sort="descending"]:hover{
  background:linear-gradient(180deg,#0b3024,#051a13)!important;
  background-color:#0b3024!important;
  color:#eafff7!important;
}
.global-search-table thead th.global-sortable button,
.global-search-table thead th.global-sortable.active button,
.global-search-table thead th.global-sortable:hover button,
.global-search-table thead th.global-sortable[aria-sort="ascending"] button,
.global-search-table thead th.global-sortable[aria-sort="descending"] button{
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
.global-search-table th:nth-child(1){
  text-align:center!important;
}
.global-search-table th:nth-child(1) button{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
.global-search-table td:nth-child(1),
.global-type-cell{
  text-align:center!important;
}
.global-type-pill{
  margin-left:auto!important;
  margin-right:auto!important;
}
.global-search-table th:nth-child(5){
  text-align:left!important;
}
.global-search-table th:nth-child(5) button,
.global-search-table th.num.global-sortable:nth-child(5) button{
  justify-content:flex-start!important;
  text-align:left!important;
  width:100%!important;
}
.global-search-table td:nth-child(5),
.global-metric-td{
  text-align:left!important;
}
.global-metric{
  display:inline-flex!important;
  justify-content:flex-start!important;
  align-items:baseline!important;
  width:auto!important;
  min-width:0!important;
  gap:6px!important;
}
.global-search-table th:nth-child(6){
  text-align:center!important;
}
.global-search-table th:nth-child(6) button{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
}
.global-search-table td:nth-child(6),
.global-action-cell{
  text-align:center!important;
}
.global-detail-btn{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Platform Search Pass 05: final details-header/status polish */
.global-search-status{
  position:relative!important;
  top:-4px!important;
  min-height:18px!important;
  height:18px!important;
  line-height:18px!important;
  margin:0 0 0 0!important;
  padding:0!important;
}
.global-search-shell{
  margin-top:-1px!important;
}
.global-search-table thead th.global-action-header,
.global-search-table thead th.global-action-header:hover,
.global-search-table thead th.global-action-header:focus,
.global-search-table thead th.global-action-header:active{
  background:linear-gradient(180deg,#0b3024,#051a13)!important;
  background-color:#0b3024!important;
  color:transparent!important;
  text-shadow:none!important;
  border-bottom:1px solid rgba(11,249,158,.58)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.35)!important;
  text-align:center!important;
  font-size:0!important;
  padding:0 12px!important;
  height:34px!important;
}
.global-search-table thead th:nth-child(6),
.global-search-table thead th:nth-child(6):hover,
.global-search-table thead th:nth-child(6):focus,
.global-search-table thead th:nth-child(6):active{
  background:linear-gradient(180deg,#0b3024,#051a13)!important;
  background-color:#0b3024!important;
}
.global-search-table td:nth-child(6),
.global-action-cell{
  text-align:center!important;
}

/* CLEANUP PASS 01 - centralized legacy inline styles from safe PHP so CSS is controlled by one asset. */

/* Centralized former inline style block 1 */
/* v3 Clean Signal spacing pass — remove dots, let black panel own more of the card naturally */
.mp-signal-card-clean{
  padding:8px 14px 14px !important;
  gap:5px !important;
}

.mp-signal-outer-header{
  margin:0 0 3px !important;
  line-height:1 !important;
}

.mp-signal-card-clean .mp-dynamic-placeholder{
  min-height:0 !important;
  height:auto !important;
  flex:1 1 auto !important;
  padding:20px 18px 18px !important;
}

.mp-signal-card-clean .mp-dynamic-world-wrap{
  margin:0 !important;
}

.mp-signal-card-clean .mp-signal-chip-row{
  margin:0 !important;
}

.mp-signal-card-clean .mp-signal-copy{
  margin:0 !important;
}


/* vWORKORDER Clean Header / Cause Actions / Footer Pass */
.footer-business-links .footer-text-link{
  appearance:none;
  border:0;
  background:transparent;
  color:#9fc7b7;
  padding:0 2px;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.footer-business-links .footer-text-link:hover{color:#0bf99e;text-shadow:0 0 10px rgba(11,249,158,.22);}
.footer-support-line{font-size:9px;color:#6f8f84;text-align:center;margin-top:4px;line-height:1.35;}
.footer-support-line a{color:#dffff2;text-decoration:none;font-weight:900;}
.footer-support-line a:hover{color:#0bf99e;text-decoration:underline;text-shadow:0 0 10px rgba(11,249,158,.20);}


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
.public-footer.footer-flat-rail{
  max-width:1440px!important;
  width:100%!important;
  margin:0 auto!important;
  border:1px solid rgba(18,56,44,.78)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(3,12,9,.72),rgba(0,0,0,.86))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.public-footer.footer-flat-rail .footer-flat-inner{
  display:block!important;
  padding:7px 14px 8px!important;
}
.footer-flat-nav{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer-flat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  flex-wrap:wrap;
  min-height:15px;
}
.footer-flat-row .footer-text-link{
  border:0!important;
  background:transparent!important;
  color:#b9c9c3!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.footer-flat-row .footer-text-link:hover{
  color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
}
.footer-sep{
  color:#55786b;
  font-size:10px;
  line-height:1;
  opacity:.9;
}
@media(max-width:900px){
  .public-footer.footer-flat-rail .footer-flat-inner{padding:8px 10px!important;}
  .footer-flat-nav{gap:7px;}
  .footer-flat-row{gap:8px;justify-content:center;}
  .footer-flat-row .footer-text-link{font-size:9px!important;letter-spacing:.06em!important;}
  .footer-sep{font-size:9px;}
}


/* v10 panel header label normalization */
.panel-head{
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.panel-head span{
    text-align:center!important;
}
.panel-head span + span{
    display:none!important;
}


/* v10d restore rounded panel header corners */
.panel,
.card{
    border-radius:0!important;
    overflow:hidden;
}
.panel-head{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    overflow:hidden;
    background-clip:padding-box;
}
.panel.tab-panel{
    border-radius:0!important;
    overflow:hidden!important;
}
.panel.tab-panel .panel-head:first-child{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}


/* v12 actionability pass */
.campaign-inline-link,
.cause-inline-link{
    color:#dffff2;
    text-decoration:none;
    font-weight:800;
}
.campaign-inline-link:hover,
.cause-inline-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}
.detail-logo{
    cursor:pointer;
}


/* v12c precise campaign clickout fixes */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}
.leaderboard-card a.leaderButton.brand-outbound-link{
    color:#dffff2;
    text-decoration:none;
    font:inherit;
    font-weight:inherit;
}
.leaderboard-card a.leaderButton.brand-outbound-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}


/* v12e cause detail clickout and activation cleanup */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}

/* Centralized former inline style block 2 */
/* v4 polish adjustments */
.mp-signal-copy{
  color:#0bf99e !important;
  margin-top:8px !important;
}


/* vWORKORDER Clean Header / Cause Actions / Footer Pass */
.footer-business-links .footer-text-link{
  appearance:none;
  border:0;
  background:transparent;
  color:#9fc7b7;
  padding:0 2px;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.footer-business-links .footer-text-link:hover{color:#0bf99e;text-shadow:0 0 10px rgba(11,249,158,.22);}
.footer-support-line{font-size:9px;color:#6f8f84;text-align:center;margin-top:4px;line-height:1.35;}
.footer-support-line a{color:#dffff2;text-decoration:none;font-weight:900;}
.footer-support-line a:hover{color:#0bf99e;text-decoration:underline;text-shadow:0 0 10px rgba(11,249,158,.20);}


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
.public-footer.footer-flat-rail{
  max-width:1440px!important;
  width:100%!important;
  margin:0 auto!important;
  border:1px solid rgba(18,56,44,.78)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(3,12,9,.72),rgba(0,0,0,.86))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.public-footer.footer-flat-rail .footer-flat-inner{
  display:block!important;
  padding:7px 14px 8px!important;
}
.footer-flat-nav{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer-flat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  flex-wrap:wrap;
  min-height:15px;
}
.footer-flat-row .footer-text-link{
  border:0!important;
  background:transparent!important;
  color:#b9c9c3!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.footer-flat-row .footer-text-link:hover{
  color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
}
.footer-sep{
  color:#55786b;
  font-size:10px;
  line-height:1;
  opacity:.9;
}
@media(max-width:900px){
  .public-footer.footer-flat-rail .footer-flat-inner{padding:8px 10px!important;}
  .footer-flat-nav{gap:7px;}
  .footer-flat-row{gap:8px;justify-content:center;}
  .footer-flat-row .footer-text-link{font-size:9px!important;letter-spacing:.06em!important;}
  .footer-sep{font-size:9px;}
}


/* v10 panel header label normalization */
.panel-head{
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.panel-head span{
    text-align:center!important;
}
.panel-head span + span{
    display:none!important;
}


/* v10d restore rounded panel header corners */
.panel,
.card{
    border-radius:0!important;
    overflow:hidden;
}
.panel-head{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    overflow:hidden;
    background-clip:padding-box;
}
.panel.tab-panel{
    border-radius:0!important;
    overflow:hidden!important;
}
.panel.tab-panel .panel-head:first-child{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}


/* v12 actionability pass */
.campaign-inline-link,
.cause-inline-link{
    color:#dffff2;
    text-decoration:none;
    font-weight:800;
}
.campaign-inline-link:hover,
.cause-inline-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}
.detail-logo{
    cursor:pointer;
}


/* v12c precise campaign clickout fixes */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}
.leaderboard-card a.leaderButton.brand-outbound-link{
    color:#dffff2;
    text-decoration:none;
    font:inherit;
    font-weight:inherit;
}
.leaderboard-card a.leaderButton.brand-outbound-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}


/* v12e cause detail clickout and activation cleanup */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}

/* Centralized former inline style block 3 */
/* v5 locked polish pass: tagline, Signal tone, timing support, and spacing */

/* Center the top-left brand tagline directly under MP MEDIA HOLDINGS */
.brand{
  align-items:center !important;
}
.brand > div{
  text-align:center !important;
}
.brand-sub{
  text-align:center !important;
  font-style:italic !important;
  color:#83a99a !important;
  letter-spacing:.06em !important;
}

/* Signal text: lower slightly and make it a softer system-green readout */
.mp-signal-card-clean .mp-signal-copy,
.mp-signal-copy{
  color:rgba(11,249,158,.86) !important;
  margin-top:12px !important;
  text-shadow:0 0 8px rgba(11,249,158,.18) !important;
  letter-spacing:.045em !important;
}

/* Keep the Signal text connected, but give it a little more breathing room below chips */
.mp-signal-card-clean .mp-signal-chip-row{
  margin-bottom:2px !important;
}

/* Ensure the changed chip remains visually balanced */
.mp-signal-card-clean .mp-signal-chip-row span{
  text-align:center !important;
}

/* If any old dot-related script residue created punctuation, do not visually add anything; text remains clean. */


/* vHOME Simplified Front Page Pass
   Applied changes: OVERVIEW label becomes HOME, Platform Overview kicker removed,
   headline receives a subtle one-time left-to-right entrance, and header search is reduced to 65% with clearer contrast. */
.mp-front-title{
  animation:mpmhHomeHeadlineSwipe 2.65s ease-out 1 both;
  will-change:transform,opacity;
}
@keyframes mpmhHomeHeadlineSwipe{
  0%{opacity:0;transform:translateX(-22px);filter:blur(.5px);}
  58%{opacity:1;transform:translateX(3px);filter:blur(0);}
  100%{opacity:1;transform:translateX(0);filter:blur(0);}
}
@media (prefers-reduced-motion: reduce){
  .mp-front-title{animation:none!important;}
}
.search-wrap .search{
  flex:0 1 65%;
  width:65%;
  max-width:65%;
  background:linear-gradient(180deg,#07110e,#020706);
  border-color:#24624c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 16px rgba(11,249,158,.045);
}
.search-wrap .search::placeholder{
  color:#86a99b;
}
.search-wrap .search:focus{
  background:linear-gradient(180deg,#081812,#030807);
  border-color:#0bf99e;
  box-shadow:0 0 0 2px rgba(11,249,158,.13),0 0 20px rgba(11,249,158,.09);
}
@media(max-width:900px){
  .search-wrap .search{
    flex:1 1 100%;
    width:100%;
    max-width:100%;
  }
}


/* vWORKORDER Clean Header / Cause Actions / Footer Pass */
.footer-business-links .footer-text-link{
  appearance:none;
  border:0;
  background:transparent;
  color:#9fc7b7;
  padding:0 2px;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.footer-business-links .footer-text-link:hover{color:#0bf99e;text-shadow:0 0 10px rgba(11,249,158,.22);}
.footer-support-line{font-size:9px;color:#6f8f84;text-align:center;margin-top:4px;line-height:1.35;}
.footer-support-line a{color:#dffff2;text-decoration:none;font-weight:900;}
.footer-support-line a:hover{color:#0bf99e;text-decoration:underline;text-shadow:0 0 10px rgba(11,249,158,.20);}


/* v41 Final Search Box Contrast Fix
   Keeps non-header search fields dark; the context-aware top search is styled separately. */
.search-wrap:not(.top-search-wrap) .search,
#campaignSearch.control-input,
#charitySearch.control-input{
  background:linear-gradient(180deg,#0b1b15,#06110e)!important;
  border-color:#2a6f55!important;
  color:#e9fff7!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 0 1px rgba(11,249,158,.035),
    0 0 14px rgba(11,249,158,.045)!important;
}
.search-wrap:not(.top-search-wrap) .search::placeholder,
#campaignSearch.control-input::placeholder,
#charitySearch.control-input::placeholder{
  color:#8fb9a9!important;
}
.search-wrap:not(.top-search-wrap) .search:focus,
#campaignSearch.control-input:focus,
#charitySearch.control-input:focus{
  background:linear-gradient(180deg,#0d2219,#07130f)!important;
  border-color:#0bf99e!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 2px rgba(11,249,158,.11),
    0 0 18px rgba(11,249,158,.08)!important;
}


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
.public-footer.footer-flat-rail{
  max-width:1440px!important;
  width:100%!important;
  margin:0 auto!important;
  border:1px solid rgba(18,56,44,.78)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(3,12,9,.72),rgba(0,0,0,.86))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
.public-footer.footer-flat-rail .footer-flat-inner{
  display:block!important;
  padding:7px 14px 8px!important;
}
.footer-flat-nav{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.footer-flat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  flex-wrap:wrap;
  min-height:15px;
}
.footer-flat-row .footer-text-link{
  border:0!important;
  background:transparent!important;
  color:#b9c9c3!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.footer-flat-row .footer-text-link:hover{
  color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
}
.footer-sep{
  color:#55786b;
  font-size:10px;
  line-height:1;
  opacity:.9;
}
@media(max-width:900px){
  .public-footer.footer-flat-rail .footer-flat-inner{padding:8px 10px!important;}
  .footer-flat-nav{gap:7px;}
  .footer-flat-row{gap:8px;justify-content:center;}
  .footer-flat-row .footer-text-link{font-size:9px!important;letter-spacing:.06em!important;}
  .footer-sep{font-size:9px;}
}


/* v36B7 Ultra-compact institutional footer rail
   Subtle two-row documentation rail for narrow institutional/diligence audience. */
.public-footer.footer-ultra-rail{
  border:0!important;
  border-top:1px solid rgba(18,56,44,.72)!important;
  border-radius:0!important;
  background:rgba(0,0,0,.42)!important;
  box-shadow:none!important;
}
.public-footer.footer-ultra-rail .footer-flat-inner{
  padding:5px 12px 6px!important;
}
.public-footer.footer-ultra-rail .footer-flat-nav{
  gap:3px!important;
}
.public-footer.footer-ultra-rail .footer-flat-row{
  gap:6px!important;
  min-height:12px!important;
  line-height:1!important;
}
.public-footer.footer-ultra-rail .footer-text-link{
  color:#8fa79d!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.072em!important;
}
.public-footer.footer-ultra-rail .footer-text-link:hover{
  color:#dffff2!important;
  text-shadow:0 0 10px rgba(11,249,158,.20)!important;
}
.public-footer.footer-ultra-rail .footer-sep{
  color:#315649!important;
  font-size:8px!important;
  opacity:.72!important;
}
@media(max-width:900px){
  .public-footer.footer-ultra-rail .footer-flat-inner{padding:6px 8px!important;}
  .public-footer.footer-ultra-rail .footer-flat-row{gap:5px!important;justify-content:center!important;}
  .public-footer.footer-ultra-rail .footer-text-link{font-size:8.2px!important;letter-spacing:.055em!important;}
  .public-footer.footer-ultra-rail .footer-sep{font-size:8px!important;}
}


/* v12 Page Header Identity + Signal Copyright Micro-Polish
   Visual hierarchy only: stronger page headers, quieter Signal copyright, no layout logic changes. */
.panel-head{
  min-height:42px!important;
  height:42px!important;
  padding:0 15px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at left center,rgba(11,249,158,.10),transparent 34%),
    linear-gradient(90deg,rgba(5,20,15,.98),rgba(4,12,10,.98) 58%,rgba(7,20,32,.82))!important;
  border-bottom:1px solid rgba(29,91,70,.84)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.12),0 10px 22px rgba(0,0,0,.22)!important;
}
.panel-head:before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.56),transparent);
  opacity:.58;
  pointer-events:none;
}
.panel-head span:first-child{
  color:#f2fff9!important;
  font-size:12.5px!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  text-shadow:0 0 14px rgba(11,249,158,.10)!important;
}
.panel-head span:last-child{
  color:rgba(178,215,201,.70)!important;
  font-size:8.8px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.panel-head.centered-title{
  justify-content:center!important;
  min-height:43px!important;
  height:43px!important;
  background:
    radial-gradient(circle at center top,rgba(11,249,158,.13),transparent 42%),
    linear-gradient(180deg,rgba(7,27,21,.98),rgba(2,9,7,.98))!important;
}
.panel-head.centered-title span:first-child,
.panel-head.centered-title span{
  width:auto!important;
  color:#ffffff!important;
  font-size:13px!important;
  letter-spacing:.13em!important;
  text-align:center!important;
}
.copy-block h3,
.readout-card h3,
.leaderboard-card h3,
.doc-card h3,
.instruction-card h3{
  color:#f2fff9!important;
  letter-spacing:.072em!important;
  text-transform:uppercase!important;
}
.category-section-title,
.doc-kicker,
.platform-kicker,
.footer-kicker,
.detail-section-title{
  color:rgba(143,244,199,.90)!important;
  letter-spacing:.145em!important;
}
.mp-signal-outer-header{
  color:#0bf99e!important;
  font-size:9.3px!important;
  letter-spacing:.18em!important;
  opacity:.96!important;
  text-shadow:0 0 14px rgba(11,249,158,.16)!important;
}
.mp-signal-preview-title{
  font-size:15.5px!important;
  letter-spacing:.16em!important;
}
.mp-signal-mini-kicker{
  letter-spacing:.18em!important;
}
.signal-footer-rail{
  bottom:1px!important;
  height:12px!important;
  font-size:9.3px!important;
  line-height:12px!important;
  color:rgba(190,218,207,.56)!important;
  letter-spacing:.052em!important;
  text-shadow:none!important;
}
@media(max-width:900px){
  .panel-head{min-height:40px!important;height:40px!important;gap:10px!important;}
  .panel-head span:first-child{font-size:11.5px!important;letter-spacing:.09em!important;}
  .panel-head span:last-child{font-size:8.2px!important;letter-spacing:.095em!important;}
}


/* v13 Section Color Identity Pass
   Visual hierarchy only: restore controlled blue cause identity, green campaign identity,
   cooler analytics/reporting headers, and gold ranking accents without changing page logic. */
.panel-head{
  background:
    radial-gradient(circle at left center,rgba(11,249,158,.13),transparent 36%),
    linear-gradient(90deg,rgba(4,24,17,.98),rgba(3,12,10,.98) 58%,rgba(4,18,14,.94))!important;
  border-bottom-color:rgba(11,249,158,.54)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.18),0 10px 22px rgba(0,0,0,.24)!important;
}
.panel-head:before{background:linear-gradient(90deg,transparent,rgba(11,249,158,.68),transparent)!important;opacity:.68!important;}

/* Blue humanitarian / cause surfaces */
.panel.tab-panel[data-panel="charities"],
.panel.tab-panel[data-panel="charities"] .data-shell{
  border-color:rgba(126,183,255,.42)!important;
}
.panel.tab-panel[data-panel="charities"] .panel-head,
.panel.tab-panel[data-panel="global_search"] .panel-head{
  background:
    radial-gradient(circle at center top,rgba(126,183,255,.20),transparent 46%),
    linear-gradient(180deg,rgba(13,42,67,.98),rgba(4,14,22,.98))!important;
  border-bottom-color:rgba(126,183,255,.62)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.22),0 10px 22px rgba(0,0,0,.26)!important;
}
.panel.tab-panel[data-panel="charities"] .panel-head:before,
.panel.tab-panel[data-panel="global_search"] .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.76),transparent)!important;
}
.panel.tab-panel[data-panel="charities"] .panel-head span,
.panel.tab-panel[data-panel="global_search"] .panel-head span:first-child{
  text-shadow:0 0 16px rgba(126,183,255,.14)!important;
}
.panel.tab-panel[data-panel="charities"] .data-table th{
  background:linear-gradient(180deg,#0b2236,#04101a)!important;
  border-bottom-color:rgba(126,183,255,.48)!important;
  color:#e7f4ff!important;
}

/* Green commercial / campaign surfaces */
.panel.tab-panel[data-panel="campaigns"],
.panel.tab-panel[data-panel="campaigns"] .data-shell{
  border-color:rgba(11,249,158,.38)!important;
}
.panel.tab-panel[data-panel="campaigns"] .panel-head,
.panel.tab-panel[data-panel="categories"] .panel-head,
.panel.tab-panel[data-panel="advertisers"] .panel-head,
.panel.tab-panel[data-panel="agencies"] .panel-head,
.panel.tab-panel[data-panel="publishers"] .panel-head,
.panel.tab-panel[data-panel="charities_org"] .panel-head{
  background:
    radial-gradient(circle at center top,rgba(11,249,158,.18),transparent 46%),
    linear-gradient(180deg,rgba(8,55,38,.98),rgba(3,18,13,.98))!important;
  border-bottom-color:rgba(11,249,158,.60)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.22),0 10px 22px rgba(0,0,0,.26)!important;
}
.panel.tab-panel[data-panel="campaigns"] .panel-head:before,
.panel.tab-panel[data-panel="categories"] .panel-head:before,
.panel.tab-panel[data-panel="advertisers"] .panel-head:before,
.panel.tab-panel[data-panel="agencies"] .panel-head:before,
.panel.tab-panel[data-panel="publishers"] .panel-head:before,
.panel.tab-panel[data-panel="charities_org"] .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.78),transparent)!important;
}
.panel.tab-panel[data-panel="campaigns"] .data-table th{
  background:linear-gradient(180deg,#0a2d22,#04110d)!important;
  border-bottom-color:rgba(11,249,158,.48)!important;
  color:#e8fff6!important;
}

/* Analytics / reporting surfaces: cooler blue-green */
.panel.tab-panel[data-panel="stats"] .panel-head,
.panel.tab-panel[data-panel="measurement"] .panel-head,
.panel.tab-panel[data-panel="reporting"] .panel-head,
.panel.tab-panel[data-panel="live_metrics"] .panel-head,
.panel.tab-panel[data-panel="transparency"] .panel-head,
.panel.tab-panel[data-panel="audit_standards"] .panel-head,
.panel.tab-panel[data-panel="privacy_protocol"] .panel-head{
  background:
    radial-gradient(circle at left center,rgba(78,205,220,.16),transparent 40%),
    linear-gradient(90deg,rgba(7,38,43,.98),rgba(3,15,18,.98) 62%,rgba(5,22,27,.94))!important;
  border-bottom-color:rgba(78,205,220,.54)!important;
  box-shadow:inset 0 1px 0 rgba(78,205,220,.18),0 10px 22px rgba(0,0,0,.24)!important;
}
.panel.tab-panel[data-panel="stats"] .panel-head:before,
.panel.tab-panel[data-panel="measurement"] .panel-head:before,
.panel.tab-panel[data-panel="reporting"] .panel-head:before,
.panel.tab-panel[data-panel="live_metrics"] .panel-head:before,
.panel.tab-panel[data-panel="transparency"] .panel-head:before,
.panel.tab-panel[data-panel="audit_standards"] .panel-head:before,
.panel.tab-panel[data-panel="privacy_protocol"] .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(78,205,220,.68),transparent)!important;
}

/* Leaderboard / ranked readouts: restrained gold accent */
.panel.tab-panel[data-panel="leaderboards"] .panel-head{
  background:
    radial-gradient(circle at left center,rgba(242,207,117,.16),transparent 40%),
    linear-gradient(90deg,rgba(45,34,10,.98),rgba(12,10,5,.98) 58%,rgba(7,24,17,.92))!important;
  border-bottom-color:rgba(242,207,117,.55)!important;
  box-shadow:inset 0 1px 0 rgba(242,207,117,.18),0 10px 22px rgba(0,0,0,.25)!important;
}
.panel.tab-panel[data-panel="leaderboards"] .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(242,207,117,.68),transparent)!important;
}
.panel.tab-panel[data-panel="leaderboards"] .panel-head span:first-child{color:#fff6d8!important;text-shadow:0 0 16px rgba(242,207,117,.13)!important;}
.panel.tab-panel[data-panel="leaderboards"] .leaderboard-card{border-color:rgba(242,207,117,.30)!important;}
.panel.tab-panel[data-panel="leaderboards"] .leaderboard-card:before{background:linear-gradient(90deg,transparent,rgba(242,207,117,.42),transparent)!important;}

/* Infrastructure/documentation surfaces: institutional black-green, stronger edge */
.panel.tab-panel[data-panel="definitions"] .panel-head,
.panel.tab-panel[data-panel="howitworks"] .panel-head,
.panel.tab-panel[data-panel="participation"] .panel-head,
.panel.tab-panel[data-panel="os_architecture"] .panel-head,
.panel.tab-panel[data-panel="infrastructure_notes"] .panel-head{
  background:
    radial-gradient(circle at left center,rgba(143,244,199,.12),transparent 38%),
    linear-gradient(90deg,rgba(10,26,22,.98),rgba(3,8,7,.98) 62%,rgba(8,18,23,.86))!important;
  border-bottom-color:rgba(143,244,199,.45)!important;
  box-shadow:inset 0 1px 0 rgba(143,244,199,.14),0 10px 22px rgba(0,0,0,.22)!important;
}
.panel.tab-panel[data-panel="definitions"] .panel-head:before,
.panel.tab-panel[data-panel="howitworks"] .panel-head:before,
.panel.tab-panel[data-panel="participation"] .panel-head:before,
.panel.tab-panel[data-panel="os_architecture"] .panel-head:before,
.panel.tab-panel[data-panel="infrastructure_notes"] .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(143,244,199,.58),transparent)!important;
}

/* Keep sublabels readable but quieter against stronger headers. */
.panel-head span:last-child{color:rgba(220,241,233,.68)!important;}
.panel.tab-panel[data-panel="leaderboards"] .panel-head span:last-child{color:rgba(242,229,190,.66)!important;}
.panel.tab-panel[data-panel="charities"] .panel-head span:last-child,
.panel.tab-panel[data-panel="global_search"] .panel-head span:last-child{color:rgba(218,237,255,.66)!important;}

/* Small color cue for active top navigation without changing layout. */
.tab-btn[data-tab="charities"].active{background:linear-gradient(180deg,#123b5d,#071725)!important;border-color:#7eb7ff!important;box-shadow:0 0 16px rgba(126,183,255,.18)!important;}
.tab-btn[data-tab="campaigns"].active,
.tab-btn[data-tab="categories"].active{background:linear-gradient(180deg,#0b5f40,#073024)!important;border-color:#0bf99e!important;}
.tab-btn[data-tab="stats"].active{background:linear-gradient(180deg,#0b4750,#061a1d)!important;border-color:#4ecddc!important;box-shadow:0 0 16px rgba(78,205,220,.16)!important;}
.tab-btn[data-tab="leaderboards"].active{background:linear-gradient(180deg,#5b4314,#161006)!important;border-color:#f2cf75!important;box-shadow:0 0 16px rgba(242,207,117,.14)!important;}


/* v09 CSS CONSOLIDATION — PUBLIC SECTION THEME LAYER
   Visual-only override layer. Keeps PHP, tracking, history, table behavior, and content boxes intact. */
.panel.tab-panel{
  --mpmh-accent:#1d5b46;
  --mpmh-accent-soft:rgba(11,249,158,.18);
  --mpmh-head-center:rgba(11,249,158,.26);
  --mpmh-head-mid:rgba(7,48,36,.88);
  --mpmh-head-edge:rgba(3,12,9,.98);
  --mpmh-body-top:rgba(7,28,22,.35);
  --mpmh-body-mid:rgba(3,12,9,.92);
  --mpmh-body-bottom:rgba(2,7,6,.98);
  border-color:var(--mpmh-accent)!important;
  background:
    radial-gradient(ellipse at top center,var(--mpmh-body-top) 0%,rgba(0,0,0,0) 46%),
    linear-gradient(180deg,var(--mpmh-body-mid) 0%,var(--mpmh-body-bottom) 68%)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.52),0 0 28px var(--mpmh-accent-soft)!important;
}
.panel.tab-panel .panel-head{
  height:40px;
  border-bottom:1px solid var(--mpmh-accent)!important;
  background:
    radial-gradient(ellipse at center,var(--mpmh-head-center) 0%,rgba(0,0,0,0) 62%),
    linear-gradient(90deg,rgba(0,0,0,.26) 0%,var(--mpmh-head-edge) 17%,var(--mpmh-head-mid) 50%,var(--mpmh-head-edge) 83%,rgba(0,0,0,.26) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 8px 24px rgba(0,0,0,.30)!important;
}
.panel.tab-panel .panel-head:before{
  content:"";
  position:absolute;
  left:20%;
  right:20%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--mpmh-accent),transparent);
  opacity:.72;
  pointer-events:none;
}
.panel.tab-panel .panel-head{position:relative;overflow:hidden;}
.panel.tab-panel .panel-body{
  background:radial-gradient(ellipse at top center,var(--mpmh-accent-soft) 0%,rgba(0,0,0,0) 44%);
}

/* Cause / Charity environment — cooler blue public-interest tint */
.panel.tab-panel[data-panel="charities"],
.panel.tab-panel[data-panel="overview"]{
  --mpmh-accent:#2b6fa3;
  --mpmh-accent-soft:rgba(64,142,206,.15);
  --mpmh-head-center:rgba(64,142,206,.34);
  --mpmh-head-mid:rgba(13,44,72,.92);
  --mpmh-head-edge:rgba(4,12,22,.98);
  --mpmh-body-top:rgba(15,42,70,.36);
  --mpmh-body-mid:rgba(3,12,18,.94);
}

/* Brand / Campaign environment — performance green */
.panel.tab-panel[data-panel="campaigns"],
.panel.tab-panel[data-panel="advertisers"],
.panel.tab-panel[data-panel="agencies"],
.panel.tab-panel[data-panel="publishers"],
.panel.tab-panel[data-panel="charities_org"]{
  --mpmh-accent:#23845f;
  --mpmh-accent-soft:rgba(11,249,158,.16);
  --mpmh-head-center:rgba(11,249,158,.30);
  --mpmh-head-mid:rgba(7,62,42,.92);
  --mpmh-head-edge:rgba(3,16,11,.98);
  --mpmh-body-top:rgba(7,48,32,.34);
  --mpmh-body-mid:rgba(2,13,9,.94);
}

/* Categories / discovery environment — balanced green-blue */
.panel.tab-panel[data-panel="categories"],
.panel.tab-panel[data-panel="global_search"],
.panel.tab-panel[data-panel="mp_signal"],
.panel.tab-panel[data-panel="intelligence_layer"]{
  --mpmh-accent:#1d7c73;
  --mpmh-accent-soft:rgba(39,191,178,.14);
  --mpmh-head-center:rgba(39,191,178,.28);
  --mpmh-head-mid:rgba(8,49,46,.92);
  --mpmh-head-edge:rgba(3,15,14,.98);
  --mpmh-body-top:rgba(8,39,39,.32);
  --mpmh-body-mid:rgba(2,12,12,.94);
}

/* Stats / reporting / measurement environment — analytical blue-green */
.panel.tab-panel[data-panel="stats"],
.panel.tab-panel[data-panel="reporting"],
.panel.tab-panel[data-panel="measurement"],
.panel.tab-panel[data-panel="live_metrics"],
.panel.tab-panel[data-panel="audit_standards"],
.panel.tab-panel[data-panel="transparency"]{
  --mpmh-accent:#2a7f8e;
  --mpmh-accent-soft:rgba(76,187,207,.14);
  --mpmh-head-center:rgba(76,187,207,.28);
  --mpmh-head-mid:rgba(9,45,54,.92);
  --mpmh-head-edge:rgba(3,14,17,.98);
  --mpmh-body-top:rgba(10,40,48,.32);
  --mpmh-body-mid:rgba(2,12,15,.94);
}

/* Leaderboards / leaders — restrained ranking warmth */
.panel.tab-panel[data-panel="leaderboards"],
.panel.tab-panel[data-panel="leaders"]{
  --mpmh-accent:#8a7930;
  --mpmh-accent-soft:rgba(242,207,117,.12);
  --mpmh-head-center:rgba(242,207,117,.24);
  --mpmh-head-mid:rgba(61,47,16,.90);
  --mpmh-head-edge:rgba(14,11,4,.98);
  --mpmh-body-top:rgba(54,42,14,.22);
  --mpmh-body-mid:rgba(10,10,6,.95);
}

/* Institutional/info pages — quiet infrastructure tone */
.panel.tab-panel[data-panel="howitworks"],
.panel.tab-panel[data-panel="definitions"],
.panel.tab-panel[data-panel="participation"],
.panel.tab-panel[data-panel="future_visibility"],
.panel.tab-panel[data-panel="infrastructure_notes"],
.panel.tab-panel[data-panel="operational_coordination"],
.panel.tab-panel[data-panel="os_architecture"],
.panel.tab-panel[data-panel="privacy_protocol"]{
  --mpmh-accent:#356b58;
  --mpmh-accent-soft:rgba(147,255,208,.10);
  --mpmh-head-center:rgba(147,255,208,.20);
  --mpmh-head-mid:rgba(16,43,34,.90);
  --mpmh-head-edge:rgba(4,14,11,.98);
  --mpmh-body-top:rgba(10,30,24,.24);
  --mpmh-body-mid:rgba(2,10,8,.95);
}

/* Keep inner content surfaces stable/readable while the outer container carries the tint. */
.panel.tab-panel .copy-block,
.panel.tab-panel .readout-card,
.panel.tab-panel .leaderboard-card,
.panel.tab-panel .instruction-card,
.panel.tab-panel .metric,
.panel.tab-panel .category-btn,
.panel.tab-panel .data-shell,
.panel.tab-panel .category-active-label,
.panel.tab-panel .signal-preview-card{
  filter:none;
}


/* v10 panel header label normalization */
.panel-head{
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.panel-head span{
    text-align:center!important;
}
.panel-head span + span{
    display:none!important;
}


/* v10d restore rounded panel header corners */
.panel,
.card{
    border-radius:0!important;
    overflow:hidden;
}
.panel-head{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
    overflow:hidden;
    background-clip:padding-box;
}
.panel.tab-panel{
    border-radius:0!important;
    overflow:hidden!important;
}
.panel.tab-panel .panel-head:first-child{
    border-top-left-radius:0!important;
    border-top-right-radius:0!important;
}


/* v12 actionability pass */
.campaign-inline-link,
.cause-inline-link{
    color:#dffff2;
    text-decoration:none;
    font-weight:800;
}
.campaign-inline-link:hover,
.cause-inline-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}
.detail-logo{
    cursor:pointer;
}


/* v12c precise campaign clickout fixes */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}
.leaderboard-card a.leaderButton.brand-outbound-link{
    color:#dffff2;
    text-decoration:none;
    font:inherit;
    font-weight:inherit;
}
.leaderboard-card a.leaderButton.brand-outbound-link:hover{
    color:#0bf99e;
    text-decoration:underline;
}


/* v12e cause detail clickout and activation cleanup */
.detail-logo-link{display:inline-block;text-decoration:none;}
.detail-logo-link:hover .detail-logo{
    border-color:#0bf99e;
    box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 22px rgba(11,249,158,.18);
}


/* CAUSES TAB PASS 12 - final dark top search source rule */
#topSearchWrap.search-wrap.top-search-wrap{
  position:relative!important;
  justify-self:center!important;
  width:min(560px,52vw)!important;
  max-width:560px!important;
  min-width:320px!important;
  height:32px!important;
  display:block!important;
  flex:0 0 auto!important;
}
#topSearchWrap #globalSearch.search{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:32px!important;
  border-radius:0!important;
  padding:0 38px 0 13px!important;
  color:#edf7ff!important;
  background:#03080f!important;
  background-image:linear-gradient(180deg,#071221 0%,#03080f 62%,#010305 100%)!important;
  border:1px solid #183653!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(0,0,0,.28),0 0 12px rgba(0,0,0,.36)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search{
  background:#03080f!important;
  background-image:linear-gradient(180deg,#07162a 0%,#030912 64%,#010305 100%)!important;
  border-color:#1c4368!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search{
  background:#020806!important;
  background-image:linear-gradient(180deg,#06170f 0%,#020806 64%,#010302 100%)!important;
  border-color:#1b5f3d!important;
}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search{
  background:#020806!important;
  background-image:linear-gradient(180deg,#082014 0%,#030a06 64%,#010302 100%)!important;
  border-color:#25734c!important;
}
#topSearchWrap #globalSearch.search::placeholder{
  opacity:.82!important;
}
#topSearchWrap[data-search-scope="causes"] #globalSearch.search::placeholder{color:#7da9d6!important;}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search::placeholder{color:#8fcfad!important;}
#topSearchWrap[data-search-scope="platform"] #globalSearch.search::placeholder{color:#9bd9b8!important;}
#topSearchWrap #globalSearch.search:focus{
  color:#fff!important;
  outline:none!important;
  border-color:#2c6498!important;
  background-image:linear-gradient(180deg,#081a30 0%,#030b15 64%,#010305 100%)!important;
  box-shadow:0 0 0 2px rgba(126,183,255,.10),inset 0 1px 0 rgba(255,255,255,.045),0 0 16px rgba(0,0,0,.38)!important;
}
#topSearchWrap[data-search-scope="brands"] #globalSearch.search:focus,
#topSearchWrap[data-search-scope="platform"] #globalSearch.search:focus{
  border-color:#278f5a!important;
  box-shadow:0 0 0 2px rgba(11,249,158,.09),inset 0 1px 0 rgba(255,255,255,.045),0 0 16px rgba(0,0,0,.38)!important;
}
#topSearchWrap .top-search-scope{display:none!important;}
#topSearchWrap .top-search-clear{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  border:1px solid rgba(126,183,255,.72)!important;
  background:#061522!important;
  background-image:linear-gradient(180deg,#102b45,#061522)!important;
  color:#edf7ff!important;
  font-size:17px!important;
  line-height:20px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
  z-index:20!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.38)!important;
}
#topSearchWrap.has-value .top-search-clear{display:flex!important;}
#topSearchWrap[data-search-scope="brands"] .top-search-clear,
#topSearchWrap[data-search-scope="platform"] .top-search-clear{
  border-color:rgba(11,249,158,.62)!important;
  background-image:linear-gradient(180deg,#0b2b1d,#06140d)!important;
  color:#eafff5!important;
}
#topSearchWrap .top-search-clear:hover{filter:brightness(1.16);}
@media(min-width:901px){
  .topbar-inner{grid-template-columns:minmax(0,1fr) minmax(320px,560px) minmax(0,1fr)!important;align-items:center!important;position:relative!important;}
  .topbar-inner .brand{grid-column:1!important;justify-self:start!important;min-width:0!important;}
  .topbar-inner #topSearchWrap.search-wrap.top-search-wrap{grid-column:2!important;justify-self:center!important;}
}
@media(max-width:1100px) and (min-width:901px){
  #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,48vw)!important;min-width:280px!important;}
}
@media(max-width:900px){
  #topSearchWrap.search-wrap.top-search-wrap{width:100%!important;max-width:none!important;min-width:0!important;height:32px!important;justify-self:stretch!important;}
  #topSearchWrap #globalSearch.search{min-width:0!important;}
}


/* BRANDS VISUAL PASS 01 — green-oriented brand discovery surface */
.brands-discovery-panel{
  border-color:#164b35!important;
  background:#000!important;
}
.brands-discovery-panel .brands-discovery-head{
  min-height:46px!important;
  padding:8px 14px!important;
  border-bottom:1px solid #1d5b46!important;
  background:linear-gradient(180deg,#0b2419 0%,#06130e 72%,#020604 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.12)!important;
  overflow:hidden!important;
}
.brands-discovery-panel .brands-discovery-head span:first-child{
  color:#effff8!important;
  text-shadow:0 0 16px rgba(11,249,158,.28)!important;
}
.brands-discovery-panel .brands-discovery-head span:last-child{
  color:#9bd9b8!important;
}
.brands-discovery-body{
  height:calc(100vh - 194px)!important;
  max-height:calc(100vh - 194px)!important;
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.brand-category-active-label{
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
}
.brand-context-line{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
  text-align:center!important;
}
.brand-context-line h3{
  margin:0!important;
  color:#d9efe5!important;
  font-size:12px!important;
  line-height:1.24!important;
  font-weight:400!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
.brand-active-cause-link{
  color:#f4fff9!important;
  font-weight:800!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(11,249,158,.32)!important;
}
.brand-active-cause-link:hover{
  color:#ffffff!important;
  border-bottom-color:#0bf99e!important;
  text-shadow:0 0 14px rgba(11,249,158,.24)!important;
}
.brand-sort-strip{
  flex:0 0 auto!important;
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  padding:6px 8px!important;
  border-top:1px solid #1d5b46!important;
  border-bottom:1px solid #1d5b46!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#071b13,#020706)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.08)!important;
}
.brand-sort-chip,.brand-view-toggle{
  border:1px solid #1d5b46!important;
  background:#06140d!important;
  background-image:linear-gradient(180deg,#0b2519 0%,#06140d 68%,#020604 100%)!important;
  color:#dffff2!important;
  border-radius:0!important;
  padding:5px 8px!important;
  font-size:8.8px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  line-height:1.05!important;
  text-decoration:none!important;
}
.brand-view-toggle{
  background:#000!important;
  background-image:none!important;
  color:#bdf7dc!important;
  border-color:#245844!important;
}
.brand-sort-chip:hover,.brand-view-toggle:hover{
  border-color:#0bf99e!important;
  color:#ffffff!important;
  box-shadow:0 0 12px rgba(11,249,158,.12)!important;
}
.brand-sort-chip.active{
  border-color:#0bf99e!important;
  background:linear-gradient(180deg,#0b5f40,#073024)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(11,249,158,.18)!important;
}
.brand-discovery-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  padding:10px!important;
  -webkit-overflow-scrolling:touch!important;
  outline:none!important;
  scrollbar-color:#1d5b46 #020706!important;
}
.brand-discovery-scroll:focus{
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.14)!important;
}
.brand-discovery-scroll::-webkit-scrollbar{width:10px;height:10px;}
.brand-discovery-scroll::-webkit-scrollbar-track{background:#020706;border-radius:0!important;}
.brand-discovery-scroll::-webkit-scrollbar-thumb{background:#1d5b46;border-radius:0!important;border:2px solid #020706;}
.brand-discovery-scroll::-webkit-scrollbar-thumb:hover{background:#0b5f40;}
.brand-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.brand-pick-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:192px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  border:1px solid #1d5b46!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,29,20,.98),rgba(2,9,6,.98))!important;
  padding:8px 9px 9px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease!important;
}
.brand-pick-card:before{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.68),transparent)!important;
  opacity:.62!important;
}
.brand-pick-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at top right,rgba(11,249,158,.14),transparent 40%)!important;
  opacity:.28!important;
  pointer-events:none!important;
}
.brand-pick-card:hover{
  transform:translateY(-2px)!important;
  border-color:#0bf99e!important;
  box-shadow:0 18px 42px rgba(0,0,0,.46),0 0 22px rgba(11,249,158,.13)!important;
}
.brand-pick-topline{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:#8fb9a9!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.brand-card-state{
  border:1px solid rgba(11,249,158,.32)!important;
  border-radius:0!important;
  padding:2px 6px!important;
  color:#dffff2!important;
  background:rgba(11,249,158,.06)!important;
}
.brand-pick-logo-link{
  position:relative!important;
  z-index:2!important;
  align-self:center!important;
  width:82px!important;
  height:82px!important;
  border-radius:0!important;
  border:1px solid #0bf99e!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 12px 26px rgba(0,0,0,.42),0 0 18px rgba(11,249,158,.15)!important;
  text-decoration:none!important;
}
.brand-pick-logo{width:100%!important;height:100%!important;object-fit:contain!important;padding:6px!important;border-radius:0!important;}
.brand-pick-logo.fallback{color:#073024!important;font-size:23px!important;font-weight:900!important;letter-spacing:.08em!important;}
.brand-pick-name{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
  font-size:13.5px!important;
  line-height:1.12!important;
  font-weight:900!important;
  color:#fff!important;
  min-height:25px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:1px!important;
  margin-bottom:-1px!important;
}
.brand-pick-name a{color:#fff!important;text-decoration:none!important;}
.brand-pick-name a:hover{color:#0bf99e!important;}
.brand-pick-meta{
  position:relative!important;
  z-index:2!important;
  color:#9fd6bb!important;
  text-align:center!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brand-pick-desc{
  position:relative!important;
  z-index:2!important;
  color:#c5e6d6!important;
  font-size:10.25px!important;
  line-height:1.22!important;
  min-height:37px!important;
  text-align:left!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-top:0!important;
}
.brand-card-domain-row{
  position:relative!important;
  z-index:2!important;
  text-align:center!important;
  min-height:15px!important;
  margin-top:1px!important;
  margin-bottom:1px!important;
  line-height:1!important;
}
.brand-card-domain-link{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8bcfaa!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  padding:2px 5px!important;
  font-size:8.8px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  opacity:.78!important;
}
.brand-card-domain-link:hover{color:#ffffff!important;opacity:1!important;border-color:rgba(11,249,158,.52)!important;background:rgba(11,249,158,.08)!important;}
.brand-pick-stats-panel{position:relative!important;z-index:2!important;display:none!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:2px!important;border:1px solid rgba(29,91,70,.82)!important;border-radius:0!important;background:rgba(0,0,0,.34)!important;padding:20px 7px 7px!important;}
.brand-pick-stats-panel.open{display:grid!important;}
.brand-pick-stats-panel span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;border:1px solid rgba(29,91,70,.58)!important;border-radius:0!important;background:rgba(2,16,9,.58)!important;padding:4px 7px!important;color:#a9d6bd!important;font-size:8.5px!important;text-transform:uppercase!important;letter-spacing:.045em!important;}
.brand-pick-stats-panel b{color:#fff!important;font-size:10.5px!important;font-variant-numeric:tabular-nums!important;}
.brand-stats-close{position:absolute!important;top:4px!important;right:5px!important;width:16px!important;height:16px!important;border:1px solid #1d5b46!important;border-radius:0!important;background:#020706!important;color:#dffff2!important;font-size:11px!important;line-height:13px!important;font-weight:900!important;cursor:pointer!important;padding:0!important;}
.brand-stats-close:hover{border-color:#0bf99e!important;color:#fff!important;}
.brand-pick-actions{position:relative!important;z-index:2!important;display:flex!important;gap:5px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:auto!important;}
.brand-card-primary-link,.brand-card-stats-btn,.brand-card-detail-btn{border:1px solid #1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;border-radius:0!important;padding:5px 7px!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;line-height:1!important;}
.brand-card-primary-link{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;box-shadow:0 0 14px rgba(11,249,158,.16)!important;}
.brand-card-stats-btn:hover,.brand-card-detail-btn:hover,.brand-card-primary-link:hover{border-color:#0bf99e!important;color:#fff!important;}
.brand-card-empty{grid-column:1/-1!important;border:1px solid #12382c!important;border-radius:0!important;background:linear-gradient(180deg,#071a14,#020706)!important;padding:20px!important;text-align:center!important;color:#dffff2!important;font-weight:900!important;}
.brand-card-empty small{display:block!important;margin-top:5px!important;color:#8fb9a9!important;font-weight:400!important;}
.advanced-brand-directory{display:none!important;margin:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important;}
.brand-discovery-scroll.table-view .brand-card-grid,
.brand-discovery-scroll.table-view #brandCardLoadStatus{display:none!important;}
.brand-discovery-scroll.table-view .advanced-brand-directory{display:block!important;}
.brand-discovery-scroll.card-view .advanced-brand-directory{display:none!important;}
.brands-discovery-panel .advanced-brand-directory .data-shell{height:auto!important;max-height:none!important;min-height:0!important;flex:none!important;margin:0!important;border-color:#1d5b46!important;background:#020706!important;}
.brands-discovery-panel .advanced-brand-directory .result-status{padding:8px 0 2px!important;text-align:center!important;color:#8fb9a9!important;font-size:10.5px!important;}
.brands-discovery-panel #brandCardLoadStatus strong,.brands-discovery-panel #campaignLoadStatus strong{color:#ffffff!important;}
.brands-discovery-panel #campaignTable th{border-bottom-color:#1d5b46!important;background:#06140d!important;color:#dffff2!important;}
.brands-discovery-panel #campaignTable td{border-bottom-color:rgba(29,91,70,.54)!important;}
.brands-discovery-panel #campaignTable tbody tr:hover td{background:#06180f!important;color:#ffffff!important;}
.brands-discovery-panel #campaignTable .status,.brands-discovery-panel #campaignTable .status.active{border-color:#1d5b46!important;color:#dffff2!important;background:#06140d!important;}
.brands-discovery-panel #campaignTable .brand-detail-btn,.brands-discovery-panel #campaignTable .open-btn{border-color:#1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;}
.brands-discovery-panel #campaignTable .brand-detail-btn:hover,.brands-discovery-panel #campaignTable .open-btn:hover{border-color:#0bf99e!important;color:#fff!important;box-shadow:0 0 14px rgba(11,249,158,.14)!important;}
.brands-discovery-panel #campaignTable .brand-outbound-link{color:#dffff2!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:8px!important;}
.brands-discovery-panel #campaignTable .brand-outbound-link:hover{color:#fff!important;text-decoration:underline!important;}
@media(max-width:1240px){.brand-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:900px){.brands-discovery-body{height:auto!important;max-height:none!important;min-height:0!important;}.brand-discovery-scroll{overflow:visible!important;}.brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.brand-sort-strip{display:grid!important;grid-template-columns:1fr 1fr!important;}.brand-sort-chip,.brand-view-toggle{width:100%!important;}}
@media(max-width:620px){.brand-card-grid{grid-template-columns:1fr!important;}.brand-pick-card{min-height:0!important;}}

/* BRANDS centered detail workspace */
body.brand-detail-workspace.detail-open{overflow:hidden!important;}
body.brand-detail-workspace .detail-backdrop.brand-profile-backdrop{background:#000!important;backdrop-filter:none!important;transition:none!important;}
body.brand-detail-workspace .detail-backdrop.brand-profile-backdrop.open{opacity:1!important;pointer-events:auto!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(1080px, calc(100vw - 112px))!important;
  max-height:calc(100vh - 134px)!important;
  transform:translate(-50%,-50%)!important;
  transition:none!important;
  border-radius:0!important;
  border:1px solid #1d5b46!important;
  background:#020706!important;
  box-shadow:0 0 0 1px rgba(11,249,158,.14),0 34px 120px rgba(0,0,0,.92),0 0 44px rgba(11,249,158,.10)!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body.brand-detail-workspace .side-panel.brand-profile-panel.open{opacity:1!important;pointer-events:auto!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head{height:58px!important;padding:0 0 0 22px!important;border-bottom:1px solid #1d5b46!important;background:linear-gradient(180deg,#0b2419,#06130e)!important;border-radius:0!important;letter-spacing:.10em!important;position:relative!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important;width:100%!important;text-align:center!important;position:relative!important;padding-left:48px!important;padding-right:48px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle:before,body.brand-detail-workspace .side-panel.brand-profile-panel .side-head #sideTitle span:before{content:none!important;display:none!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title-world-icon{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(11,249,158,.48))!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel #sideTitle .detail-title-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 auto!important;text-align:center!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel #sideTitle .detail-title-label:before{content:""!important;display:inline-block!important;width:7px!important;height:7px!important;border-radius:0!important;background:#0bf99e!important;box-shadow:0 0 12px rgba(11,249,158,.72)!important;flex:0 0 7px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-close-x,body.brand-detail-workspace .side-panel.brand-profile-panel .close{width:58px!important;height:58px!important;margin:0!important;padding:0!important;border-radius:0!important;border:0!important;border-left:1px solid #1d5b46!important;background:#000!important;color:#dffff2!important;font-size:28px!important;line-height:1!important;font-weight:900!important;letter-spacing:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-close-x:hover,body.brand-detail-workspace .side-panel.brand-profile-panel .close:hover{color:#fff!important;border-color:#0bf99e!important;box-shadow:inset 0 0 22px rgba(11,249,158,.18)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .side-body{padding:26px!important;overflow:auto!important;max-height:calc(100vh - 193px)!important;background:#000!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero{grid-template-columns:220px 1fr!important;gap:24px!important;align-items:center!important;margin:0 0 18px!important;padding:24px!important;border:1px solid #1d5b46!important;border-radius:0!important;background:linear-gradient(135deg,#06160e,#010403)!important;box-shadow:inset 0 1px 0 rgba(11,249,158,.10)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero:before{background:linear-gradient(90deg,transparent,rgba(11,249,158,.70),transparent)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-logo{max-width:200px!important;max-height:142px!important;width:200px!important;height:142px!important;object-fit:contain!important;background:#fff!important;border:2px solid #0bf99e!important;border-radius:0!important;padding:14px!important;box-shadow:0 20px 42px rgba(0,0,0,.58),0 0 26px rgba(11,249,158,.15)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title{font-size:34px!important;line-height:1.08!important;margin:0 0 10px!important;letter-spacing:.01em!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-title-link:hover{color:#0bf99e!important;text-shadow:0 0 18px rgba(11,249,158,.24)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta{font-size:14px!important;color:#c3ead7!important;margin-bottom:12px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta-site{color:#dffff2!important;text-decoration:none!important;font-weight:800!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-meta-site:hover{color:#fff!important;text-decoration:underline!important;text-shadow:0 0 14px rgba(11,249,158,.30)!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-badge{border-color:#1d5b46!important;background:linear-gradient(180deg,#092319,#06110e)!important;color:#dffff2!important;border-radius:0!important;font-size:10px!important;padding:6px 10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-badge.green{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0 0 18px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric{min-height:104px!important;border-color:#1d5b46!important;border-radius:0!important;background:linear-gradient(180deg,#06160e,#010403)!important;padding:16px 12px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric-label{color:#9bd9b8!important;font-size:10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid .metric-value{font-size:28px!important;margin-top:8px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-section{border-color:#1d5b46!important;border-radius:0!important;background:linear-gradient(180deg,#06160e,#010403)!important;color:#dffff2!important;font-size:15px!important;line-height:1.72!important;padding:18px 20px!important;margin:0 0 16px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-section-title{color:#0bf99e!important;font-size:11px!important;margin-bottom:10px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-actions{border-top:1px solid rgba(11,249,158,.25)!important;justify-content:center!important;padding-top:16px!important;margin-top:16px!important;}
body.brand-detail-workspace .side-panel.brand-profile-panel .detail-action-primary{border-color:#0bf99e!important;background:linear-gradient(180deg,#0b5f40,#073024)!important;color:#fff!important;border-radius:0!important;padding:11px 18px!important;box-shadow:0 0 22px rgba(11,249,158,.18)!important;}
@media(max-width:900px){body.brand-detail-workspace .side-panel.brand-profile-panel{width:calc(100vw - 28px)!important;max-height:calc(100vh - 70px)!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-profile-hero{grid-template-columns:1fr!important;text-align:center!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-logo{margin:0 auto!important;}body.brand-detail-workspace .side-panel.brand-profile-panel .detail-metric-grid{grid-template-columns:1fr 1fr!important;}}



/* Platform Search Pass 01: clean unified platform-wide table */
.panel.tab-panel[data-panel="global_search"],
.panel.tab-panel[data-panel="global_search"] .panel-body,
.global-search-body{
  background:#000!important;
}
.panel.tab-panel[data-panel="global_search"] .panel-head{
  background:linear-gradient(180deg,rgba(13,42,67,.98),rgba(4,14,22,.98))!important;
  border-bottom-color:rgba(126,183,255,.62)!important;
}
.global-search-reserved-space{
  height:86px!important;
  min-height:86px!important;
  background:#000!important;
  border:1px solid #000!important;
  box-shadow:none!important;
  border-radius:0!important;
  margin:0 0 10px 0!important;
}
.global-search-shell{
  background:#000!important;
  border:1px solid rgba(11,249,158,.38)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
.global-search-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#000!important;
}
.global-search-table th,
.global-search-table td{
  box-sizing:border-box!important;
}
.global-search-table th:nth-child(1),.global-search-table td:nth-child(1){width:105px!important;}
.global-search-table th:nth-child(2),.global-search-table td:nth-child(2){width:30%!important;}
.global-search-table th:nth-child(3),.global-search-table td:nth-child(3){width:18%!important;}
.global-search-table th:nth-child(4),.global-search-table td:nth-child(4){width:22%!important;}
.global-search-table th:nth-child(5),.global-search-table td:nth-child(5){width:18%!important;}
.global-search-table th:nth-child(6),.global-search-table td:nth-child(6){width:96px!important;text-align:right!important;}
.global-search-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  height:36px!important;
  padding:0 12px!important;
  background:linear-gradient(180deg,#04150f,#010504)!important;
  color:#dffff2!important;
  border-bottom:1px solid rgba(11,249,158,.42)!important;
  text-align:left!important;
  letter-spacing:.075em!important;
  font-size:10px!important;
  text-transform:uppercase!important;
}
.global-search-table thead th.num{text-align:right!important;}
.global-search-table th.global-sortable button{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:900!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  cursor:pointer!important;
  padding:0!important;
  text-align:left!important;
}
.global-search-table th.num.global-sortable button{justify-content:flex-end!important;text-align:right!important;}
.global-search-table th.global-sortable.active,
.global-search-table th.global-sortable:hover{
  color:#fff!important;
  background:linear-gradient(180deg,#092238,#02080d)!important;
}
.global-sort-mark{color:#7eb7ff!important;font-size:9px!important;line-height:1!important;min-width:9px!important;}
.global-search-table tbody tr.global-result-row td{
  height:50px!important;
  padding:8px 12px!important;
  background:#000!important;
  border-bottom:1px solid rgba(20,65,51,.56)!important;
  color:#d9fff2!important;
  vertical-align:middle!important;
  transform:none!important;
}
.global-search-table tbody tr.global-result-row:hover td{
  background:#03110d!important;
  transform:none!important;
}
.global-search-table tbody tr.global-brand-row td:first-child{box-shadow:inset 3px 0 0 #7eb7ff!important;}
.global-search-table tbody tr.global-charity-row td:first-child{box-shadow:inset 3px 0 0 #0bf99e!important;}
.global-type-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:76px!important;
  height:22px!important;
  border-radius:0!important;
  padding:0 10px!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  border:1px solid #214f75!important;
  background:linear-gradient(180deg,#10263b,#071420)!important;
  color:#e6f2ff!important;
}
.global-type-pill.brand{border-color:#7eb7ff!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#e6f2ff!important;}
.global-type-pill.charity{border-color:#0bf99e!important;background:linear-gradient(180deg,#073024,#03130d)!important;color:#f2fff9!important;}
.global-name-wrap{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
.global-name-main{display:block!important;color:#fff!important;font-weight:900!important;font-size:12.5px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;}
.global-name-sub{display:block!important;color:#83a89b!important;font-size:9px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.global-category-pill{
  display:inline-block!important;
  max-width:100%!important;
  border:1px solid #12382c!important;
  background:linear-gradient(180deg,#071a14,#020706)!important;
  border-radius:0!important;
  padding:5px 9px!important;
  color:#bfe0d3!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.global-category-pill.charity{border-color:#214f75!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#dcecff!important;}
.global-website-link{color:#dcecff!important;text-decoration:none!important;display:inline-block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;vertical-align:middle!important;border-bottom:1px solid rgba(126,183,255,.20)!important;line-height:1.3!important;}
.global-website-link:hover{color:#fff!important;border-bottom-color:#7eb7ff!important;text-decoration:none!important;}
.global-website-empty{color:#617d73!important;}
.global-metric{display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:6px!important;min-width:110px!important;}
.global-metric-number{color:#fff!important;font-size:14px!important;font-weight:900!important;font-variant-numeric:tabular-nums!important;}
.global-activity-label{color:#9ec4b5!important;font-size:9px!important;font-weight:900!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
.global-action-cell{text-align:right!important;}
.global-detail-btn{height:26px!important;min-width:78px!important;border-radius:0!important;font-size:9px!important;letter-spacing:.08em!important;}
.global-detail-btn.brand{border-color:#7eb7ff!important;background:linear-gradient(180deg,#10263b,#071420)!important;color:#e6f2ff!important;}
.global-detail-btn.charity{border-color:#0bf99e!important;background:linear-gradient(180deg,#073024,#03130d)!important;color:#f2fff9!important;}
.global-search-status{padding:8px 10px 0!important;text-align:right!important;color:#82a798!important;}
.global-search-table .empty-result-row td{background:#000!important;border:1px dashed rgba(29,91,70,.38)!important;transform:none!important;}
@media(max-width:900px){
  .global-search-reserved-space{height:58px!important;min-height:58px!important;}
  .global-search-table th:nth-child(3),.global-search-table td:nth-child(3),
  .global-search-table th:nth-child(5),.global-search-table td:nth-child(5){display:none!important;}
  .global-search-table th:nth-child(2),.global-search-table td:nth-child(2){width:42%!important;}
  .global-search-table th:nth-child(4),.global-search-table td:nth-child(4){width:30%!important;}
}


/* BRANDS VISUAL PASS 04 - match BRANDS header/card rhythm to CAUSES
   Visual-only pass: align the Explore Brands header area, active-cause sentence,
   sort toolbar, and default card proportions with the current Pick A Cause surface. */
.brands-discovery-panel .panel-body.brands-discovery-body{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  padding-top:0!important;
  gap:0!important;
}
.brands-discovery-panel .brands-discovery-head{
  height:27px!important;
  min-height:27px!important;
  padding:0 14px!important;
  line-height:27px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-bottom:1px solid #1d5b46!important;
  background:#071f14!important;
  background-image:linear-gradient(180deg,#0b351f 0%,#071f14 56%,#04110b 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.14),inset 0 -1px 0 rgba(11,249,158,.10)!important;
}
.brands-discovery-panel .brands-discovery-head:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 50% 12%,rgba(11,249,158,.22) 0%,rgba(11,249,158,.08) 36%,rgba(11,249,158,0) 68%),
    linear-gradient(90deg,rgba(11,249,158,0) 0%,rgba(11,249,158,.07) 50%,rgba(11,249,158,0) 100%)!important;
}
.brands-discovery-panel .brands-discovery-head span:first-child{
  position:relative!important;
  z-index:1!important;
  font-size:11px!important;
  letter-spacing:.22em!important;
  line-height:27px!important;
  color:#f1fff8!important;
  text-shadow:0 0 14px rgba(11,249,158,.22)!important;
}
.brands-discovery-panel .brands-discovery-head span:last-child{
  display:none!important;
}
.brands-discovery-panel .brand-context-line{
  flex:0 0 auto!important;
  min-height:33px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  text-align:center!important;
}
.brands-discovery-panel .brand-context-line:before,
.brands-discovery-panel .brand-context-line:after{
  content:none!important;
  display:none!important;
}
.brands-discovery-panel .brand-context-line h3{
  margin:0!important;
  color:#d9efe5!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.brands-discovery-panel .brand-active-cause-link{
  color:#ffffff!important;
  font-weight:600!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(11,249,158,.36)!important;
  text-shadow:none!important;
}
.brands-discovery-panel .brand-active-cause-link:hover{
  color:#ffffff!important;
  border-bottom-color:#0bf99e!important;
  text-shadow:0 0 12px rgba(11,249,158,.20)!important;
}
.brands-discovery-panel .brand-sort-strip{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  margin:0!important;
  padding:5px 12px!important;
  gap:5px!important;
  border-top:1px solid #1d5b46!important;
  border-bottom:1px solid #123c28!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:#04180e!important;
  background-image:linear-gradient(180deg,#082817 0%,#04180e 62%,#020705 100%)!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.08),inset 0 -1px 0 rgba(0,0,0,.72)!important;
}
.brands-discovery-panel .brand-sort-chip,
.brands-discovery-panel .brand-view-toggle{
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(11,249,158,.36)!important;
  border-radius:0!important;
  color:#dffff2!important;
  box-shadow:none!important;
  padding:4px 7px!important;
  font-size:8.2px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.brands-discovery-panel .brand-sort-chip:hover,
.brands-discovery-panel .brand-sort-chip:focus,
.brands-discovery-panel .brand-view-toggle:hover,
.brands-discovery-panel .brand-view-toggle:focus{
  background:rgba(11,249,158,.075)!important;
  border-color:#0bf99e!important;
  color:#ffffff!important;
  outline:none!important;
  box-shadow:none!important;
}
.brands-discovery-panel .brand-sort-chip.active{
  background:rgba(11,249,158,.14)!important;
  background-image:none!important;
  border-color:#0bf99e!important;
  color:#ffffff!important;
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.12)!important;
}
.brands-discovery-panel .brand-view-toggle{
  color:#bdf7dc!important;
  padding:4px 5px!important;
  font-size:8.1px!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}
.brands-discovery-panel .brand-view-toggle:hover,
.brands-discovery-panel .brand-view-toggle:focus{
  color:#ffffff!important;
  text-decoration:underline!important;
}
.brands-discovery-panel .brand-discovery-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:0!important;
  padding:7px 10px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  background-image:linear-gradient(180deg,#010604 0%,#000 100%)!important;
  box-shadow:inset 0 1px 0 rgba(0,0,0,.9)!important;
}
.brands-discovery-panel .brand-card-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.brands-discovery-panel .brand-pick-card{
  min-height:188px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:8px 9px 9px!important;
  border-radius:0!important;
}
.brands-discovery-panel .brand-pick-logo-link{
  width:80px!important;
  height:80px!important;
  border-radius:0!important;
}
.brands-discovery-panel .brand-pick-logo{
  padding:6px!important;
  border-radius:0!important;
}
.brands-discovery-panel .brand-pick-name{
  font-size:13.5px!important;
  line-height:1.12!important;
  min-height:25px!important;
  margin-top:1px!important;
  margin-bottom:-1px!important;
}
.brands-discovery-panel .brand-pick-meta{
  font-size:9px!important;
  line-height:1.1!important;
}
.brands-discovery-panel .brand-pick-desc{
  font-size:10.25px!important;
  line-height:1.22!important;
  min-height:37px!important;
  -webkit-line-clamp:3!important;
  margin-top:0!important;
}
.brands-discovery-panel .brand-card-domain-row{
  min-height:15px!important;
  margin-top:1px!important;
  margin-bottom:1px!important;
}
.brands-discovery-panel .brand-card-domain-link{
  font-size:8.8px!important;
  padding:2px 5px!important;
}
.brands-discovery-panel .brand-card-primary-link,
.brands-discovery-panel .brand-card-stats-btn,
.brands-discovery-panel .brand-card-detail-btn{
  padding:5px 7px!important;
  font-size:8.5px!important;
  line-height:1!important;
  border-radius:0!important;
}
@media(max-width:1240px){.brands-discovery-panel .brand-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:900px){.brands-discovery-panel .brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.brands-discovery-panel .brand-sort-strip{display:flex!important;justify-content:center!important;}.brands-discovery-panel .brand-sort-chip,.brands-discovery-panel .brand-view-toggle{width:auto!important;}}
@media(max-width:620px){.brands-discovery-panel .brand-card-grid{grid-template-columns:1fr!important;}.brands-discovery-panel .brand-pick-card{min-height:0!important;}}


/* CLEANUP PASS 01 - consolidated baseline normalization
   Keeps the latest CAUSES, BRANDS, and PLATFORM SEARCH work together without late inline style fights. */
/* Global/search table final alignment guardrails */
.global-search-table thead th,
.global-search-table thead th.global-sortable,
.global-search-table thead th.global-sortable.active,
.global-search-table thead th.global-sortable:hover,
.global-search-table thead th.global-action-header{
  background:#06301f!important;
  background-image:linear-gradient(180deg,#094128 0%,#06301f 100%)!important;
  color:#eafff6!important;
}
.global-search-table thead th.global-action-header button,
.global-search-table thead th.global-action-header span{
  display:none!important;
}
.global-search-status{
  transform:translateY(-3px)!important;
}
.global-search-table th:nth-child(1),
.global-search-table td:nth-child(1),
.global-type-cell{
  text-align:center!important;
}
.global-search-table th:nth-child(5),
.global-search-table td:nth-child(5),
.global-metric-td,
.global-metric{
  text-align:left!important;
  justify-content:flex-start!important;
}
.global-search-table th:nth-child(6),
.global-search-table td:nth-child(6),
.global-action-cell{
  text-align:center!important;
}

/* Use the same card/header rhythm family across CAUSES and BRANDS while preserving blue vs green themes. */
.causes-discovery-panel .cause-sort-strip,
.brands-discovery-panel .brand-sort-strip{
  min-height:36px!important;
}
.causes-discovery-panel .cause-context-line,
.brands-discovery-panel .brand-context-line{
  min-height:33px!important;
}

/* Prevent old placeholder/filler logo treatments from resurfacing in brand discovery. */
.brand-card .brand-logo-tile:empty,
.brand-card .brand-logo-tile.no-logo,
.brand-card .brand-logo-placeholder{
  display:none!important;
}


/* FRONTEND CLEANUP PASS 02 - align PICK A CAUSE header sizing with EXPLORE BRANDS
   Visual-only pass: CAUSES title strip should match the BRANDS title strip height,
   text size, line-height, and interior rhythm. No behavior/tracking changes. */
.causes-discovery-panel .causes-discovery-head{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:0 14px!important;
  line-height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-bottom:1px solid #2d5f8c!important;
}
.causes-discovery-panel .causes-discovery-head span:first-child{
  font-size:11px!important;
  line-height:27px!important;
  letter-spacing:.22em!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.causes-discovery-panel .causes-discovery-head span:last-child{
  display:none!important;
}
.causes-discovery-panel .panel-body.causes-discovery-body{
  padding-top:0!important;
}

/* FRONTEND CLEANUP PASS 03 - opened-section header label and rhythm normalization
   Header label changes only: top navigation buttons remain unchanged. */
.panel.tab-panel > .panel-head{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:0 14px!important;
  line-height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.panel.tab-panel > .panel-head span:first-child{
  position:relative!important;
  z-index:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:27px!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
.panel.tab-panel > .panel-head span:last-child{
  display:none!important;
}
.panel.tab-panel > .panel-head.centered-title{
  justify-content:center!important;
  text-align:center!important;
}
.panel.tab-panel > .panel-head.centered-title span:first-child,
.panel.tab-panel > .panel-head.centered-title span{
  width:auto!important;
  text-align:center!important;
}


/* FRONTEND CLEANUP PASS 04 - header center-glow normalization
   Visual-only pass: preserve each section's existing color family while normalizing
   all opened-section header glow behavior to the center-out style used by
   SELECT YOUR CAUSE / EXPLORE BRANDS / PICK A CATEGORY. */
.panel.tab-panel > .panel-head{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at center top,rgba(11,249,158,.13),transparent 46%),
    linear-gradient(180deg,rgba(4,24,17,.98),rgba(3,12,10,.98))!important;
}
.panel.tab-panel > .panel-head:before{
  content:""!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.68),transparent)!important;
  opacity:.68!important;
  pointer-events:none!important;
}

/* Blue cause / search surfaces */
.panel.tab-panel[data-panel="charities"] > .panel-head,
.panel.tab-panel[data-panel="global_search"] > .panel-head{
  background:
    radial-gradient(circle at center top,rgba(126,183,255,.20),transparent 46%),
    linear-gradient(180deg,rgba(13,42,67,.98),rgba(4,14,22,.98))!important;
}
.panel.tab-panel[data-panel="charities"] > .panel-head:before,
.panel.tab-panel[data-panel="global_search"] > .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.76),transparent)!important;
}

/* Green commercial / campaign / category surfaces */
.panel.tab-panel[data-panel="campaigns"] > .panel-head,
.panel.tab-panel[data-panel="categories"] > .panel-head,
.panel.tab-panel[data-panel="advertisers"] > .panel-head,
.panel.tab-panel[data-panel="agencies"] > .panel-head,
.panel.tab-panel[data-panel="publishers"] > .panel-head,
.panel.tab-panel[data-panel="charities_org"] > .panel-head{
  background:
    radial-gradient(circle at center top,rgba(11,249,158,.18),transparent 46%),
    linear-gradient(180deg,rgba(8,55,38,.98),rgba(3,18,13,.98))!important;
}
.panel.tab-panel[data-panel="campaigns"] > .panel-head:before,
.panel.tab-panel[data-panel="categories"] > .panel-head:before,
.panel.tab-panel[data-panel="advertisers"] > .panel-head:before,
.panel.tab-panel[data-panel="agencies"] > .panel-head:before,
.panel.tab-panel[data-panel="publishers"] > .panel-head:before,
.panel.tab-panel[data-panel="charities_org"] > .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.78),transparent)!important;
}

/* Cooler analytics / reporting surfaces */
.panel.tab-panel[data-panel="stats"] > .panel-head,
.panel.tab-panel[data-panel="measurement"] > .panel-head,
.panel.tab-panel[data-panel="reporting"] > .panel-head,
.panel.tab-panel[data-panel="live_metrics"] > .panel-head,
.panel.tab-panel[data-panel="transparency"] > .panel-head,
.panel.tab-panel[data-panel="audit_standards"] > .panel-head,
.panel.tab-panel[data-panel="privacy_protocol"] > .panel-head{
  background:
    radial-gradient(circle at center top,rgba(78,205,220,.16),transparent 46%),
    linear-gradient(180deg,rgba(7,38,43,.98),rgba(3,15,18,.98))!important;
}
.panel.tab-panel[data-panel="stats"] > .panel-head:before,
.panel.tab-panel[data-panel="measurement"] > .panel-head:before,
.panel.tab-panel[data-panel="reporting"] > .panel-head:before,
.panel.tab-panel[data-panel="live_metrics"] > .panel-head:before,
.panel.tab-panel[data-panel="transparency"] > .panel-head:before,
.panel.tab-panel[data-panel="audit_standards"] > .panel-head:before,
.panel.tab-panel[data-panel="privacy_protocol"] > .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(78,205,220,.68),transparent)!important;
}

/* Leaderboard / ranked readout surfaces */
.panel.tab-panel[data-panel="leaderboards"] > .panel-head{
  background:
    radial-gradient(circle at center top,rgba(242,207,117,.16),transparent 46%),
    linear-gradient(180deg,rgba(45,34,10,.98),rgba(12,10,5,.98))!important;
}
.panel.tab-panel[data-panel="leaderboards"] > .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(242,207,117,.68),transparent)!important;
}

/* Institutional documentation surfaces */
.panel.tab-panel[data-panel="definitions"] > .panel-head,
.panel.tab-panel[data-panel="howitworks"] > .panel-head,
.panel.tab-panel[data-panel="participation"] > .panel-head,
.panel.tab-panel[data-panel="os_architecture"] > .panel-head,
.panel.tab-panel[data-panel="infrastructure_notes"] > .panel-head{
  background:
    radial-gradient(circle at center top,rgba(143,244,199,.12),transparent 46%),
    linear-gradient(180deg,rgba(10,26,22,.98),rgba(3,8,7,.98))!important;
}
.panel.tab-panel[data-panel="definitions"] > .panel-head:before,
.panel.tab-panel[data-panel="howitworks"] > .panel-head:before,
.panel.tab-panel[data-panel="participation"] > .panel-head:before,
.panel.tab-panel[data-panel="os_architecture"] > .panel-head:before,
.panel.tab-panel[data-panel="infrastructure_notes"] > .panel-head:before{
  background:linear-gradient(90deg,transparent,rgba(143,244,199,.58),transparent)!important;
}


/* ==========================================================================
   LAUNCH_POLISH_07 — SOURCE STYLE ALIGNMENT
   Purpose: Make the existing public frontend asset the style authority.
   Rule: squared edges, thin borders, one clean header strip, no nested rounded headers.
   Visual-only. No Signal, routing, counter, data, or backend behavior.
   ========================================================================== */

/* Universal square-edge discipline inside the public shell. */
.public-shell,
.public-shell *,
.public-shell *::before,
.public-shell *::after{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Kill old rounded header/panel/card behavior at the source. */
.public-shell .panel,
.public-shell .panel-head,
.public-shell .panel-body,
.public-shell .centered-title,
.public-shell .data-shell,
.public-shell .data-table,
.public-shell .tab-panel,
.public-shell .tab-panel-inner,
.public-shell .section-panel,
.public-shell .section-head,
.public-shell .section-body,
.public-shell .brands-discovery-panel,
.public-shell .brands-discovery-head,
.public-shell .causes-discovery-panel,
.public-shell .causes-discovery-head,
.public-shell .categories-discovery-panel,
.public-shell .categories-discovery-head,
.public-shell .category-panel,
.public-shell .category-head,
.public-shell .category-body,
.public-shell .mph-home-cause-stage,
.public-shell .mph-home-stage-head,
.public-shell .mph-home-stage-body{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Main header strips: one clean strip, squared to container, no bubble/double-header look. */
.public-shell .panel-head,
.public-shell .centered-title,
.public-shell .brands-discovery-head,
.public-shell .causes-discovery-head,
.public-shell .categories-discovery-head,
.public-shell .category-head,
.public-shell .mph-home-stage-head{
  border-radius:0!important;
  -webkit-border-radius:0!important;
  overflow:hidden!important;
  border-width:1px!important;
}

/* If an old parent panel has a header inside it, make the header touch the shell cleanly. */
.public-shell .panel > .panel-head:first-child,
.public-shell .data-shell > .centered-title:first-child,
.public-shell .brands-discovery-panel > .brands-discovery-head:first-child,
.public-shell .causes-discovery-panel > .causes-discovery-head:first-child,
.public-shell .categories-discovery-panel > .categories-discovery-head:first-child,
.public-shell .category-panel > .category-head:first-child{
  margin-top:0!important;
  border-top-left-radius:0!important;
  border-top-right-radius:0!important;
}

/* Discovery cards / dynamic cards. */
.public-shell .brand-card,
.public-shell .cause-card,
.public-shell .category-tile,
.public-shell .category-card,
.public-shell .mp-card,
.public-shell .readout-card,
.public-shell .stat-card,
.public-shell .metric-card,
.public-shell .signal-card,
.public-shell .signal-readout-card,
.public-shell .platform-signal-card,
.public-shell .mph-home-signal-card,
.public-shell .mph-home-logo-wrap,
.public-shell .mph-home-desc,
.public-shell [class*="card"],
.public-shell [class*="panel"],
.public-shell [class*="tile"]{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Controls / chips / pills / status badges. */
.public-shell button,
.public-shell .button,
.public-shell .btn,
.public-shell .tab-btn,
.public-shell .brand-sort-chip,
.public-shell .cause-sort-chip,
.public-shell .brand-view-toggle,
.public-shell .cause-view-toggle,
.public-shell .category-chip,
.public-shell .status,
.public-shell .active-pill,
.public-shell .selected-pill,
.public-shell .available-pill,
.public-shell .brand-status,
.public-shell .cause-status,
.public-shell [class*="pill"],
.public-shell [class*="chip"],
.public-shell [class*="badge"]{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Inputs/search/select/textareas. */
.public-shell input,
.public-shell select,
.public-shell textarea,
.public-shell .search,
.public-shell .search-input,
.public-shell .platform-search,
.public-shell .cause-select,
.public-shell .control-input,
.public-shell .control-select{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Logo/image containers should not inherit bubble styling. */
.public-shell img,
.public-shell .brand img,
.public-shell .cause-logo,
.public-shell .brand-logo,
.public-shell .mph-home-logo,
.public-shell .loading-world,
.public-shell .logo-frame,
.public-shell .logo-box{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Remove rounded hover artifacts. */
.public-shell .brand-card:hover,
.public-shell .cause-card:hover,
.public-shell .category-tile:hover,
.public-shell .category-card:hover{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* Footer utility row stays squared and compact. */
.public-shell .mpmh-legal-links,
.public-shell .mph-footer-links,
.public-shell .footer-links,
.public-shell .utility-links{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}


/* ==========================================================================
   LAUNCH_POLISH_09 — SIGNALS TAB HEADER REORDER
   Purpose: The MP Signal preview module is the top header of the Signals tab.
   ========================================================================== */
.public-shell .signals-panel > .panel-head{display:none!important;}
.public-shell .signals-panel-body-launch-polish{
  padding:0!important;
}
.public-shell .signals-full-preview-primary{
  margin:0!important;
  padding:0!important;
}
.public-shell .signals-full-preview-primary .signals-tab-preview-card,
.public-shell .signals-full-preview-primary .mp-signal-card-clean,
.public-shell .signals-full-preview-primary .card{
  margin:0!important;
  border-width:1px!important;
}
.public-shell .signals-full-preview-primary .mp-signal-outer-header{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:8px 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(11,249,158,.62)!important;
  background:linear-gradient(180deg,rgba(0,83,55,.9),rgba(0,37,28,.96))!important;
  color:#65ffd0!important;
  text-align:center!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.public-shell .signals-summary-label{
  margin:14px 16px 8px!important;
}
.public-shell .signals-summary-grid-below,
.public-shell .signals-public-grid-below{
  margin:0 16px 16px!important;
}
.public-shell .signals-public-grid-below{
  padding-top:4px!important;
}
.public-shell .signals-full-preview-primary .signal-footer-rail{display:none!important;}




/* ==========================================================================
   LAUNCH_POLISH_11 — SIGNALS TAB OUTER STRUCTURE ALIGNMENT
   Purpose: Make SIGNALS use the same clean outer panel/header pattern as STATS
   and other public tables. This replaces the prior custom inset Signal shell.
   ========================================================================== */

.public-shell .tab-panel[data-panel="signals"]{
  padding-top:0!important;
}

/* Use the same table-style outer shell behavior as other public panels. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-public-panel{
  margin:0!important;
  padding:0 12px 16px!important;
  border:1px solid rgba(11,249,158,.62)!important;
  background:linear-gradient(180deg,rgba(0,24,19,.72),rgba(0,6,5,.96))!important;
  box-shadow:none!important;
}

/* Header is now the same flush table header style as PUBLIC READOUTS. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-table-title{
  display:block!important;
  width:calc(100% + 24px)!important;
  margin:0 -12px 14px!important;
  min-height:28px!important;
  line-height:28px!important;
  padding:0!important;
  text-align:center!important;
  border:0!important;
  border-bottom:1px solid rgba(11,249,158,.62)!important;
  background:linear-gradient(180deg,rgba(0,84,54,.90),rgba(0,37,29,.96))!important;
  color:#7dffe3!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}

/* Remove the old inset/stage feeling from the intro. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-intro-row{
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid rgba(11,249,158,.24)!important;
  background:rgba(0,0,0,.42)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  box-shadow:none!important;
}

/* Keep the world mark as an accent, not a giant nested stage element. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-world-mark{
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-world-mark img{
  max-width:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-intro-copy{
  max-width:720px!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-kicker{
  margin:0 0 4px!important;
  color:#00ffc2!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-intro-copy h2{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.06!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signals-intro-copy p{
  margin:0!important;
  color:#b9fff0!important;
  font-size:13px!important;
  line-height:1.35!important;
}

/* Public readout cells match normal table/card density. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-readout-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 14px!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-readout-cell{
  border:1px solid rgba(11,249,158,.32)!important;
  background:rgba(0,0,0,.48)!important;
  padding:12px 10px!important;
  text-align:center!important;
  box-shadow:none!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-readout-label{
  color:#9ed9ca!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-readout-value{
  margin-top:6px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  text-shadow:none!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-readout-sub{
  margin-top:6px!important;
  color:#78bea9!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* Explanation cards align to platform table/card surfaces. */
.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-card{
  border:1px solid rgba(11,249,158,.28)!important;
  background:rgba(0,23,18,.48)!important;
  padding:13px 14px!important;
  min-height:96px!important;
  box-shadow:none!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-card h3{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:15px!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

.public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-card p{
  margin:0!important;
  color:#d8fff7!important;
  font-size:13px!important;
  line-height:1.35!important;
}

@media(max-width:900px){
  .public-shell .tab-panel[data-panel="signals"] .mpmh-readout-row,
  .public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:560px){
  .public-shell .tab-panel[data-panel="signals"] .mpmh-signals-intro-row{
    display:block!important;
    text-align:center!important;
  }
  .public-shell .tab-panel[data-panel="signals"] .mpmh-signal-world-mark{
    margin:0 auto 10px!important;
  }
  .public-shell .tab-panel[data-panel="signals"] .mpmh-readout-row,
  .public-shell .tab-panel[data-panel="signals"] .mpmh-signal-explain-grid{
    grid-template-columns:1fr!important;
  }
}

/* LAUNCH POLISH 76 — Blue Header Continuity / Edge Bleed
   Extends the glossy navy treatment through the toolbar/search row and removes top-edge black side gaps.
   Scope: visual/layout only. Preserves PHP data, Signal/counter logic, /go/to routes, cause routing, and tracking hooks. */

/* LAUNCH POLISH 75 — CSS-Owned App Shell/Header Alignment
   Final header ownership layer loaded after legacy inline polish rules.
   Scope: visual/layout only. Preserves PHP data, Signal/counter logic, /go/to routes, cause routing, and tracking hooks. */
:root{
  --mpmh-v75-blue-top:#132a4a;
  --mpmh-v75-blue-mid:#07172d;
  --mpmh-v75-blue-deep:#010612;
  --mpmh-v75-blue-edge:rgba(126,183,255,.38);
  --mpmh-v75-blue-edge-soft:rgba(126,183,255,.075);
  --mpmh-v75-text:#f6fbff;
  --mpmh-v75-muted:rgba(216,234,255,.66);
}
html,body{background:#000!important;}
body{
  background:
    linear-gradient(90deg,rgba(126,183,255,.075) 0,rgba(126,183,255,0) 18px,rgba(126,183,255,0) calc(100% - 18px),rgba(126,183,255,.075) 100%),
    #000!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1398;
  box-shadow:
    inset 1px 0 0 rgba(126,183,255,.24),
    inset -1px 0 0 rgba(126,183,255,.24),
    inset 0 1px 0 rgba(126,183,255,.18),
    inset 0 -1px 0 rgba(126,183,255,.10),
    inset 14px 0 32px rgba(20,65,112,.08),
    inset -14px 0 32px rgba(20,65,112,.08)!important;
}
.public-shell{
  width:100%!important;
  max-width:none!important;
  padding:0 14px 10px!important;
  background:
    linear-gradient(90deg,rgba(126,183,255,.045) 0,rgba(126,183,255,0) 20px,rgba(126,183,255,0) calc(100% - 20px),rgba(126,183,255,.045) 100%),
    #000!important;
}

/* Top application identity band */
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  position:sticky!important;
  top:0!important;
  z-index:1500!important;
  width:calc(100% + 28px)!important;
  margin:0 -14px!important;
  padding:0!important;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(126,183,255,.10) 0,rgba(126,183,255,0) 18px,rgba(126,183,255,0) calc(100% - 18px),rgba(126,183,255,.10) 100%),
    linear-gradient(180deg,var(--mpmh-v75-blue-top) 0%,var(--mpmh-v75-blue-mid) 52%,var(--mpmh-v75-blue-deep) 100%)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.70),0 1px 0 rgba(255,255,255,.075) inset!important;
}
#mpmhUnifiedShell .mpmh-context-row{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  border:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.088) 0%,rgba(255,255,255,.018) 42%,rgba(255,255,255,0) 100%),
    radial-gradient(circle at 50% -26px,rgba(126,183,255,.20),rgba(126,183,255,0) 48%),
    linear-gradient(180deg,var(--mpmh-v75-blue-top) 0%,var(--mpmh-v75-blue-mid) 55%,var(--mpmh-v75-blue-deep) 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .mpmh-context-inner{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:0!important;
  background:transparent!important;
}
#mpmhUnifiedShell .mpmh-context-brand{
  grid-column:1!important;
  justify-self:start!important;
  align-self:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
#mpmhUnifiedShell .mpmh-context-brand img{
  width:24px!important;
  height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 10px rgba(126,183,255,.30))!important;
}
#mpmhUnifiedShell .mpmh-context-center{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh-v75-text)!important;
  font-size:11.4px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.20em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 0 14px rgba(126,183,255,.20)!important;
}
#mpmhUnifiedShell .mpmh-context-copy{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

/* Functional toolbar: nav left in two rows, search truly centered in viewport/app shell. */
#mpmhUnifiedShell .mpmh-nav-search-row{
  height:55px!important;
  min-height:55px!important;
  max-height:55px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.010) 34%,rgba(255,255,255,0) 100%),
    radial-gradient(circle at 50% -38px,rgba(126,183,255,.14),rgba(126,183,255,0) 55%),
    linear-gradient(180deg,#07182d 0%,#030b18 54%,#00050d 100%)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.10), inset 0 -1px 0 rgba(126,183,255,.08)!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .mpmh-nav-search-inner{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:55px!important;
  min-height:55px!important;
  max-height:55px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell #tabs.tabs{
  position:absolute!important;
  left:28px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:520px!important;
  max-width:520px!important;
  min-width:0!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,max-content)!important;
  grid-auto-rows:12px!important;
  align-content:center!important;
  align-items:center!important;
  justify-content:start!important;
  gap:5px 18px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  scrollbar-width:none!important;
}
#mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;}
#mpmhUnifiedShell #tabs .tab-btn{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:12px!important;
  min-height:12px!important;
  max-height:12px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(241,250,255,.90)!important;
  font-size:9.2px!important;
  line-height:12px!important;
  font-weight:800!important;
  letter-spacing:.092em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
#mpmhUnifiedShell #tabs .tab-btn:hover,
#mpmhUnifiedShell #tabs .tab-btn:focus{
  color:#ffffff!important;
  text-shadow:0 0 12px rgba(126,183,255,.22)!important;
  outline:0!important;
}
#mpmhUnifiedShell #tabs .tab-btn.active{
  color:#7eb7ff!important;
  font-weight:900!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#mpmhUnifiedShell #tabs .tab-btn.active:before,
#mpmhUnifiedShell #tabs .tab-btn.active:after{content:none!important;display:none!important;}

#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(610px,36vw)!important;
  min-width:430px!important;
  max-width:610px!important;
  height:29px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:3!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search{
  width:100%!important;
  min-width:0!important;
  height:29px!important;
  margin:0!important;
  padding:0 34px 0 13px!important;
  display:block!important;
  border:1px solid rgba(126,183,255,.34)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(0,4,11,.78),rgba(0,0,0,.88) 100%)!important;
  color:#f6fbff!important;
  font-size:12px!important;
  line-height:29px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  outline:0!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search:focus{
  border-color:rgba(126,183,255,.78)!important;
  box-shadow:0 0 0 1px rgba(126,183,255,.20),0 0 18px rgba(126,183,255,.10),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search::placeholder{color:rgba(166,215,190,.88)!important;opacity:1!important;}
#mpmhUnifiedShell #topSearchWrap .top-search-clear{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  padding:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(48,146,105,.55)!important;
  background:#000!important;
  color:#cfe9dc!important;
  font-size:14px!important;
  line-height:18px!important;
  cursor:pointer!important;
}
#mpmhUnifiedShell #topSearchWrap.has-value .top-search-clear{display:flex!important;}

/* Main viewport spacing after toolbar */
.shell-main{
  width:100%!important;
  max-width:none!important;
  margin:10px auto 8px!important;
  padding:0 0 0!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{margin-top:18px!important;}

@media(max-width:1280px){
  #mpmhUnifiedShell #tabs.tabs{left:22px!important;width:455px!important;gap:5px 13px!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.6px!important;letter-spacing:.072em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(520px,38vw)!important;min-width:340px!important;}
}
@media(max-width:980px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:78px!important;max-height:78px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:78px!important;max-height:78px!important;}
  #mpmhUnifiedShell #tabs.tabs{
    left:50%!important;
    top:9px!important;
    transform:translateX(-50%)!important;
    width:min(620px,calc(100vw - 36px))!important;
    grid-template-columns:repeat(4,max-content)!important;
    justify-content:center!important;
  }
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    top:53px!important;
    width:min(560px,calc(100vw - 48px))!important;
    min-width:0!important;
  }
}
@media(max-width:620px){
  #mpmhUnifiedShell .mpmh-context-inner{padding:0 14px!important;grid-template-columns:28px minmax(0,1fr) 28px!important;}
  #mpmhUnifiedShell .mpmh-context-center{font-size:10px!important;letter-spacing:.14em!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8px!important;}
  #mpmhUnifiedShell #tabs.tabs{gap:4px 10px!important;}
}


/* LAUNCH POLISH 77 — Crisp Top Edge Continuity
   Keeps the v76 glossy navy header/toolbar, but restores the thin blue outside frame over the sticky header too.
   Scope: visual/layout only. No PHP data, Signal/counter, /go/to, cause routing, or tracking logic changes. */
:root{
  --mpmh-v77-edge-crisp:rgba(126,183,255,.42);
  --mpmh-v77-edge-soft:rgba(20,65,112,.16);
}
body:before{
  z-index:3000!important;
  box-shadow:
    inset 1px 0 0 var(--mpmh-v77-edge-crisp),
    inset -1px 0 0 var(--mpmh-v77-edge-crisp),
    inset 0 1px 0 var(--mpmh-v77-edge-crisp),
    inset 0 -1px 0 rgba(126,183,255,.12),
    inset 12px 0 28px var(--mpmh-v77-edge-soft),
    inset -12px 0 28px var(--mpmh-v77-edge-soft)!important;
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  box-shadow:
    inset 0 1px 0 rgba(126,183,255,.46),
    inset 1px 0 0 rgba(126,183,255,.34),
    inset -1px 0 0 rgba(126,183,255,.34),
    0 8px 20px rgba(0,0,0,.70)!important;
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  display:block!important;
  pointer-events:none!important;
  z-index:4!important;
  background:linear-gradient(90deg,rgba(126,183,255,.48),rgba(126,183,255,.24) 12%,rgba(126,183,255,.18) 50%,rgba(126,183,255,.24) 88%,rgba(126,183,255,.48))!important;
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  display:block!important;
  pointer-events:none!important;
  z-index:4!important;
  background:linear-gradient(90deg,rgba(126,183,255,.20),rgba(126,183,255,.10) 20%,rgba(126,183,255,.08) 50%,rgba(126,183,255,.10) 80%,rgba(126,183,255,.20))!important;
}
#mpmhUnifiedShell .mpmh-context-row,
#mpmhUnifiedShell .mpmh-nav-search-row{
  position:relative!important;
}


/* LAUNCH POLISH 79 — Safe Header Rollback / Visible Nav Recovery
   Restores the stable v77 toolbar behavior after the v78 split-toolbar regression hid nav links.
   Scope: visual/layout only. No PHP data, Signal/counter, /go/to, cause routing, or tracking logic changes. */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:55px!important;
    min-height:55px!important;
    max-height:55px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell #tabs.tabs{
    position:absolute!important;
    left:28px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:520px!important;
    max-width:520px!important;
    min-width:0!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,max-content)!important;
    grid-auto-rows:12px!important;
    align-content:center!important;
    align-items:center!important;
    justify-content:start!important;
    gap:5px 18px!important;
    overflow:hidden!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;}
  #mpmhUnifiedShell #tabs .tab-btn{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:12px!important;
    min-height:12px!important;
    max-height:12px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(241,250,255,.90)!important;
    font-size:9.2px!important;
    line-height:12px!important;
    font-weight:800!important;
    letter-spacing:.092em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{color:#7eb7ff!important;font-weight:900!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(610px,36vw)!important;
    min-width:430px!important;
    max-width:610px!important;
    height:29px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  #mpmhUnifiedShell .tabs.mpmh-tabs-right{display:none!important;}
  #mpmhUnifiedShell .mpmh-context-brand{cursor:default!important;}
}


/* LAUNCH POLISH 80 — White Search Field Trial
   Keeps the stable v79 header/nav/frame and tests a soft white search input against the glossy navy header.
   Scope: visual/layout only. No PHP data, Signal/counter, /go/to, cause routing, or tracking logic changes. */
:root{
  --mpmh-v80-search-bg-top:#ffffff;
  --mpmh-v80-search-bg-bottom:#edf4f9;
  --mpmh-v80-search-text:#071420;
  --mpmh-v80-search-muted:#53687a;
  --mpmh-v80-search-border:rgba(126,183,255,.70);
  --mpmh-v80-search-focus:#7eb7ff;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
  background:linear-gradient(180deg,var(--mpmh-v80-search-bg-top),var(--mpmh-v80-search-bg-bottom))!important;
  color:var(--mpmh-v80-search-text)!important;
  border:1px solid var(--mpmh-v80-search-border)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.28),
    0 8px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  text-shadow:none!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search::placeholder,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search::placeholder{
  color:var(--mpmh-v80-search-muted)!important;
  opacity:1!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search:focus,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search:focus{
  border-color:var(--mpmh-v80-search-focus)!important;
  background:linear-gradient(180deg,#ffffff,#f6fbff)!important;
  color:#04101f!important;
  box-shadow:
    0 0 0 1px rgba(126,183,255,.38),
    0 0 20px rgba(126,183,255,.20),
    0 8px 20px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  outline:0!important;
}
#mpmhUnifiedShell #topSearchWrap .top-search-clear,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap .top-search-clear{
  border:1px solid rgba(7,20,32,.22)!important;
  background:linear-gradient(180deg,#f7fbff,#dfeaf3)!important;
  color:#071420!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
}
#mpmhUnifiedShell #topSearchWrap .top-search-clear:hover,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap .top-search-clear:hover{
  border-color:rgba(126,183,255,.80)!important;
  background:#ffffff!important;
  color:#000!important;
}


/* LAUNCH POLISH 81 — Brighter Unified Blue Header Trial
   Keeps v80 soft white search field, but shifts the top company-name band toward the brighter blue border family
   so the header reads as one continuous app frame instead of a darker nested container.
   Also begins the public color migration: blue becomes the primary shell/header color; green is reserved for Signal/activity accents.
   Scope: visual/layout only. No PHP data, Signal/counter, /go/to, cause routing, or tracking logic changes. */
:root{
  --mpmh-v81-blue-top:#184a80;
  --mpmh-v81-blue-mid:#0d2f5c;
  --mpmh-v81-blue-deep:#06162f;
  --mpmh-v81-blue-line:rgba(126,183,255,.58);
  --mpmh-v81-blue-glow:rgba(126,183,255,.18);
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  background:
    linear-gradient(180deg,
      rgba(24,74,128,.99) 0%,
      rgba(13,47,92,.99) 44%,
      rgba(6,22,47,.99) 100%)!important;
  border-bottom:0!important;
  box-shadow:
    inset 0 1px 0 rgba(190,222,255,.42),
    inset 1px 0 0 rgba(126,183,255,.38),
    inset -1px 0 0 rgba(126,183,255,.38),
    0 8px 20px rgba(0,0,0,.64),
    0 0 24px var(--mpmh-v81-blue-glow)!important;
}
#mpmhUnifiedShell .mpmh-context-row{
  background:
    linear-gradient(180deg,
      rgba(28,82,138,.99) 0%,
      rgba(13,48,92,.99) 52%,
      rgba(7,25,53,.99) 100%)!important;
  border-bottom:0!important;
  box-shadow:
    inset 0 1px 0 rgba(210,232,255,.20),
    inset 0 -1px 0 rgba(126,183,255,.13)!important;
}
#mpmhUnifiedShell .mpmh-nav-search-row{
  background:
    linear-gradient(180deg,
      rgba(12,40,78,.99) 0%,
      rgba(7,25,53,.99) 56%,
      rgba(4,14,31,.99) 100%)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.11)!important;
}
#mpmhUnifiedShell .mpmh-context-center{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.45),0 0 18px rgba(126,183,255,.18)!important;
}
#mpmhUnifiedShell .mpmh-context-brand img{
  filter:drop-shadow(0 0 9px rgba(126,183,255,.42)) drop-shadow(0 1px 0 rgba(0,0,0,.42))!important;
}
#mpmhUnifiedShell #tabs .tab-btn{
  color:rgba(245,250,255,.92)!important;
}
#mpmhUnifiedShell #tabs .tab-btn.active{
  color:#ffffff!important;
  text-shadow:0 0 13px rgba(126,183,255,.34)!important;
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell:before{
  background:linear-gradient(90deg,rgba(126,183,255,.64),rgba(190,222,255,.34) 16%,rgba(126,183,255,.20) 50%,rgba(190,222,255,.34) 84%,rgba(126,183,255,.64))!important;
}
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell:after{
  background:linear-gradient(90deg,rgba(126,183,255,.30),rgba(126,183,255,.14) 22%,rgba(126,183,255,.10) 50%,rgba(126,183,255,.14) 78%,rgba(126,183,255,.30))!important;
}
body:before{
  box-shadow:
    inset 1px 0 0 rgba(126,183,255,.50),
    inset -1px 0 0 rgba(126,183,255,.50),
    inset 0 1px 0 rgba(126,183,255,.50),
    inset 0 -1px 0 rgba(126,183,255,.14),
    inset 12px 0 28px rgba(20,65,112,.18),
    inset -12px 0 28px rgba(20,65,112,.18)!important;
}


/* LAUNCH POLISH 82 — Soft Ice Search + Slight Header Compression
   Keeps the v81 blue-first public shell, but softens the white search field into an ice/pearl treatment,
   makes the toolbar row subtly deeper than the title row, tightens the search height slightly, and pulls
   the HOME hero upward a touch. Scope: visual/layout only. No PHP data, Signal/counter, /go/to, cause routing,
   or tracking logic changes. */
:root{
  --mpmh-v82-search-bg-top:#f8fbff;
  --mpmh-v82-search-bg-bottom:#e7eef6;
  --mpmh-v82-search-text:#071420;
  --mpmh-v82-search-muted:#53687a;
  --mpmh-v82-search-border:rgba(126,183,255,.62);
  --mpmh-v82-search-focus:#7eb7ff;
}
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0 13px!important;
  background:linear-gradient(180deg,var(--mpmh-v82-search-bg-top),var(--mpmh-v82-search-bg-bottom))!important;
  color:var(--mpmh-v82-search-text)!important;
  border:1px solid var(--mpmh-v82-search-border)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.20),
    0 6px 14px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search::placeholder,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search::placeholder{
  color:var(--mpmh-v82-search-muted)!important;
  opacity:.92!important;
}
#mpmhUnifiedShell #topSearchWrap #globalSearch.search:focus,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search:focus{
  border-color:var(--mpmh-v82-search-focus)!important;
  background:linear-gradient(180deg,#ffffff,#edf5fc)!important;
  box-shadow:
    0 0 0 1px rgba(126,183,255,.32),
    0 0 18px rgba(126,183,255,.18),
    0 6px 16px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.94)!important;
}
#mpmhUnifiedShell .mpmh-nav-search-row{
  background:
    linear-gradient(180deg,
      rgba(9,32,66,.99) 0%,
      rgba(5,21,48,.99) 56%,
      rgba(3,12,29,.99) 100%)!important;
  border-bottom:1px solid rgba(126,183,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.10), inset 0 -1px 0 rgba(0,0,0,.44)!important;
}
#mpmhUnifiedShell .mpmh-context-row{
  background:
    linear-gradient(180deg,
      rgba(30,86,144,.99) 0%,
      rgba(16,54,101,.99) 48%,
      rgba(7,25,53,.99) 100%)!important;
}
#mpmhUnifiedShell .mpmh-nav-search-inner{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
}
#mpmhUnifiedShell #tabs.tabs{
  height:29px!important;
  grid-auto-rows:12px!important;
  gap:4px 18px!important;
}
#mpmhUnifiedShell #tabs .tab-btn{
  height:12px!important;
  min-height:12px!important;
  max-height:12px!important;
  line-height:12px!important;
}
#mpmhUnifiedShell #topSearchWrap .top-search-clear,
#mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap .top-search-clear{
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  background:linear-gradient(180deg,#f4f8fd,#dbe8f2)!important;
}
@media(min-width:901px){
  .platform-home-shell,
  .mpmh-platform-home-shell,
  .platform-intro-shell{
    margin-top:0!important;
  }
  .platform-home-hero,
  .mpmh-platform-hero,
  .platform-intro-card{
    margin-top:-4px!important;
  }
  .shell-main{
    margin-top:6px!important;
  }
}

/* LAUNCH POLISH 83 — Logo Home + Toolbar Nav Reposition
   Removes the HOME text link from the toolbar and makes the world logo the intentional HOME tab control.
   Keeps SIGNALS directly below CAUSES in the left toolbar grid. Scope: visual/nav only.
   No PHP data, Signal/counter, /go/to, cause routing, or tracking logic changes. */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home{
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer!important;
    outline:0!important;
    padding:0!important;
  }
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home img{
    transition:filter .14s ease, transform .14s ease, opacity .14s ease!important;
  }
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home:hover img,
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home:focus img,
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home.active img{
    opacity:1!important;
    transform:translateY(-1px)!important;
    filter:drop-shadow(0 0 13px rgba(126,183,255,.56)) drop-shadow(0 1px 0 rgba(0,0,0,.42))!important;
  }

  /* Seven text links now occupy a stable two-row grid: SIGNALS sits directly below CAUSES. */
  #mpmhUnifiedShell #tabs.tabs{
    width:500px!important;
    max-width:500px!important;
    grid-template-columns:max-content max-content max-content max-content!important;
    grid-template-rows:12px 12px!important;
    grid-auto-flow:row!important;
    gap:5px 22px!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="charities"]{grid-column:1!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"]{grid-column:1!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="campaigns"]{grid-column:2!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{grid-column:2!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="categories"]{grid-column:3!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="howitworks"]{grid-column:3!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="faq"]{grid-column:4!important;grid-row:2!important;}
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{width:450px!important;gap:5px 16px!important;}
}
@media(max-width:980px){
  #mpmhUnifiedShell .mpmh-context-brand.mpmh-logo-home{appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important;padding:0!important;}
}


/* ==========================================================================
   LAUNCH POLISH 85 — Safe entry recovery + SIGNALS top-row nav order
   Built from stable v83 CSS. Removes the v84 panel-height/inner-scroll experiment.
   Scope: visual/nav only. No data, Signal/counter, /go/to, cause routing, or tracking changes.
   ========================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{
    width:560px!important;
    max-width:560px!important;
    grid-template-columns:max-content max-content max-content max-content!important;
    grid-template-rows:12px 12px!important;
    grid-auto-flow:row!important;
    gap:5px 21px!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="charities"]{grid-column:1!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="campaigns"]{grid-column:2!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="categories"]{grid-column:3!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"]{grid-column:4!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{grid-column:1!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="howitworks"]{grid-column:2!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="faq"]{grid-column:3!important;grid-row:2!important;}
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{width:520px!important;gap:5px 16px!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.75px!important;letter-spacing:.074em!important;}
}


/* ==========================================================================
   LAUNCH POLISH 86 — One-line nav above centered search
   Built from stable v85 CSS. Header-only refinement: restores a simple left-to-right
   nav row above the centered search box while preserving world-logo HOME, SIGNALS
   beside CATEGORIES, blue-first shell, and all existing panel/content scroll rules.
   Scope: visual/header only. No data, Signal/counter, /go/to, cause routing, or tracking changes.
   ========================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    background:
      linear-gradient(180deg,
        rgba(10,34,68,.99) 0%,
        rgba(6,23,52,.99) 58%,
        rgba(4,13,31,.99) 100%)!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:5px 26px 6px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:13px 27px!important;
    align-items:center!important;
    justify-items:center!important;
    row-gap:3px!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  /* Nav becomes one clean row above search. Override the older absolute/two-row grid rules. */
  #mpmhUnifiedShell #tabs.tabs{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    grid-row:1!important;
    grid-column:1!important;
    width:100%!important;
    max-width:1180px!important;
    min-width:0!important;
    height:13px!important;
    min-height:13px!important;
    max-height:13px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(16px,2.55vw,34px)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    scrollbar-width:none!important;
  }
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;}
  #mpmhUnifiedShell #tabs .tab-btn{
    position:static!important;
    grid-column:auto!important;
    grid-row:auto!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:13px!important;
    min-height:13px!important;
    max-height:13px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(245,250,255,.92)!important;
    font-size:9px!important;
    line-height:13px!important;
    font-weight:850!important;
    letter-spacing:.088em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.36)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{
    color:#ffffff!important;
    text-shadow:0 0 12px rgba(126,183,255,.42),0 1px 0 rgba(0,0,0,.40)!important;
  }
  /* Search sits centered below nav; no absolute positioning, no left/right drift. */
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    grid-row:2!important;
    grid-column:1!important;
    width:min(520px,38vw)!important;
    min-width:360px!important;
    max-width:520px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
    width:100%!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
  }
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{gap:clamp(12px,1.85vw,22px)!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.45px!important;letter-spacing:.068em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,36vw)!important;min-width:330px!important;}
}
@media(max-width:980px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:58px!important;min-height:58px!important;max-height:58px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:58px!important;min-height:58px!important;max-height:58px!important;grid-template-rows:26px 26px!important;row-gap:2px!important;padding:4px 14px 5px!important;}
  #mpmhUnifiedShell #tabs.tabs{height:26px!important;max-height:26px!important;flex-wrap:wrap!important;gap:2px 14px!important;align-content:center!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(520px,72vw)!important;min-width:0!important;}
}


/* ==========================================================================
   LAUNCH POLISH 87 — Center LEADERBOARDS as the navigation anchor
   Built on stable v86. Header-only refinement: nav remains above centered search,
   but LEADERBOARDS becomes the exact center tab directly below MP MEDIA HOLDINGS.
   Other tabs are arranged cleanly around it. No content/scroll-panel rules changed.
   ========================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    grid-template-rows:14px 26px!important;
    row-gap:3px!important;
    padding:5px 24px 6px!important;
  }
  #mpmhUnifiedShell #tabs.tabs{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(92px,1fr))!important;
    grid-template-rows:14px!important;
    width:min(1080px,78vw)!important;
    max-width:1080px!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    gap:0!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{
    width:100%!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    line-height:14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:8.85px!important;
    letter-spacing:.078em!important;
    padding:0!important;
    margin:0!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="charities"]{order:1!important;grid-column:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="campaigns"]{order:2!important;grid-column:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="categories"]{order:3!important;grid-column:3!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{order:4!important;grid-column:4!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"]{order:5!important;grid-column:5!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="howitworks"]{order:6!important;grid-column:6!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="faq"]{order:7!important;grid-column:7!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{
    color:#ffffff!important;
    text-shadow:0 0 14px rgba(126,183,255,.44),0 1px 0 rgba(0,0,0,.44)!important;
  }
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    grid-row:2!important;
    width:min(500px,34vw)!important;
    max-width:500px!important;
    min-width:340px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
  }
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{
    width:min(940px,78vw)!important;
    grid-template-columns:repeat(7,minmax(78px,1fr))!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.25px!important;letter-spacing:.058em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(480px,36vw)!important;min-width:320px!important;}
}
@media(max-width:980px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:56px!important;min-height:56px!important;max-height:56px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:56px!important;min-height:56px!important;max-height:56px!important;grid-template-rows:25px 25px!important;row-gap:2px!important;padding:4px 12px 5px!important;}
  #mpmhUnifiedShell #tabs.tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    width:min(640px,74vw)!important;
    height:25px!important;
    max-height:25px!important;
    gap:2px 13px!important;
    align-content:center!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{width:auto!important;height:11px!important;line-height:11px!important;font-size:7.95px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,72vw)!important;min-width:0!important;height:25px!important;}
}

/* ========================================================================
   LAUNCH POLISH 88 — Header lane separation / centered Leaderboards fix
   Built on v87. Header-only correction: keep LEADERBOARDS as the center
   navigation item, but force one clean nav lane above one separate centered
   search lane. No content height, scroll-owner, Signal, route, or backend changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    position:relative!important;
    width:100%!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    margin:0!important;
    padding:6px 24px 7px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:16px 28px!important;
    grid-template-areas:
      "mpmhNav"
      "mpmhSearch"!important;
    align-items:start!important;
    justify-items:center!important;
    row-gap:4px!important;
    overflow:hidden!important;
  }

  /* One clean horizontal nav row. Leaderboards is the exact center item. */
  #mpmhUnifiedShell #tabs.tabs{
    grid-area:mpmhNav!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:minmax(72px,1fr) minmax(154px,1.35fr) minmax(104px,1fr) minmax(122px,1.05fr) minmax(82px,.86fr) minmax(122px,1.05fr) minmax(48px,.55fr)!important;
    grid-template-rows:16px!important;
    width:min(980px,78vw)!important;
    max-width:980px!important;
    min-width:720px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:0!important;
    align-items:center!important;
    justify-items:center!important;
    justify-content:center!important;
    align-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
    z-index:4!important;
  }
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;}
  #mpmhUnifiedShell #tabs .tab-btn{
    position:static!important;
    appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(245,250,255,.93)!important;
    font-size:8.8px!important;
    line-height:16px!important;
    font-weight:850!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.38)!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{
    color:#ffffff!important;
    text-shadow:0 0 12px rgba(126,183,255,.42),0 1px 0 rgba(0,0,0,.42)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="charities"]{grid-column:1!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="campaigns"]{grid-column:2!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="categories"]{grid-column:3!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{grid-column:4!important;grid-row:1!important;color:#fff!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"]{grid-column:5!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="howitworks"]{grid-column:6!important;grid-row:1!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="faq"]{grid-column:7!important;grid-row:1!important;}

  /* Search gets its own lane below nav; no collision with Leaderboards. */
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    grid-area:mpmhSearch!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(500px,34vw)!important;
    min-width:340px!important;
    max-width:500px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    line-height:28px!important;
  }
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-inner{padding-left:18px!important;padding-right:18px!important;}
  #mpmhUnifiedShell #tabs.tabs{
    width:min(900px,80vw)!important;
    min-width:660px!important;
    grid-template-columns:minmax(64px,1fr) minmax(138px,1.32fr) minmax(92px,1fr) minmax(112px,1.05fr) minmax(74px,.86fr) minmax(108px,1fr) minmax(42px,.55fr)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.1px!important;letter-spacing:.056em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(480px,36vw)!important;min-width:320px!important;}
}
@media(max-width:980px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:60px!important;min-height:60px!important;max-height:60px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:60px!important;min-height:60px!important;max-height:60px!important;grid-template-rows:27px 27px!important;row-gap:2px!important;padding:4px 12px 5px!important;}
  #mpmhUnifiedShell #tabs.tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    width:min(660px,74vw)!important;
    min-width:0!important;
    height:27px!important;
    max-height:27px!important;
    gap:2px 14px!important;
    align-content:center!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{width:auto!important;height:12px!important;line-height:12px!important;font-size:7.9px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,72vw)!important;min-width:0!important;height:27px!important;}
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search{height:27px!important;min-height:27px!important;max-height:27px!important;}
}

/* ========================================================================
   LAUNCH POLISH 89 — Left-justified nav row + blue sticky footer frame
   Built on v88. Header/footer CSS only: restore simple left-to-right,
   left-justified nav above centered search, and carry the glossy blue shell
   treatment into the thin locked footer to visually complete the app box.
   No content height, scroll-owner, Signal, route, or backend changes.
   ======================================================================== */
@media(min-width:901px){
  /* Keep the top app shell compact, but make the toolbar read simply again. */
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    background:
      linear-gradient(180deg,
        rgba(13,41,76,.96) 0%,
        rgba(7,24,48,.98) 56%,
        rgba(3,12,27,.99) 100%)!important;
    border-top:1px solid rgba(126,183,255,.18)!important;
    border-bottom:1px solid rgba(126,183,255,.36)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.035),
      inset 0 -1px 0 rgba(0,0,0,.42)!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:5px 26px 6px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:15px 27px!important;
    grid-template-areas:
      "mpmhNav"
      "mpmhSearch"!important;
    align-items:start!important;
    justify-items:center!important;
    row-gap:4px!important;
    overflow:hidden!important;
  }

  /* Left-justify the links in one stable row; no centered Leaderboards spine. */
  #mpmhUnifiedShell #tabs.tabs{
    grid-area:mpmhNav!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    justify-self:start!important;
    align-self:start!important;
    width:auto!important;
    max-width:calc(100vw - 72px)!important;
    min-width:0!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    margin:0!important;
    padding:0!important;
    gap:22px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    scrollbar-width:none!important;
    z-index:4!important;
  }
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;}
  #mpmhUnifiedShell #tabs .tab-btn{
    position:static!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(245,250,255,.94)!important;
    font-size:8.7px!important;
    font-weight:850!important;
    letter-spacing:.075em!important;
    text-align:left!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.42)!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{
    color:#ffffff!important;
    text-shadow:0 0 12px rgba(126,183,255,.45),0 1px 0 rgba(0,0,0,.44)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="charities"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="campaigns"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="categories"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="howitworks"],
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="faq"]{
    order:initial!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  /* Keep search centered in its own clean lane below the links. */
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    grid-area:mpmhSearch!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    justify-self:center!important;
    align-self:start!important;
    width:min(500px,34vw)!important;
    min-width:340px!important;
    max-width:500px!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:3!important;
  }
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
    width:100%!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    line-height:27px!important;
  }

  /* Complete the app frame: the thin locked footer uses the same blue family. */
  .public-footer.footer-flat-rail.footer-ultra-rail{
    position:relative!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-top:1px solid rgba(126,183,255,.38)!important;
    background:
      linear-gradient(180deg,
        rgba(9,31,60,.98) 0%,
        rgba(5,18,38,.99) 58%,
        rgba(2,9,22,1) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.03),
      0 -12px 42px rgba(7,24,48,.22)!important;
    overflow:hidden!important;
  }
  .public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner{
    min-height:22px!important;
    padding:3px 14px 4px!important;
    background:transparent!important;
  }
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row,
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
    color:rgba(210,230,250,.52)!important;
  }
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link,
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-sep{
    color:rgba(210,230,250,.50)!important;
  }
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:hover,
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:focus{
    color:#ffffff!important;
    text-shadow:0 0 10px rgba(126,183,255,.36)!important;
  }
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-inner{padding-left:22px!important;padding-right:22px!important;}
  #mpmhUnifiedShell #tabs.tabs{gap:17px!important;max-width:calc(100vw - 54px)!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:8.05px!important;letter-spacing:.058em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(480px,36vw)!important;min-width:320px!important;}
}
@media(max-width:980px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:56px!important;min-height:56px!important;max-height:56px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:56px!important;min-height:56px!important;max-height:56px!important;grid-template-rows:24px 27px!important;row-gap:2px!important;padding:4px 12px 5px!important;}
  #mpmhUnifiedShell #tabs.tabs{flex-wrap:wrap!important;height:24px!important;max-height:24px!important;gap:2px 14px!important;align-content:center!important;}
  #mpmhUnifiedShell #tabs .tab-btn{height:11px!important;line-height:11px!important;font-size:7.8px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(500px,72vw)!important;min-width:0!important;height:27px!important;}
}


/* ========================================================================
   LAUNCH POLISH 90 — Blue identity frame + black working toolbar
   Built on v89. Header/footer CSS only.
   Keep the top MP MEDIA HOLDINGS identity bar and bottom footer in the blue
   frame family, but return the sticky nav/search toolbar to a black/near-black
   working surface so the usable site area reads taller while the header remains
   sticky. No content height, scroll-owner, Signal, route, or backend changes.
   ======================================================================== */
@media(min-width:901px){
  /* The toolbar/search band becomes part of the black workspace again. */
  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    background:
      linear-gradient(180deg,
        rgba(1,7,16,.98) 0%,
        rgba(0,3,9,.995) 58%,
        rgba(0,0,0,1) 100%)!important;
    border-top:1px solid rgba(126,183,255,.18)!important;
    border-bottom:1px solid rgba(126,183,255,.22)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.018),
      inset 0 -1px 0 rgba(0,0,0,.68),
      0 8px 26px rgba(0,0,0,.34)!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:4px 26px 5px!important;
    grid-template-rows:14px 26px!important;
    row-gap:3px!important;
  }

  /* Nav remains left-justified, but sits lighter on the black surface. */
  #mpmhUnifiedShell #tabs.tabs{
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    gap:22px!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    line-height:14px!important;
    color:rgba(235,244,255,.88)!important;
    font-size:8.55px!important;
    letter-spacing:.074em!important;
    text-shadow:0 1px 0 rgba(0,0,0,.72)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{
    color:#ffffff!important;
    text-shadow:0 0 13px rgba(126,183,255,.58),0 1px 0 rgba(0,0,0,.80)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn:hover,
  #mpmhUnifiedShell #tabs .tab-btn:focus{
    color:#ffffff!important;
    text-shadow:0 0 12px rgba(126,183,255,.45),0 1px 0 rgba(0,0,0,.78)!important;
  }

  /* Search stays centered, slightly tighter, and pearl-white against black. */
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    width:min(500px,34vw)!important;
    max-width:500px!important;
  }
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    line-height:26px!important;
    background:linear-gradient(180deg,#f8fbff 0%,#e8eff7 100%)!important;
    border-color:rgba(126,183,255,.66)!important;
    box-shadow:
      0 8px 18px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.86)!important;
  }

  /* Pull the scrollable workspace up a hair now that the toolbar reads black. */
  #mpmhUnifiedShell .shell-main{
    margin-top:5px!important;
  }
}
@media(max-width:1280px) and (min-width:901px){
  #mpmhUnifiedShell #tabs.tabs{gap:17px!important;}
  #mpmhUnifiedShell #tabs .tab-btn{font-size:7.95px!important;letter-spacing:.058em!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{width:min(480px,36vw)!important;min-width:320px!important;}
}
@media(max-width:980px) and (min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{height:53px!important;min-height:53px!important;max-height:53px!important;}
  #mpmhUnifiedShell .mpmh-nav-search-inner{height:53px!important;min-height:53px!important;max-height:53px!important;grid-template-rows:23px 26px!important;row-gap:2px!important;padding:3px 12px 4px!important;}
  #mpmhUnifiedShell #tabs.tabs{height:23px!important;max-height:23px!important;gap:2px 14px!important;}
  #mpmhUnifiedShell #tabs .tab-btn{height:11px!important;line-height:11px!important;font-size:7.7px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{height:26px!important;width:min(500px,72vw)!important;min-width:0!important;}
  #mpmhUnifiedShell #topSearchWrap #globalSearch.search{height:26px!important;min-height:26px!important;max-height:26px!important;}
}


/* ========================================================================
   LAUNCH POLISH 91 — Pure black below search / outside frame preserved
   Built on v90. Header/footer CSS only.
   Removes the thin internal divider directly below the nav/search toolbar so
   the workspace below the main header reads as pure black, while preserving
   the thin blue outside page frame and footer/top identity frame.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row{
    border-bottom:0!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.014),
      0 8px 22px rgba(0,0,0,.22)!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    border-bottom:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .shell-main{
    border-top:0!important;
    margin-top:4px!important;
    background:#000!important;
  }
  #mpmhUnifiedShell .shell-main:before,
  #mpmhUnifiedShell .shell-main:after{
    border-top:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .platform-home-hero,
  #mpmhUnifiedShell .platform-hero-stage,
  #mpmhUnifiedShell .platform-intro-card{
    border-top-color:transparent!important;
  }
}


/* ========================================================================
   LAUNCH POLISH 95 — Stable recovery guard
   Built from the stable v91 shell. This intentionally does NOT include the
   v92-v94 dynamic tab-header / HOME no-reload cause-switch experiments.
   It preserves the blue identity frame, black toolbar/workspace, pearl search,
   world-logo HOME control, and footer frame while avoiding duplicate/stale
   tab-header overlays.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-dynamic-tab-header,
  #mpmhUnifiedShell .mpmh-tab-context-header,
  #mpmhUnifiedShell .mpmh-section-context-header,
  #mpmhUnifiedShell [data-mpmh-dynamic-tab-header],
  #mpmhUnifiedShell [data-tab-context-header]{
    display:none!important;
  }
  #mpmhUnifiedShell .shell-main{
    margin-top:4px!important;
  }
}


/* ========================================================================
   LAUNCH POLISH 96 — Stable dynamic section header
   Clean single header strip below the sticky search/header area. This is a
   sibling of the main shell, not an overlay inside the topbar, so it avoids
   the stale v92-v94 dynamic-header issue while matching the lower app tables.
   ======================================================================== */
@media(min-width:901px){
  .mpmh-live-section-header{
    flex:0 0 auto!important;
    width:calc(100vw - 28px)!important;
    max-width:none!important;
    margin:0 auto 6px!important;
    padding:0!important;
    background:#000!important;
    border-left:1px solid rgba(126,183,255,.38)!important;
    border-right:1px solid rgba(126,183,255,.38)!important;
    border-top:1px solid rgba(126,183,255,.30)!important;
    border-bottom:1px solid rgba(126,183,255,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.26)!important;
  }
  .mpmh-live-section-inner{
    min-height:46px!important;
    height:46px!important;
    display:grid!important;
    grid-template-columns:minmax(190px,300px) 1fr!important;
    align-items:center!important;
    gap:18px!important;
    padding:0 20px!important;
    background:linear-gradient(180deg,rgba(7,16,27,.98),rgba(1,5,9,.99))!important;
  }
  .mpmh-live-section-title{
    color:#f7fbff!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 16px rgba(126,183,255,.12)!important;
    white-space:nowrap!important;
  }
  .mpmh-live-section-subtitle{
    color:rgba(205,227,244,.88)!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:.025em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .shell-main{
    margin-top:0!important;
  }
  .panel.tab-panel{
    margin-top:0!important;
  }
  .panel.tab-panel > .panel-head{
    min-height:34px!important;
  }
}
@media(max-width:900px){
  .mpmh-live-section-header{
    margin:0 12px 8px!important;
    border:1px solid rgba(126,183,255,.30)!important;
    background:#000!important;
  }
  .mpmh-live-section-inner{
    display:block!important;
    padding:10px 12px!important;
    background:linear-gradient(180deg,rgba(7,16,27,.98),rgba(1,5,9,.99))!important;
  }
  .mpmh-live-section-title{
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .mpmh-live-section-subtitle{
    margin-top:4px!important;
    color:rgba(205,227,244,.84)!important;
    font-size:11px!important;
    line-height:1.35!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 97 — Compact dynamic section label header
   Built on stable v96 dynamic header behavior. Header now displays only the
   active tab label, thinner and centered, with a stronger platform-blue table
   header feel. It aligns flush with the lower app frame/border for a smoother
   visual transition. No tab routing, HOME cause routing, scroll ownership,
   Signal, counter, /go/to, or backend changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-live-section-header{
    width:100%!important;
    max-width:none!important;
    margin:0 0 6px!important;
    padding:0!important;
    background:#000!important;
    border-left:1px solid rgba(126,183,255,.42)!important;
    border-right:1px solid rgba(126,183,255,.42)!important;
    border-top:1px solid rgba(126,183,255,.30)!important;
    border-bottom:1px solid rgba(126,183,255,.48)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-inner{
    min-height:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0 14px!important;
    background:
      linear-gradient(180deg,
        rgba(18,58,104,.98) 0%,
        rgba(10,34,68,.99) 52%,
        rgba(4,16,35,1) 100%)!important;
    border:0!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-title{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    color:#ffffff!important;
    font-size:14px!important;
    line-height:30px!important;
    font-weight:900!important;
    letter-spacing:.155em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.86),0 0 15px rgba(126,183,255,.20)!important;
    white-space:nowrap!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-subtitle{
    display:none!important;
  }
  #mpmhUnifiedShell .shell-main{
    margin-top:0!important;
  }
  #mpmhUnifiedShell .panel.tab-panel{
    margin-top:0!important;
  }
}
@media(max-width:900px){
  #mpmhUnifiedShell .mpmh-live-section-header{
    margin:0 12px 6px!important;
    border:1px solid rgba(126,183,255,.38)!important;
    background:#000!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-inner{
    min-height:30px!important;
    height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    background:linear-gradient(180deg,rgba(18,58,104,.98),rgba(4,16,35,1))!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-title{
    width:100%!important;
    text-align:center!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:30px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  #mpmhUnifiedShell .mpmh-live-section-subtitle{display:none!important;}
}


/* ========================================================================
   LAUNCH POLISH 98 — Dynamic section header hard lock
   v97 scoped the compact header to #mpmhUnifiedShell, but the section header
   is a sibling after the sticky topbar. This final unscoped rule locks the
   dynamic header to label-only, centered, thin, and flush with the app frame.
   No routing, tracking, scroll-owner, Signal, counter, data, or backend changes.
   ======================================================================== */
@media(min-width:901px){
  .mpmh-live-section-header{
    flex:0 0 auto!important;
    width:calc(100vw - 28px)!important;
    max-width:none!important;
    margin:0 auto 0!important;
    padding:0!important;
    background:#000!important;
    border-left:1px solid rgba(126,183,255,.42)!important;
    border-right:1px solid rgba(126,183,255,.42)!important;
    border-top:1px solid rgba(126,183,255,.34)!important;
    border-bottom:1px solid rgba(126,183,255,.50)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  .mpmh-live-section-inner{
    min-height:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    padding:0 14px!important;
    background:linear-gradient(180deg,rgba(18,58,104,.98) 0%,rgba(10,34,68,.99) 52%,rgba(4,16,35,1) 100%)!important;
    border:0!important;
  }
  .mpmh-live-section-title{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    text-shadow:0 1px 0 rgba(0,0,0,.86),0 0 14px rgba(126,183,255,.18)!important;
    white-space:nowrap!important;
  }
  .mpmh-live-section-subtitle{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  .shell-main{margin-top:0!important;}
  .panel.tab-panel{margin-top:0!important;}
}
@media(max-width:900px){
  .mpmh-live-section-header{
    margin:0 12px 0!important;
    border:1px solid rgba(126,183,255,.38)!important;
    background:#000!important;
  }
  .mpmh-live-section-inner{
    min-height:28px!important;
    height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    background:linear-gradient(180deg,rgba(18,58,104,.98),rgba(4,16,35,1))!important;
  }
  .mpmh-live-section-title{
    width:100%!important;
    text-align:center!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:28px!important;
    font-weight:900!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  .mpmh-live-section-subtitle{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    opacity:0!important;
  }
}


/* ========================================================================
   LAUNCH POLISH 99 — Wider app frame / right-edge scrollbar gain
   Built on stable v98. Width-only CSS pass: reduces side gutters so custom
   app/container scrollbars sit closer to the browser edge and the platform
   gains usable horizontal width. Preserves the thin outside blue frame and
   does not change scroll ownership, tab routing, Signal, counter, /go/to,
   cause routing, tracking, data, or backend behavior.
   ======================================================================== */
@media(min-width:901px){
  :root{
    --mpmh-v99-edge-gutter:6px;
  }

  .public-shell{
    padding-left:var(--mpmh-v99-edge-gutter)!important;
    padding-right:var(--mpmh-v99-edge-gutter)!important;
  }

  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    width:calc(100% + (var(--mpmh-v99-edge-gutter) * 2))!important;
    margin-left:calc(var(--mpmh-v99-edge-gutter) * -1)!important;
    margin-right:calc(var(--mpmh-v99-edge-gutter) * -1)!important;
  }

  .mpmh-live-section-header,
  .shell-main,
  .public-footer{
    width:calc(100vw - (var(--mpmh-v99-edge-gutter) * 2))!important;
    max-width:none!important;
  }

  .shell-main{
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .panel.tab-panel,
  .panel.tab-panel > .panel-body,
  .data-shell{
    width:100%!important;
    max-width:none!important;
  }

  .data-shell{
    margin-right:0!important;
  }

  .public-footer{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:900px){
  .public-shell{
    padding-left:10px!important;
    padding-right:10px!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 100 — Inner table/card blue alignment + compact activity strips
   Built on stable v99. Visual/CSS-only pass: brings inner tables, card shells,
   sort strips, and selected-activity alignment bands closer to the blue public
   platform shell. Green/mint remains as a selective Signal/activity/accent
   color, not a dominant table/header frame. Does not change scroll ownership,
   routes, counters, Signal math/capture, /go/to, cause routing, tracking, data,
   or backend behavior.
   ======================================================================== */
@media(min-width:901px){
  :root{
    --mpmh-blue-shell:#0d3159;
    --mpmh-blue-shell-2:#06192f;
    --mpmh-blue-shell-3:#020914;
    --mpmh-blue-line:rgba(126,183,255,.42);
    --mpmh-blue-line-soft:rgba(126,183,255,.22);
    --mpmh-blue-text:#dceeff;
    --mpmh-blue-muted:#8fb5d8;
  }

  /* Universal inner panel/table header: match upper platform shell more closely. */
  .panel-head,
  .panel.tab-panel > .panel-head,
  .panel-head.centered-title,
  .brands-discovery-panel .brands-discovery-head,
  .causes-discovery-panel .causes-discovery-head{
    min-height:26px!important;
    height:26px!important;
    padding:0 12px!important;
    align-items:center!important;
    justify-content:center!important;
    border-color:var(--mpmh-blue-line)!important;
    border-bottom:1px solid rgba(126,183,255,.34)!important;
    background:#06182d!important;
    background-image:linear-gradient(180deg,#123b68 0%,#081e38 58%,#020914 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(126,183,255,.12)!important;
    color:#fff!important;
  }
  .panel-head:before,
  .brands-discovery-panel .brands-discovery-head:before,
  .causes-discovery-panel .causes-discovery-head:before{
    background:linear-gradient(90deg,transparent,rgba(126,183,255,.46),transparent)!important;
    opacity:.58!important;
  }
  .panel-head span:first-child,
  .panel-head.centered-title span:first-child,
  .panel-head.centered-title span,
  .brands-discovery-panel .brands-discovery-head span:first-child,
  .causes-discovery-panel .causes-discovery-head span:first-child{
    color:#ffffff!important;
    font-size:11px!important;
    line-height:26px!important;
    font-weight:900!important;
    letter-spacing:.15em!important;
    text-align:center!important;
    text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 12px rgba(126,183,255,.16)!important;
  }
  .panel-head span:last-child,
  .brands-discovery-panel .brands-discovery-head span:last-child,
  .causes-discovery-panel .causes-discovery-head span:last-child{
    color:var(--mpmh-blue-muted)!important;
    font-size:8.5px!important;
    line-height:26px!important;
    letter-spacing:.11em!important;
    opacity:.72!important;
  }

  /* Compact selected/aligned activity strips: shorter, cleaner, less green. */
  .mph-home-stage-alignment,
  .brand-context-line,
  .causes-discovery-panel .cause-discovery-intro,
  .causes-discovery-panel .cause-current-alignment,
  .brand-category-active-label,
  .category-active-label{
    min-height:24px!important;
    height:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding:4px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(126,183,255,.18)!important;
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(2,9,18,.96),rgba(0,0,0,1))!important;
    box-shadow:none!important;
    text-align:center!important;
  }
  .brand-context-line h3,
  .causes-discovery-panel .cause-discovery-intro h3,
  .causes-discovery-panel .cause-current-alignment h3,
  .mph-home-stage-alignment span,
  .category-active-label,
  .brand-category-active-label{
    margin:0!important;
    color:#cfe3f7!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.025em!important;
    text-transform:none!important;
  }
  .brand-context-line a,
  .brand-active-cause-link,
  .cause-discovery-active-link,
  .mph-home-alignment-cause{
    color:#ffffff!important;
    border-bottom:1px solid rgba(126,183,255,.54)!important;
    text-decoration:none!important;
  }
  .mph-home-alignment-logo{display:none!important;}

  /* Sort/control strips: blue platform frame with green retained for active chip only. */
  .brand-sort-strip,
  .cause-sort-strip{
    min-height:29px!important;
    padding:4px 8px!important;
    gap:5px!important;
    border-color:rgba(126,183,255,.24)!important;
    border-left:0!important;
    border-right:0!important;
    background:#040d19!important;
    background-image:linear-gradient(180deg,#08203b 0%,#030b17 100%)!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.07)!important;
  }
  .brand-sort-chip,
  .brand-view-toggle,
  .cause-sort-chip,
  .cause-view-toggle,
  .control-btn,
  .open-btn,
  .visit-btn,
  .load-more-btn{
    min-height:22px!important;
    height:22px!important;
    padding:0 8px!important;
    border-color:rgba(126,183,255,.42)!important;
    background:#06182d!important;
    background-image:linear-gradient(180deg,#0d2f52,#041324)!important;
    color:#e5f2ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .brand-sort-chip.active,
  .cause-sort-chip.active,
  .brand-view-toggle[aria-pressed="true"],
  .cause-view-toggle[aria-pressed="true"],
  .status.active{
    border-color:#7eb7ff!important;
    background:#0d3159!important;
    background-image:linear-gradient(180deg,#18588f,#09213e)!important;
    color:#ffffff!important;
    box-shadow:0 0 14px rgba(126,183,255,.16),inset 0 1px 0 rgba(255,255,255,.045)!important;
  }

  /* Inner data/card shells shift from green frame to blue/steel frame. */
  .panel,
  .card,
  .data-shell,
  .brand-discovery-scroll,
  .cause-discovery-scroll,
  .advanced-brand-directory .data-shell,
  .causes-discovery-panel .advanced-cause-directory .data-shell,
  .causes-discovery-panel .cause-table-view .data-shell{
    border-color:rgba(126,183,255,.28)!important;
    background:#00050a!important;
    background-image:linear-gradient(180deg,rgba(4,15,28,.98),rgba(0,0,0,1))!important;
    box-shadow:inset 0 0 0 1px rgba(126,183,255,.035),0 16px 42px rgba(0,0,0,.34)!important;
  }
  .data-table th,
  .causes-discovery-panel .cause-table-view .data-table th{
    background:#071728!important;
    background-image:linear-gradient(180deg,#10375f 0%,#071728 68%,#020914 100%)!important;
    border-bottom-color:rgba(126,183,255,.42)!important;
    color:#e7f4ff!important;
    box-shadow:0 8px 18px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  .data-table td{
    border-bottom-color:rgba(126,183,255,.13)!important;
  }
  .data-table tr:nth-child(even) td{background:#030b14!important;}
  .data-table tr:nth-child(odd) td{background:#000408!important;}
  .data-table tr:hover td{
    background:#09223b!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.10),inset 0 -1px 0 rgba(126,183,255,.08)!important;
  }
  .data-table tr:hover td:first-child{
    box-shadow:inset 3px 0 0 #7eb7ff,inset 0 1px 0 rgba(126,183,255,.12),inset 0 -1px 0 rgba(126,183,255,.08)!important;
  }

  /* Cards: still dark, more blue platform, less broad green. */
  .public-shell .brand-card,
  .public-shell .cause-card,
  .brand-pick-card,
  .cause-pick-card,
  .readout-card,
  .leaderboard-card,
  .copy-block,
  .doc-card,
  .doc-hero-card,
  .faq-item{
    border-color:rgba(126,183,255,.28)!important;
    background:#020810!important;
    background-image:linear-gradient(180deg,rgba(5,18,33,.98),rgba(0,0,0,1))!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.035),0 12px 32px rgba(0,0,0,.32)!important;
  }
  .public-shell .brand-card:hover,
  .public-shell .cause-card:hover,
  .brand-pick-card:hover,
  .cause-pick-card:hover{
    border-color:rgba(126,183,255,.66)!important;
    box-shadow:0 0 20px rgba(126,183,255,.13),0 18px 44px rgba(0,0,0,.42)!important;
  }
  .brand-card-primary-link,
  .cause-card-primary-link{
    border-color:#7eb7ff!important;
    background:linear-gradient(180deg,#12375a,#071a2d)!important;
    box-shadow:0 0 14px rgba(126,183,255,.16)!important;
  }
  .brand-card-stats-btn,
  .brand-card-detail-btn,
  .cause-card-stats-btn,
  .cause-card-detail-btn,
  .cause-card-secondary-link{
    border-color:rgba(126,183,255,.42)!important;
    background:linear-gradient(180deg,#0b2034,#06101d)!important;
    color:#dcecff!important;
  }
  .brand-card-domain-link,
  .cause-card-domain-link,
  .charity-site-link,
  .global-website-link{
    color:#8fb5d8!important;
    border-bottom-color:rgba(126,183,255,.22)!important;
  }

  /* Keep Signal-specific visualizations allowed to remain mint/green, but make their outer frame bluer. */
  .mpmh-signals-public-panel,
  .mpmh-signal-flow-stage,
  .mpmh-signal-highway-panel{
    border-color:rgba(126,183,255,.30)!important;
  }
}
@media(max-width:900px){
  .panel-head,
  .panel.tab-panel > .panel-head{
    min-height:28px!important;
    height:28px!important;
    background:linear-gradient(180deg,#123b68,#06192f)!important;
    border-color:rgba(126,183,255,.36)!important;
  }
  .brand-context-line,
  .causes-discovery-panel .cause-discovery-intro,
  .causes-discovery-panel .cause-current-alignment{
    padding:5px 9px!important;
    min-height:26px!important;
  }
  .brand-context-line h3,
  .causes-discovery-panel .cause-discovery-intro h3,
  .causes-discovery-panel .cause-current-alignment h3{
    font-size:10.5px!important;
    line-height:1.15!important;
  }
}

/*
   LAUNCH POLISH 101 — Inner black surface simplification
   Visual-only pass: the outer blue app shell now owns the frame. Most lower/inner
   tables and ordinary panels return to black/near-black surfaces with quiet blue
   separators. Green/mint remains available for true Signal/activity accents only.
*/
@media(min-width:901px){
  :root{
    --mpmh-inner-black:#000000;
    --mpmh-inner-black2:#03060a;
    --mpmh-inner-line:rgba(126,183,255,.18);
    --mpmh-inner-line-strong:rgba(126,183,255,.34);
    --mpmh-inner-blue:#102f50;
  }

  /* Let the outer shell/frame do the work; ordinary inner containers should not look boxed twice. */
  .shell-main .panel,
  .shell-main .card,
  .shell-main .copy-block,
  .shell-main .table-intro-card,
  .shell-main .conversion-path-card,
  .shell-main .trust-transparency-card,
  .shell-main .instruction-card,
  .shell-main .detail-section,
  .shell-main .readout-card,
  .shell-main .leaderboard-card,
  .shell-main .category-btn,
  .shell-main .brand-pick-card,
  .shell-main .cause-pick-card,
  .shell-main .brand-card,
  .shell-main .cause-card,
  .brands-discovery-panel,
  .causes-discovery-panel,
  .advanced-brand-directory,
  .advanced-cause-directory,
  .cause-table-view,
  .brand-discovery-scroll,
  .cause-discovery-scroll,
  .data-shell{
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(3,8,14,.98),rgba(0,0,0,1))!important;
    border-color:var(--mpmh-inner-line)!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.018),0 10px 24px rgba(0,0,0,.24)!important;
  }

  /* Selected/important readout cards may keep definition, but still not green-heavy. */
  .leaderboard-card,
  .readout-card,
  .mpmh-signals-public-panel,
  .mpmh-signal-flow-stage,
  .mpmh-signal-highway-panel,
  .selected-cause-hero,
  .cause-first-card,
  .command-center-card{
    border-color:var(--mpmh-inner-line-strong)!important;
    background-image:linear-gradient(180deg,rgba(5,14,24,.99),rgba(0,0,0,1))!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.03),0 14px 34px rgba(0,0,0,.30)!important;
  }

  /* Panel/title/table headers match the blue platform header, compact and consistent. */
  .panel-head,
  .panel-head.centered-title,
  .brands-discovery-panel .brands-discovery-head,
  .causes-discovery-panel .causes-discovery-head,
  .data-table th,
  .causes-discovery-panel .cause-table-view .data-table th{
    min-height:26px!important;
    height:26px!important;
    padding:0 10px!important;
    background:#07192b!important;
    background-image:linear-gradient(180deg,#16436f 0%,#09213a 58%,#020812 100%)!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid rgba(126,183,255,.38)!important;
    color:#ffffff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 14px rgba(0,0,0,.30)!important;
  }
  .panel-head span,
  .panel-head.centered-title span,
  .brands-discovery-panel .brands-discovery-head span:first-child,
  .causes-discovery-panel .causes-discovery-head span:first-child{
    font-size:10.5px!important;
    line-height:26px!important;
    color:#ffffff!important;
    letter-spacing:.14em!important;
    text-align:center!important;
  }
  .panel-body{background:#000!important;background-image:none!important;}

  /* Table bodies: black rows, thin blue dividers, less shaded striping. */
  .data-table td{
    border-bottom:1px solid rgba(126,183,255,.105)!important;
    background:#000!important;
    color:#eaf6ff!important;
  }
  .data-table tr:nth-child(even) td,
  .data-table tr:nth-child(odd) td{
    background:#000!important;
  }
  .data-table tr:hover td{
    background:#06192b!important;
    color:#ffffff!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.08),inset 0 -1px 0 rgba(126,183,255,.06)!important;
  }
  .data-table tr:hover td:first-child{
    box-shadow:inset 3px 0 0 #7eb7ff,inset 0 1px 0 rgba(126,183,255,.08),inset 0 -1px 0 rgba(126,183,255,.06)!important;
  }

  /* Keep logos readable on black without heavy card chrome. */
  .brand-logo,
  .cause-logo,
  .detail-logo,
  .global-logo,
  .charity-name-cell img,
  .brand-card-logo,
  .cause-card-logo,
  .mpmh-home-logo-card{
    background:#ffffff!important;
    border-color:rgba(126,183,255,.22)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
  }

  /* Activity/alignment strips become slim black separators, not mini panels. */
  .mph-home-stage-alignment,
  .brand-context-line,
  .causes-discovery-panel .cause-discovery-intro,
  .causes-discovery-panel .cause-current-alignment,
  .brand-category-active-label,
  .category-active-label,
  .conversion-bridge-line,
  .cause-flow-strip,
  .system-confidence-line{
    min-height:21px!important;
    padding:3px 9px!important;
    margin:0!important;
    background:#000!important;
    background-image:none!important;
    border:0!important;
    border-bottom:1px solid rgba(126,183,255,.12)!important;
    box-shadow:none!important;
    color:#cfe3f7!important;
  }
  .brand-context-line h3,
  .causes-discovery-panel .cause-discovery-intro h3,
  .causes-discovery-panel .cause-current-alignment h3,
  .category-active-label,
  .brand-category-active-label,
  .mph-home-stage-alignment span{
    font-size:10px!important;
    line-height:1.05!important;
    color:#d9ecff!important;
    letter-spacing:.015em!important;
  }

  /* Buttons/chips stay blue-steel; mint only for true active/signal accents. */
  .control-btn,
  .open-btn,
  .visit-btn,
  .load-more-btn,
  .brand-sort-chip,
  .cause-sort-chip,
  .brand-view-toggle,
  .cause-view-toggle,
  .status,
  .footer-pill{
    border-color:rgba(126,183,255,.34)!important;
    background:#061321!important;
    background-image:linear-gradient(180deg,#0c2742,#030b14)!important;
    color:#e1f0ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .control-btn:hover,
  .open-btn:hover,
  .visit-btn:hover,
  .load-more-btn:hover,
  .brand-sort-chip:hover,
  .cause-sort-chip:hover{
    border-color:#7eb7ff!important;
    color:#ffffff!important;
    box-shadow:0 0 14px rgba(126,183,255,.12)!important;
  }

  /* Allow important Signal/active states to keep a restrained glow. */
  .status.active,
  .brand-sort-chip.active,
  .cause-sort-chip.active,
  .brand-view-toggle[aria-pressed="true"],
  .cause-view-toggle[aria-pressed="true"],
  .signal-chip.active,
  .metric-value.signal-live,
  .mpmh-signal-active{
    border-color:#7eb7ff!important;
    background-image:linear-gradient(180deg,#174b7b,#071d34)!important;
    color:#ffffff!important;
    box-shadow:0 0 14px rgba(126,183,255,.16)!important;
  }

  /* Footer business links should follow the new footer frame rather than old green panels. */
  .public-footer,
  .footer-compact-inner{
    border-color:rgba(126,183,255,.36)!important;
  }
}
@media(max-width:900px){
  .shell-main .panel,
  .shell-main .card,
  .data-shell,
  .copy-block,
  .readout-card,
  .leaderboard-card{
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(3,8,14,.98),rgba(0,0,0,1))!important;
    border-color:rgba(126,183,255,.20)!important;
  }
  .panel-head,
  .data-table th{
    background-image:linear-gradient(180deg,#16436f,#061a30)!important;
    color:#fff!important;
  }
}

/*
   LAUNCH POLISH 102 — Editorial outer shell cleanup + footer-header sync support
   Visual/CSS-only surface cleanup layered after v101. The outer platform shell now owns
   the frame, so FAQ / How It Works lose their extra outer table chrome. Signals loses
   the remaining green outer-panel feel; inner Signal modules move to the blue platform
   frame while mint/green remains available for actual Signal/activity values.
*/
@media(min-width:901px){
  /* FAQ + How It Works: remove the heavy outer table/container effect. */
  .tab-panel[data-panel="howitworks"],
  .tab-panel[data-panel="faq"]{
    background:#000!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  .tab-panel[data-panel="howitworks"] > .panel-head,
  .tab-panel[data-panel="faq"] > .panel-head{
    display:none!important;
  }
  .tab-panel[data-panel="howitworks"] > .panel-body,
  .tab-panel[data-panel="faq"] > .panel-body{
    background:#000!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:8px 0 10px!important;
  }
  .tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
  .tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
    background:#000!important;
    background-image:none!important;
    border-color:rgba(126,183,255,.16)!important;
    box-shadow:none!important;
  }
  .tab-panel[data-panel="howitworks"] .doc-hero-card,
  .tab-panel[data-panel="faq"] .doc-hero-card{
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(4,12,22,.92),rgba(0,0,0,1))!important;
    border-color:rgba(126,183,255,.20)!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.018)!important;
  }
  .tab-panel[data-panel="howitworks"] .doc-card,
  .tab-panel[data-panel="faq"] .faq-item,
  .tab-panel[data-panel="faq"] .doc-link-row,
  .tab-panel[data-panel="howitworks"] .doc-link-row{
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(2,8,15,.96),rgba(0,0,0,1))!important;
    border-color:rgba(126,183,255,.14)!important;
    box-shadow:none!important;
  }

  /* Signals: remove green outer shell; let only the inner readout modules carry definition. */
  .panel.tab-panel[data-panel="signals"],
  .signals-panel{
    background:#000!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }
  .panel.tab-panel[data-panel="signals"] > .panel-head,
  .signals-panel > .panel-head{
    display:none!important;
  }
  .panel.tab-panel[data-panel="signals"] > .panel-body,
  .signals-panel > .panel-body{
    background:#000!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:8px 0 10px!important;
  }
  .signals-panel .mpmh-signals-public-panel,
  .signals-panel .mpmh-signal-flow-stage,
  .signals-panel .mpmh-signal-highway-panel,
  .signals-panel .signal-preview-card,
  .signals-panel .signal-definition-card,
  .signals-panel .readout-card{
    background:#000!important;
    background-image:linear-gradient(180deg,rgba(4,13,24,.98),rgba(0,0,0,1))!important;
    border-color:rgba(126,183,255,.28)!important;
    box-shadow:inset 0 1px 0 rgba(126,183,255,.026),0 10px 26px rgba(0,0,0,.25)!important;
  }
  .signals-panel .mpmh-signal-highway-head,
  .signals-panel .mpmh-signal-flow-head,
  .signals-panel .signal-preview-title,
  .signals-panel .readout-card h3{
    color:#ffffff!important;
  }
  .signals-panel .signal-chip{
    border-color:rgba(126,183,255,.30)!important;
    background:linear-gradient(180deg,#0b233a,#030b14)!important;
    color:#e2f1ff!important;
  }
  .signals-panel .signal-chip:hover,
  .signals-panel .signal-chip.active{
    border-color:#7eb7ff!important;
    box-shadow:0 0 14px rgba(126,183,255,.14)!important;
  }
}
@media(max-width:900px){
  .tab-panel[data-panel="howitworks"] > .panel-head,
  .tab-panel[data-panel="faq"] > .panel-head,
  .panel.tab-panel[data-panel="signals"] > .panel-head{
    display:none!important;
  }
  .tab-panel[data-panel="howitworks"] > .panel-body,
  .tab-panel[data-panel="faq"] > .panel-body,
  .panel.tab-panel[data-panel="signals"] > .panel-body{
    background:#000!important;
    padding:8px 0 10px!important;
  }
}


/* LAUNCH POLISH 103 — Persistent Header Cause Alignment + Repeated Strip Removal
   Scope: visual/copy only. Keeps world logo as HOME while adding persistent selected-cause
   alignment beside it. Removes repeated alignment strips above discovery tables so tables
   sit closer to the top. No scroll-owner, backend, Signal, counter, /go/to, or cause-routing changes. */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-inner{
    grid-template-columns:minmax(360px,1fr) auto minmax(360px,1fr)!important;
    padding:0 18px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    min-width:0!important;
    max-width:min(520px,calc(50vw - 190px))!important;
    height:36px!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand{
    grid-column:auto!important;
    position:relative!important;
    flex:0 0 28px!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:rgba(226,241,255,.78)!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    transform:translateY(.5px)!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment-link{
    color:#ffffff!important;
    text-decoration:none!important;
    border-bottom:1px solid rgba(194,222,255,.42)!important;
    text-shadow:0 0 10px rgba(126,183,255,.18)!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment-link:hover,
  #mpmhUnifiedShell .mpmh-header-alignment-link:focus{
    color:#f7fbff!important;
    border-bottom-color:#ffffff!important;
  }
  #mpmhUnifiedShell .mpmh-context-center{
    grid-column:2!important;
  }
  /* Remove repeated selected-cause alignment strips now that the header owns this context. */
  .mph-home-stage-alignment,
  .brand-context-line,
  .causes-discovery-panel .cause-current-alignment{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  .brands-discovery-body,
  .causes-discovery-body{
    padding-top:8px!important;
  }
}
@media(max-width:900px){
  #mpmhUnifiedShell .mpmh-context-left{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    display:none!important;
  }
  .mph-home-stage-alignment,
  .brand-context-line,
  .causes-discovery-panel .cause-current-alignment{
    display:none!important;
  }
}


/* v104 Header alignment + repeated alignment strip cleanup
   Keep selected cause context in the top-left shell only. Remove repeated table intro alignment rows. */
.brand-context-line,
.cause-current-alignment,
.causes-discovery-panel .cause-discovery-intro.cause-current-alignment,
.mph-home-stage-alignment{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
}
#mpmhUnifiedShell .mpmh-context-left{
  width:min(620px,42vw)!important;
  max-width:min(620px,42vw)!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
#mpmhUnifiedShell .mpmh-logo-home{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
#mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
#mpmhUnifiedShell .mpmh-logo-home img{
  width:25px!important;
  height:25px!important;
  display:block!important;
}
#mpmhUnifiedShell .mpmh-header-alignment{
  flex:1 1 auto!important;
  min-width:0!important;
  height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  color:rgba(226,241,255,.76)!important;
  font-size:10px!important;
  line-height:18px!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  transform:none!important;
}
#mpmhUnifiedShell .mpmh-header-alignment-label{
  flex:0 0 auto!important;
  color:rgba(198,222,246,.74)!important;
}
#mpmhUnifiedShell .mpmh-header-alignment-link{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  display:block!important;
  color:#ffffff!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(194,222,255,.42)!important;
  text-shadow:0 0 10px rgba(126,183,255,.20)!important;
}
#mpmhUnifiedShell .mpmh-header-alignment-link:hover,
#mpmhUnifiedShell .mpmh-header-alignment-link:focus{
  color:#f7fbff!important;
  border-bottom-color:#ffffff!important;
}
.brands-discovery-body,
.causes-discovery-body{
  padding-top:6px!important;
}
@media(max-width:900px){
  #mpmhUnifiedShell .mpmh-context-left{width:auto!important;max-width:none!important;}
  #mpmhUnifiedShell .mpmh-header-alignment{display:none!important;}
}


/* LAUNCH POLISH 105 — Header selected-cause text + repeated alignment row removal
   Scope: visual/layout only. Keeps world logo as HOME. Only the selected cause text is clickable.
   Removes the empty repeated alignment containers above discovery controls so tables move upward. */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-left{
    width:min(760px,48vw)!important;
    max-width:min(760px,48vw)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow:hidden!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:22px!important;
    max-width:calc(100% - 42px)!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    color:rgba(226,241,255,.82)!important;
    font-size:10px!important;
    line-height:22px!important;
    font-weight:850!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment-label{
    display:inline-block!important;
    flex:0 0 auto!important;
    color:rgba(205,225,248,.80)!important;
    white-space:nowrap!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment-link{
    pointer-events:auto!important;
    display:inline-block!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:min(460px,calc(48vw - 170px))!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#ffffff!important;
    text-decoration:none!important;
    border-bottom:0!important;
    text-shadow:0 0 10px rgba(126,183,255,.22)!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment-link:hover,
  #mpmhUnifiedShell .mpmh-header-alignment-link:focus{
    color:#eaf4ff!important;
    text-decoration:none!important;
    border-bottom:0!important;
  }
}
/* Remove the repeated discovery alignment rows from layout entirely, including earlier high-specificity flex rules. */
.brands-discovery-panel .brand-context-line,
.brands-discovery-panel .brand-context-line h3,
.causes-discovery-panel .cause-discovery-intro.cause-current-alignment,
.causes-discovery-panel .cause-discovery-intro.cause-current-alignment h3,
.cause-current-alignment,
.brand-context-line,
.mph-home-stage-alignment{
  display:none!important;
  visibility:hidden!important;
  position:absolute!important;
  left:-99999px!important;
  top:auto!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  flex:0 0 0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.brands-discovery-panel .panel-body.brands-discovery-body,
.causes-discovery-panel .panel-body.causes-discovery-body{
  gap:0!important;
  padding-top:0!important;
}
.brands-discovery-panel .brand-sort-strip,
.causes-discovery-panel .cause-sort-strip{
  margin-top:0!important;
}


/* v108 HOME copy support line polish */
.mph-front-hero-support{
  margin:10px 0 0;
  color:#dcecff;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:.01em;
}
.mph-front-hero-support:before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:8px;
  vertical-align:1px;
  background:#7eb7ff;
  box-shadow:0 0 10px rgba(126,183,255,.38);
}

/* v109 HOME World Mark Anchor
   Adds a larger branded world mark inside the platform HOME intro so the opening feels anchored and less text-only.
   Presentation only; preserves hero triggers, Signal attributes, routing, and data logic. */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  padding:24px 26px 22px!important;
}
.mph-front-hero-layout{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:start!important;
}
.mph-front-world-mark{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:172px!important;
  padding-top:2px!important;
  pointer-events:none!important;
}
.mph-front-world-mark:before{
  content:""!important;
  position:absolute!important;
  inset:18px 8px auto 8px!important;
  height:136px!important;
  background:radial-gradient(circle,rgba(126,183,255,.18),rgba(126,183,255,.055) 54%,transparent 74%)!important;
  filter:blur(1px)!important;
  opacity:.92!important;
}
.mph-front-world-mark img{
  position:relative!important;
  z-index:1!important;
  width:158px!important;
  height:158px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 18px rgba(126,183,255,.28)) drop-shadow(0 14px 28px rgba(0,0,0,.42))!important;
}
.mph-front-hero-copy{
  max-width:820px!important;
  margin:0!important;
  text-align:left!important;
}
.mph-front-hero-copy h1{
  margin-top:0!important;
}
.mph-front-logo-stage{
  max-width:1120px!important;
  margin:18px auto 0!important;
}
@media(max-width:980px){
  .mph-front-hero-layout{
    grid-template-columns:132px minmax(0,1fr)!important;
    gap:18px!important;
  }
  .mph-front-world-mark{min-height:126px!important;}
  .mph-front-world-mark:before{height:104px!important;inset:12px 2px auto 2px!important;}
  .mph-front-world-mark img{width:118px!important;height:118px!important;}
}
@media(max-width:700px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{padding:18px 14px!important;}
  .mph-front-hero-layout{
    display:block!important;
    max-width:100%!important;
  }
  .mph-front-world-mark{
    justify-content:flex-start!important;
    min-height:78px!important;
    margin-bottom:10px!important;
  }
  .mph-front-world-mark:before{width:88px!important;height:78px!important;left:-8px!important;right:auto!important;top:0!important;}
  .mph-front-world-mark img{width:82px!important;height:82px!important;}
}

/* v110 HOME World Mark + Action Link Alignment
   Move the HOME world mark farther left, place clean action links under it,
   align logo-stage cards to the paragraph/copy column, and soften support-line weight. */
@media(min-width:981px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding-left:20px!important;
    padding-right:26px!important;
  }
  .mph-front-hero-layout{
    max-width:1180px!important;
    grid-template-columns:238px minmax(0, 1fr)!important;
    gap:26px!important;
    margin-left:max(18px, calc((100% - 1180px) / 2))!important;
    margin-right:auto!important;
  }
  .mph-front-world-mark{
    justify-content:flex-start!important;
    align-items:center!important;
    flex-direction:column!important;
    min-height:214px!important;
    padding-top:0!important;
  }
  .mph-front-world-mark:before{
    inset:8px auto auto 0!important;
    width:188px!important;
    height:158px!important;
  }
  .mph-front-world-mark img{
    width:166px!important;
    height:166px!important;
  }
  .mph-front-hero-copy{
    max-width:860px!important;
  }
  .mph-front-logo-stage{
    max-width:860px!important;
    margin-top:18px!important;
    margin-left:calc(max(18px, (100% - 1180px) / 2) + 238px + 26px)!important;
    margin-right:auto!important;
  }
}
.mph-front-world-actions{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:178px!important;
  margin-top:12px!important;
  pointer-events:auto!important;
}
.mph-front-world-action{
  width:100%!important;
  min-height:26px!important;
  border:1px solid rgba(126,183,255,.42)!important;
  background:linear-gradient(180deg,rgba(9,27,48,.82),rgba(1,5,10,.94))!important;
  color:#eaf6ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  cursor:pointer!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.mph-front-world-action:hover,
.mph-front-world-action:focus{
  border-color:#7eb7ff!important;
  color:#ffffff!important;
  background:linear-gradient(180deg,rgba(21,65,108,.94),rgba(4,18,34,.98))!important;
  outline:none!important;
}
.mph-front-hero-support{
  font-weight:400!important;
  color:#cfe0ef!important;
}
.mph-front-logo-stage .mph-front-logo-panel{
  justify-content:flex-start!important;
}
@media(max-width:980px){
  .mph-front-world-mark{
    flex-direction:column!important;
    align-items:center!important;
  }
  .mph-front-world-actions{
    width:150px!important;
    gap:6px!important;
    margin-top:9px!important;
  }
  .mph-front-world-action{
    min-height:24px!important;
    font-size:9px!important;
  }
  .mph-front-logo-stage{
    max-width:100%!important;
  }
}
@media(max-width:700px){
  .mph-front-world-mark{
    align-items:flex-start!important;
  }
  .mph-front-world-actions{
    align-items:stretch!important;
    width:100%!important;
    max-width:260px!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
  }
  .mph-front-world-action{
    width:auto!important;
    flex:1 1 120px!important;
  }
}

/* v111 HOME left-shift + curated logo-stage alignment
   Move the HOME world/action column closer to the left edge and keep logo stage aligned with the copy column. */
@media(min-width:981px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding-left:12px!important;
    padding-right:22px!important;
  }
  .mph-front-hero-layout{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    grid-template-columns:210px minmax(0, 880px)!important;
    gap:22px!important;
    justify-content:start!important;
  }
  .mph-front-world-mark{
    justify-content:flex-start!important;
    align-items:center!important;
  }
  .mph-front-world-mark:before{
    left:0!important;
    right:auto!important;
    width:184px!important;
    height:154px!important;
  }
  .mph-front-world-mark img{
    width:164px!important;
    height:164px!important;
  }
  .mph-front-world-actions{
    width:166px!important;
  }
  .mph-front-hero-copy{
    max-width:880px!important;
  }
  .mph-front-logo-stage{
    max-width:880px!important;
    margin-left:232px!important;
    margin-right:auto!important;
  }
  .mph-front-logo-stage .mph-front-logo-panel{
    justify-content:start!important;
    justify-items:center!important;
  }
}


/* LAUNCH POLISH 112 — HOME headline promoted to dynamic section header */
.mph-home-overview .mph-front-hero-copy{
  padding-top:0!important;
}
.mph-home-overview .mph-front-hero-copy .mph-front-hero-lead{
  margin-top:0!important;
}
.mpmh-live-section-header[data-active-tab="overview"] .mpmh-live-section-title{
  letter-spacing:.16em!important;
}
.mpmh-live-section-header[data-active-tab="overview"] .mpmh-live-section-subtitle{
  display:none!important;
}

/* LAUNCH POLISH 113 — HOME left expansion, larger logo cards, larger selected-cause identity logo
   CSS-only visual alignment layered after v112. Keeps the app shell, routes, counters, and scroll ownership intact. */
@media(min-width:981px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    width:100%!important;
    max-width:none!important;
    margin:10px 0 0!important;
    padding-left:4px!important;
    padding-right:18px!important;
  }
  .mph-front-hero-layout{
    grid-template-columns:180px minmax(0, 960px)!important;
    gap:16px!important;
    margin-left:0!important;
    margin-right:0!important;
    max-width:none!important;
    justify-content:start!important;
  }
  .mph-front-world-mark{
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:220px!important;
  }
  .mph-front-world-mark:before{
    left:-14px!important;
    width:188px!important;
    height:164px!important;
  }
  .mph-front-world-mark img{
    width:170px!important;
    height:170px!important;
    transform:translateX(-16px)!important;
  }
  .mph-front-world-actions{
    width:164px!important;
    transform:translateX(-16px)!important;
  }
  .mph-front-hero-copy{
    max-width:960px!important;
  }
  .mph-front-logo-stage{
    max-width:960px!important;
    margin-left:196px!important;
    margin-right:auto!important;
    margin-top:20px!important;
  }
}

.mph-front-logo-panel{
  grid-template-columns:repeat(6, minmax(136px, 1fr))!important;
  gap:12px 14px!important;
  align-items:center!important;
}
.mph-front-logo-link{
  width:136px!important;
  height:72px!important;
  padding:8px 12px!important;
}
.mph-front-logo-link img{
  max-height:56px!important;
  max-width:112px!important;
}
.mph-front-logo-caption{
  grid-column:1 / -1!important;
  margin-top:4px!important;
}

/* Selected-cause HOME lander / main cause window logo scale. */
.mph-home-cause-rail .mph-home-logo.cause-logo,
#selectedCauseHero .mph-home-logo.cause-logo,
#activeCauseLogo.cause-logo{
  width:154px!important;
  height:118px!important;
  max-width:154px!important;
  max-height:118px!important;
  padding:12px!important;
  object-fit:contain!important;
  background:#ffffff!important;
  border-color:rgba(126,183,255,.50)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 22px rgba(126,183,255,.12)!important;
}
.mph-home-cause-rail{
  min-width:190px!important;
}
@media(max-width:980px){
  .mph-front-logo-panel{grid-template-columns:repeat(3, minmax(120px, 1fr))!important;}
  .mph-front-logo-link{width:126px!important;height:68px!important;}
  .mph-front-logo-link img{max-width:104px!important;max-height:52px!important;}
}
@media(max-width:700px){
  .mph-front-logo-panel{grid-template-columns:repeat(2, minmax(118px, 1fr))!important;}
  .mph-front-logo-link{width:100%!important;}
}


/* LAUNCH POLISH 114 — HOME logo stage lives inside the copy column + full-width header edge cleanup
   Keeps shell/route/data behavior intact; presentation-only alignment layer. */
@media(min-width:981px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding-left:4px!important;
    padding-right:18px!important;
  }
  .mph-front-hero-layout{
    grid-template-columns:176px minmax(0, 1040px)!important;
    gap:14px!important;
    justify-content:start!important;
    align-items:start!important;
  }
  .mph-front-world-mark{
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:214px!important;
  }
  .mph-front-world-mark img{
    transform:translateX(-20px)!important;
  }
  .mph-front-world-mark:before{
    left:-20px!important;
  }
  .mph-front-world-actions{
    transform:translateX(-20px)!important;
  }
  .mph-front-hero-copy{
    max-width:1040px!important;
    width:100%!important;
  }
  .mph-front-hero-copy .mph-front-logo-stage{
    max-width:100%!important;
    width:100%!important;
    margin:16px 0 0 0!important;
    padding:0!important;
  }
  .mph-front-hero-copy .mph-front-logo-panel{
    grid-template-columns:repeat(6, minmax(142px, 1fr))!important;
    justify-content:start!important;
    justify-items:center!important;
    gap:12px 14px!important;
  }
  .mph-front-hero-copy .mph-front-logo-link{
    width:142px!important;
    height:76px!important;
  }
  .mph-front-hero-copy .mph-front-logo-link img{
    max-width:118px!important;
    max-height:58px!important;
  }
}

/* keep top platform bands flush to the browser/app frame; no small black side voids */
.public-shell{
  padding-left:0!important;
  padding-right:0!important;
}
.shell-main,
.public-footer,
.mpmh-live-section-header,
.mpmh-live-section-inner{
  width:100%!important;
  max-width:none!important;
}
.mpmh-live-section-header{
  margin-left:0!important;
  margin-right:0!important;
  border-left:0!important;
  border-right:0!important;
}
.mpmh-top-shell,
.mpmh-context-row,
.mpmh-nav-search-row{
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:980px){
  .mph-front-hero-copy .mph-front-logo-stage{
    margin:14px 0 0!important;
  }
}


/* v115 HOME support line star marker / logo-stage alignment
   Smaller centered support note with plain star marker above the HOME logo reveal stage. */
.mph-front-hero-support{
  margin:12px auto 10px!important;
  color:#c7d7e6!important;
  font-size:12px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  text-align:center!important;
  max-width:760px!important;
}
.mph-front-hero-support:before{
  content:"*"!important;
  display:inline!important;
  width:auto!important;
  height:auto!important;
  margin-right:6px!important;
  vertical-align:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#dcecff!important;
  font-weight:700!important;
}
.mph-front-hero-copy .mph-front-logo-stage{
  margin-top:8px!important;
}

/* LAUNCH POLISH 116 — HOME support marker correction + left-edge breathing room
   Fixes the support note marker with stronger selector scope and gives the HOME world/actions column clean padding off the app frame. */
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
.public-shell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
.mph-home-overview .mph-front-hero-copy p.mph-front-hero-support{
  display:block!important;
  width:100%!important;
  max-width:780px!important;
  margin:12px auto 10px!important;
  padding:0!important;
  color:#c7d7e6!important;
  font-size:12px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  text-align:center!important;
}
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support:before,
.public-shell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support:before,
.mph-home-overview .mph-front-hero-copy p.mph-front-hero-support:before{
  content:"*"!important;
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 6px 0 0!important;
  padding:0!important;
  vertical-align:baseline!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#dcecff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  opacity:1!important;
}
@media(min-width:981px){
  #mpmhUnifiedShell .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
  .public-shell .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding-left:24px!important;
    padding-right:22px!important;
  }
  #mpmhUnifiedShell .mph-front-hero-layout,
  .public-shell .mph-front-hero-layout{
    grid-template-columns:190px minmax(0, 1040px)!important;
    gap:22px!important;
  }
  #mpmhUnifiedShell .mph-front-world-mark,
  .public-shell .mph-front-world-mark{
    padding-left:0!important;
    align-items:center!important;
  }
  #mpmhUnifiedShell .mph-front-world-mark:before,
  .public-shell .mph-front-world-mark:before{
    left:0!important;
    right:auto!important;
    width:184px!important;
    height:160px!important;
  }
  #mpmhUnifiedShell .mph-front-world-mark img,
  .public-shell .mph-front-world-mark img{
    transform:none!important;
    width:168px!important;
    height:168px!important;
  }
  #mpmhUnifiedShell .mph-front-world-actions,
  .public-shell .mph-front-world-actions{
    transform:none!important;
    width:176px!important;
  }
  #mpmhUnifiedShell .mph-front-hero-copy,
  .public-shell .mph-front-hero-copy{
    max-width:1040px!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 117 — HOME cause wall + subtle middle navigation blue
   Presentation only. Expands the curated HOME humanitarian-cause logo reveal
   to four rows and gives the middle sticky nav/search band a slightly lighter
   blue platform treatment while preserving the deeper top identity bar.
   ======================================================================== */
@media(min-width:981px){
  /* Keep the top identity bar deeper; make the working nav/search band a
     controlled lighter blue so it reads as a polished middle shell layer. */
  #mpmhUnifiedShell .mpmh-nav-search-row{
    background:
      linear-gradient(180deg,
        rgba(14,45,82,.96) 0%,
        rgba(7,27,52,.98) 58%,
        rgba(2,9,20,.99) 100%)!important;
    border-top:1px solid rgba(126,183,255,.18)!important;
    border-bottom:0!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      inset 0 -1px 0 rgba(0,0,0,.50),
      0 10px 24px rgba(0,0,0,.22)!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Humanitarian/cause reveal: allow the curated pool to display as a clean
     four-row wall, while brand/campaign modes keep their tighter wall. */
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"]{
    grid-template-columns:repeat(6, minmax(142px, 1fr))!important;
    gap:12px 14px!important;
    max-width:100%!important;
  }
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"] .mph-front-logo-link{
    width:142px!important;
    height:76px!important;
  }
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"] .mph-front-logo-link img{
    max-width:118px!important;
    max-height:58px!important;
  }
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"] .mph-front-logo-caption{
    margin-top:2px!important;
  }
}
@media(max-width:980px){
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"]{
    grid-template-columns:repeat(3, minmax(120px, 1fr))!important;
  }
}
@media(max-width:700px){
  .mph-front-hero-copy .mph-front-logo-panel[data-logo-mode="causes"]{
    grid-template-columns:repeat(2, minmax(118px, 1fr))!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 118 — Selected-cause white logo well
   Presentation only. Expands the selected-cause logo area into a full,
   respectful white left-side identity well so larger nonprofit logos do not
   feel clipped or cramped. Keeps existing links/tracking and Signal logic.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mph-home-cause-stage .mph-home-stage-body,
  .public-shell .mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:minmax(230px, 260px) minmax(0, 1fr) minmax(260px, 330px)!important;
    gap:22px!important;
    align-items:stretch!important;
  }
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-cause-rail,
.public-shell .mph-home-cause-stage .mph-home-cause-rail{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:0!important;
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f5f8fb 100%)!important;
  border:1px solid rgba(126,183,255,.62)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.42),0 0 28px rgba(126,183,255,.10)!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-logo-link,
.public-shell .mph-home-cause-stage .mph-home-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:178px!important;
  padding:24px 24px 18px!important;
  background:#ffffff!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-logo.cause-logo,
#mpmhUnifiedShell .mph-home-cause-stage #activeCauseLogo.cause-logo,
.public-shell .mph-home-cause-stage .mph-home-logo.cause-logo,
.public-shell .mph-home-cause-stage #activeCauseLogo.cause-logo{
  width:auto!important;
  height:auto!important;
  max-width:205px!important;
  max-height:142px!important;
  padding:0!important;
  margin:0 auto!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-website,
.public-shell .mph-home-cause-stage .mph-home-website{
  display:block!important;
  width:100%!important;
  padding:9px 10px 0!important;
  margin:0!important;
  background:#071728!important;
  color:#dcecff!important;
  border-top:1px solid rgba(126,183,255,.36)!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-website:hover,
.public-shell .mph-home-cause-stage .mph-home-website:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
#mpmhUnifiedShell .mph-home-cause-stage .mph-home-cause-number,
.public-shell .mph-home-cause-stage .mph-home-cause-number{
  display:block!important;
  width:100%!important;
  padding:4px 10px 10px!important;
  margin:0!important;
  background:#071728!important;
  color:rgba(200,218,236,.66)!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
@media(max-width:900px){
  #mpmhUnifiedShell .mph-home-cause-stage .mph-home-cause-rail,
  .public-shell .mph-home-cause-stage .mph-home-cause-rail{
    max-width:290px!important;
    margin:0 auto!important;
  }
  #mpmhUnifiedShell .mph-home-cause-stage .mph-home-logo-link,
  .public-shell .mph-home-cause-stage .mph-home-logo-link{
    min-height:154px!important;
    padding:20px!important;
  }
  #mpmhUnifiedShell .mph-home-cause-stage .mph-home-logo.cause-logo,
  #mpmhUnifiedShell .mph-home-cause-stage #activeCauseLogo.cause-logo,
  .public-shell .mph-home-cause-stage .mph-home-logo.cause-logo,
  .public-shell .mph-home-cause-stage #activeCauseLogo.cause-logo{
    max-width:210px!important;
    max-height:120px!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 119 — Selected-cause main-window logo well correction
   Presentation only. The paragraph-click logo wall was already clean, but
   the selected-cause HOME card still showed the logo as a small patch inside
   a dark rail. This pass makes the whole left identity column read as one
   respectful white logo well and gives difficult nonprofit logo assets more
   room without touching links, tracking, routing, or data logic.
   ======================================================================== */
@media(min-width:901px){
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  #mpmhUnifiedShell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  .public-shell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:minmax(300px, 340px) minmax(0, 1fr) minmax(270px, 330px)!important;
    gap:28px!important;
    align-items:stretch!important;
  }
}
#selectedCauseHero .mph-home-cause-rail,
#mpmhUnifiedShell #selectedCauseHero .mph-home-cause-rail,
.public-shell #selectedCauseHero .mph-home-cause-rail{
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-height:250px!important;
  display:grid!important;
  grid-template-rows:1fr auto auto!important;
  gap:0!important;
  padding:0!important;
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f7fafe 100%)!important;
  border:1px solid rgba(126,183,255,.72)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.46),0 0 34px rgba(126,183,255,.12)!important;
  overflow:hidden!important;
}
#selectedCauseHero .mph-home-logo-link,
#mpmhUnifiedShell #selectedCauseHero .mph-home-logo-link,
.public-shell #selectedCauseHero .mph-home-logo-link{
  width:100%!important;
  min-height:205px!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:#ffffff!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#selectedCauseHero #activeCauseLogo,
#selectedCauseHero .mph-home-logo.cause-logo,
#mpmhUnifiedShell #selectedCauseHero #activeCauseLogo,
#mpmhUnifiedShell #selectedCauseHero .mph-home-logo.cause-logo,
.public-shell #selectedCauseHero #activeCauseLogo,
.public-shell #selectedCauseHero .mph-home-logo.cause-logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:260px!important;
  max-height:178px!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-home-website,
#mpmhUnifiedShell #selectedCauseHero .mph-home-website,
.public-shell #selectedCauseHero .mph-home-website{
  display:block!important;
  width:100%!important;
  padding:10px 12px 2px!important;
  margin:0!important;
  background:#ffffff!important;
  color:#0b355e!important;
  border-top:1px solid rgba(11,38,70,.14)!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
#selectedCauseHero .mph-home-website:hover,
#mpmhUnifiedShell #selectedCauseHero .mph-home-website:hover,
.public-shell #selectedCauseHero .mph-home-website:hover{
  color:#061f38!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
#selectedCauseHero .mph-home-cause-number,
#mpmhUnifiedShell #selectedCauseHero .mph-home-cause-number,
.public-shell #selectedCauseHero .mph-home-cause-number{
  display:block!important;
  width:100%!important;
  padding:4px 12px 12px!important;
  margin:0!important;
  background:#ffffff!important;
  color:rgba(8,31,58,.54)!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
@media(max-width:900px){
  #selectedCauseHero .mph-home-cause-rail,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-cause-rail,
  .public-shell #selectedCauseHero .mph-home-cause-rail{
    max-width:340px!important;
    min-height:230px!important;
    margin:0 auto!important;
  }
  #selectedCauseHero .mph-home-logo-link,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-logo-link,
  .public-shell #selectedCauseHero .mph-home-logo-link{
    min-height:180px!important;
    padding:24px!important;
  }
  #selectedCauseHero #activeCauseLogo,
  #selectedCauseHero .mph-home-logo.cause-logo,
  #mpmhUnifiedShell #selectedCauseHero #activeCauseLogo,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-logo.cause-logo,
  .public-shell #selectedCauseHero #activeCauseLogo,
  .public-shell #selectedCauseHero .mph-home-logo.cause-logo{
    max-width:260px!important;
    max-height:145px!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 120 — Selected-cause white well centering correction
   Presentation only. Keeps the approved larger white identity well while
   centering the logo + website + cause number as a single grouped unit inside
   the white area. No routing, tracking, Signal, data, or scroll logic changes.
   ======================================================================== */
#selectedCauseHero .mph-home-cause-rail,
#mpmhUnifiedShell #selectedCauseHero .mph-home-cause-rail,
.public-shell #selectedCauseHero .mph-home-cause-rail{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:250px!important;
  padding:22px 24px!important;
  background:#ffffff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f7fafe 100%)!important;
  overflow:hidden!important;
}
#selectedCauseHero .mph-home-logo-link,
#mpmhUnifiedShell #selectedCauseHero .mph-home-logo-link,
.public-shell #selectedCauseHero .mph-home-logo-link{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#selectedCauseHero #activeCauseLogo,
#selectedCauseHero .mph-home-logo.cause-logo,
#mpmhUnifiedShell #selectedCauseHero #activeCauseLogo,
#mpmhUnifiedShell #selectedCauseHero .mph-home-logo.cause-logo,
.public-shell #selectedCauseHero #activeCauseLogo,
.public-shell #selectedCauseHero .mph-home-logo.cause-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:min(86%, 260px)!important;
  max-height:160px!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-home-website,
#mpmhUnifiedShell #selectedCauseHero .mph-home-website,
.public-shell #selectedCauseHero .mph-home-website{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:92%!important;
  display:block!important;
  padding:13px 8px 0!important;
  margin:0 auto!important;
  background:transparent!important;
  border-top:0!important;
  color:#0b355e!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#selectedCauseHero .mph-home-cause-number,
#mpmhUnifiedShell #selectedCauseHero .mph-home-cause-number,
.public-shell #selectedCauseHero .mph-home-cause-number{
  flex:0 0 auto!important;
  width:auto!important;
  display:block!important;
  padding:5px 8px 0!important;
  margin:0 auto!important;
  background:transparent!important;
  color:rgba(8,31,58,.54)!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
@media(max-width:900px){
  #selectedCauseHero .mph-home-cause-rail,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-cause-rail,
  .public-shell #selectedCauseHero .mph-home-cause-rail{
    padding:20px!important;
    min-height:226px!important;
  }
  #selectedCauseHero #activeCauseLogo,
  #selectedCauseHero .mph-home-logo.cause-logo,
  #mpmhUnifiedShell #selectedCauseHero #activeCauseLogo,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-logo.cause-logo,
  .public-shell #selectedCauseHero #activeCauseLogo,
  .public-shell #selectedCauseHero .mph-home-logo.cause-logo{
    max-height:145px!important;
  }
}

/* ========================================================================
   LAUNCH POLISH 121 — Clean intentional blue shell borders / green reduction
   Header + upper-container presentation only. Simplifies the stacked gradient
   and border language around the sticky top shell and section header so the
   bands read as deliberate platform layers: deep blue identity, calmer middle
   navigation, crisp section header, black content workspace. Green/mint stays
   reserved for Signal/activity/active accents instead of structural borders.
   ======================================================================== */
@media(min-width:901px){
  /* Stable, cleaner outer frame at the top edge. */
  .public-shell{
    background:
      linear-gradient(90deg,
        rgba(80,145,205,.13) 0,
        rgba(80,145,205,.035) 5px,
        rgba(80,145,205,0) 22px,
        rgba(80,145,205,0) calc(100% - 22px),
        rgba(80,145,205,.035) calc(100% - 5px),
        rgba(80,145,205,.13) 100%),
      #000!important;
  }

  /* Top identity bar: deep blue, intentional, less hazy. */
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    background:
      linear-gradient(180deg,
        #155184 0%,
        #0b315c 42%,
        #061a35 100%)!important;
    border-top:1px solid rgba(158,207,255,.60)!important;
    border-bottom:1px solid rgba(78,139,196,.46)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 4px 18px rgba(0,0,0,.55)!important;
  }
  #mpmhUnifiedShell .mpmh-context-row{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Middle sticky nav/search band: cleaner contrast, not a faded container. */
  #mpmhUnifiedShell .mpmh-nav-search-row{
    background:
      linear-gradient(180deg,
        #061d38 0%,
        #041326 100%)!important;
    border-top:0!important;
    border-bottom:1px solid rgba(84,145,202,.50)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 5px 14px rgba(0,0,0,.34)!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn{
    color:rgba(244,250,255,.92)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.72)!important;
  }
  #mpmhUnifiedShell #tabs .tab-btn.active{
    color:#8fc6ff!important;
    text-shadow:0 0 10px rgba(126,183,255,.22)!important;
  }

  /* Dynamic tab header: one crisp blue strip, no green structural edge. */
  .mpmh-live-section-header{
    width:calc(100vw - 12px)!important;
    margin:0 auto 0!important;
    background:#000!important;
    border-left:1px solid rgba(84,145,202,.48)!important;
    border-right:1px solid rgba(84,145,202,.48)!important;
    border-top:1px solid rgba(84,145,202,.42)!important;
    border-bottom:1px solid rgba(84,145,202,.56)!important;
    box-shadow:none!important;
  }
  .mpmh-live-section-inner{
    height:28px!important;
    min-height:28px!important;
    background:
      linear-gradient(180deg,
        #123f70 0%,
        #0b2b55 58%,
        #061b38 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  }
  .mpmh-live-section-title{
    line-height:28px!important;
    color:#fff!important;
    text-shadow:0 1px 0 rgba(0,0,0,.82)!important;
  }

  /* First content edge below the header: blue/steel, not green. */
  .shell-main{
    margin-top:0!important;
  }
  .panel.tab-panel,
  .card,
  .panel{
    border-color:rgba(58,105,150,.58)!important;
  }
  .panel.tab-panel{
    background:#000!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.55),0 10px 30px rgba(0,0,0,.32)!important;
  }
  .panel.tab-panel > .panel-head,
  .panel-head{
    background:
      linear-gradient(180deg,
        #0b2a50 0%,
        #061a34 100%)!important;
    border-bottom:1px solid rgba(84,145,202,.42)!important;
    color:#f7fbff!important;
  }

  /* Remove remaining green structural strips above tables/cards. */
  .control-row,
  .category-active-label,
  .conversion-bridge-line,
  .table-intro-card{
    border-color:rgba(58,105,150,.42)!important;
    background:linear-gradient(180deg,rgba(2,8,16,.98),rgba(0,0,0,.99))!important;
    box-shadow:none!important;
  }
  .data-shell{
    border-color:rgba(58,105,150,.58)!important;
    background:#000!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.70)!important;
  }
  .data-table th{
    background:linear-gradient(180deg,#0a274a,#041426)!important;
    border-bottom:1px solid rgba(84,145,202,.52)!important;
    color:#f4fbff!important;
    box-shadow:0 6px 14px rgba(0,0,0,.38)!important;
  }

  /* Signals page keeps green for values/accent, not for the outer shell. */
  [data-panel="signals"].panel.tab-panel,
  .panel.tab-panel[data-panel="signals"]{
    border-color:rgba(58,105,150,.62)!important;
    background:#000!important;
  }
  [data-panel="signals"] .panel-head,
  .panel.tab-panel[data-panel="signals"] .panel-head{
    background:linear-gradient(180deg,#0b2a50,#061a34)!important;
    border-bottom:1px solid rgba(84,145,202,.48)!important;
  }

  /* Scrollbar rails can remain visible, but shift structural color blue. */
  .shell-main::-webkit-scrollbar-track,
  .data-shell::-webkit-scrollbar-track{
    background:#000!important;
    border-left:1px solid rgba(58,105,150,.38)!important;
  }
  .shell-main::-webkit-scrollbar-thumb,
  .data-shell::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#245d91,#12365d)!important;
    border:3px solid #000!important;
  }
  .shell-main,
  .data-shell{
    scrollbar-color:#245d91 #000!important;
  }
}


/* v124 Privacy Policy instant legal-route panel */
.mpmh-legal-panel .panel-head{
  background:linear-gradient(180deg,#0d2b46,#071420)!important;
  border-bottom-color:#214f75!important;
}
.mpmh-legal-body{
  padding:18px!important;
}
.mpmh-legal-doc{
  max-width:980px;
  margin:0 auto;
  padding:26px 30px 30px;
  border:1px solid rgba(126,183,255,.32);
  background:linear-gradient(180deg,rgba(6,18,30,.95),rgba(2,7,10,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025);
  color:#dcecff;
  line-height:1.72;
}
.mpmh-legal-doc:before{
  content:"";
  display:block;
  height:1px;
  margin:-26px 0 22px;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.72),transparent);
}
.mpmh-legal-kicker{
  color:#7eb7ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.mpmh-legal-doc h1{
  margin:0 0 6px;
  color:#fff;
  font-size:28px;
  line-height:1.12;
  letter-spacing:.02em;
}
.mpmh-legal-effective{
  margin:0 0 18px!important;
  color:#9fc7df!important;
  font-size:12px!important;
}
.mpmh-legal-doc h2{
  margin:24px 0 9px;
  padding-top:14px;
  border-top:1px solid rgba(126,183,255,.18);
  color:#ffffff;
  font-size:15px;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mpmh-legal-doc p{
  margin:0 0 12px;
  color:#bfd5df;
  font-size:13px;
}
.mpmh-legal-doc ul{
  margin:0 0 14px 18px;
  padding:0;
  color:#bfd5df;
}
.mpmh-legal-doc li{
  margin:5px 0;
  padding-left:2px;
}
@media(max-width:760px){
  .mpmh-legal-body{padding:12px!important;}
  .mpmh-legal-doc{padding:20px 16px 22px;}
  .mpmh-legal-doc:before{margin:-20px 0 18px;}
  .mpmh-legal-doc h1{font-size:24px;}
}

/* ========================================================================
   PASS146 — Public CSS Consolidation Baseline
   Consolidates the active late-stage public shell/HOME/cause/footer layers
   after Pass145. Intermediate experimental override blocks removed from the
   active stylesheet: PASS128, PASS130-PASS132, PASS136, PASS137, PASS144.
   Active class names and JS hooks are preserved.
   ======================================================================== */

/* v127 HOME State Isolation Fix */
.mph-home-overview.mpmh-home-platform-active [data-home-state-only="selected-cause"]{display:none!important;}
.mph-home-overview.mpmh-home-selected-active [data-home-state-only="platform"]{display:none!important;}
.mph-home-overview.mpmh-home-selected-active .mph-platform-brand-disclaimer-outside{display:none!important;}
.mph-home-overview.mpmh-home-selected-active #platformIntroHome{display:none!important;}
.mph-home-overview.mpmh-home-selected-active #selectedCauseHero{display:block!important;}
.mph-home-overview.mpmh-home-platform-active #platformIntroHome{display:block!important;}
.mph-home-overview.mpmh-home-platform-active #selectedCauseHero{display:none!important;}

/* v129 HOME Dual-State Strategy Layout
   Presentation-only: platform-entry HOME becomes a choice-first gateway, cause logos are visible immediately,
   and selected-cause HOME remains isolated from the no-cause entry state. */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  width:min(1260px, calc(100vw - 64px))!important;
  max-width:1260px!important;
  margin:28px auto 0!important;
  padding:28px 34px 34px!important;
  min-height:0!important;
  background:radial-gradient(circle at 18% 8%,rgba(126,183,255,.11),transparent 28%),linear-gradient(180deg,#020910 0%,#000 54%,#000 100%)!important;
  border:1px solid rgba(126,183,255,.20)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(126,183,255,.16)!important;
  overflow:visible!important;
}
.mph-front-hero-layout{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:32px!important;
  align-items:start!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
.mph-front-world-mark{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding-top:8px!important;
}
.mph-front-world-mark img{
  width:132px!important;
  height:132px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.48))!important;
}
.mph-front-step-rail{
  width:100%!important;
  margin-top:22px!important;
  display:grid!important;
  gap:8px!important;
}
.mph-front-world-action.mph-front-step-action{
  width:100%!important;
  min-height:34px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:linear-gradient(180deg,rgba(9,32,56,.68),rgba(2,9,17,.84))!important;
  color:#dceeff!important;
  text-align:left!important;
  padding:0 11px!important;
  font-size:10.5px!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-world-action.mph-front-step-action:hover,
.mph-front-world-action.mph-front-step-action.active{
  border-color:rgba(126,183,255,.72)!important;
  background:linear-gradient(180deg,rgba(18,61,98,.74),rgba(4,19,35,.92))!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(126,183,255,.13)!important;
}
.mph-front-hero-copy{
  max-width:none!important;
  margin:0!important;
  text-align:left!important;
}
.mph-front-entry-kicker{
  margin:0 0 17px!important;
  color:#7eb7ff!important;
  font-size:11px!important;
  letter-spacing:.22em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-hero-copy h1,
.mph-front-hero-copy .mph-front-entry-title{
  margin:0 0 14px!important;
  max-width:900px!important;
  text-align:left!important;
  font-size:28px!important;
  line-height:1.18!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  margin:0!important;
  max-width:930px!important;
  text-align:left!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  color:rgba(245,251,255,.89)!important;
}
.mph-front-hero-support{
  max-width:720px!important;
  margin:18px 0 0!important;
  padding:11px 14px!important;
  border-left:2px solid rgba(126,183,255,.46)!important;
  background:linear-gradient(90deg,rgba(126,183,255,.105),rgba(126,183,255,.026),transparent)!important;
  color:rgba(233,246,255,.82)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  text-align:left!important;
}
.mph-front-choice-module{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:930px!important;
  margin:22px 0 16px!important;
}
.mph-front-choice-card{
  appearance:none!important;
  min-height:78px!important;
  border:1px solid rgba(126,183,255,.20)!important;
  background:linear-gradient(180deg,rgba(4,20,34,.84),rgba(1,7,12,.95))!important;
  color:#eff8ff!important;
  border-radius:0!important;
  padding:13px 14px!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(126,183,255,.08)!important;
}
.mph-front-choice-card span{
  display:inline-flex!important;
  width:20px!important;
  height:20px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 8px 7px 0!important;
  border:1px solid rgba(126,183,255,.36)!important;
  color:#7eb7ff!important;
  font-size:10px!important;
  font-weight:900!important;
}
.mph-front-choice-card strong{
  display:inline!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mph-front-choice-card small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(174,201,219,.78)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.mph-front-choice-card:hover,
.mph-front-choice-card.active{
  border-color:rgba(126,183,255,.70)!important;
  background:linear-gradient(180deg,rgba(12,48,79,.88),rgba(2,13,24,.96))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 18px rgba(126,183,255,.12),inset 0 1px 0 rgba(126,183,255,.18)!important;
}
.mph-front-choice-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  max-width:930px!important;
  margin:20px 0 12px!important;
  padding:11px 13px!important;
  border:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(180deg,rgba(5,18,30,.72),rgba(1,7,12,.88))!important;
}
.mph-front-choice-head span{
  display:block!important;
  margin-bottom:3px!important;
  color:#7eb7ff!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.mph-front-choice-head strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.25!important;
  letter-spacing:.04em!important;
}
.mph-front-choice-head button{
  flex:0 0 auto!important;
  min-height:30px!important;
  border:1px solid rgba(126,183,255,.32)!important;
  background:linear-gradient(180deg,rgba(13,38,64,.72),rgba(3,14,26,.88))!important;
  color:#dceeff!important;
  padding:0 12px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.mph-front-logo-stage.has-active{
  max-width:930px!important;
  margin:0!important;
  padding:0!important;
}
.mph-front-logo-panel{
  grid-template-columns:repeat(6,minmax(92px,1fr))!important;
  gap:11px!important;
  justify-items:stretch!important;
  align-items:stretch!important;
}
.mph-front-logo-panel.active{display:grid!important;}
.mph-front-logo-link{
  width:100%!important;
  height:74px!important;
  padding:12px 14px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.38)!important;
}
.mph-front-logo-link img{max-height:48px!important;}
.mph-front-logo-caption{
  margin-top:8px!important;
  padding-top:6px!important;
  border-top:1px solid rgba(126,183,255,.12)!important;
  text-align:left!important;
  color:rgba(172,200,220,.62)!important;
}
.mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{
  display:block!important;
  width:min(1260px, calc(100vw - 64px))!important;
  max-width:1260px!important;
  margin:10px auto 0!important;
  padding:8px 12px!important;
  border:1px solid rgba(126,183,255,.13)!important;
  background:rgba(4,14,24,.52)!important;
  color:rgba(166,195,215,.66)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  text-align:center!important;
}
.mph-home-overview.mpmh-home-selected-active .mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{display:none!important;}
.mph-live-section-header[data-active-tab="overview"] .mpmh-live-section-title,
.mpmh-live-section-header[data-active-tab="overview"] .mpmh-live-section-title{letter-spacing:.18em!important;}
@media(max-width:980px){
  .mph-front-hero-layout{grid-template-columns:1fr!important;gap:20px!important;}
  .mph-front-world-mark{align-items:flex-start!important;}
  .mph-front-world-mark img{width:96px!important;height:96px!important;}
  .mph-front-step-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:12px!important;}
  .mph-front-choice-module{grid-template-columns:1fr!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(3,minmax(86px,1fr))!important;}
}
@media(max-width:640px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{width:calc(100vw - 24px)!important;padding:22px 16px 26px!important;}
  .mph-front-step-rail{grid-template-columns:1fr!important;}
  .mph-front-choice-head{align-items:flex-start!important;flex-direction:column!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(2,minmax(86px,1fr))!important;}
}

PASS133 — Seamless Header Rows + White Copyright Rail
   CSS-only visual polish:
   - Force the search/nav row and dynamic section title row to share the exact
     same background/style so there is no visible seam between them.
   - Keep only the lower separator below the dynamic title row.
   - Make the copyright text pure white and keep its pure-black rail flush
     across the full viewport, covering the outer edge treatment.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-nav-search-row,
  .mpmh-live-section-header,
  #mpmhUnifiedShell + .mpmh-live-section-header,
  #mpmhLiveSectionHeader.mpmh-live-section-header{
    background:#061d38!important;
    background-image:none!important;
    background-color:#061d38!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-row{
    border-bottom:0!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  .mpmh-live-section-inner,
  #mpmhLiveSectionHeader .mpmh-live-section-inner{
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .mpmh-live-section-header,
  #mpmhUnifiedShell + .mpmh-live-section-header,
  #mpmhLiveSectionHeader.mpmh-live-section-header{
    border-bottom:1px solid rgba(84,145,202,.50)!important;
  }
  .mpmh-live-section-title,
  #mpmhLiveSectionTitle{
    color:#ffffff!important;
    text-shadow:0 0 10px rgba(126,183,255,.30),0 1px 0 rgba(0,0,0,.82)!important;
  }
}

.public-footer.footer-flat-rail.footer-ultra-rail{
  border-bottom:0!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  position:relative!important;
  z-index:20!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100vw!important;
  max-width:none!important;
  height:12px!important;
  min-height:12px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0 14px!important;
  background:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:0 0 0 1px #000!important;
  color:#ffffff!important;
  font-size:7.6px!important;
  line-height:12px!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line *{
  color:#ffffff!important;
}
@media(max-width:900px){
  .public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
    height:auto!important;
    min-height:12px!important;
    padding:1px 8px!important;
    line-height:1.05!important;
    white-space:normal!important;
    color:#ffffff!important;
  }
}

/* ========================================================================

PASS134 — Selected Cause Lander Polish / Cause Page Template
   Presentation only. Elevates the selected-cause HOME state into a cleaner,
   reusable cause-page template while preserving state, routing, Signal math,
   counters, cookies, and backend behavior.
   ======================================================================== */
#selectedCauseHero.mph-home-cause-stage{
  background:
    radial-gradient(circle at 18% 8%, rgba(126,183,255,.13), transparent 34%),
    linear-gradient(180deg, rgba(4,18,32,.98) 0%, rgba(1,8,16,.99) 54%, #000 100%)!important;
  border:1px solid rgba(126,183,255,.42)!important;
  box-shadow:0 22px 72px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#selectedCauseHero .mph-cause-lander-head,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-lander-head,
.public-shell #selectedCauseHero .mph-cause-lander-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:82px!important;
  padding:11px 18px 12px!important;
  background:
    linear-gradient(180deg, #061d38 0%, #05172d 54%, #031024 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.44)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 10px 24px rgba(0,0,0,.28)!important;
  text-align:center!important;
}
#selectedCauseHero .mph-cause-lander-kicker{
  color:#8fc8ff!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  margin:0 0 5px!important;
}
#selectedCauseHero .mph-home-cause-name{
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 14px rgba(126,183,255,.22)!important;
}
#selectedCauseHero .mph-cause-lander-subtitle{
  margin:6px 0 0!important;
  color:#d7eaff!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
@media(min-width:901px){
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  #mpmhUnifiedShell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  .public-shell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:minmax(292px, 330px) minmax(0, 1fr) minmax(286px, 340px)!important;
    gap:18px!important;
    align-items:stretch!important;
    padding:16px 18px 18px!important;
  }
}
#selectedCauseHero .mph-home-cause-main{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-width:0!important;
}
#selectedCauseHero .mph-cause-lander-profile,
#selectedCauseHero .mph-cause-meaning-card{
  background:linear-gradient(180deg, rgba(3,19,34,.94), rgba(1,9,18,.98))!important;
  border:1px solid rgba(126,183,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 12px 30px rgba(0,0,0,.26)!important;
}
#selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{
  padding:15px 16px!important;
}
#selectedCauseHero .mph-cause-lander-label,
#selectedCauseHero .mph-cause-meaning-kicker{
  color:#8fc8ff!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin:0 0 9px!important;
}
#selectedCauseHero .mph-home-cause-description{
  color:#dbeeff!important;
  font-size:14px!important;
  line-height:1.62!important;
  font-weight:600!important;
  letter-spacing:.006em!important;
}
#selectedCauseHero .mph-cause-meaning-card{
  padding:14px 16px 13px!important;
}
#selectedCauseHero .mph-cause-meaning-card p{
  margin:0!important;
  color:#b8d1e7!important;
  font-size:12.5px!important;
  line-height:1.58!important;
  font-weight:600!important;
}
#selectedCauseHero .mph-cause-lander-actions{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(0, 1fr))!important;
  gap:8px!important;
  margin:0!important;
}
#selectedCauseHero .mph-cause-lander-actions button{
  min-height:34px!important;
  border:1px solid rgba(126,183,255,.34)!important;
  background:linear-gradient(180deg, #08213d, #041326)!important;
  color:#eaf5ff!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#selectedCauseHero .mph-cause-lander-actions button:hover,
#selectedCauseHero .mph-cause-lander-actions button:focus{
  border-color:rgba(157,209,255,.72)!important;
  color:#fff!important;
  background:linear-gradient(180deg, #0b3158, #061a35)!important;
  outline:0!important;
}
#selectedCauseHero .mph-home-signal-lines{
  background:linear-gradient(180deg, rgba(3,19,34,.96), rgba(1,7,14,.99))!important;
  border:1px solid rgba(126,183,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 14px 34px rgba(0,0,0,.30)!important;
  padding:13px!important;
}
#selectedCauseHero .mph-home-signal-title{
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
  text-align:center!important;
  border-bottom:1px solid rgba(126,183,255,.20)!important;
  padding-bottom:10px!important;
  margin-bottom:9px!important;
}
#selectedCauseHero .mph-home-readout{
  background:rgba(4,18,32,.72)!important;
  border:1px solid rgba(126,183,255,.20)!important;
  padding:9px 10px!important;
}
#selectedCauseHero .mph-home-readout strong{
  color:#ffffff!important;
  text-shadow:0 0 14px rgba(126,183,255,.18)!important;
}
#selectedCauseHero .mph-home-readout-total{
  border-color:rgba(145,214,255,.48)!important;
  background:linear-gradient(180deg, rgba(10,43,76,.82), rgba(4,20,38,.86))!important;
}
#selectedCauseHero .mph-home-signal-note{
  color:#a9c4dc!important;
  font-size:11px!important;
  line-height:1.45!important;
  text-align:left!important;
  margin-top:10px!important;
}
#selectedCauseHero .mph-home-signal-action{
  margin-top:10px!important;
  width:100%!important;
  border-color:rgba(126,183,255,.42)!important;
  background:linear-gradient(180deg, #08213d, #041326)!important;
  color:#fff!important;
}
#selectedCauseHero .mph-home-cause-rail{
  box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 28px rgba(126,183,255,.10)!important;
}
.mph-home-stage-alignment[data-home-state-only="selected-cause"]{
  margin-top:8px!important;
  border-color:rgba(126,183,255,.22)!important;
  background:linear-gradient(180deg, rgba(4,19,34,.78), rgba(1,8,16,.88))!important;
  color:#b8d3ea!important;
}
@media(max-width:900px){
  #selectedCauseHero .mph-cause-lander-head{min-height:76px!important;}
  #selectedCauseHero .mph-home-cause-name{font-size:21px!important;}
  #selectedCauseHero .mph-cause-lander-actions{grid-template-columns:1fr!important;}
}

/* ========================================================================

PASS135 — Header Centerline Alignment
   CSS-only visual polish:
   - Put MP MEDIA HOLDINGS, global search, and dynamic section title on the
     same true viewport/header centerline without visual offset hacks.
   - Preserve Pass133/134 header colors, footer rail, routes, and HOME/cause
     layout behavior.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner,
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  .mpmh-live-section-header,
  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-inner,
  #mpmhLiveSectionHeader .mpmh-live-section-inner{
    position:relative!important;
  }

  /* Company wordmark: independent of the left selected-cause area. */
  #mpmhUnifiedShell .mpmh-context-center{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    grid-column:auto!important;
    justify-self:auto!important;
    width:auto!important;
    max-width:60vw!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    z-index:5!important;
  }

  /* Keep selected-cause/brand utility on the left without influencing center. */
  #mpmhUnifiedShell .mpmh-context-left{
    position:relative!important;
    z-index:6!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:38vw!important;
  }

  /* Search box already uses the centerline; lock it explicitly. */
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    z-index:4!important;
  }

  /* Dynamic section title: use the same centerline as the company wordmark. */
  .mpmh-live-section-title,
  #mpmhLiveSectionTitle{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
    width:auto!important;
    max-width:92vw!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    line-height:1!important;
    z-index:4!important;
  }

  .mpmh-live-section-subtitle,
  #mpmhLiveSectionSubtitle{
    display:none!important;
  }
}

/* ========================================================================

PASS138 — HOME Gateway Width + Header Flow Compression
   Presentation-only pass paired with PHP cache-bust.
   - Keeps the left world mark + action buttons.
   - Uses more horizontal space in the HOME gateway container.
   - Compresses the center step flow into a thinner header-like guide.
   - Pulls the cause chooser and logo grid upward.
   - No Signal/counter/routing/SEO/cookie/backend changes.
   ======================================================================== */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  width:min(1380px, calc(100vw - 46px))!important;
  max-width:1380px!important;
  margin:4px auto 0!important;
  padding:12px 20px 16px!important;
  background:radial-gradient(circle at 10% 6%,rgba(126,183,255,.082),transparent 28%),linear-gradient(180deg,#020910 0%,#000 56%,#000 100%)!important;
}
.mph-front-hero-layout{
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:18px!important;
  max-width:1290px!important;
  width:100%!important;
  margin:0 auto!important;
}
.mph-front-world-mark{
  padding-top:0!important;
}
.mph-front-world-mark img{
  width:108px!important;
  height:108px!important;
}
.mph-front-step-rail{
  margin-top:14px!important;
  gap:5px!important;
}
.mph-front-world-action.mph-front-step-action{
  min-height:28px!important;
  padding:0 9px!important;
  font-size:9.8px!important;
  letter-spacing:.075em!important;
}
.mph-front-hero-copy{
  width:100%!important;
  max-width:none!important;
}
.mph-front-entry-kicker{
  margin:0 0 7px!important;
  font-size:10.5px!important;
  letter-spacing:.22em!important;
}
.mph-front-hero-copy .mph-front-entry-title{
  max-width:1060px!important;
  margin:0 0 7px!important;
  font-size:24px!important;
  line-height:1.12!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  max-width:1120px!important;
  font-size:14.2px!important;
  line-height:1.48!important;
}
.mph-front-hero-support{
  max-width:820px!important;
  margin:9px 0 0!important;
  padding:6px 10px!important;
  font-size:10.6px!important;
  line-height:1.25!important;
}

/* Center step flow: keep the logic, but make it a compact guide/header row rather than a second large content block. */
.mph-front-choice-module{
  max-width:1120px!important;
  width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin:10px 0 7px!important;
}
.mph-front-choice-card{
  min-height:36px!important;
  padding:6px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border-color:rgba(126,183,255,.14)!important;
  background:linear-gradient(180deg,rgba(4,18,31,.46),rgba(1,7,12,.66))!important;
}
.mph-front-choice-card span{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  font-size:8px!important;
}
.mph-front-choice-card strong{
  display:block!important;
  flex:0 0 auto!important;
  font-size:10.8px!important;
  letter-spacing:.07em!important;
  white-space:nowrap!important;
}
.mph-front-choice-card small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:9.7px!important;
  line-height:1.1!important;
  color:rgba(174,201,219,.68)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mph-front-choice-card:hover,
.mph-front-choice-card.active{
  border-color:rgba(126,183,255,.44)!important;
  background:linear-gradient(180deg,rgba(8,33,56,.56),rgba(1,9,17,.80))!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18),0 0 10px rgba(126,183,255,.07)!important;
}

/* Integrate the chooser title and directory action tightly above the grid. */
.mph-front-choice-head{
  max-width:1120px!important;
  width:100%!important;
  margin:6px 0 7px!important;
  padding:6px 0 7px!important;
  gap:12px!important;
  border-top:1px solid rgba(126,183,255,.11)!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
}
.mph-front-choice-head span{
  margin-bottom:1px!important;
  font-size:8.5px!important;
  letter-spacing:.15em!important;
}
.mph-front-choice-head strong{
  font-size:12.2px!important;
  line-height:1.15!important;
}
.mph-front-choice-head button{
  min-height:26px!important;
  padding:0 10px!important;
  font-size:9.4px!important;
  letter-spacing:.075em!important;
}
.mph-front-logo-stage.has-active{
  max-width:1120px!important;
  width:100%!important;
}
.mph-front-logo-panel{
  grid-template-columns:repeat(6,minmax(118px,1fr))!important;
  gap:8px!important;
}
.mph-front-logo-link{
  height:60px!important;
  padding:8px 11px!important;
}
.mph-front-logo-link img{
  max-height:38px!important;
}

/* Avoid the old table shell feeling around the no-cause gateway. */
.mph-home-overview.mpmh-home-platform-active .data-shell.mph-platform-intro-home{
  border-left:0!important;
  border-right:0!important;
}

@media(max-width:1100px){
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{width:calc(100vw - 28px)!important;padding:12px 14px 16px!important;}
  .mph-front-hero-layout{grid-template-columns:138px minmax(0,1fr)!important;gap:14px!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(4,minmax(100px,1fr))!important;}
}
@media(max-width:760px){
  .mph-front-hero-layout{grid-template-columns:1fr!important;}
  .mph-front-world-mark{align-items:flex-start!important;}
  .mph-front-step-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mph-front-choice-module{grid-template-columns:1fr!important;}
  .mph-front-choice-card small{display:none!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(3,minmax(86px,1fr))!important;}
}
@media(max-width:520px){
  .mph-front-step-rail{grid-template-columns:1fr!important;}
  .mph-front-logo-panel{grid-template-columns:repeat(2,minmax(86px,1fr))!important;}
}

/* ========================================================================

PASS139 — HOME Gateway Copy Compression + Logo Lift
   Presentation-only CSS paired with PHP copy/cache-bust.
   - Moves platform label into section header.
   - Makes body headline/copy hierarchy cleaner and shorter.
   - Removes framed donation-note treatment.
   - Shrinks action flow controls and pulls logo grid upward.
   - No Signal/counter/routing/SEO/cookie/backend changes.
   ======================================================================== */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
  margin-top:0!important;
  padding-top:7px!important;
  padding-bottom:12px!important;
}
.mph-front-hero-layout{
  grid-template-columns:142px minmax(0,1fr)!important;
  gap:16px!important;
}
.mph-front-world-mark img{
  width:101px!important;
  height:101px!important;
}
.mph-front-step-rail{
  margin-top:10px!important;
  gap:4px!important;
}
.mph-front-world-action.mph-front-step-action{
  min-height:25px!important;
  padding:0 8px!important;
  font-size:9.1px!important;
  letter-spacing:.07em!important;
  border-color:rgba(126,183,255,.26)!important;
  background:linear-gradient(180deg,rgba(8,28,50,.44),rgba(2,8,15,.66))!important;
}
.mph-front-hero-copy{
  padding-top:0!important;
}
.mph-front-entry-kicker{
  display:none!important;
}
.mph-front-hero-copy .mph-front-entry-title{
  max-width:1120px!important;
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.08!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-shadow:0 0 10px rgba(126,183,255,.35), 1px 1px 0 rgba(0,0,0,.9)!important;
}
.mph-front-entry-subtitle{
  margin:0 0 5px!important;
  max-width:1120px!important;
  color:#f4fff9!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:1px 1px 0 rgba(0,0,0,.9)!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  max-width:1120px!important;
  margin:0!important;
  color:#e8f8ff!important;
  font-size:13.6px!important;
  line-height:1.42!important;
}
.mph-front-inline-trigger{
  color:inherit!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  padding:0!important;
  box-shadow:none!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  cursor:pointer!important;
}
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger:focus{
  color:#fff!important;
  text-decoration:none!important;
  text-shadow:0 0 10px rgba(126,183,255,.40)!important;
  outline:none!important;
}
.mph-front-hero-support{
  max-width:1120px!important;
  width:100%!important;
  margin:6px 0 0!important;
  padding:0!important;
  border:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dbeeff!important;
  font-size:10.8px!important;
  line-height:1.18!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mph-front-choice-module{
  max-width:1120px!important;
  margin:7px 0 4px!important;
  gap:5px!important;
}
.mph-front-choice-card{
  min-height:27px!important;
  padding:4px 8px!important;
  gap:6px!important;
  border-color:rgba(126,183,255,.16)!important;
  background:linear-gradient(180deg,rgba(4,18,31,.34),rgba(1,7,12,.52))!important;
  box-shadow:none!important;
}
.mph-front-choice-card span{
  width:14px!important;
  height:14px!important;
  font-size:7px!important;
}
.mph-front-choice-card strong{
  font-size:9.7px!important;
  letter-spacing:.07em!important;
}
.mph-front-choice-card small{
  font-size:8.8px!important;
  opacity:.78!important;
}
.mph-front-choice-card:hover,
.mph-front-choice-card.active{
  border-color:rgba(126,183,255,.45)!important;
  background:linear-gradient(180deg,rgba(8,33,56,.48),rgba(1,9,17,.72))!important;
  box-shadow:0 4px 10px rgba(0,0,0,.18),0 0 8px rgba(126,183,255,.06)!important;
}
.mph-front-choice-head{
  max-width:1120px!important;
  margin:3px 0 5px!important;
  padding:4px 0 5px!important;
  border-top:1px solid rgba(126,183,255,.08)!important;
  border-bottom:1px solid rgba(126,183,255,.08)!important;
}
.mph-front-choice-head span{
  font-size:8px!important;
  letter-spacing:.14em!important;
}
.mph-front-choice-head strong{
  font-size:11.6px!important;
}
.mph-front-choice-head button{
  min-height:24px!important;
  padding:0 9px!important;
  font-size:8.8px!important;
  letter-spacing:.075em!important;
}
.mph-front-logo-stage.has-active{
  margin-top:0!important;
}
.mph-front-logo-panel{
  gap:7px!important;
}
.mph-front-logo-link{
  height:56px!important;
  padding:7px 10px!important;
}
.mph-front-logo-link img{
  max-height:36px!important;
}
@media(max-width:980px){
  .mph-front-hero-copy .mph-front-entry-title{font-size:19px!important;letter-spacing:.09em!important;}
  .mph-front-entry-subtitle{font-size:15px!important;}
  .mph-front-hero-support{white-space:normal!important;text-align:left!important;}
}

/* ========================================================================

PASS140 — HOME Gateway Clean Surface + Logo Lift
   Presentation-only CSS paired with PHP cache-bust.
   - Centers and softens the secondary activity line under the main HOME headline.
   - Removes remaining inner-box/shadow treatment from the no-cause gateway.
   - Compresses top text, donation note, flow buttons, chooser header, and logo grid spacing.
   - Keeps the left world/action rail and preserves all routing/Signal/counter/backend behavior.
   ======================================================================== */
.mph-home-overview.mpmh-home-platform-active{
  background:transparent!important;
  box-shadow:none!important;
}
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
.mph-home-overview.mpmh-home-platform-active .mph-platform-intro-home.mph-front-hero-lock,
.mph-home-overview.mpmh-home-platform-active .data-shell.mph-platform-intro-home{
  margin-top:0!important;
  padding-top:4px!important;
  padding-bottom:8px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.mph-front-hero-layout{
  grid-template-columns:136px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.mph-front-world-mark{
  padding-top:0!important;
  gap:8px!important;
}
.mph-front-world-mark img{
  width:92px!important;
  height:92px!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.42))!important;
}
.mph-front-step-rail{
  margin-top:7px!important;
  gap:3px!important;
}
.mph-front-world-action.mph-front-step-action{
  min-height:22px!important;
  padding:0 7px!important;
  font-size:8.45px!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  border-color:rgba(126,183,255,.24)!important;
  background:linear-gradient(180deg,rgba(8,27,46,.28),rgba(1,6,10,.36))!important;
  box-shadow:none!important;
}
.mph-front-world-action.mph-front-step-action:hover,
.mph-front-world-action.mph-front-step-action.active{
  border-color:rgba(126,183,255,.52)!important;
  background:linear-gradient(180deg,rgba(10,37,62,.40),rgba(1,8,14,.48))!important;
}
.mph-front-hero-copy{
  padding-top:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.mph-front-hero-copy .mph-front-entry-title{
  max-width:1180px!important;
  margin:0 auto 3px!important;
  text-align:center!important;
  font-size:21px!important;
  line-height:1.02!important;
  letter-spacing:.135em!important;
  color:#fff!important;
  text-shadow:0 0 9px rgba(126,183,255,.28),1px 1px 0 rgba(0,0,0,.86)!important;
}
.mph-front-entry-subtitle{
  max-width:980px!important;
  margin:0 auto 5px!important;
  text-align:center!important;
  color:#b8dfff!important;
  font-size:13.8px!important;
  line-height:1.12!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-shadow:none!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  max-width:1120px!important;
  margin:0 auto!important;
  text-align:left!important;
  color:#eef8ff!important;
  font-size:12.8px!important;
  line-height:1.32!important;
}
.mph-front-inline-trigger,
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger:focus{
  color:inherit!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.mph-front-hero-support{
  display:block!important;
  max-width:1180px!important;
  width:100%!important;
  margin:4px auto 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#cfe5f8!important;
  font-size:10.3px!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mph-front-hero-support:before,
.mph-front-hero-support:after{
  content:none!important;
  display:none!important;
}
.mph-front-choice-module{
  max-width:1180px!important;
  margin:5px auto 2px!important;
  gap:4px!important;
}
.mph-front-choice-card{
  min-height:24px!important;
  padding:3px 7px!important;
  gap:5px!important;
  border-color:rgba(126,183,255,.13)!important;
  background:linear-gradient(180deg,rgba(4,18,31,.22),rgba(1,7,12,.30))!important;
  box-shadow:none!important;
}
.mph-front-choice-card span{
  width:12px!important;
  height:12px!important;
  font-size:6.5px!important;
}
.mph-front-choice-card strong{
  font-size:9.1px!important;
  letter-spacing:.075em!important;
}
.mph-front-choice-card small{
  font-size:8px!important;
  opacity:.68!important;
}
.mph-front-choice-card:hover,
.mph-front-choice-card.active{
  border-color:rgba(126,183,255,.35)!important;
  background:linear-gradient(180deg,rgba(8,33,56,.32),rgba(1,9,17,.42))!important;
  box-shadow:none!important;
}
.mph-front-choice-head{
  max-width:1180px!important;
  margin:2px auto 3px!important;
  padding:3px 0 4px!important;
  background:transparent!important;
  border-top:1px solid rgba(126,183,255,.07)!important;
  border-bottom:1px solid rgba(126,183,255,.07)!important;
  box-shadow:none!important;
}
.mph-front-choice-head span{
  font-size:7.8px!important;
  letter-spacing:.14em!important;
  color:#7eb7ff!important;
}
.mph-front-choice-head strong{
  font-size:11.2px!important;
  line-height:1.05!important;
}
.mph-front-choice-head button{
  min-height:22px!important;
  padding:0 8px!important;
  font-size:8.2px!important;
  letter-spacing:.075em!important;
  background:linear-gradient(180deg,rgba(9,31,52,.36),rgba(2,8,14,.46))!important;
  box-shadow:none!important;
}
.mph-front-logo-stage.has-active{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mph-front-logo-panel{
  gap:6px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.mph-front-logo-link{
  height:52px!important;
  padding:6px 9px!important;
  box-shadow:none!important;
}
.mph-front-logo-link img{
  max-height:34px!important;
}
.mph-platform-brand-disclaimer.mph-platform-brand-disclaimer-outside{
  margin-top:3px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:980px){
  .mph-front-hero-copy .mph-front-entry-title{font-size:18px!important;letter-spacing:.09em!important;}
  .mph-front-entry-subtitle{font-size:12.5px!important;}
  .mph-front-hero-copy .mph-front-hero-lead{text-align:left!important;font-size:12.2px!important;}
  .mph-front-hero-support{white-space:normal!important;font-size:10px!important;line-height:1.18!important;}
}
@media(max-width:760px){
  .mph-front-hero-copy .mph-front-entry-title{text-align:left!important;margin-left:0!important;margin-right:0!important;}
  .mph-front-entry-subtitle{text-align:left!important;margin-left:0!important;margin-right:0!important;}
  .mph-front-logo-link{height:50px!important;}
}

/* ========================================================================

PASS141 — HOME Gateway Text Alignment + Compact Lift
   Presentation-only polish paired with PHP copy/cache-bust.
   - Left-aligns HOME headline stack with body text.
   - Converts the main outcomes line to the platform-blue treatment.
   - Softens the secondary line, updates lower paragraph copy, and changes the donation line color.
   - Tightens vertical spacing to move the logo grid upward.
   - No Signal/counter/routing/SEO/cookie/backend changes.
   ======================================================================== */
.mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
.mph-home-overview.mpmh-home-platform-active .mph-platform-intro-home.mph-front-hero-lock,
.mph-home-overview.mpmh-home-platform-active .data-shell.mph-platform-intro-home{
  padding-top:0!important;
  padding-bottom:6px!important;
}
.mph-front-hero-layout{
  align-items:start!important;
  gap:13px!important;
}
.mph-front-world-mark{
  padding-top:0!important;
}
.mph-front-world-mark img{
  width:88px!important;
  height:88px!important;
}
.mph-front-hero-copy{
  padding-top:0!important;
}
.mph-front-hero-copy .mph-front-entry-title{
  max-width:1180px!important;
  margin:0 0 2px!important;
  text-align:left!important;
  color:#7eb7ff!important;
  font-size:18.5px!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  text-shadow:0 0 9px rgba(126,183,255,.22),1px 1px 0 rgba(0,0,0,.85)!important;
}
.mph-front-entry-subtitle{
  max-width:1180px!important;
  margin:0 0 4px!important;
  text-align:left!important;
  color:#7eb7ff!important;
  font-size:13px!important;
  line-height:1.12!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  max-width:1180px!important;
  margin:0!important;
  text-align:left!important;
  color:#fff!important;
  font-size:12.8px!important;
  line-height:1.24!important;
  font-weight:400!important;
}
.mph-front-inline-trigger,
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger:focus{
  color:#fff!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  padding:0!important;
}
.mph-front-hero-support{
  max-width:1180px!important;
  margin:4px 0 0!important;
  text-align:left!important;
  color:#d9c58d!important;
  font-size:10.6px!important;
  line-height:1.05!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mph-front-choice-module{
  max-width:1180px!important;
  margin:5px 0 2px!important;
}
.mph-front-choice-head{
  max-width:1180px!important;
  margin:1px 0 2px!important;
  padding:2px 0 3px!important;
}
.mph-front-logo-stage.has-active{
  max-width:1180px!important;
  margin:0!important;
}
.mph-front-logo-panel{
  gap:6px!important;
}
@media(max-width:980px){
  .mph-front-hero-copy .mph-front-entry-title{font-size:17px!important;letter-spacing:.075em!important;}
  .mph-front-entry-subtitle{font-size:12.2px!important;}
  .mph-front-hero-copy .mph-front-hero-lead{font-size:12.1px!important;line-height:1.24!important;}
  .mph-front-hero-support{white-space:normal!important;line-height:1.16!important;}
}
@media(max-width:760px){
  .mph-front-hero-copy .mph-front-entry-title,
  .mph-front-entry-subtitle,
  .mph-front-hero-copy .mph-front-hero-lead,
  .mph-front-hero-support{text-align:left!important;}
}

/* ========================================================================

PASS142 — HOME Gateway Copy Spacing + Public Action Labels
   Paired with PHP copy/cache-bust.
   - Adds a little breathing room after the blue activity line.
   - Updates and preserves the compact left-aligned body paragraph.
   - Makes the donation note smaller, left-aligned, and visually quieter.
   - Updates public action labels to Choose Your Cause / View Brands / Get Involved.
   - Keeps logo grid lifted and preserves all backend/Signal/counter/SEO behavior.
   ======================================================================== */
.mph-front-entry-subtitle{
  margin:0 0 7px!important;
  color:#7eb7ff!important;
  font-size:13px!important;
  line-height:1.14!important;
  font-weight:500!important;
  text-align:left!important;
}
.mph-front-hero-copy .mph-front-hero-lead{
  margin:0!important;
  color:#fff!important;
  font-size:12.8px!important;
  line-height:1.24!important;
  text-align:left!important;
}
.mph-front-hero-support{
  max-width:1180px!important;
  margin:5px 0 0!important;
  padding:0!important;
  color:#a9bfd3!important;
  font-size:9.7px!important;
  line-height:1.05!important;
  font-weight:400!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mph-front-choice-module{
  margin-top:5px!important;
}
.mph-front-world-action.mph-front-step-action,
.mph-front-choice-card strong{
  text-transform:uppercase!important;
}
.mph-front-choice-card strong{
  font-size:9px!important;
  letter-spacing:.07em!important;
}
.mph-front-choice-card small{
  font-size:7.8px!important;
  opacity:.64!important;
}
@media(max-width:980px){
  .mph-front-hero-support{white-space:normal!important;line-height:1.14!important;}
}


/* ========================================================================

PASS143 — HOME Gateway Remove Chooser Header + View All Causes
   Paired with PHP cache-bust.
   - Removes Start Here / chooser header / Full Cause Directory row.
   - Adds one clean View all causes link beneath the logo grid.
   - Forces the no-donation line to align with the main text column.
   - Pulls the logo grid upward by reducing post-copy structure.
   - Preserves instant cause selection and all backend/Signal/counter/SEO behavior.
   ======================================================================== */
.mph-front-hero-support{
  display:block!important;
  max-width:1180px!important;
  width:100%!important;
  margin:5px 0 0!important;
  padding:0!important;
  text-align:left!important;
  color:#9bb7cc!important;
  font-size:9.2px!important;
  line-height:1.02!important;
  font-weight:400!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.mph-front-choice-head{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.mph-front-choice-module{
  margin:6px 0 4px!important;
}
.mph-front-logo-stage.has-active{
  margin:0!important;
  padding:0!important;
}
.mph-front-logo-panel{
  gap:6px!important;
}
.mph-front-view-all-causes{
  max-width:1180px!important;
  width:100%!important;
  margin:5px 0 0!important;
  text-align:right!important;
  line-height:1!important;
}
.mph-front-view-all-causes button{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#7eb7ff!important;
  padding:0!important;
  margin:0!important;
  font:inherit!important;
  font-size:9.2px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
.mph-front-view-all-causes button:hover,
.mph-front-view-all-causes button:focus{
  color:#ffffff!important;
  text-shadow:0 0 10px rgba(126,183,255,.35)!important;
  outline:none!important;
}
@media(max-width:980px){
  .mph-front-hero-support{white-space:normal!important;line-height:1.12!important;}
  .mph-front-view-all-causes{text-align:left!important;margin-top:7px!important;}
}

/* ========================================================================

PASS145 — HOME Gateway Donation Disclaimer No Symbol + Readable Size
   Paired with PHP cache-bust.
   - Removes the leading asterisk/spacer from the no-donation disclaimer.
   - Keeps the disclaimer true-left aligned with the main HOME text stack.
   - Restores the disclaimer to a readable body-sized treatment.
   - No Signal/counter/routing/SEO/cookie/backend changes.
   ======================================================================== */
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support,
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
.public-shell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support,
.public-shell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
.mph-home-overview .mph-front-hero-copy p.mph-front-hero-support{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:6px 0 8px 0!important;
  padding:0!important;
  text-align:left!important;
  color:#b9cfe2!important;
  font-size:12.2px!important;
  line-height:1.16!important;
  font-weight:400!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support:before,
#mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support:before,
.public-shell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support:before,
.public-shell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support:before,
.mph-home-overview .mph-front-hero-copy p.mph-front-hero-support:before{
  content:""!important;
  display:none!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:980px){
  #mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support,
  #mpmhUnifiedShell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
  .public-shell .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support,
  .public-shell .mph-home-overview .mph-front-hero-copy .mph-front-hero-support,
  .mph-home-overview .mph-front-hero-copy p.mph-front-hero-support{
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.2!important;
  }
}



/* ========================================================================
   PASS158 — Header Exact Color Match + Full-Width Title Rail
   CSS-owned final override loaded at the active production stylesheet path.
   - Top company/world-logo row uses the exact same dark blue as the nav/search
     and dynamic title rows.
   - Removes the bright glossy top strip effect that survived earlier inline rules.
   - Extends the dynamic tab title/header rail flush to the same outer shell edge.
   - No routing, JS hooks, Signal, counter, backend, cookie, token, ledger,
     attribution, or campaign-route changes.
   ======================================================================== */
:root{
  --mpmh-pass158-header-blue:#061d38;
  --mpmh-pass158-header-edge:rgba(84,145,202,.50);
}

#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
#mpmhUnifiedShell .mpmh-context-row,
#mpmhUnifiedShell .mpmh-nav-search-row,
#mpmhLiveSectionHeader.mpmh-live-section-header,
.mpmh-live-section-header{
  background:#061d38!important;
  background-color:#061d38!important;
  background-image:none!important;
  box-shadow:none!important;
}

#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
  border-top:1px solid var(--mpmh-pass158-header-edge)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}

#mpmhUnifiedShell .mpmh-context-row,
#mpmhUnifiedShell .mpmh-nav-search-row{
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-left:0!important;
  border-right:0!important;
}

#mpmhUnifiedShell .mpmh-context-row{
  border-top:0!important;
  border-bottom:0!important;
}

#mpmhUnifiedShell .mpmh-nav-search-row{
  border-top:0!important;
  border-bottom:1px solid var(--mpmh-pass158-header-edge)!important;
}

#mpmhUnifiedShell .mpmh-context-inner,
#mpmhUnifiedShell .mpmh-nav-search-inner,
#mpmhUnifiedShell .tabs,
#mpmhLiveSectionHeader .mpmh-live-section-inner,
.mpmh-live-section-inner{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

#mpmhLiveSectionHeader.mpmh-live-section-header,
.mpmh-live-section-header{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding-left:0!important;
  padding-right:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--mpmh-pass158-header-edge)!important;
}

#mpmhLiveSectionHeader .mpmh-live-section-inner,
.mpmh-live-section-inner{
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

#mpmhUnifiedShell .mpmh-context-center,
#mpmhLiveSectionTitle.mpmh-live-section-title,
.mpmh-live-section-title{
  text-shadow:0 1px 0 rgba(0,0,0,.82)!important;
}


/* ========================================================================
   PASS160 — Header Search Underspace Polish
   CSS-only visual spacing refinement:
   - Creates a small dark-blue cushion beneath the centered search box before
     the section-title divider.
   - Recovers that space from the upper identity band so the full header stack
     does not feel taller overall.
   - Keeps the PASS158 exact header color match and full-width title rail.
   - No routing, JS, Signal, counter, backend, cookie, token, ledger,
     attribution, or campaign-route changes.
   ======================================================================== */
@media(min-width:901px){
  :root{
    --mpmh-pass160-header-blue:#061d38;
    --mpmh-pass160-header-edge:rgba(84,145,202,.50);
  }

  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    background:#061d38!important;
    background-color:#061d38!important;
    background-image:none!important;
  }

  /* Slightly tighter identity row to pay for the small search-box cushion. */
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }

  #mpmhUnifiedShell .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-brand .brand img{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    flex-basis:28px!important;
  }

  /* Keep the nav/search rail compact, but lift the search just enough to reveal
     a smoother dark-blue band below it before the divider/title row. */
  #mpmhUnifiedShell .mpmh-nav-search-row{
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass160-header-edge)!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner{
    padding-top:2px!important;
    padding-bottom:8px!important;
  }

  #mpmhUnifiedShell #topSearchWrap,
  #mpmhUnifiedShell .top-search-wrap{
    margin-bottom:3px!important;
  }

  #mpmhUnifiedShell #globalSearch.search{
    height:31px!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    margin-bottom:1px!important;
  }
}


/* ========================================================================
   PASS161 — Mobile App Container Rescue
   Mobile-only containment/layout layer:
   - Desktop visual/routing state remains unchanged.
   - Gives mobile a single-column app flow instead of inheriting the desktop
     gateway / selected-cause lander geometry.
   - Reduces nested-box pressure, oversized logo whitespace, and header crowding.
   - CSS only. No JS, routing, Signal, counter, backend, cookie, token, ledger,
     attribution, or campaign-route changes.
   ======================================================================== */
@media(max-width:760px){
  html,body{
    height:auto!important;
    min-height:100%!important;
    overflow:auto!important;
    overscroll-behavior:auto!important;
  }

  body{
    background:#000!important;
    -webkit-text-size-adjust:100%;
  }

  .public-shell{
    width:100%!important;
    min-height:100vh!important;
    height:auto!important;
    overflow:visible!important;
    padding:0 6px 14px!important;
  }

  .shell-main{
    width:100%!important;
    max-width:none!important;
    margin:8px auto 0!important;
    padding:0 0 12px!important;
    display:block!important;
    overflow:visible!important;
  }

  /* Compact the blue app header without changing the desktop command shell. */
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
  .topbar{
    position:sticky!important;
    top:0!important;
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#061d38!important;
    background-image:none!important;
    box-shadow:none!important;
    border-bottom:1px solid rgba(84,145,202,.42)!important;
  }

  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:auto!important;
    min-height:34px!important;
    max-height:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner,
  .topbar-inner{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    gap:8px!important;
    align-items:center!important;
    padding:5px 10px!important;
  }

  #mpmhUnifiedShell .mpmh-context-brand,
  #mpmhUnifiedShell .brand{
    min-width:0!important;
    gap:6px!important;
  }

  #mpmhUnifiedShell .mpmh-context-brand img,
  #mpmhUnifiedShell .brand img,
  .brand img{
    width:24px!important;
    height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center,
  #mpmhUnifiedShell .brand-title,
  .brand-title{
    text-align:center!important;
    font-size:11px!important;
    letter-spacing:.22em!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #mpmhUnifiedShell .mpmh-context-left,
  #mpmhUnifiedShell .active-pill{
    font-size:9px!important;
    line-height:1.15!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#dcecff!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    background:#061d38!important;
    border-top:0!important;
    border-bottom:1px solid rgba(84,145,202,.42)!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
    padding:2px 8px 7px!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs,
  .tabs{
    width:100%!important;
    max-width:none!important;
    padding:0 2px 2px!important;
    margin:0!important;
    gap:4px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  #mpmhUnifiedShell .tabs::-webkit-scrollbar,
  .tabs::-webkit-scrollbar{display:none;}

  #mpmhUnifiedShell .tab-btn,
  .tab-btn{
    flex:0 0 auto!important;
    padding:6px 9px!important;
    min-height:28px!important;
    font-size:9px!important;
    line-height:1!important;
    letter-spacing:.055em!important;
  }

  #mpmhUnifiedShell #topSearchWrap,
  #mpmhUnifiedShell .top-search-wrap,
  .search-wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 2px!important;
  }

  #mpmhUnifiedShell #globalSearch.search,
  .search{
    width:100%!important;
    height:30px!important;
    font-size:12px!important;
    padding:0 11px!important;
  }

  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    background:#061d38!important;
    border-top:0!important;
    border-bottom:1px solid rgba(84,145,202,.42)!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:30px!important;
    padding:5px 8px!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    font-size:12px!important;
    letter-spacing:.22em!important;
    line-height:1.2!important;
  }

  /* General mobile panels: lighter containment, less desktop table feeling. */
  .card,.panel,
  .mph-home-overview,
  .mph-home-gateway,
  .mph-home-stage-alignment,
  #platformIntroHome,
  #selectedCauseHero{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-shadow:none!important;
  }

  .panel-head{
    height:auto!important;
    min-height:32px!important;
    padding:8px 10px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }

  .panel-body,
  .card-pad{
    padding:10px!important;
  }

  .hero-grid,
  .cause-split-grid,
  .command-grid,
  .mph-home-stage-grid,
  .mph-home-gateway-grid,
  .mph-selected-cause-grid,
  #selectedCauseHero .mph-selected-cause-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  /* No-cause HOME gateway: single-column, no giant desktop whitespace. */
  #platformIntroHome,
  .mph-home-overview.mpmh-home-platform-active #platformIntroHome,
  .mph-platform-home,
  .mph-home-gateway{
    padding:10px!important;
    min-height:0!important;
  }

  .mph-front-hero,
  .mph-front-hero-copy,
  .mph-home-copy-column,
  .mph-platform-copy,
  .mph-platform-entry-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }

  .hero-title,
  .mph-front-hero-title,
  .mph-platform-title,
  .mph-home-title{
    font-size:20px!important;
    line-height:1.14!important;
    letter-spacing:.035em!important;
    margin:0 0 8px!important;
    text-align:left!important;
  }

  .hero-copy,
  .mph-front-hero-copy p,
  .mph-platform-copy p,
  .mph-home-copy,
  .mph-donation-disclaimer{
    font-size:13px!important;
    line-height:1.48!important;
    max-width:none!important;
    text-align:left!important;
  }

  .mph-home-choice-row,
  .mph-home-action-row,
  .mph-front-actions,
  .cause-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    width:100%!important;
    margin:10px 0!important;
  }

  .mph-home-choice-row .control-btn,
  .mph-home-action-row .control-btn,
  .mph-front-actions .control-btn,
  .cause-actions .control-btn,
  .cause-actions .open-btn{
    width:100%!important;
    max-width:none!important;
    min-height:34px!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* Front logo stages: contained grid, useful sizes, no oversized white slabs. */
  .mph-front-logo-stage,
  .mph-front-hero-copy .mph-front-logo-stage{
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    padding:8px!important;
    overflow:visible!important;
  }

  .mph-front-logo-panel,
  .mph-front-hero-copy .mph-front-logo-panel,
  .mph-front-logo-panel.active{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    justify-items:stretch!important;
  }

  .mph-front-logo-link,
  .mph-front-hero-copy .mph-front-logo-link{
    width:100%!important;
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .mph-front-logo-link img,
  .mph-front-hero-copy .mph-front-logo-link img{
    max-width:100%!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  .mph-front-logo-caption{
    font-size:9px!important;
    line-height:1.15!important;
  }

  /* Selected-cause lander: force a clean, readable single-column card flow. */
  #selectedCauseHero,
  .selected-cause-hero,
  .cause-first-a .selected-cause-hero,
  .cause-first-b .selected-cause-hero,
  .cause-first-card.selected-cause-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    min-height:0!important;
    padding:11px!important;
    text-align:left!important;
    overflow:visible!important;
  }

  .cause-logo-stack,
  #selectedCauseHero .cause-logo-stack,
  .cause-logo-link,
  #selectedCauseHero .cause-logo-link{
    align-items:center!important;
    justify-self:center!important;
    align-self:center!important;
    text-align:center!important;
    width:100%!important;
  }

  #selectedCauseHero .mph-home-logo.cause-logo,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-logo.cause-logo,
  .public-shell #selectedCauseHero .mph-home-logo.cause-logo,
  #selectedCauseHero .cause-logo,
  .selected-cause-hero .cause-logo,
  .cause-logo{
    width:132px!important;
    height:132px!important;
    max-width:72vw!important;
    max-height:132px!important;
    padding:10px!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }

  .cause-hero-content,
  #selectedCauseHero .cause-hero-content,
  .selected-cause-hero .cause-hero-content{
    width:100%!important;
    text-align:left!important;
  }

  .cause-hero-kicker,
  .selected-cause-hero .cause-hero-kicker{
    font-size:10px!important;
    letter-spacing:.16em!important;
    text-align:center!important;
    margin:0 0 6px!important;
  }

  .cause-name,
  .selected-cause-hero .cause-name,
  #selectedCauseHero .cause-name{
    font-size:23px!important;
    line-height:1.1!important;
    padding-right:0!important;
    text-align:center!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .cause-meta,
  .selected-cause-hero .cause-meta,
  #selectedCauseHero .cause-meta{
    text-align:center!important;
    font-size:11px!important;
  }

  .selected-cause-profile,
  .selected-cause-meaning,
  .selected-cause-signal-card,
  .mph-selected-cause-profile,
  .mph-selected-cause-meaning,
  .mph-selected-cause-signals{
    width:100%!important;
    padding:11px!important;
    margin:0!important;
  }

  .selected-cause-profile p,
  .selected-cause-meaning p,
  .mph-selected-cause-profile p,
  .mph-selected-cause-meaning p{
    font-size:13px!important;
    line-height:1.5!important;
  }

  .readout-grid,
  .leaderboard-grid,
  .placeholder-grid,
  .active-cause-stats,
  .metric-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .metric{
    min-height:58px!important;
    padding:9px!important;
  }

  .metric-value{
    font-size:18px!important;
  }

  .data-shell,
  .cause-discovery-scroll,
  .brand-discovery-scroll{
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .data-table{
    min-width:760px!important;
  }

  .control-row{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .category-grid,
  .category-grid-featured,
  .brand-card-grid,
  #brandCardGrid,
  #causeCardGrid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .public-footer,
  .public-footer-inner{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    margin-top:8px!important;
  }
}

@media(max-width:420px){
  #mpmhUnifiedShell .mpmh-context-center,
  #mpmhUnifiedShell .brand-title,
  .brand-title{
    font-size:10px!important;
    letter-spacing:.17em!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    font-size:11px!important;
    letter-spacing:.18em!important;
  }

  .hero-title,
  .mph-front-hero-title,
  .mph-platform-title,
  .mph-home-title{
    font-size:18px!important;
  }

  .cause-name,
  .selected-cause-hero .cause-name,
  #selectedCauseHero .cause-name{
    font-size:21px!important;
  }

  .mph-front-logo-link,
  .mph-front-hero-copy .mph-front-logo-link{
    height:58px!important;
    min-height:58px!important;
  }

  .mph-front-logo-link img,
  .mph-front-hero-copy .mph-front-logo-link img{
    max-height:42px!important;
  }
}


/* ========================================================================
   PASS162 — HOME / Cause Lander Composition Polish
   Presentation-only Option B pass.
   Goal: make the no-cause HOME gateway and selected-cause lander feel like
   sibling premium public pages inside the now-stable app shell.
   No routing, JS, Signal, counter, token, ledger, attribution, or backend changes.
   ======================================================================== */

@media(min-width:901px){
  /* Shared HOME surface rhythm */
  .tab-panel.mph-home-overview[data-panel="overview"]{
    padding-top:16px!important;
  }

  #platformIntroHome,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
  #selectedCauseHero.mph-home-cause-stage{
    width:min(1320px, calc(100vw - 72px))!important;
    max-width:1320px!important;
    margin:0 auto!important;
    border:1px solid rgba(126,183,255,.34)!important;
    background:
      radial-gradient(circle at 16% 0%, rgba(126,183,255,.10), transparent 30%),
      linear-gradient(180deg, rgba(2,18,34,.98) 0%, rgba(1,9,19,.99) 58%, #000 100%)!important;
    box-shadow:0 20px 62px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.035)!important;
    overflow:hidden!important;
  }

  /* Platform HOME: cleaner composed front door */
  #platformIntroHome.mph-front-hero-lock,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding:30px 34px 28px!important;
    min-height:0!important;
  }
  .mph-front-hero-layout{
    display:grid!important;
    grid-template-columns:210px minmax(0, 1fr)!important;
    gap:32px!important;
    align-items:start!important;
  }
  .mph-front-world-mark{
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:14px!important;
    padding:8px 0 0!important;
    min-width:0!important;
  }
  .mph-front-world-mark img{
    width:118px!important;
    height:118px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 18px rgba(126,183,255,.18))!important;
  }
  .mph-front-world-actions,
  .mph-front-step-rail{
    width:100%!important;
    max-width:174px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .mph-front-world-action,
  .mph-front-step-action{
    min-height:30px!important;
    padding:0 10px!important;
    font-size:9.5px!important;
    letter-spacing:.075em!important;
    text-align:center!important;
  }
  .mph-front-hero-copy{
    max-width:980px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .mph-front-hero-copy .mph-front-entry-title,
  .mph-front-hero-copy h1{
    max-width:920px!important;
    margin:0 0 8px!important;
    font-size:30px!important;
    line-height:1.06!important;
    letter-spacing:.075em!important;
    text-align:left!important;
    color:#fff!important;
    text-shadow:0 0 18px rgba(126,183,255,.16), 0 1px 0 rgba(0,0,0,.80)!important;
  }
  .mph-front-entry-subtitle{
    margin:0 0 10px!important;
    max-width:880px!important;
    font-size:17px!important;
    line-height:1.42!important;
    color:#dceeff!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .mph-front-hero-lead{
    max-width:900px!important;
    margin:0 0 10px!important;
    font-size:14px!important;
    line-height:1.65!important;
    color:#b9d4ea!important;
    text-align:left!important;
  }
  .mph-front-hero-support{
    max-width:900px!important;
    margin:0 0 15px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    color:rgba(185,211,232,.72)!important;
    text-align:left!important;
  }

  /* Primary choice buttons: compact, centered above logo stage */
  .mph-front-choice-module{
    width:min(620px, 100%)!important;
    max-width:620px!important;
    margin:12px auto 16px!important;
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:9px!important;
  }
  .mph-front-choice-card{
    min-height:34px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    background:linear-gradient(180deg,#08213d,#041326)!important;
    border:1px solid rgba(126,183,255,.34)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028)!important;
  }
  .mph-front-choice-card strong{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    letter-spacing:.085em!important;
  }
  .mph-front-choice-card.active,
  .mph-front-choice-card:hover,
  .mph-front-world-action.active,
  .mph-front-world-action:hover{
    border-color:rgba(157,209,255,.68)!important;
    background:linear-gradient(180deg,#0b3158,#061a35)!important;
    color:#fff!important;
    box-shadow:0 0 18px rgba(126,183,255,.10), inset 0 1px 0 rgba(255,255,255,.03)!important;
  }

  .mph-front-logo-stage,
  .mph-front-hero-copy .mph-front-logo-stage{
    width:100%!important;
    max-width:980px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .mph-front-logo-stage.has-active{
    margin:0 auto!important;
    max-width:980px!important;
  }
  .mph-front-logo-panel{
    grid-template-columns:repeat(6, minmax(104px, 1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .mph-front-logo-link{
    height:78px!important;
    padding:13px 15px!important;
    border:1px solid rgba(255,255,255,.88)!important;
    background:linear-gradient(180deg,#fff,#f7fbff)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.34)!important;
  }
  .mph-front-logo-link img{
    max-height:50px!important;
  }
  .mph-front-logo-caption{
    grid-column:1 / -1!important;
    margin:2px 0 0!important;
    padding:7px 0 0!important;
    text-align:center!important;
    color:rgba(184,210,230,.62)!important;
    border-top:1px solid rgba(126,183,255,.13)!important;
  }
  .mph-front-view-all-causes{
    margin:9px auto 0!important;
    text-align:center!important;
  }

  .mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{
    width:min(1320px, calc(100vw - 72px))!important;
    max-width:1320px!important;
    margin:10px auto 0!important;
    border-color:rgba(126,183,255,.15)!important;
    background:rgba(4,14,24,.40)!important;
  }

  /* Selected cause lander: sibling page composition */
  #selectedCauseHero .mph-cause-lander-head{
    min-height:96px!important;
    padding:15px 22px 16px!important;
    background:linear-gradient(180deg,#061d38 0%, #05172d 62%, #031024 100%)!important;
    border-bottom:1px solid rgba(126,183,255,.34)!important;
    box-shadow:none!important;
  }
  #selectedCauseHero .mph-cause-lander-kicker{
    margin-bottom:7px!important;
    color:#8fc8ff!important;
    font-size:10px!important;
    letter-spacing:.24em!important;
  }
  #selectedCauseHero .mph-home-cause-name{
    font-size:30px!important;
    line-height:1.05!important;
    letter-spacing:.075em!important;
  }
  #selectedCauseHero .mph-cause-lander-subtitle{
    max-width:860px!important;
    font-size:12.5px!important;
    color:#dceeff!important;
  }
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:300px minmax(0, 1fr) 320px!important;
    gap:18px!important;
    padding:18px 20px 20px!important;
    align-items:stretch!important;
  }
  #selectedCauseHero .mph-home-cause-rail,
  #selectedCauseHero .mph-cause-lander-profile,
  #selectedCauseHero .mph-cause-meaning-card,
  #selectedCauseHero .mph-home-signal-lines{
    border-color:rgba(126,183,255,.24)!important;
    background:linear-gradient(180deg, rgba(3,18,32,.92), rgba(1,8,17,.98))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.026)!important;
  }
  #selectedCauseHero .mph-home-cause-rail{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:350px!important;
    padding:18px!important;
  }
  #selectedCauseHero .mph-home-logo.cause-logo,
  #selectedCauseHero .cause-logo{
    width:164px!important;
    height:164px!important;
    max-width:164px!important;
    max-height:164px!important;
    padding:18px!important;
    background:#fff!important;
    border:0!important;
    box-shadow:0 12px 32px rgba(0,0,0,.28)!important;
  }
  #selectedCauseHero .mph-home-website{
    margin-top:12px!important;
    font-size:12px!important;
    color:#dceeff!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-home-cause-number{
    margin-top:5px!important;
    color:rgba(184,210,230,.70)!important;
    letter-spacing:.085em!important;
  }
  #selectedCauseHero .mph-home-cause-main{
    gap:12px!important;
  }
  #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{
    padding:18px 20px!important;
  }
  #selectedCauseHero .mph-home-cause-description{
    font-size:14.5px!important;
    line-height:1.68!important;
    font-weight:650!important;
    color:#e5f3ff!important;
  }
  #selectedCauseHero .mph-cause-meaning-card{
    padding:16px 20px!important;
  }
  #selectedCauseHero .mph-cause-meaning-card p{
    font-size:13px!important;
    line-height:1.6!important;
    color:#c3d9ec!important;
  }
  #selectedCauseHero .mph-cause-lander-actions{
    gap:9px!important;
  }
  #selectedCauseHero .mph-cause-lander-actions button{
    min-height:36px!important;
    font-size:10.5px!important;
  }
  #selectedCauseHero .mph-home-signal-lines{
    padding:16px!important;
  }
  #selectedCauseHero .mph-home-signal-title{
    font-size:11px!important;
    padding-bottom:11px!important;
    margin-bottom:10px!important;
  }
  #selectedCauseHero .mph-home-readout{
    min-height:42px!important;
    padding:9px 10px!important;
  }
}

@media(max-width:900px){
  /* Mobile: keep Option B composition, but turn it into simple app flow. */
  .tab-panel.mph-home-overview[data-panel="overview"]{
    padding:10px 10px 0!important;
  }
  #platformIntroHome,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
  #selectedCauseHero.mph-home-cause-stage{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    border-color:rgba(126,183,255,.28)!important;
    background:linear-gradient(180deg, rgba(2,17,32,.98), rgba(1,8,16,.99) 58%, #000 100%)!important;
    box-shadow:none!important;
  }
  #platformIntroHome.mph-front-hero-lock,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding:18px 14px 18px!important;
  }
  .mph-front-hero-layout{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .mph-front-world-mark{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    padding:0!important;
  }
  .mph-front-world-mark img{
    width:62px!important;
    height:62px!important;
  }
  .mph-front-world-actions,
  .mph-front-step-rail{
    display:none!important;
  }
  .mph-front-hero-copy .mph-front-entry-title,
  .mph-front-hero-copy h1{
    font-size:22px!important;
    line-height:1.14!important;
    letter-spacing:.055em!important;
    margin:0 0 8px!important;
    text-align:center!important;
  }
  .mph-front-entry-subtitle,
  .mph-front-hero-lead,
  .mph-front-hero-support{
    text-align:center!important;
  }
  .mph-front-entry-subtitle{
    font-size:14px!important;
    margin-bottom:8px!important;
  }
  .mph-front-hero-lead{
    font-size:12.5px!important;
    line-height:1.55!important;
    margin-bottom:8px!important;
  }
  .mph-front-hero-support{
    font-size:10.8px!important;
    line-height:1.4!important;
    margin-bottom:12px!important;
  }
  .mph-front-choice-module{
    width:100%!important;
    max-width:360px!important;
    margin:10px auto 13px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .mph-front-choice-card{
    min-height:34px!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .mph-front-logo-panel{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:9px!important;
  }
  .mph-front-logo-link{
    height:68px!important;
    padding:10px!important;
  }
  .mph-front-logo-link img{
    max-height:44px!important;
  }
  .mph-front-logo-caption{
    grid-column:1 / -1!important;
    text-align:center!important;
    margin-top:1px!important;
  }
  .mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{
    width:calc(100vw - 20px)!important;
    margin:8px auto 0!important;
    font-size:10px!important;
  }

  #selectedCauseHero .mph-cause-lander-head{
    min-height:78px!important;
    padding:12px 12px!important;
  }
  #selectedCauseHero .mph-home-cause-name{
    font-size:22px!important;
    line-height:1.08!important;
    letter-spacing:.06em!important;
  }
  #selectedCauseHero .mph-cause-lander-subtitle{
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  #selectedCauseHero .mph-home-stage-body{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  #selectedCauseHero .mph-home-cause-rail{
    min-height:0!important;
    padding:14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
  }
  #selectedCauseHero .mph-home-logo.cause-logo,
  #selectedCauseHero .cause-logo{
    width:128px!important;
    height:128px!important;
    max-width:128px!important;
    max-height:128px!important;
    padding:14px!important;
    background:#fff!important;
  }
  #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
  #selectedCauseHero .mph-cause-meaning-card,
  #selectedCauseHero .mph-home-signal-lines{
    padding:13px!important;
  }
  #selectedCauseHero .mph-home-cause-description,
  #selectedCauseHero .mph-cause-meaning-card p{
    font-size:12.5px!important;
    line-height:1.55!important;
  }
  #selectedCauseHero .mph-cause-lander-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #selectedCauseHero .mph-cause-lander-actions button,
  #selectedCauseHero .mph-home-signal-action{
    min-height:34px!important;
    font-size:10px!important;
  }
  .mph-home-stage-alignment[data-home-state-only="selected-cause"]{
    width:calc(100vw - 20px)!important;
    margin:8px auto 0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}


/* ========================================================================
   PASS163 — Sticky Header Height Compression
   CSS-only micro-polish:
   - Compresses the sticky blue app header height without changing routing.
   - Recovers height from row padding, logo size, tab button padding, and title rail.
   - Preserves the PASS158/PASS160 exact dark-blue header color and full-width rail.
   - Keeps search usable while making the top chrome feel a little less tall.
   - No JS, Signal, counter, backend, cookie, token, ledger, attribution, or
     campaign-route changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    padding-top:2px!important;
    padding-bottom:2px!important;
  }

  #mpmhUnifiedShell .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-brand .brand img,
  #mpmhUnifiedShell .brand img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    flex-basis:25px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center,
  #mpmhUnifiedShell .brand-title{
    line-height:1.08!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner{
    padding-top:1px!important;
    padding-bottom:5px!important;
    gap:5px!important;
  }

  #mpmhUnifiedShell #topSearchWrap,
  #mpmhUnifiedShell .top-search-wrap{
    margin-bottom:1px!important;
  }

  #mpmhUnifiedShell #globalSearch.search{
    height:29px!important;
    line-height:29px!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    padding-top:0!important;
    padding-bottom:1px!important;
    margin-bottom:0!important;
    gap:5px!important;
  }

  #mpmhUnifiedShell .tab-btn{
    min-height:28px!important;
    padding:6px 10px!important;
    line-height:1!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:28px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    line-height:1.1!important;
  }
}

@media(max-width:760px){
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    min-height:30px!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner,
  .topbar-inner{
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  #mpmhUnifiedShell .mpmh-context-brand img,
  #mpmhUnifiedShell .brand img,
  .brand img{
    width:22px!important;
    height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner{
    gap:3px!important;
    padding:1px 8px 5px!important;
  }

  #mpmhUnifiedShell .tab-btn,
  .tab-btn{
    min-height:26px!important;
    padding:5px 8px!important;
  }

  #mpmhUnifiedShell #globalSearch.search,
  .search{
    height:28px!important;
    line-height:28px!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:27px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }
}

/* ========================================================================
   PASS164 — Centered HOME Gateway Composition
   Presentation-only HOME no-cause composition pass.
   - Removes the large left world-logo/action rail from the platform-entry HOME.
   - Converts the no-cause HOME gateway from a two-column composition into a
     centered single-surface front door.
   - Keeps the top header world logo as the brand/Home anchor.
   - Keeps choice buttons, logo-stage links, /go/to/?mp= routing, new-tab
     behavior, and Signal/click bridge metadata intact.
   - No JS, router, Signal, counter, backend, cookie, token, ledger,
     attribution, or campaign-route changes.
   ======================================================================== */
@media(min-width:901px){
  #platformIntroHome.mph-front-hero-lock,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding:32px 42px 30px!important;
  }

  #platformIntroHome .mph-front-hero-layout,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-layout{
    display:block!important;
    max-width:1040px!important;
    margin:0 auto!important;
  }

  #platformIntroHome .mph-front-world-mark,
  .mph-home-overview .mph-platform-intro-home .mph-front-world-mark{
    display:none!important;
  }

  #platformIntroHome .mph-front-hero-copy,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy{
    max-width:1040px!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }

  #platformIntroHome .mph-front-hero-copy .mph-front-entry-title,
  #platformIntroHome .mph-front-hero-copy h1,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy .mph-front-entry-title,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy h1{
    max-width:920px!important;
    margin:0 auto 9px!important;
    text-align:center!important;
    font-size:31px!important;
    line-height:1.05!important;
    letter-spacing:.082em!important;
  }

  #platformIntroHome .mph-front-entry-subtitle,
  .mph-home-overview .mph-platform-intro-home .mph-front-entry-subtitle{
    max-width:760px!important;
    margin:0 auto 10px!important;
    text-align:center!important;
    font-size:17px!important;
    line-height:1.42!important;
  }

  #platformIntroHome .mph-front-hero-lead,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-lead{
    max-width:820px!important;
    margin:0 auto 10px!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.62!important;
  }

  #platformIntroHome .mph-front-hero-support,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-support{
    max-width:780px!important;
    margin:0 auto 14px!important;
    text-align:center!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  #platformIntroHome .mph-front-choice-module,
  .mph-home-overview .mph-platform-intro-home .mph-front-choice-module{
    width:min(560px, 100%)!important;
    max-width:560px!important;
    margin:13px auto 17px!important;
  }

  #platformIntroHome .mph-front-logo-stage,
  #platformIntroHome .mph-front-logo-stage.has-active,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-stage,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-stage.has-active{
    max-width:1000px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  #platformIntroHome .mph-front-logo-panel,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-panel{
    grid-template-columns:repeat(6, minmax(104px, 1fr))!important;
  }
}

@media(max-width:900px){
  #platformIntroHome .mph-front-world-mark,
  .mph-home-overview .mph-platform-intro-home .mph-front-world-mark{
    display:none!important;
  }

  #platformIntroHome .mph-front-hero-layout,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-layout{
    display:block!important;
  }

  #platformIntroHome .mph-front-hero-copy,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy{
    width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  #platformIntroHome.mph-front-hero-lock,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding-top:20px!important;
  }
}


/* ========================================================================
   PASS165 — Mobile Scroll Ownership Fix
   Mobile/touch-only rescue for front-entry HOME scrolling, especially
   landscape phone/app views. Desktop keeps the contained app-shell model;
   mobile/touch releases the page to natural browser scrolling while table
   regions remain internally scrollable where needed.
   No routing, JS, Signal, counters, backend, cookies, token, ledger,
   attribution, campaign data, or /go/to route changes.
   ======================================================================== */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  html,
  body{
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    overscroll-behavior-x:none!important;
    touch-action:pan-y!important;
  }

  body{
    position:relative!important;
    min-height:100svh!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .public-shell{
    display:block!important;
    height:auto!important;
    min-height:100svh!important;
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }

  .shell-main{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  .tab-panel,
  .tab-panel[data-panel="overview"],
  .panel.tab-panel,
  .mph-home-overview,
  #platformIntroHome,
  .mph-platform-intro-home,
  .mph-front-hero-lock,
  .mph-front-hero-layout,
  .mph-front-hero-copy,
  .mph-home-stage-alignment,
  .mph-front-logo-stage,
  .mph-front-logo-panel,
  #selectedCauseHero,
  .selected-cause-hero,
  .mph-home-cause-stage{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  /* Keep drag scrolling available even when the user starts over logo cards/buttons. */
  .mph-front-logo-stage,
  .mph-front-logo-panel,
  .mph-front-logo-link,
  .mph-choice-card,
  .mph-home-choice-card,
  .mph-home-choice-row,
  .mph-home-choice-grid{
    touch-action:pan-y!important;
  }

  /* True data regions can still own their scroll; the HOME/entry surface should not. */
  .data-shell,
  .cause-discovery-scroll,
  .brand-discovery-scroll,
  .side-body{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
  }
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  #mpmhUnifiedShell.topbar,
  .topbar{
    position:sticky!important;
    top:0!important;
  }

  .public-shell{
    padding-bottom:18px!important;
  }

  .shell-main{
    margin-top:6px!important;
    padding-bottom:18px!important;
  }

  #platformIntroHome,
  .mph-platform-intro-home,
  .mph-front-hero-lock,
  #selectedCauseHero,
  .selected-cause-hero{
    min-height:0!important;
    padding-top:14px!important;
    padding-bottom:16px!important;
  }
}

/* ========================================================================
   PASS167 — Mobile Table Touch Scroll Stabilization
   Keeps Pass165 natural mobile/page scrolling, but restores Brands/Causes
   table usability by letting table shells own horizontal touch panning and
   removing mobile sticky table-header bars that can appear as an empty black
   strip. No routing, JS, Signal, counter, backend, cookie, token, ledger,
   attribution, campaign data, or /go/to route changes.
   ======================================================================== */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  /* Mobile page still scrolls naturally; table shells get their own horizontal drag. */
  .panel.tab-panel[data-panel="campaigns"] .data-shell,
  .panel.tab-panel[data-panel="charities"] .data-shell,
  #advancedBrandDirectory .data-shell,
  #advancedCauseDirectory .data-shell,
  .brands-discovery-panel .advanced-brand-directory .data-shell,
  .causes-discovery-panel .advanced-cause-directory .data-shell,
  .brand-discovery-scroll.table-view .advanced-brand-directory .data-shell,
  .cause-discovery-scroll.table-view .advanced-cause-directory .data-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-x pan-y!important;
  }

  /* The outer discovery scrollers should not trap touch events in mobile table mode. */
  .brand-discovery-scroll,
  .cause-discovery-scroll,
  .brand-discovery-scroll.table-view,
  .cause-discovery-scroll.table-view{
    overflow:visible!important;
    overflow-y:visible!important;
    overflow-x:visible!important;
    touch-action:pan-y!important;
  }

  /* Keep the wide table so the data remains readable, but let the data-shell scroll horizontally. */
  .panel.tab-panel[data-panel="campaigns"] .data-table,
  .panel.tab-panel[data-panel="charities"] .data-table,
  #campaignTable,
  #charityTable{
    min-width:860px!important;
    width:max-content!important;
    max-width:none!important;
    table-layout:auto!important;
  }

  /* Mobile: remove sticky thead behavior. It was creating the unnecessary black/sticky bar and
     can interfere with natural touch scrolling. Desktop keeps sticky headers. */
  .panel.tab-panel[data-panel="campaigns"] .data-table thead,
  .panel.tab-panel[data-panel="charities"] .data-table thead,
  #campaignTable thead,
  #charityTable thead,
  .panel.tab-panel[data-panel="campaigns"] .data-table th,
  .panel.tab-panel[data-panel="charities"] .data-table th,
  #campaignTable th,
  #charityTable th{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
    transform:none!important;
    box-shadow:none!important;
  }

  .panel.tab-panel[data-panel="campaigns"] .data-table th,
  .panel.tab-panel[data-panel="charities"] .data-table th,
  #campaignTable th,
  #charityTable th{
    height:auto!important;
    min-height:0!important;
    padding:8px 9px!important;
    white-space:nowrap!important;
  }

  .panel.tab-panel[data-panel="campaigns"] .data-table td,
  .panel.tab-panel[data-panel="charities"] .data-table td,
  #campaignTable td,
  #charityTable td{
    white-space:nowrap!important;
  }
}

@media (hover:none) and (pointer:coarse) and (orientation:landscape){
  .panel.tab-panel[data-panel="campaigns"] .data-shell,
  .panel.tab-panel[data-panel="charities"] .data-shell,
  #advancedBrandDirectory .data-shell,
  #advancedCauseDirectory .data-shell{
    overflow-x:auto!important;
    overflow-y:visible!important;
    touch-action:pan-x pan-y!important;
  }
}

/* ========================================================================
   PASS168 — HOME Vertical Fit + Navigation Top Reset Support
   Desktop-only front-entry fit polish. Keeps Pass167 mobile table touch
   scroll stabilization intact and does not change routing/JS ownership.
   ======================================================================== */
@media(min-width:901px){
  .tab-panel.mph-home-overview[data-panel="overview"]{
    padding-top:10px!important;
  }

  #platformIntroHome.mph-front-hero-lock,
  .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock{
    padding:22px 34px 22px!important;
  }

  #platformIntroHome .mph-front-hero-copy .mph-front-entry-title,
  #platformIntroHome .mph-front-hero-copy h1,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy .mph-front-entry-title,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-copy h1{
    margin-bottom:7px!important;
    font-size:29px!important;
    line-height:1.02!important;
  }

  #platformIntroHome .mph-front-entry-subtitle,
  .mph-home-overview .mph-platform-intro-home .mph-front-entry-subtitle{
    margin-bottom:7px!important;
    font-size:16px!important;
    line-height:1.34!important;
  }

  #platformIntroHome .mph-front-hero-lead,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-lead{
    margin-bottom:7px!important;
    font-size:13.5px!important;
    line-height:1.48!important;
  }

  #platformIntroHome .mph-front-hero-support,
  .mph-home-overview .mph-platform-intro-home .mph-front-hero-support{
    margin-bottom:11px!important;
    line-height:1.34!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #platformIntroHome .mph-front-choice-module,
  .mph-home-overview .mph-platform-intro-home .mph-front-choice-module{
    margin-top:9px!important;
    margin-bottom:13px!important;
  }

  #platformIntroHome .mph-front-logo-panel,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-panel{
    gap:10px 24px!important;
  }

  #platformIntroHome .mph-front-logo-link,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-link{
    height:70px!important;
    padding:10px 14px!important;
  }

  #platformIntroHome .mph-front-logo-link img,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-link img{
    max-height:44px!important;
  }

  #platformIntroHome .mph-front-logo-caption,
  .mph-home-overview .mph-platform-intro-home .mph-front-logo-caption{
    margin-top:0!important;
    padding-top:5px!important;
    line-height:1.25!important;
  }

  .mph-platform-brand-disclaimer-outside[data-home-state-only="platform"]{
    margin-top:7px!important;
  }
}

/* ========================================================================
   PASS169 — Desktop App Shell Recomposition
   Desktop-first shell restructure:
   - Moves search into the upper-left world / selected-cause control cluster.
   - Converts the middle rail to navigation-only to reduce total sticky height.
   - Keeps MP MEDIA HOLDINGS centered and preserves the full-width section rail.
   - Leaves mobile/table scroll fixes in place and does not change routing/JS.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    --mpmh-pass169-blue:#061d38;
    --mpmh-pass169-edge:rgba(84,145,202,.50);
    background:#061d38!important;
    background-image:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-context-row{
    background:#061d38!important;
    background-image:none!important;
    border-top:0!important;
    border-bottom:0!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    display:grid!important;
    grid-template-columns:minmax(390px,440px) minmax(260px,1fr) minmax(390px,440px)!important;
    align-items:center!important;
    gap:0!important;
    padding:4px 26px 3px!important;
    background:transparent!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    grid-column:1!important;
    justify-self:start!important;
    align-self:center!important;
    width:100%!important;
    max-width:440px!important;
    height:47px!important;
    min-height:47px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:18px 27px!important;
    column-gap:8px!important;
    row-gap:2px!important;
    align-items:center!important;
    justify-content:start!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    flex:0 0 32px!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:27px!important;
    height:27px!important;
    max-width:27px!important;
    max-height:27px!important;
    object-fit:contain!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:18px!important;
    min-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    line-height:18px!important;
    font-size:10px!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    color:rgba(226,241,255,.78)!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-label{
    flex:0 0 auto!important;
    color:rgba(198,222,246,.72)!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-link{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#ffffff!important;
    border-bottom:0!important;
    text-decoration:none!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:27px!important;
    min-height:27px!important;
    margin:0!important;
    padding:0!important;
    align-self:center!important;
    justify-self:stretch!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search,
  #mpmhUnifiedShell .mpmh-context-search #globalSearch.search{
    height:27px!important;
    min-height:27px!important;
    line-height:27px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }

  #mpmhUnifiedShell #topSearchWrap .top-search-clear{
    height:25px!important;
    width:25px!important;
    min-width:25px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center{
    grid-column:2!important;
    justify-self:center!important;
    align-self:start!important;
    margin-top:6px!important;
    font-size:11.4px!important;
    line-height:1!important;
    letter-spacing:.22em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  #mpmhUnifiedShell .mpmh-context-copy{
    grid-column:3!important;
    display:block!important;
    visibility:hidden!important;
    width:100%!important;
    height:1px!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    background:#061d38!important;
    background-image:none!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass169-edge)!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    width:100vw!important;
    max-width:none!important;
    padding:0 24px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    width:auto!important;
    max-width:calc(100vw - 48px)!important;
    margin:0!important;
    padding:0!important;
    height:30px!important;
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  #mpmhUnifiedShell .tabs::-webkit-scrollbar,
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

  #mpmhUnifiedShell .tab-btn{
    min-height:24px!important;
    height:24px!important;
    padding:5px 8px!important;
    line-height:1!important;
    font-size:10.2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    min-height:27px!important;
    height:27px!important;
    max-height:27px!important;
    background:#061d38!important;
    background-image:none!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass169-edge)!important;
    overflow:hidden!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:27px!important;
    height:27px!important;
    max-height:27px!important;
    padding:4px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    font-size:13px!important;
    line-height:1!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-inner{
    grid-template-columns:minmax(330px,390px) minmax(220px,1fr) minmax(330px,390px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left{max-width:390px!important;}
  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{justify-content:flex-start!important;gap:8px!important;}
}

/* Mobile remains intentionally simple: search already lives in the context cluster,
   but the phone/tablet scroll ownership from Pass165/167 should remain dominant. */
@media(max-width:900px){
  #mpmhUnifiedShell .mpmh-context-search{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}


/* ========================================================================
   PASS170 — Desktop Header Cluster Alignment
   Refinement over Pass169:
   - Tightens the upper-left world / selected-cause / search control cluster.
   - Aligns the search directly under the selected-cause readout.
   - Pulls the company/nav rhythm together and trims header chrome height.
   - Desktop-only; mobile/table scroll ownership from Pass165/167 remains untouched.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    --mpmh-pass170-blue:#061d38;
    --mpmh-pass170-edge:rgba(84,145,202,.48);
    background:#061d38!important;
    background-image:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
  }

  #mpmhUnifiedShell .mpmh-context-row{
    background:#061d38!important;
    border:0!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    grid-template-columns:minmax(340px,390px) minmax(360px,1fr) minmax(340px,390px)!important;
    padding:2px 28px 1px!important;
    align-items:center!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    width:100%!important;
    max-width:370px!important;
    height:43px!important;
    min-height:43px!important;
    grid-template-columns:30px minmax(240px,325px)!important;
    grid-template-rows:15px 25px!important;
    column-gap:8px!important;
    row-gap:1px!important;
    align-self:center!important;
    align-items:center!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:25px!important;
    height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    height:15px!important;
    min-height:15px!important;
    line-height:15px!important;
    font-size:9.8px!important;
    letter-spacing:.055em!important;
    gap:5px!important;
    margin:0!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:100%!important;
    max-width:325px!important;
    height:25px!important;
    min-height:25px!important;
    justify-self:start!important;
    align-self:center!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search,
  #mpmhUnifiedShell .mpmh-context-search #globalSearch.search{
    height:25px!important;
    min-height:25px!important;
    line-height:25px!important;
    padding:0 10px!important;
    font-size:10.8px!important;
  }

  #mpmhUnifiedShell #topSearchWrap .top-search-clear{
    height:23px!important;
    width:23px!important;
    min-width:23px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center{
    align-self:center!important;
    justify-self:center!important;
    margin-top:0!important;
    transform:translateY(-1px)!important;
    font-size:11.2px!important;
    line-height:1!important;
    letter-spacing:.22em!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    background:#061d38!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass170-edge)!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner{
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    padding:0 24px!important;
    align-items:center!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    height:27px!important;
    min-height:27px!important;
    gap:9px!important;
    align-items:center!important;
  }

  #mpmhUnifiedShell .tab-btn{
    height:22px!important;
    min-height:22px!important;
    padding:4px 7px!important;
    font-size:10px!important;
    line-height:1!important;
  }

  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    min-height:25px!important;
    height:25px!important;
    max-height:25px!important;
    background:#061d38!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass170-edge)!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:25px!important;
    height:25px!important;
    max-height:25px!important;
    padding:3px 8px!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    font-size:12.4px!important;
    letter-spacing:.22em!important;
    line-height:1!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-inner{
    grid-template-columns:minmax(315px,355px) minmax(260px,1fr) minmax(315px,355px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left{
    max-width:345px!important;
    grid-template-columns:28px minmax(220px,300px)!important;
  }
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{max-width:300px!important;}
  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{justify-content:center!important;gap:7px!important;}
  #mpmhUnifiedShell .tab-btn{font-size:9.6px!important;padding-left:6px!important;padding-right:6px!important;}
}


/* ========================================================================
   PASS171 — Header True Centerline Correction
   - Anchors MP MEDIA HOLDINGS to the true viewport/shell center instead of
     allowing the left/right grid columns to visually push it right.
   - Pulls the search box left into the selected-cause control cluster.
   - Leaves the tab rail structure intact.
   - Desktop-only; no mobile/table scroll ownership changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    position:relative!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    display:block!important;
    grid-template-columns:none!important;
    padding:0!important;
    width:100%!important;
    max-width:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-center{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:42vw!important;
    min-width:0!important;
    text-align:center!important;
    justify-self:auto!important;
    z-index:4!important;
    pointer-events:none!important;
    white-space:nowrap!important;
  }

  #mpmhUnifiedShell .mpmh-context-copy{
    display:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    position:absolute!important;
    left:28px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:430px!important;
    max-width:430px!important;
    height:42px!important;
    min-height:42px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,360px)!important;
    grid-template-rows:15px 25px!important;
    column-gap:7px!important;
    row-gap:1px!important;
    align-items:center!important;
    justify-items:start!important;
    z-index:5!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    justify-self:start!important;
    align-self:center!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:end!important;
    max-width:360px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    width:292px!important;
    max-width:292px!important;
    margin-left:0!important;
    transform:none!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-left{
    left:18px!important;
    width:390px!important;
    max-width:390px!important;
    grid-template-columns:28px minmax(0,330px)!important;
    column-gap:6px!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{max-width:330px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:270px!important;
    max-width:270px!important;
  }
  #mpmhUnifiedShell .mpmh-context-center{max-width:38vw!important;}
}

/* ========================================================================
   PASS172 — Header Container Simplification
   Desktop-only structural cleanup for the app header:
   - World logo becomes a larger vertical anchor for the selected-cause + search block.
   - Selected-cause line and search are grouped in one clean stack.
   - MP MEDIA HOLDINGS remains true-centered on the viewport/shell center.
   - Tabs and section title rail keep the stable Pass154+ routing/header behavior.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    --mpmh-pass172-blue:#061d38;
    --mpmh-pass172-edge:rgba(84,145,202,.50);
    background:#061d38!important;
    background-image:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-row{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    background:#061d38!important;
    background-image:none!important;
    border:0!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    position:absolute!important;
    left:34px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:455px!important;
    max-width:455px!important;
    height:43px!important;
    min-height:43px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    z-index:5!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    position:relative!important;
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:center!important;
    justify-self:auto!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 0 7px rgba(126,183,255,.22))!important;
  }

  #mpmhUnifiedShell .mpmh-cause-search-stack{
    flex:0 1 388px!important;
    width:388px!important;
    max-width:388px!important;
    min-width:0!important;
    height:42px!important;
    display:grid!important;
    grid-template-rows:15px 25px!important;
    row-gap:2px!important;
    align-items:center!important;
    justify-items:start!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    position:relative!important;
    grid-row:1!important;
    grid-column:1!important;
    width:100%!important;
    max-width:388px!important;
    height:15px!important;
    min-height:15px!important;
    line-height:15px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:5px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
    letter-spacing:.055em!important;
    transform:none!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-label{
    flex:0 0 auto!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-link{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    position:relative!important;
    grid-row:2!important;
    grid-column:1!important;
    width:330px!important;
    max-width:330px!important;
    min-width:0!important;
    height:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    align-self:start!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search,
  #mpmhUnifiedShell .mpmh-context-search #globalSearch.search{
    width:100%!important;
    height:25px!important;
    min-height:25px!important;
    line-height:25px!important;
    padding:0 10px!important;
    font-size:10.8px!important;
  }

  #mpmhUnifiedShell #topSearchWrap .top-search-clear{
    height:23px!important;
    width:23px!important;
    min-width:23px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;
    max-width:42vw!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    justify-self:auto!important;
    align-self:auto!important;
    z-index:4!important;
    pointer-events:none!important;
    white-space:nowrap!important;
    font-size:11.4px!important;
    line-height:1!important;
    letter-spacing:.23em!important;
  }

  #mpmhUnifiedShell .mpmh-context-copy{display:none!important;}

  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    background:#061d38!important;
    background-image:none!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass172-edge)!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner{
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    width:100vw!important;
    max-width:none!important;
    padding:0 24px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    height:27px!important;
    min-height:27px!important;
    max-width:calc(100vw - 48px)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }

  #mpmhUnifiedShell .tabs::-webkit-scrollbar,
  #mpmhUnifiedShell #tabs.tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}

  #mpmhUnifiedShell .tab-btn{
    height:22px!important;
    min-height:22px!important;
    padding:4px 7px!important;
    font-size:10px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }

  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    min-height:25px!important;
    height:25px!important;
    max-height:25px!important;
    background:#061d38!important;
    background-image:none!important;
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass172-edge)!important;
    overflow:hidden!important;
  }

  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    min-height:25px!important;
    height:25px!important;
    max-height:25px!important;
    padding:3px 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    font-size:12.4px!important;
    letter-spacing:.22em!important;
    line-height:1!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-left{
    left:18px!important;
    width:405px!important;
    max-width:405px!important;
    gap:7px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  #mpmhUnifiedShell .mpmh-cause-search-stack{
    width:350px!important;
    max-width:350px!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{max-width:350px!important;font-size:9.6px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:295px!important;
    max-width:295px!important;
  }
  #mpmhUnifiedShell .mpmh-context-center{max-width:38vw!important;font-size:11px!important;}
  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{gap:7px!important;}
  #mpmhUnifiedShell .tab-btn{font-size:9.6px!important;padding-left:6px!important;padding-right:6px!important;}
}

/* ========================================================================
   PASS173 — Header Left Cluster Structural Fix
   Desktop-only: make the upper-left header cluster a real visual block.
   The world logo is vertically centered beside the selected-cause line and
   search box, while the search aligns under the selected-cause text and is
   no longer clipped by the header row. No routing/JS/data behavior changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell .mpmh-context-row{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-context-inner{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    left:32px!important;
    top:0!important;
    transform:none!important;
    width:480px!important;
    max-width:480px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    display:block!important;
    overflow:visible!important;
    gap:0!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    flex:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    z-index:3!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }

  #mpmhUnifiedShell .mpmh-cause-search-stack{
    position:absolute!important;
    left:50px!important;
    top:7px!important;
    width:390px!important;
    max-width:390px!important;
    height:43px!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-rows:15px 26px!important;
    row-gap:2px!important;
    align-items:start!important;
    justify-items:start!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    grid-row:1!important;
    width:390px!important;
    max-width:390px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    grid-row:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:300px!important;
    max-width:300px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search,
  #mpmhUnifiedShell .mpmh-context-search #globalSearch.search{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    line-height:26px!important;
    padding:0 10px!important;
    font-size:10.8px!important;
  }

  #mpmhUnifiedShell #topSearchWrap .top-search-clear{
    height:24px!important;
    width:24px!important;
    min-width:24px!important;
  }

  #mpmhUnifiedShell .mpmh-context-center{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner{
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    height:25px!important;
    min-height:25px!important;
    max-height:25px!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-left{
    left:18px!important;
    width:420px!important;
    max-width:420px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-logo-home{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
  }
  #mpmhUnifiedShell .mpmh-cause-search-stack{
    left:46px!important;
    width:340px!important;
    max-width:340px!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    width:340px!important;
    max-width:340px!important;
    font-size:9.6px!important;
  }
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:270px!important;
    max-width:270px!important;
  }
}


/* ========================================================================
   PASS174 — Black Header Surface Test
   Desktop-first visual pass only. Keeps the Pass173 header structure but
   changes the upper app-shell surface to pure black with thin blue separator
   lines so the content panels and sticky section headers carry the blue frame.
   No routing/JS/data behavior changes.
   ======================================================================== */
@media(min-width:901px){
  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner,
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner,
  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    --mpmh-pass174-black:#000000;
    --mpmh-pass174-blue-line:rgba(91,156,218,.58);
    --mpmh-pass174-blue-line-soft:rgba(91,156,218,.36);
    background:#000000!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    border-top:1px solid var(--mpmh-pass174-blue-line)!important;
    border-bottom:0!important;
  }

  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    border:0!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass174-blue-line)!important;
  }

  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    border-top:0!important;
    border-bottom:1px solid var(--mpmh-pass174-blue-line)!important;
  }

  #mpmhUnifiedShell .mpmh-context-left{
    left:38px!important;
  }

  #mpmhUnifiedShell .mpmh-context-left .mpmh-context-brand img,
  #mpmhUnifiedShell .mpmh-context-left .mpmh-logo-home img,
  #mpmhUnifiedShell .mpmh-logo-home img{
    filter:drop-shadow(0 0 7px rgba(126,183,255,.32))!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment{
    color:rgba(232,245,255,.92)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.9)!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-label{
    color:rgba(157,194,228,.78)!important;
  }

  #mpmhUnifiedShell .mpmh-header-alignment-link,
  #mpmhUnifiedShell .mpmh-context-center,
  #mpmhUnifiedShell .tab-btn,
  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 12px rgba(91,156,218,.10)!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:322px!important;
    max-width:322px!important;
  }

  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap #globalSearch.search,
  #mpmhUnifiedShell .mpmh-context-search #globalSearch.search{
    border-color:rgba(108,166,220,.74)!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell .tab-btn{
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    color:#f4fbff!important;
  }

  #mpmhUnifiedShell .tab-btn:hover,
  #mpmhUnifiedShell .tab-btn.active{
    color:#8bc7ff!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    background:transparent!important;
    border:0!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-left{left:22px!important;}
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{width:286px!important;max-width:286px!important;}
}

/* ========================================================================
   PASS175 — Black Header + Blue Section Rail
   Keeps the Pass174 pure-black upper command header, but restores the active
   section title rail to the platform-blue separator treatment so the blue
   header line becomes the content boundary. Also supports HOME as the active
   overview label from PHP/JS. Presentation only.
   ======================================================================== */
@media(min-width:901px){
  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    background:linear-gradient(180deg,#0b2f56 0%,#061a31 100%)!important;
    background-image:linear-gradient(180deg,#0b2f56 0%,#061a31 100%)!important;
    border-top:1px solid rgba(126,183,255,.44)!important;
    border-bottom:1px solid rgba(126,183,255,.58)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.20)!important;
  }
  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    background:transparent!important;
    border:0!important;
  }
  #mpmhLiveSectionTitle.mpmh-live-section-title,
  .mpmh-live-section-title{
    color:#ffffff!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 12px rgba(126,183,255,.16)!important;
    letter-spacing:.22em!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 2 === */


/* v178 late header override: external CSS loads above this block, so this owns the final centered brand lockup. */
#mpmhUnifiedShell .mpmh-context-inner{
  position:relative!important;
}
#mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
#mpmhUnifiedShell .mpmh-centered-brand-lockup{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  min-width:250px!important;
  max-width:350px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  text-align:center!important;
  pointer-events:none!important;
  z-index:60!important;
  line-height:1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
  order:1!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  flex:0 0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:1!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  color:transparent!important;
  text-decoration:none!important;
  opacity:1!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
  display:block!important;
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  object-fit:contain!important;
  flex:0 0 23px!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  filter:drop-shadow(0 0 8px rgba(126,183,255,.38)) drop-shadow(0 0 5px rgba(11,249,158,.14))!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
#mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
  order:2!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  color:#fff!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-shadow:0 0 14px rgba(126,183,255,.20)!important;
}
@media(max-width:980px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    min-width:210px!important;
    max-width:275px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:20px!important;min-width:20px!important;max-width:20px!important;
    height:20px!important;min-height:20px!important;max-height:20px!important;
    flex-basis:20px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:19px!important;min-width:19px!important;max-width:19px!important;
    height:19px!important;min-height:19px!important;max-height:19px!important;
    flex-basis:19px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    font-size:9.8px!important;
    letter-spacing:.14em!important;
  }
}
@media(max-width:640px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    min-width:175px!important;
    max-width:205px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:18px!important;min-width:18px!important;max-width:18px!important;
    height:18px!important;min-height:18px!important;max-height:18px!important;
    flex-basis:18px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:17px!important;min-width:17px!important;max-width:17px!important;
    height:17px!important;min-height:17px!important;max-height:17px!important;
    flex-basis:17px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    font-size:8.8px!important;
    letter-spacing:.11em!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 3 === */


/* v179 late header presentation override: larger centered world mark with a restrained glow, title nudged down without changing routes or search behavior. */
#mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
#mpmhUnifiedShell .mpmh-centered-brand-lockup{
  min-width:300px!important;
  max-width:390px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  gap:3px!important;
  top:49%!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  z-index:75!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home::before,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:72px!important;
  height:50px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  background:
    radial-gradient(ellipse at center, rgba(255,255,255,.24) 0%, rgba(126,183,255,.28) 22%, rgba(65,150,255,.16) 43%, rgba(11,249,158,.075) 62%, rgba(0,0,0,0) 78%)!important;
  filter:blur(7px)!important;
  opacity:.82!important;
  pointer-events:none!important;
  z-index:0!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
  position:relative!important;
  z-index:2!important;
  width:39px!important;
  min-width:39px!important;
  max-width:39px!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  flex:0 0 39px!important;
  filter:drop-shadow(0 0 10px rgba(126,183,255,.42)) drop-shadow(0 0 7px rgba(11,249,158,.18))!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
#mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
  margin-top:2px!important;
  transform:translateY(2px)!important;
  font-size:11.4px!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  text-shadow:0 0 15px rgba(126,183,255,.24),0 1px 0 rgba(0,0,0,.95)!important;
}
@media(max-width:980px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    min-width:220px!important;
    max-width:285px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    gap:1px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:26px!important;min-width:26px!important;max-width:26px!important;
    height:26px!important;min-height:26px!important;max-height:26px!important;
    flex-basis:26px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home::before,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home::before{
    width:46px!important;height:34px!important;filter:blur(6px)!important;opacity:.65!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:24px!important;min-width:24px!important;max-width:24px!important;
    height:24px!important;min-height:24px!important;max-height:24px!important;
    flex-basis:24px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    font-size:9.8px!important;letter-spacing:.14em!important;transform:translateY(1px)!important;
  }
}
@media(max-width:640px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    height:36px!important;min-height:36px!important;max-height:36px!important;
    min-width:175px!important;max-width:205px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:21px!important;min-width:21px!important;max-width:21px!important;
    height:21px!important;min-height:21px!important;max-height:21px!important;
    flex-basis:21px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home::before,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home::before{
    width:36px!important;height:28px!important;filter:blur(5px)!important;opacity:.55!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:19px!important;min-width:19px!important;max-width:19px!important;
    height:19px!important;min-height:19px!important;max-height:19px!important;
    flex-basis:19px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    font-size:8.8px!important;letter-spacing:.11em!important;transform:none!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 4 === */


/* v180 clean brand header override: no world glow, no blue line in the black command area, softer title color, compact BRANDS nav label. */
body::before{
  box-shadow:
    inset 1px 0 0 rgba(126,183,255,.22),
    inset -1px 0 0 rgba(126,183,255,.22),
    inset 0 -1px 0 rgba(126,183,255,.10),
    inset 14px 0 34px rgba(20,65,112,.075),
    inset -14px 0 34px rgba(20,65,112,.075)!important;
}
#mpmhUnifiedShell,
#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
#mpmhUnifiedShell .mpmh-context-row,
#mpmhUnifiedShell .mpmh-context-inner,
#mpmhUnifiedShell .mpmh-nav-search-row,
#mpmhUnifiedShell .mpmh-nav-search-inner,
#mpmhUnifiedShell .tabs{
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home::before,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
#mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
  filter:none!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
#mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
  color:#E6F2FF!important;
  text-shadow:0 1px 0 rgba(0,0,0,.95)!important;
}
#mpmhUnifiedShell .tab-btn[data-tab="campaigns"]{
  min-width:auto!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 5 === */


/* v181: lift only the MP MEDIA HOLDINGS wordmark a few pixels to open space above the nav/search/tabs without moving the centered world mark. */
#mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
#mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
  margin-top:0!important;
  transform:translateY(-3px)!important;
}
@media(max-width:980px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(-2px)!important;
  }
}
@media(max-width:640px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(-1px)!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 6 === */


/* v185: one shared flex search control. The wrapper owns the outside border; input and X no longer carry separate outside boxes. */
#mpmhUnifiedShell .top-search-wrap#topSearchWrap,
#mpmhUnifiedShell .mpmh-context-search#topSearchWrap,
#mpmhUnifiedShell .mpmh-platform-search-control-v185{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:min(438px,100%)!important;
  max-width:438px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#f5fbff!important;
  border:1px solid #9fc8ec!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.70)!important;
  line-height:1!important;
}
#mpmhUnifiedShell .top-search-wrap#topSearchWrap:focus-within,
#mpmhUnifiedShell .mpmh-context-search#topSearchWrap:focus-within,
#mpmhUnifiedShell .mpmh-platform-search-control-v185:focus-within{
  border-color:#8abce9!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.76)!important;
}
#mpmhUnifiedShell #globalSearch.search{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#f5fbff!important;
  color:#001322!important;
  box-shadow:none!important;
  line-height:32px!important;
  font:inherit!important;
  font-size:12px!important;
}
#mpmhUnifiedShell #globalSearch.search:focus,
#mpmhUnifiedShell #globalSearch.search:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#f5fbff!important;
}
#mpmhUnifiedShell #globalSearchClear.top-search-clear{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-left:1px solid #a9bdd0!important;
  border-radius:0!important;
  outline:0!important;
  background:#eef6ff!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.68)!important;
  color:transparent!important;
  text-shadow:none!important;
  line-height:1!important;
  font-size:0!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:top!important;
  cursor:pointer!important;
}
#mpmhUnifiedShell #globalSearchClear.top-search-clear:focus,
#mpmhUnifiedShell #globalSearchClear.top-search-clear:active{
  outline:0!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.68)!important;
}
#mpmhUnifiedShell #globalSearchClear.top-search-clear::-moz-focus-inner{
  border:0!important;
  padding:0!important;
}
#mpmhUnifiedShell #globalSearchClear.top-search-clear::before{
  content:"×"!important;
  display:block!important;
  width:100%!important;
  line-height:1!important;
  font-size:20px!important;
  font-weight:950!important;
  color:#001322!important;
  transform:translateY(-1px)!important;
}
@media(max-width:640px){
  #mpmhUnifiedShell .top-search-wrap#topSearchWrap,
  #mpmhUnifiedShell .mpmh-context-search#topSearchWrap,
  #mpmhUnifiedShell .mpmh-platform-search-control-v185{
    width:100%!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
  #mpmhUnifiedShell #globalSearchClear.top-search-clear{
    flex-basis:38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 7 === */


/* v186: page surface unification. Space is money: the blue rail is the title; inner pages become dense platform work surfaces. */
:root{
  --mpmh-v186-blue:#7eb7ff;
  --mpmh-v186-blue-line:rgba(126,183,255,.22);
  --mpmh-v186-blue-soft:rgba(126,183,255,.075);
  --mpmh-v186-ink:#f3f9ff;
  --mpmh-v186-muted:#9fb5c6;
  --mpmh-v186-dim:#71889b;
  --mpmh-v186-panel:#02070d;
  --mpmh-v186-panel2:#030b13;
}

/* Main app body: start pages immediately under the blue rail. */
#shellMain.shell-main{
  padding-top:0!important;
  padding-bottom:8px!important;
}
#shellMain > .panel.tab-panel:not(.mph-home-overview),
#shellMain > .tab-panel.panel:not(.mph-home-overview){
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}

/* The live blue rail already names the active section. Hide duplicated local panel headers. */
#shellMain .tab-panel > .panel-head,
body.mpmh-dynamic-header-absorbed #shellMain .tab-panel > .panel-head{
  display:none!important;
}
#shellMain .tab-panel > .panel-head + .panel-body,
#shellMain .tab-panel > .panel-body,
#shellMain .tab-panel .panel-body,
#shellMain .global-search-body,
#shellMain .category-clean-body,
#shellMain .brands-discovery-body,
#shellMain .causes-discovery-body,
#shellMain .stats-panel-body,
#shellMain .doc-panel-body,
#shellMain .leaderboard-grid,
#shellMain .charities-editorial-body,
#shellMain .mpmh-legal-body{
  margin:0!important;
  padding:6px 8px 8px!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}

/* No repeated selected-cause sentence in Brands/Causes; the header owns that context. */
#shellMain .brand-context-line,
#shellMain .cause-discovery-intro,
#shellMain .cause-current-alignment{
  display:none!important;
}
#shellMain .category-active-label,
#shellMain .brand-category-active-label{
  margin:0 0 5px!important;
  padding:4px 7px!important;
  min-height:0!important;
  border:1px solid var(--mpmh-v186-blue-line)!important;
  background:var(--mpmh-v186-blue-soft)!important;
  color:var(--mpmh-v186-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.09em!important;
}

/* Compact sort/filter strips. */
#shellMain .brand-sort-strip,
#shellMain .cause-sort-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  min-height:0!important;
  margin:0 0 6px!important;
  padding:4px 5px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  background:linear-gradient(180deg,rgba(5,16,27,.86),rgba(0,0,0,.92))!important;
  box-shadow:none!important;
}
#shellMain .brand-sort-chip,
#shellMain .cause-sort-chip,
#shellMain .brand-view-toggle,
#shellMain .cause-view-toggle,
#shellMain .doc-link-row button{
  min-height:21px!important;
  height:21px!important;
  margin:0!important;
  padding:0 7px!important;
  border:1px solid rgba(126,183,255,.20)!important;
  border-radius:0!important;
  background:#03101b!important;
  color:#dceeff!important;
  box-shadow:none!important;
  font-size:8.4px!important;
  line-height:19px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
#shellMain .brand-sort-chip.active,
#shellMain .cause-sort-chip.active{
  border-color:rgba(126,183,255,.48)!important;
  background:#08243c!important;
  color:#fff!important;
}
#shellMain .brand-view-toggle,
#shellMain .cause-view-toggle{
  margin-left:auto!important;
  color:#bfe0ff!important;
}

/* Discovery scroll areas: remove wasted interior air. */
#shellMain .brand-discovery-scroll,
#shellMain .cause-discovery-scroll,
#shellMain .global-search-shell,
#shellMain .data-shell{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view,
#shellMain .cause-discovery-scroll.card-view{
  border:0!important;
  background:#000!important;
}
#shellMain .brand-card-grid,
#shellMain .cause-card-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(174px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
}

/* Brand/Cause cards: denser cards, clean black/blue shell. */
#shellMain .brand-pick-card,
#shellMain .cause-pick-card,
#shellMain .brand-card,
#shellMain .cause-card,
#shellMain .brand-card-item,
#shellMain .cause-card-item,
#shellMain .brand-discovery-card,
#shellMain .cause-discovery-card,
#shellMain .campaign-card{
  min-height:0!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#030b13,#000)!important;
  box-shadow:none!important;
  color:var(--mpmh-v186-ink)!important;
}
#shellMain .brand-pick-topline,
#shellMain .cause-pick-topline{
  margin:0 0 5px!important;
  padding:0 0 4px!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
  color:var(--mpmh-v186-muted)!important;
  font-size:8px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
}
#shellMain .brand-pick-card h3,
#shellMain .cause-pick-card h3,
#shellMain .brand-pick-name,
#shellMain .cause-pick-name{
  margin:0 0 5px!important;
  font-size:12px!important;
  line-height:1.16!important;
  letter-spacing:.025em!important;
  color:#fff!important;
}
#shellMain .brand-pick-card p,
#shellMain .cause-pick-card p,
#shellMain .brand-pick-meta,
#shellMain .cause-pick-meta{
  margin:0 0 5px!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:rgba(210,228,240,.78)!important;
}
#shellMain .brand-pick-logo,
#shellMain .cause-pick-logo,
#shellMain .brand-pick-logo-wrap,
#shellMain .cause-pick-logo-wrap{
  height:40px!important;
  min-height:40px!important;
  margin:0 0 5px!important;
  padding:4px!important;
}
#shellMain .brand-pick-logo img,
#shellMain .cause-pick-logo img,
#shellMain .brand-pick-logo-wrap img,
#shellMain .cause-pick-logo-wrap img{
  max-height:32px!important;
}
#shellMain .brand-card-domain-row,
#shellMain .cause-card-domain-row{
  margin:4px 0!important;
  padding:3px 0!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}
#shellMain .brand-pick-actions,
#shellMain .cause-pick-actions{
  display:flex!important;
  gap:4px!important;
  margin:6px 0 0!important;
  padding:0!important;
}
#shellMain .brand-pick-actions a,
#shellMain .brand-pick-actions button,
#shellMain .cause-pick-actions a,
#shellMain .cause-pick-actions button,
#shellMain .brand-card-primary-link,
#shellMain .brand-card-stats-btn,
#shellMain .brand-card-detail-btn,
#shellMain .cause-card-primary-link,
#shellMain .cause-card-stats-btn,
#shellMain .cause-card-detail-btn{
  min-height:21px!important;
  height:21px!important;
  padding:0 7px!important;
  border-radius:0!important;
  font-size:8.4px!important;
  line-height:19px!important;
  letter-spacing:.07em!important;
}
#shellMain .brand-pick-stats-panel,
#shellMain .cause-pick-stats-panel{
  margin-top:6px!important;
  padding:5px!important;
  gap:4px!important;
}

/* Tables: compact rows and headers. */
#shellMain .data-table,
#shellMain table.data-table{
  font-size:10px!important;
  line-height:1.2!important;
  border-collapse:collapse!important;
  background:#000!important;
}
#shellMain .data-table th,
#shellMain .data-table td{
  padding:4px 6px!important;
  height:24px!important;
  min-height:24px!important;
  border-color:rgba(126,183,255,.10)!important;
  font-size:10px!important;
  line-height:1.2!important;
  vertical-align:middle!important;
}
#shellMain .data-table th,
#shellMain .data-table th button{
  font-size:8.5px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  color:#cfe8ff!important;
}
#shellMain .result-status{
  margin:4px 0!important;
  padding:4px 6px!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh-v186-dim)!important;
  font-size:9px!important;
  line-height:1.2!important;
}
#shellMain .load-more-wrap{gap:6px!important;margin:0!important;padding:0!important;}

/* Categories: A-Z grid becomes a compact tile sheet. */
#shellMain .category-grid,
#shellMain .category-grid-az{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
#shellMain .category-grid-az .category-btn,
#shellMain .category-grid button,
#shellMain .category-grid a,
#shellMain .category-card,
#shellMain .category-tile{
  min-height:42px!important;
  height:auto!important;
  padding:7px 8px!important;
  border:1px solid rgba(126,183,255,.15)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#030b13,#000)!important;
  box-shadow:none!important;
  text-align:left!important;
  font-size:10px!important;
  line-height:1.15!important;
}

/* Stats and leaderboards: tighter metric/readout cards. */
#shellMain .stats-section-label,
#shellMain .selected-cause-label{
  margin:0 0 5px!important;
  padding:4px 6px!important;
  border:1px solid rgba(126,183,255,.13)!important;
  background:#030b13!important;
}
#shellMain .active-cause-stats,
#shellMain .metric-grid,
#shellMain .leaderboard-grid{
  display:grid!important;
  gap:6px!important;
  margin:0 0 6px!important;
  padding:0!important;
}
#shellMain .metric,
#shellMain .readout-card,
#shellMain .mp-signal-preview-readout,
#shellMain .leaderboard-card{
  min-height:0!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#030b13,#000)!important;
  box-shadow:none!important;
}
#shellMain .metric-label,
#shellMain .mpmh-readout-label{
  margin:0 0 3px!important;
  font-size:8px!important;
  line-height:1.1!important;
  letter-spacing:.10em!important;
}
#shellMain .metric-value,
#shellMain .mpmh-readout-value{
  font-size:16px!important;
  line-height:1.05!important;
}
#shellMain .metric-sub,
#shellMain .mpmh-readout-sub{
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:1.1!important;
}
#shellMain .leaderboard-card h3{
  margin:0 0 6px!important;
  padding:0 0 5px!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
}
#shellMain .leaderLine{
  min-height:20px!important;
  padding:3px 0!important;
  gap:8px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
#shellMain .leaderboard-note{
  margin:0!important;
  font-size:10px!important;
  line-height:1.35!important;
}

/* Editorial / legal pages: same dark shell, fewer huge cards, no logo rails stealing vertical space. */
#shellMain .mpmh-doc-logo-frame{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
#shellMain .mpmh-doc-logo-rail{
  display:none!important;
}
#shellMain .mpmh-doc-centered-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
#shellMain .doc-hero-card{
  margin:0 0 6px!important;
  padding:8px!important;
  min-height:0!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#030b13,#000)!important;
  box-shadow:none!important;
}
#shellMain .mpmh-how-flow-card{display:none!important;}
#shellMain .doc-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
#shellMain .doc-card{
  min-height:0!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#030b13,#000)!important;
  box-shadow:none!important;
}
#shellMain .doc-card h3{
  margin:0 0 4px!important;
  font-size:11px!important;
  line-height:1.18!important;
  letter-spacing:.05em!important;
}
#shellMain .doc-card p,
#shellMain .doc-card li{
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
#shellMain .doc-link-row{
  margin:6px 0 0!important;
  padding:5px!important;
  gap:4px!important;
  border:1px solid rgba(126,183,255,.12)!important;
  background:#02070d!important;
}
#shellMain .mpmh-legal-body{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
}
#shellMain .mpmh-legal-body h2,
#shellMain .mpmh-legal-body h3{
  margin:8px 0 4px!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  color:#e8f4ff!important;
}
#shellMain .mpmh-legal-body p,
#shellMain .mpmh-legal-body li{
  margin:0 0 6px!important;
  font-size:10.6px!important;
  line-height:1.38!important;
  color:rgba(228,240,248,.84)!important;
}

/* Signals page: keep the feature, reduce its vertical bite. */
#shellMain .signals-panel .mpmh-signals-public-panel{
  margin:0!important;
  padding:8px!important;
  border:1px solid rgba(11,249,158,.20)!important;
  border-radius:0!important;
  background:#000!important;
}
#shellMain .signals-panel .home-signal-connected-highways-v05{
  margin:0 0 8px!important;
}
#shellMain .signals-panel .connected-highways-head-v05{
  padding:9px 11px 8px!important;
}
#shellMain .signals-panel .connected-highways-stage-v05{
  padding:6px 7px!important;
}
#shellMain .signals-panel .connected-highways-field-v05{
  height:330px!important;
}
#shellMain .signals-panel .connected-highway-v05{height:72px!important;}
#shellMain .signals-panel .connected-highway-v05.cause{top:28px!important;}
#shellMain .signals-panel .connected-highway-v05.channel{top:132px!important;}
#shellMain .signals-panel .connected-highway-v05.campaign{top:236px!important;}
#shellMain .mpmh-readout-row,
#shellMain .mpmh-signal-explain-grid{
  gap:6px!important;
  margin:6px 0!important;
}
#shellMain .mpmh-signal-method-note,
#shellMain .mpmh-public-highway-note{
  margin:6px 0!important;
  padding:6px 8px!important;
  font-size:10px!important;
  line-height:1.3!important;
}
#shellMain .mpmh-signal-explain-card{
  padding:7px 8px!important;
  min-height:0!important;
}
#shellMain .mpmh-signal-explain-card h3{margin:0 0 3px!important;font-size:10.5px!important;}
#shellMain .mpmh-signal-explain-card p{margin:0!important;font-size:10px!important;line-height:1.3!important;}

@media(max-width:980px){
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;}
  #shellMain .category-grid,
  #shellMain .category-grid-az{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;}
  #shellMain .doc-grid{grid-template-columns:1fr!important;}
  #shellMain .brand-view-toggle,
  #shellMain .cause-view-toggle{margin-left:0!important;}
}
@media(max-width:640px){
  #shellMain .tab-panel > .panel-body,
  #shellMain .tab-panel .panel-body,
  #shellMain .global-search-body,
  #shellMain .category-clean-body,
  #shellMain .brands-discovery-body,
  #shellMain .causes-discovery-body,
  #shellMain .doc-panel-body,
  #shellMain .mpmh-legal-body{padding:5px 6px 7px!important;}
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:1fr!important;}
  #shellMain .category-grid,
  #shellMain .category-grid-az{grid-template-columns:1fr 1fr!important;}
  #shellMain .signals-panel .connected-highways-field-v05{height:300px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 8 === */


/* v187: first tab-by-tab cleanup fix. Cards stay compact but no longer feel undersized; table view is a true alternate view, not an appended table below cards. */
#shellMain .brand-discovery-scroll.card-view .advanced-brand-directory,
#shellMain .cause-discovery-scroll.card-view .advanced-cause-directory{
  display:none!important;
}
#shellMain .brand-discovery-scroll.table-view .brand-card-grid,
#shellMain .cause-discovery-scroll.table-view .cause-card-grid{
  display:none!important;
}
#shellMain .brand-discovery-scroll.table-view .advanced-brand-directory,
#shellMain .cause-discovery-scroll.table-view .advanced-cause-directory{
  display:block!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-grid,
#shellMain .cause-discovery-scroll.card-view .cause-card-grid{
  display:grid!important;
}

/* Slightly larger cards than v186, while keeping the dense direction. */
#shellMain .brand-card-grid,
#shellMain .cause-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(218px,1fr))!important;
  gap:8px!important;
}
#shellMain .brand-pick-card,
#shellMain .cause-pick-card,
#shellMain .brand-card,
#shellMain .cause-card,
#shellMain .brand-card-item,
#shellMain .cause-card-item,
#shellMain .brand-discovery-card,
#shellMain .cause-discovery-card,
#shellMain .campaign-card{
  padding:10px 11px!important;
}
#shellMain .brand-pick-topline,
#shellMain .cause-pick-topline{
  margin:0 0 7px!important;
  padding:0 0 6px!important;
  font-size:8.7px!important;
}
#shellMain .brand-pick-card h3,
#shellMain .cause-pick-card h3,
#shellMain .brand-pick-name,
#shellMain .cause-pick-name{
  margin:0 0 7px!important;
  font-size:13px!important;
  line-height:1.18!important;
}
#shellMain .brand-pick-card p,
#shellMain .cause-pick-card p,
#shellMain .brand-pick-meta,
#shellMain .cause-pick-meta,
#shellMain .brand-pick-desc,
#shellMain .cause-pick-desc{
  margin:0 0 7px!important;
  font-size:10.7px!important;
  line-height:1.34!important;
}
#shellMain .brand-pick-logo,
#shellMain .cause-pick-logo,
#shellMain .brand-pick-logo-wrap,
#shellMain .cause-pick-logo-wrap{
  height:50px!important;
  min-height:50px!important;
  margin:0 0 7px!important;
  padding:5px!important;
}
#shellMain .brand-pick-logo img,
#shellMain .cause-pick-logo img,
#shellMain .brand-pick-logo-wrap img,
#shellMain .cause-pick-logo-wrap img{
  max-height:40px!important;
}
#shellMain .brand-card-domain-row,
#shellMain .cause-card-domain-row{
  margin:5px 0!important;
  padding:4px 0!important;
  font-size:10px!important;
}
#shellMain .brand-pick-actions,
#shellMain .cause-pick-actions{
  gap:5px!important;
  margin:8px 0 0!important;
}
#shellMain .brand-pick-actions a,
#shellMain .brand-pick-actions button,
#shellMain .cause-pick-actions a,
#shellMain .cause-pick-actions button,
#shellMain .brand-card-primary-link,
#shellMain .brand-card-stats-btn,
#shellMain .brand-card-detail-btn,
#shellMain .cause-card-primary-link,
#shellMain .cause-card-stats-btn,
#shellMain .cause-card-detail-btn{
  min-height:23px!important;
  height:23px!important;
  padding:0 8px!important;
  font-size:8.8px!important;
  line-height:21px!important;
}
#shellMain .brand-pick-stats-panel,
#shellMain .cause-pick-stats-panel{
  margin-top:7px!important;
  padding:6px!important;
}

@media(max-width:980px){
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;}
}
@media(max-width:640px){
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:1fr!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 9 === */


/* v188: Make Cause and Brand cards read like platform records: blue header, wide white logo stage, compact dark body, no right-side AVAILABLE/ACTIVE badge. */
#shellMain .brand-card-grid,
#shellMain .cause-card-grid{
  grid-template-columns:repeat(auto-fill,minmax(236px,1fr))!important;
  gap:10px!important;
}
#shellMain .brand-pick-card,
#shellMain .cause-pick-card{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.28)!important;
  background:#000!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.55) inset!important;
}
#shellMain .brand-pick-card:hover,
#shellMain .cause-pick-card:hover{
  border-color:rgba(126,183,255,.46)!important;
}
#shellMain .cause-pick-card.active-cause-card{
  border-color:rgba(155,210,255,.70)!important;
  box-shadow:0 0 0 1px rgba(155,210,255,.22) inset!important;
}
#shellMain .brand-pick-topline,
#shellMain .cause-pick-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0 9px!important;
  border:0!important;
  border-bottom:1px solid rgba(165,216,255,.32)!important;
  background:linear-gradient(180deg,#15598e 0%,#0b3d68 100%)!important;
  color:#f2f9ff!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:25px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  box-sizing:border-box!important;
}
#shellMain .brand-pick-topline span:first-child,
#shellMain .cause-pick-topline span:first-child{
  color:#f7fbff!important;
  white-space:nowrap!important;
}
#shellMain .brand-card-state,
#shellMain .cause-card-state{
  display:none!important;
}
#shellMain .brand-pick-logo-link,
#shellMain .cause-pick-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:8px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  background:#fff!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}
#shellMain .brand-pick-logo-link:hover,
#shellMain .cause-pick-logo-link:hover{
  background:#f8fbff!important;
}
#shellMain .brand-pick-logo,
#shellMain .cause-pick-logo,
#shellMain .brand-pick-logo-wrap,
#shellMain .cause-pick-logo-wrap{
  margin:0!important;
  padding:0!important;
}
#shellMain .brand-pick-logo-link img.brand-pick-logo,
#shellMain .cause-pick-logo-link img.cause-pick-logo,
#shellMain .brand-pick-logo-link img,
#shellMain .cause-pick-logo-link img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:54px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#shellMain .brand-pick-logo.fallback,
#shellMain .cause-pick-logo.fallback{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(11,61,104,.20)!important;
  background:#eef6ff!important;
  color:#0b3d68!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
#shellMain .brand-pick-name,
#shellMain .cause-pick-name{
  margin:0 10px 6px!important;
  padding:10px 0 0!important;
  font-size:13.4px!important;
  line-height:1.18!important;
  color:#fff!important;
}
#shellMain .brand-pick-name a,
#shellMain .cause-pick-name a{
  color:#fff!important;
  text-decoration:none!important;
}
#shellMain .brand-pick-name a:hover,
#shellMain .cause-pick-name a:hover{
  color:#dceeff!important;
  text-decoration:underline!important;
}
#shellMain .brand-pick-meta,
#shellMain .cause-pick-meta,
#shellMain .brand-pick-desc,
#shellMain .cause-pick-desc{
  margin:0 10px 7px!important;
  padding:0!important;
  font-size:10.9px!important;
  line-height:1.34!important;
}
#shellMain .brand-card-domain-row,
#shellMain .cause-card-domain-row{
  margin:6px 10px 0!important;
  padding:5px 0 0!important;
  border-top:1px solid rgba(126,183,255,.10)!important;
}
#shellMain .brand-pick-stats-panel,
#shellMain .cause-pick-stats-panel{
  margin:7px 10px 0!important;
}
#shellMain .brand-pick-actions,
#shellMain .cause-pick-actions{
  margin:9px 10px 10px!important;
  gap:6px!important;
}
#shellMain .brand-pick-actions a,
#shellMain .brand-pick-actions button,
#shellMain .cause-pick-actions a,
#shellMain .cause-pick-actions button,
#shellMain .brand-card-primary-link,
#shellMain .brand-card-stats-btn,
#shellMain .brand-card-detail-btn,
#shellMain .cause-card-primary-link,
#shellMain .cause-card-stats-btn,
#shellMain .cause-card-detail-btn{
  min-height:24px!important;
  height:24px!important;
  line-height:22px!important;
}
@media(max-width:980px){
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr))!important;}
}
@media(max-width:640px){
  #shellMain .brand-card-grid,
  #shellMain .cause-card-grid{grid-template-columns:1fr!important;}
  #shellMain .brand-pick-logo-link,
  #shellMain .cause-pick-logo-link{height:76px!important;min-height:76px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 10 === */


/* v189: Causes card view only. Give cause records more visual dignity without changing tables, routes, or Brand card density. */
#shellMain .cause-discovery-scroll.card-view .cause-card-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:11px!important;
}
#shellMain .cause-pick-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:330px!important;
  height:auto!important;
}
#shellMain .cause-pick-topline{
  flex:0 0 auto!important;
  min-height:26px!important;
  height:26px!important;
  padding:0 10px!important;
  line-height:26px!important;
  font-size:9.2px!important;
}
#shellMain .cause-identity-stage{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:178px!important;
  margin:0!important;
  padding:14px 16px 13px!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
#shellMain .cause-identity-stage:hover{
  background:#f8fbff!important;
}
#shellMain .cause-identity-stage .cause-pick-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:108px!important;
  min-height:108px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
  text-decoration:none!important;
}
#shellMain .cause-identity-stage .cause-pick-logo-link:hover{
  background:transparent!important;
}
#shellMain .cause-identity-stage img.cause-pick-logo,
#shellMain .cause-identity-stage .cause-pick-logo-link img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:96%!important;
  max-height:96px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#shellMain .cause-identity-stage .cause-pick-logo.fallback{
  width:70px!important;
  height:48px!important;
  min-height:48px!important;
  font-size:15px!important;
}
#shellMain .cause-identity-stage .cause-pick-name{
  width:100%!important;
  margin:10px 0 0!important;
  padding:0!important;
  color:#061421!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.16!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}
#shellMain .cause-identity-stage .cause-pick-name a{
  color:#061421!important;
  text-decoration:none!important;
}
#shellMain .cause-identity-stage .cause-pick-name a:hover{
  color:#0b3d68!important;
  text-decoration:underline!important;
}
#shellMain .cause-pick-card > .cause-pick-desc{
  margin:9px 11px 7px!important;
  min-height:42px!important;
  color:rgba(222,237,248,.82)!important;
}
#shellMain .cause-pick-card > .cause-card-domain-row{
  margin:2px 11px 0!important;
  padding:5px 0 0!important;
}
#shellMain .cause-pick-card > .cause-pick-stats-panel{
  margin:7px 11px 0!important;
}
#shellMain .cause-pick-card > .cause-pick-actions{
  margin:auto 11px 11px!important;
  padding-top:9px!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
#shellMain .cause-pick-card > .cause-pick-actions a,
#shellMain .cause-pick-card > .cause-pick-actions button{
  flex:1 1 0!important;
  text-align:center!important;
}
@media(max-width:1500px){
  #shellMain .cause-discovery-scroll.card-view .cause-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1120px){
  #shellMain .cause-discovery-scroll.card-view .cause-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #shellMain .cause-pick-card{min-height:320px!important;}
}
@media(max-width:780px){
  #shellMain .cause-discovery-scroll.card-view .cause-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  #shellMain .cause-discovery-scroll.card-view .cause-card-grid{grid-template-columns:1fr!important;}
  #shellMain .cause-pick-card{min-height:0!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 11 === */


/* v190: Causes card polish only. Keep 5-across identity cards, soften the lower text panel, and slightly reduce cause-name scale. */
#shellMain .cause-identity-stage .cause-pick-name{
  font-size:12.8px!important;
  line-height:1.12!important;
  letter-spacing:.005em!important;
  margin-top:8px!important;
}
#shellMain .cause-pick-card,
#shellMain .cause-card,
#shellMain .cause-card-item{
  background:#071522!important;
}
#shellMain .cause-pick-card > .cause-pick-desc{
  margin:0!important;
  padding:10px 12px 7px!important;
  min-height:52px!important;
  background:#071827!important;
  color:rgba(226,240,250,.88)!important;
  border-top:1px solid rgba(126,183,255,.14)!important;
  border-bottom:1px solid rgba(126,183,255,.08)!important;
  font-size:11.1px!important;
  line-height:1.32!important;
  box-sizing:border-box!important;
}
#shellMain .cause-pick-card > .cause-card-domain-row{
  margin:0 12px!important;
  padding:6px 0 0!important;
  border-top:0!important;
}
#shellMain .cause-pick-card > .cause-pick-stats-panel{
  margin:7px 12px 0!important;
  background:#081c2c!important;
  border-color:rgba(126,183,255,.20)!important;
}
#shellMain .cause-pick-card > .cause-pick-actions{
  margin:auto 11px 11px!important;
  padding-top:9px!important;
}
#shellMain .cause-pick-card.active-cause-card > .cause-pick-desc{
  background:#082037!important;
  border-top-color:rgba(126,183,255,.24)!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 12 === */


/* v191: Causes card view only. Soften the name color and give the lower description panel enough height for four clean lines. */
#shellMain .cause-identity-stage .cause-pick-name,
#shellMain .cause-identity-stage .cause-pick-name a{
  color:#0A1D2C!important;
}
#shellMain .cause-identity-stage .cause-pick-name a:hover{
  color:#0B3D68!important;
}
#shellMain .cause-pick-card > .cause-pick-desc{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:9px 12px 8px!important;
  line-height:1.32!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#shellMain .cause-pick-card,
#shellMain .cause-card,
#shellMain .cause-card-item{
  min-height:356px!important;
}
@media(max-width:1120px){
  #shellMain .cause-pick-card,
  #shellMain .cause-card,
  #shellMain .cause-card-item{min-height:348px!important;}
}
@media(max-width:560px){
  #shellMain .cause-pick-card,
  #shellMain .cause-card,
  #shellMain .cause-card-item{min-height:0!important;}
  #shellMain .cause-pick-card > .cause-pick-desc{height:auto!important;max-height:none!important;min-height:0!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 13 === */


/* v192: Cause card correction. Remove the automatic selected-cause readout and trim the description panel to a cleaner four-line visual target. */
#shellMain .cause-pick-card .signal-cause-formula,
#shellMain .cause-card .signal-cause-formula,
#shellMain .cause-card-item .signal-cause-formula,
#shellMain .cause-discovery-card .signal-cause-formula{
  display:none!important;
}
#shellMain .cause-pick-card > .cause-pick-desc{
  height:66px!important;
  min-height:66px!important;
  max-height:66px!important;
  padding:8px 12px 6px!important;
  font-size:11.1px!important;
  line-height:1.27!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:4!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#shellMain .cause-pick-card,
#shellMain .cause-card,
#shellMain .cause-card-item{
  min-height:344px!important;
}
@media(max-width:1120px){
  #shellMain .cause-pick-card,
  #shellMain .cause-card,
  #shellMain .cause-card-item{min-height:338px!important;}
}
@media(max-width:560px){
  #shellMain .cause-pick-card,
  #shellMain .cause-card,
  #shellMain .cause-card-item{min-height:0!important;}
  #shellMain .cause-pick-card > .cause-pick-desc{height:auto!important;max-height:none!important;min-height:0!important;display:block!important;-webkit-line-clamp:unset!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 14 === */


/* v193: Cause cards only. Remove the small dark spacer between the blue CAUSE # header and the white identity/logo area. */
#shellMain .cause-pick-card > .cause-pick-topline{
  margin:0!important;
  padding:0 10px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(165,216,255,.30)!important;
  box-shadow:none!important;
}
#shellMain .cause-pick-card > .cause-pick-topline + .cause-identity-stage{
  margin-top:0!important;
  border-top:0!important;
  background:#fff!important;
}
#shellMain .cause-pick-card > .cause-identity-stage{
  margin:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
#shellMain .cause-identity-stage .cause-pick-logo-link{
  margin-top:0!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 15 === */


/* v194: Cause cards only. Cover the stubborn inherited dark seam between the blue record header and the white identity block without touching Brands, tables, or shell layout. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card{
  overflow:hidden!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
  position:relative!important;
  z-index:2!important;
  margin-bottom:0!important;
  border-bottom:0!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-identity-stage{
  position:relative!important;
  z-index:1!important;
  margin-top:-5px!important;
  padding-top:19px!important;
  background:#fff!important;
  border-top:0!important;
  box-shadow:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline + .cause-identity-stage{
  margin-top:-5px!important;
}
@media(max-width:560px){
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-identity-stage{
    margin-top:0!important;
    padding-top:14px!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 16 === */


/* v197: Cause cards only. Stats panels no longer change card/grid row height, so Arrow Up/Down row snapping remains stable. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card{
  position:relative!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:42px!important;
  z-index:7!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
  padding:8px 8px 7px!important;
  max-height:118px!important;
  overflow:auto!important;
  background:linear-gradient(180deg,#0a2238,#06111d)!important;
  border:1px solid rgba(126,183,255,.42)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.48)!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open{
  display:grid!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel span{
  display:block!important;
  min-width:0!important;
  padding:3px 4px!important;
  border:1px solid rgba(126,183,255,.13)!important;
  background:rgba(0,0,0,.16)!important;
  color:#dceeff!important;
  font-size:9px!important;
  line-height:1.16!important;
  text-align:left!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel b{
  color:#fff!important;
  font-size:10px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel .cause-stats-close{
  position:absolute!important;
  top:2px!important;
  right:3px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:1px solid rgba(126,183,255,.30)!important;
  background:#020b13!important;
  color:#dceeff!important;
  font-size:12px!important;
  line-height:16px!important;
}
@media(max-width:560px){
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
    position:static!important;
    display:none!important;
    margin:7px 11px 0!important;
    max-height:none!important;
  }
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open{display:grid!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 17 === */


/* v200: Brands card view only. Match the Cause card platform-record treatment while preserving table view and campaign routing. */
#shellMain .brand-discovery-scroll.card-view .brand-card-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-card,
#shellMain .brand-discovery-scroll.card-view .brand-card,
#shellMain .brand-discovery-scroll.card-view .brand-card-item{
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  min-height:344px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:#071522!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  background:linear-gradient(180deg,#0a3357 0%,#07243d 100%)!important;
  color:#e9f6ff!important;
  font-size:8.6px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(165,216,255,.22)!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-state{
  display:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-identity-stage{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:142px!important;
  margin:0!important;
  padding:14px 13px 12px!important;
  background:#fff!important;
  border:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:74px!important;
  min-height:74px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:90%!important;
  max-height:62px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo.fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:74px!important;
  height:48px!important;
  min-height:48px!important;
  background:#eef6ff!important;
  border:1px solid rgba(7,36,61,.22)!important;
  color:#07243d!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-name{
  width:100%!important;
  margin:9px 0 0!important;
  padding:0!important;
  color:#0A1D2C!important;
  font-size:12.8px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:.005em!important;
  text-align:center!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-name a{
  color:#0A1D2C!important;
  text-decoration:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-name a:hover{
  color:#0B3D68!important;
  text-decoration:underline!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-meta{
  margin:0!important;
  padding:8px 12px 3px!important;
  background:#071827!important;
  color:rgba(205,226,240,.76)!important;
  border-top:1px solid rgba(126,183,255,.14)!important;
  font-size:9.7px!important;
  line-height:1.22!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-desc{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:0!important;
  padding:4px 12px 5px!important;
  background:#071827!important;
  color:rgba(226,240,250,.86)!important;
  border:0!important;
  font-size:10.8px!important;
  line-height:1.26!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-desc-empty{
  visibility:hidden!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row{
  margin:0 12px!important;
  padding:6px 0 0!important;
  border-top:1px solid rgba(126,183,255,.08)!important;
  color:rgba(205,226,240,.68)!important;
  font-size:9.2px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row a{
  color:#bcdfff!important;
  text-decoration:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions{
  display:flex!important;
  gap:6px!important;
  margin:auto 11px 11px!important;
  padding-top:9px!important;
  flex:0 0 auto!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button{
  flex:1 1 0!important;
  min-height:22px!important;
  height:22px!important;
  padding:0 6px!important;
  text-align:center!important;
  border-radius:0!important;
  font-size:8.4px!important;
  line-height:20px!important;
  letter-spacing:.07em!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  bottom:42px!important;
  z-index:7!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0!important;
  padding:8px 8px 7px!important;
  max-height:118px!important;
  overflow:auto!important;
  background:linear-gradient(180deg,#0a2238,#06111d)!important;
  border:1px solid rgba(126,183,255,.42)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.48)!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel.open{
  display:grid!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel span{
  display:block!important;
  min-width:0!important;
  padding:3px 4px!important;
  border:1px solid rgba(126,183,255,.13)!important;
  background:rgba(0,0,0,.16)!important;
  color:#dceeff!important;
  font-size:9px!important;
  line-height:1.16!important;
  text-align:left!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel b{
  color:#fff!important;
  font-size:10px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-close{
  position:absolute!important;
  top:2px!important;
  right:3px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:1px solid rgba(126,183,255,.30)!important;
  background:#020b13!important;
  color:#dceeff!important;
  font-size:12px!important;
  line-height:16px!important;
}
@media(max-width:1500px){
  #shellMain .brand-discovery-scroll.card-view .brand-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1120px){
  #shellMain .brand-discovery-scroll.card-view .brand-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #shellMain .brand-discovery-scroll.card-view .brand-pick-card{min-height:338px!important;}
}
@media(max-width:780px){
  #shellMain .brand-discovery-scroll.card-view .brand-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  #shellMain .brand-discovery-scroll.card-view .brand-card-grid{grid-template-columns:1fr!important;}
  #shellMain .brand-discovery-scroll.card-view .brand-pick-card{min-height:0!important;}
  #shellMain .brand-discovery-scroll.card-view .brand-pick-desc{height:auto!important;max-height:none!important;min-height:0!important;display:block!important;-webkit-line-clamp:unset!important;}
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel{position:static!important;display:none!important;margin:7px 11px 0!important;max-height:none!important;}
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel.open{display:grid!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 18 === */


/* v199: Cause Overview detail panel polish only. */
body.cause-detail-workspace #sidePanel.cause-profile-panel.open{
  margin-top:8px!important;
  border:1px solid rgba(126,183,255,.58)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.70), inset 0 1px 0 rgba(126,183,255,.16)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head{
  min-height:45px!important;
  height:45px!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(126,183,255,.72)!important;
  border-bottom:1px solid rgba(126,183,255,.44)!important;
  background:linear-gradient(180deg,#0a2740 0%,#061a2b 100%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  padding:0 52px!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel #sideTitle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:0!important;
  line-height:1!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-world-icon{
  position:absolute!important;
  left:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-label{
  color:#ffffff!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 #000,0 0 8px rgba(126,183,255,.16)!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x,
body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close{
  position:absolute!important;
  right:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  line-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#ffffff!important;
  font-size:30px!important;
  font-weight:900!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body{
  padding-top:22px!important;
  padding-bottom:34px!important;
  box-sizing:border-box!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-profile-hero{
  margin-top:0!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-badge-row{
  display:none!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-actions{
  margin:14px 0 0!important;
  padding:13px 0 8px!important;
  border-top:1px solid rgba(126,183,255,.12)!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-actions .detail-action-primary,
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-actions .visit-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:176px!important;
  height:31px!important;
  min-height:31px!important;
  padding:0 22px!important;
  line-height:29px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric-label{
  white-space:normal!important;
}
@media(max-width:800px){
  body.cause-detail-workspace #sidePanel.cause-profile-panel.open{margin-top:4px!important;}
  body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head{height:42px!important;min-height:42px!important;padding:0 46px!important;}
  body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-world-icon{left:16px!important;width:24px!important;height:24px!important;}
  body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-label{font-size:12px!important;letter-spacing:.12em!important;}
  body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body{padding-top:16px!important;padding-bottom:26px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 19 === */


/* v201: table-view-only sticky sortable headers for Brands and Causes. Card views and mobile table touch behavior stay untouched. */
@media (min-width:781px){
  #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory > .data-shell,
  #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory > .data-shell{
    position:relative!important;
    overflow:auto!important;
    max-height:calc(100vh - 214px)!important;
    min-height:220px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:auto!important;
  }
  #shellMain .brand-discovery-scroll.table-view #campaignTable,
  #shellMain .cause-discovery-scroll.table-view #charityTable{
    border-collapse:separate!important;
    border-spacing:0!important;
    width:100%!important;
  }
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    background:linear-gradient(180deg,#0e3558 0%,#071f36 52%,#04111e 100%)!important;
    color:#e6f2ff!important;
    border-top:0!important;
    border-bottom:1px solid rgba(126,183,255,.44)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 2px 7px rgba(0,0,0,.62)!important;
  }
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th button,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th button{
    background:transparent!important;
    color:#e6f2ff!important;
    border:0!important;
    box-shadow:none!important;
  }
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th:first-child,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th:first-child{
    border-left:0!important;
  }
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th:last-child,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th:last-child{
    border-right:0!important;
  }
}
@media (max-width:780px){
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th{
    position:static!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 20 === */


/* v202: remove the extra nested vertical scrollbar from the v201 sticky table-header pass.
   The sortable header remains sticky, but the visible vertical scroll owner stays the normal page/table area. */
@media (min-width:781px){
  #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory > .data-shell,
  #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory > .data-shell{
    max-height:none!important;
    min-height:0!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory,
  #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory{
    overflow:visible!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 21 === */


/* v203: JS-assisted floating headers for Cause/Brand table views. Disable the real CSS sticky
   rules from v201/v202 so no nested vertical scrollbar or half-sticky table state fights the clone. */
@media (min-width:781px){
  #shellMain .brand-discovery-scroll.table-view #campaignTable thead th,
  #shellMain .cause-discovery-scroll.table-view #charityTable thead th{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
  }
}
.mpmh-floating-table-header-v203{
  position:fixed!important;
  display:none;
  overflow:hidden!important;
  box-sizing:border-box!important;
  z-index:8800!important;
  pointer-events:auto!important;
  background:linear-gradient(180deg,#0e3558 0%,#071f36 52%,#04111e 100%)!important;
  border:1px solid rgba(126,183,255,.30)!important;
  border-top:1px solid rgba(126,183,255,.38)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.52)!important;
}
.mpmh-floating-table-header-v203.is-visible{display:block!important;}
.mpmh-floating-table-header-v203 .mpmh-floating-table-header-inner-v203{
  position:relative!important;
  display:block!important;
  will-change:transform!important;
}
.mpmh-floating-table-header-v203 table{
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
  background:transparent!important;
}
.mpmh-floating-table-header-v203 thead{display:table-header-group!important;}
.mpmh-floating-table-header-v203 tr{display:table-row!important;}
.mpmh-floating-table-header-v203 th{
  height:26px!important;
  min-height:26px!important;
  padding:4px 6px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#0e3558 0%,#071f36 52%,#04111e 100%)!important;
  color:#e6f2ff!important;
  border-top:0!important;
  border-bottom:1px solid rgba(126,183,255,.44)!important;
  border-right:1px solid rgba(126,183,255,.12)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.mpmh-floating-table-header-v203 th:last-child{border-right:0!important;}
.mpmh-floating-table-header-v203 th button{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e6f2ff!important;
  box-shadow:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  cursor:pointer!important;
}
@media (max-width:780px){.mpmh-floating-table-header-v203{display:none!important;}}


/* === FORMER PHP INLINE STYLE BLOCK 22 === */


/* v204: table-view floating header docks below the sort/option strip and the blue surface fills the full visible table viewport. */
.mpmh-floating-table-header-v203{
  background:linear-gradient(180deg,#0e3558 0%,#071f36 52%,#04111e 100%)!important;
  border-top:1px solid rgba(126,183,255,.38)!important;
}
.mpmh-floating-table-header-v203::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#0e3558 0%,#071f36 52%,#04111e 100%);
  z-index:0;
  pointer-events:none;
}
.mpmh-floating-table-header-v203 .mpmh-floating-table-header-inner-v203{z-index:1;}
.mpmh-floating-table-header-v203 table{background:transparent!important;}


/* === FORMER PHP INLINE STYLE BLOCK 23 === */


/* v205 — Category Directory Visual Polish.
   The Categories tab is already wired to the Brands table; this pass only makes
   the directory feel like a compact platform control surface. */
#shellMain .tab-panel[data-panel="categories"] .category-clean-body{
  padding:6px 8px 8px!important;
  background:#000!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid,
#shellMain .tab-panel[data-panel="categories"] .category-grid-az{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(206px,1fr))!important;
  gap:7px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid-az .category-btn,
#shellMain .tab-panel[data-panel="categories"] .category-grid .category-btn,
#shellMain .tab-panel[data-panel="categories"] .category-grid button,
#shellMain .tab-panel[data-panel="categories"] .category-grid a,
#shellMain .tab-panel[data-panel="categories"] .category-card,
#shellMain .tab-panel[data-panel="categories"] .category-tile{
  display:flex!important;
  flex-direction:column!important;
  justify-content:stretch!important;
  min-height:72px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.24)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#061421,#010509)!important;
  color:#e7f4ff!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.40) inset!important;
  text-align:left!important;
  cursor:pointer!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid-az .category-btn:hover,
#shellMain .tab-panel[data-panel="categories"] .category-grid .category-btn:hover,
#shellMain .tab-panel[data-panel="categories"] .category-grid button:hover,
#shellMain .tab-panel[data-panel="categories"] .category-grid a:hover,
#shellMain .tab-panel[data-panel="categories"] .category-card:hover,
#shellMain .tab-panel[data-panel="categories"] .category-tile:hover{
  border-color:rgba(126,183,255,.55)!important;
  background:linear-gradient(180deg,#08243a,#020912)!important;
  box-shadow:0 0 0 1px rgba(126,183,255,.14) inset,0 0 12px rgba(55,145,220,.12)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid-az .category-btn.active,
#shellMain .tab-panel[data-panel="categories"] .category-grid .category-btn.active{
  border-color:rgba(135,206,255,.72)!important;
  box-shadow:0 0 0 1px rgba(135,206,255,.28) inset,0 0 14px rgba(55,145,220,.15)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-name{
  display:flex!important;
  align-items:center!important;
  min-height:29px!important;
  margin:0!important;
  padding:6px 9px!important;
  border-bottom:1px solid rgba(136,198,255,.25)!important;
  background:linear-gradient(180deg,#0d4f80 0%,#08385d 52%,#062842 100%)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.80)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  align-items:stretch!important;
  margin:0!important;
  padding:7px!important;
  background:linear-gradient(180deg,#051321,#02070c)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin:0!important;
  padding:4px 3px!important;
  border:1px solid rgba(126,183,255,.16)!important;
  background:#020b13!important;
  color:#a9c9e4!important;
  font-size:7.8px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts strong{
  display:block!important;
  margin:0 0 2px!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-muted-count{
  opacity:.88!important;
}
@media(max-width:1200px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important;}
}
@media(max-width:680px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  #shellMain .tab-panel[data-panel="categories"] .category-name{font-size:9px!important;letter-spacing:.055em!important;}
  #shellMain .tab-panel[data-panel="categories"] .category-counts{grid-template-columns:1fr!important;gap:3px!important;}
  #shellMain .tab-panel[data-panel="categories"] .category-counts span{min-height:20px!important;flex-direction:row!important;gap:4px!important;}
  #shellMain .tab-panel[data-panel="categories"] .category-counts strong{display:inline!important;margin:0!important;font-size:10px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 24 === */


/* v206 — Categories visual refinement only.
   Wider six-across desktop cards, centered category names, muted metric labels,
   and a very dark green metric body. Existing category-to-Brands wiring is unchanged. */
#shellMain .tab-panel[data-panel="categories"] .category-clean-body{
  padding:7px 10px 9px!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid,
#shellMain .tab-panel[data-panel="categories"] .category-grid-az{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid-az .category-btn,
#shellMain .tab-panel[data-panel="categories"] .category-grid .category-btn,
#shellMain .tab-panel[data-panel="categories"] .category-grid button,
#shellMain .tab-panel[data-panel="categories"] .category-grid a,
#shellMain .tab-panel[data-panel="categories"] .category-card,
#shellMain .tab-panel[data-panel="categories"] .category-tile{
  min-height:74px!important;
  background:linear-gradient(180deg,#061421 0%,#02070b 100%)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-name{
  justify-content:center!important;
  text-align:center!important;
  padding:6px 8px!important;
  min-height:30px!important;
  font-size:10px!important;
  line-height:1.12!important;
  letter-spacing:.075em!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts{
  padding:7px 8px 8px!important;
  gap:5px!important;
  background:linear-gradient(180deg,#041a12 0%,#03120d 52%,#020906 100%)!important;
  border-top:1px solid rgba(88,141,116,.28)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts span{
  min-height:28px!important;
  border:1px solid rgba(101,152,129,.18)!important;
  background:linear-gradient(180deg,#061e16 0%,#03100c 100%)!important;
  color:#86a79a!important;
  font-size:7.2px!important;
  line-height:1.05!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-counts strong{
  color:#d7efe5!important;
  font-size:11px!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-muted-count{
  opacity:.74!important;
}
#shellMain .tab-panel[data-panel="categories"] .category-grid-az .category-btn:hover .category-counts,
#shellMain .tab-panel[data-panel="categories"] .category-grid .category-btn:hover .category-counts,
#shellMain .tab-panel[data-panel="categories"] .category-grid button:hover .category-counts,
#shellMain .tab-panel[data-panel="categories"] .category-grid a:hover .category-counts,
#shellMain .tab-panel[data-panel="categories"] .category-card:hover .category-counts,
#shellMain .tab-panel[data-panel="categories"] .category-tile:hover .category-counts{
  background:linear-gradient(180deg,#062219 0%,#03140f 55%,#020a07 100%)!important;
}
@media(max-width:1500px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media(max-width:1120px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:820px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
}
@media(max-width:680px){
  #shellMain .tab-panel[data-panel="categories"] .category-grid,
  #shellMain .tab-panel[data-panel="categories"] .category-grid-az{grid-template-columns:1fr 1fr!important;}
  #shellMain .tab-panel[data-panel="categories"] .category-counts{grid-template-columns:1fr!important;gap:3px!important;}
}


/* v207 Category filter header cleanup: selected category lives in the blue rail; inline strip only clears. */
#shellMain .brand-category-active-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:4px 6px!important;
  margin:0 0 5px!important;
}
#shellMain .brand-category-active-label .category-clear-centered{
  margin:0 auto!important;
  min-width:116px!important;
  height:22px!important;
  line-height:20px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 25 === */


/* v210: MP Signal Systems scroll/density pass.
   The animation stays alive, but the Signals tab no longer behaves like a trapped
   scrollable widget. The normal app shell owns vertical scroll. */
#shellMain .signals-panel,
#shellMain .signals-panel .mpmh-signals-public-panel,
#shellMain .signals-panel .data-shell{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
}
#shellMain .signals-panel .mpmh-signals-public-panel{
  margin:0!important;
  padding:6px 7px 7px!important;
  border-color:rgba(11,249,158,.18)!important;
  background:linear-gradient(180deg,#000 0%,#000 58%,#010705 100%)!important;
}
#shellMain .signals-panel .home-signal-connected-highways-v05{
  margin:0 0 6px!important;
  border-radius:15px!important;
  border-color:rgba(11,249,158,.28)!important;
}
#shellMain .signals-panel .connected-highways-head-v05{
  padding:7px 12px 5px!important;
  border-bottom-color:rgba(18,56,44,.55)!important;
}
#shellMain .signals-panel .connected-highways-head-v05 b{
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:.115em!important;
}
#shellMain .signals-panel .connected-highways-head-v05 em{
  display:none!important;
}
#shellMain .signals-panel .connected-highways-stagebar-v05{
  border-bottom-color:rgba(18,56,44,.46)!important;
}
#shellMain .signals-panel .connected-highways-stage-v05{
  padding:5px 7px!important;
}
#shellMain .signals-panel .connected-highways-stage-v05 span{
  font-size:6.9px!important;
  line-height:1!important;
}
#shellMain .signals-panel .connected-highways-stage-v05 b{
  margin-top:3px!important;
  font-size:8.4px!important;
  line-height:1.1!important;
}
#shellMain .signals-panel .connected-highways-field-v05{
  height:282px!important;
}
#shellMain .signals-panel .connected-highways-field-v05:before{
  top:8px!important;
  bottom:8px!important;
}
#shellMain .signals-panel .connected-highways-field-v05:after{
  top:9px!important;
  right:14px!important;
  font-size:6.5px!important;
  opacity:.66!important;
}
#shellMain .signals-panel .connected-highway-v05{
  height:62px!important;
  left:3.7%!important;
  right:3.7%!important;
  border-radius:15px!important;
}
#shellMain .signals-panel .connected-highway-v05.cause{top:25px!important;}
#shellMain .signals-panel .connected-highway-v05.channel{top:107px!important;}
#shellMain .signals-panel .connected-highway-v05.campaign{top:189px!important;}
#shellMain .signals-panel .connected-highway-line-v05{
  top:32px!important;
  height:3px!important;
}
#shellMain .signals-panel .connected-highway-line-v05:before{
  top:-9px!important;
  height:21px!important;
}
#shellMain .signals-panel .connected-highway-wave-v05{
  top:8px!important;
  height:44px!important;
}
#shellMain .signals-panel .connected-highway-copy-v05{
  left:13px!important;
  top:10px!important;
  gap:8px!important;
}
#shellMain .signals-panel .connected-highway-orb-v05{
  width:10px!important;
  height:10px!important;
}
#shellMain .signals-panel .connected-highway-copy-v05 span{
  font-size:7.2px!important;
}
#shellMain .signals-panel .connected-highway-copy-v05 b{
  margin-top:4px!important;
  font-size:18px!important;
  line-height:.95!important;
}
#shellMain .signals-panel .connected-highway-copy-v05 em{
  margin-top:4px!important;
  font-size:6.3px!important;
}
#shellMain .signals-panel .connected-highway-meta-v05{
  right:13px!important;
  top:10px!important;
  font-size:6.4px!important;
  line-height:1.28!important;
}
#shellMain .signals-panel .connected-highway-meta-v05 b{
  font-size:8.4px!important;
  margin-bottom:2px!important;
}
#shellMain .signals-panel .activity-legend-v05{
  top:8px!important;
  padding:5px 8px!important;
  gap:6px!important;
}
#shellMain .signals-panel .activity-legend-v05 span{
  font-size:6.5px!important;
  gap:4px!important;
}
#shellMain .signals-panel .activity-legend-v05 i{
  width:6px!important;
  height:6px!important;
}
#shellMain .signals-panel .activity-marker-v05{top:28px!important;}
#shellMain .signals-panel .economic-return-v05{top:25px!important;width:16px!important;height:16px!important;}
#shellMain .signals-panel .pairing-knot-v05{
  height:206px!important;
  width:62px!important;
}
#shellMain .signals-panel .pairing-knot-v05:before{
  width:34px!important;
  height:34px!important;
}
#shellMain .signals-panel .pairing-knot-v05:after{
  top:calc(50% + 27px)!important;
  font-size:6.2px!important;
}
#shellMain .signals-panel .mpmh-public-highway-note{
  margin:6px 11px 7px!important;
  padding:5px 7px!important;
  font-size:9.4px!important;
  line-height:1.25!important;
  border-left-width:2px!important;
}
#shellMain .signals-panel .mpmh-signals-readout-row,
#shellMain .signals-panel .mpmh-readout-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  margin:5px 0!important;
}
#shellMain .signals-panel .mpmh-readout-cell{
  min-height:48px!important;
  padding:6px 8px!important;
  border-color:rgba(11,249,158,.30)!important;
  background:linear-gradient(180deg,rgba(0,10,8,.94),rgba(0,0,0,.96))!important;
}
#shellMain .signals-panel .mpmh-readout-label{
  font-size:7.8px!important;
  line-height:1.05!important;
}
#shellMain .signals-panel .mpmh-readout-value{
  margin-top:4px!important;
  font-size:16px!important;
  line-height:1!important;
}
#shellMain .signals-panel .mpmh-readout-sub{
  margin-top:2px!important;
  font-size:7.8px!important;
}
#shellMain .signals-panel .mpmh-signal-method-note{
  margin:5px 0!important;
  padding:5px 7px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
#shellMain .signals-panel .mpmh-signal-explain-grid{
  gap:5px!important;
  margin:5px 0 0!important;
}
#shellMain .signals-panel .mpmh-signal-explain-card{
  padding:6px 7px!important;
}
#shellMain .signals-panel .mpmh-signal-explain-card h3{
  font-size:9.7px!important;
  margin-bottom:2px!important;
}
#shellMain .signals-panel .mpmh-signal-explain-card p{
  font-size:9.2px!important;
  line-height:1.25!important;
}
@media(max-width:980px){
  #shellMain .signals-panel .mpmh-signals-readout-row,
  #shellMain .signals-panel .mpmh-readout-row{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:640px){
  #shellMain .signals-panel .connected-highways-field-v05{height:312px!important;}
  #shellMain .signals-panel .connected-highway-v05{height:72px!important;left:4%!important;right:4%!important;}
  #shellMain .signals-panel .connected-highway-v05.cause{top:26px!important;}
  #shellMain .signals-panel .connected-highway-v05.channel{top:126px!important;}
  #shellMain .signals-panel .connected-highway-v05.campaign{top:226px!important;}
  #shellMain .signals-panel .mpmh-signals-readout-row,
  #shellMain .signals-panel .mpmh-readout-row{grid-template-columns:1fr!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 26 === */


/* v211: Three-across Top 10 Leaderboard dashboard with native Top 50 expansion. */
#shellMain .tab-panel[data-panel="leaderboards"] .panel-head{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:start!important;
  padding:8px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-card{
  border:1px solid rgba(92,168,230,.55)!important;
  background:#020b12!important;
  min-height:0!important;
  padding:0!important;
  box-shadow:0 0 12px rgba(0,0,0,.35)!important;
  overflow:hidden!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-card h3{
  margin:0!important;
  padding:7px 9px!important;
  min-height:28px!important;
  background:linear-gradient(180deg,#0b4772,#073152)!important;
  border-bottom:1px solid rgba(139,203,255,.55)!important;
  color:#fff!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-lines{
  padding:5px 6px 4px!important;
  background:linear-gradient(180deg,#03121d,#02080d)!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 72px!important;
  gap:6px!important;
  align-items:center!important;
  min-height:26px!important;
  padding:3px 4px!important;
  margin:0!important;
  border-bottom:1px solid rgba(77,141,196,.18)!important;
  color:#d8f1ff!important;
  font-size:11px!important;
  line-height:1.15!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine:last-child{border-bottom:0!important;}
#shellMain .mpmh-leaderboard-dashboard .leader-rank{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  color:#8fc6ee!important;
  font-weight:900!important;
  font-size:10px!important;
  letter-spacing:.06em!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-name{min-width:0!important;overflow:hidden!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderLine a,
#shellMain .mpmh-leaderboard-dashboard .leader-category-link{
  display:block!important;
  width:100%!important;
  color:#e9f7ff!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  text-align:left!important;
  text-decoration:none!important;
  font:inherit!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine a:hover,
#shellMain .mpmh-leaderboard-dashboard .leader-category-link:hover{color:#ffffff!important;text-decoration:underline!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderLine strong{
  justify-self:end!important;
  color:#d5f2ff!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-expand{
  border-top:1px solid rgba(92,168,230,.34)!important;
  background:#02080d!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-expand summary{
  list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
  text-align:center!important;
  color:#b8dcf4!important;
  background:rgba(7,49,82,.65)!important;
  border-top:1px solid rgba(255,255,255,.04)!important;
  padding:6px 8px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-expand summary::-webkit-details-marker{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leader-expand[open] summary{color:#fff!important;background:rgba(10,77,120,.72)!important;}
#shellMain .mpmh-leaderboard-dashboard .leader-extra-lines{
  max-height:360px!important;
  overflow:auto!important;
  padding-top:4px!important;
  scrollbar-color:rgba(73,139,190,.95) rgba(0,0,0,.28)!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-metric-label{
  padding:5px 8px!important;
  border-top:1px solid rgba(72,135,190,.22)!important;
  color:#85b5cf!important;
  font-size:9px!important;
  text-align:center!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  background:#02080d!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card{
  grid-column:1 / -1!important;
  background:linear-gradient(180deg,#061512,#020807)!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card h3{
  background:linear-gradient(180deg,#064532,#03271e)!important;
  border-bottom-color:rgba(43,214,143,.45)!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note{
  margin:0!important;
  padding:10px 12px!important;
  color:#cce8f2!important;
  font-size:12px!important;
  line-height:1.35!important;
}
@media (max-width:1180px){
  #shellMain .mpmh-leaderboard-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:720px){
  #shellMain .mpmh-leaderboard-dashboard{grid-template-columns:1fr!important;padding:6px!important;gap:6px!important;}
  #shellMain .mpmh-leaderboard-dashboard .leaderLine{grid-template-columns:22px minmax(0,1fr) 62px!important;font-size:10px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 27 === */


/* v212: centered two-wide leaderboards, uniform rows, plain external Top 50 link, no nested Top 50 scrollbar. */
#shellMain .mpmh-leaderboard-dashboard{
  grid-template-columns:repeat(2,minmax(360px,520px))!important;
  justify-content:center!important;
  justify-items:stretch!important;
  align-items:start!important;
  gap:10px 14px!important;
  padding:8px 12px 12px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit .leaderboard-card{
  order:1!important;
  width:100%!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle{
  order:2!important;
  list-style:none!important;
  cursor:pointer!important;
  user-select:none!important;
  text-align:center!important;
  color:#a9d8f5!important;
  background:transparent!important;
  border:0!important;
  margin:0!important;
  padding:5px 0 2px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle::-webkit-details-marker{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle:hover{color:#ffffff!important;text-decoration:underline!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle .lb-show10{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-expand-unit[open] .leaderboard-toggle .lb-show50{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-expand-unit[open] .leaderboard-toggle .lb-show10{display:inline!important;}
#shellMain .mpmh-leaderboard-dashboard .leader-extra-lines{
  display:none!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  scrollbar-width:auto!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-expand-unit[open] .leader-extra-lines{display:block!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-card{
  border:1px solid rgba(92,168,230,.58)!important;
  border-radius:0!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-lines{
  padding:5px 6px 4px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine{
  grid-template-columns:28px minmax(0,1fr) 78px!important;
  min-height:25px!important;
  padding:3px 5px!important;
  gap:7px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine a,
#shellMain .mpmh-leaderboard-dashboard .leader-category-link,
#shellMain .mpmh-leaderboard-dashboard .leader-name{
  font-size:11px!important;
  line-height:1.15!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-category-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#e9f7ff!important;
  background:transparent!important;
  box-shadow:none!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine strong{
  font-size:11px!important;
  text-align:right!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card{
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:100%!important;
  max-width:1054px!important;
}
@media (max-width:920px){
  #shellMain .mpmh-leaderboard-dashboard{grid-template-columns:minmax(0,1fr)!important;padding:6px!important;gap:8px!important;}
}
@media (max-width:720px){
  #shellMain .mpmh-leaderboard-dashboard .leaderLine{grid-template-columns:22px minmax(0,1fr) 62px!important;font-size:10px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 28 === */


/* v213: attach each Top 50 control to its own board; expansion grows the same panel; note muted. */
#shellMain .mpmh-leaderboard-dashboard{
  grid-template-columns:repeat(2,minmax(390px,560px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:11px 18px!important;
  padding:8px 14px 12px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  align-self:start!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit .leaderboard-card{
  order:1!important;
  width:100%!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle{
  order:2!important;
  display:block!important;
  width:100%!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  user-select:none!important;
  text-align:center!important;
  color:#9ed5f5!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  margin:0!important;
  padding:4px 0 1px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle:hover,
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle:focus{
  color:#ffffff!important;
  text-decoration:underline!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-toggle .lb-show10{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit.lb-expanded .leaderboard-toggle .lb-show50{display:none!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit.lb-expanded .leaderboard-toggle .lb-show10{display:inline!important;}
#shellMain .mpmh-leaderboard-dashboard .leader-extra-lines{
  display:none!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  scrollbar-width:auto!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-unit.lb-expanded .leader-extra-lines{display:block!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-card{
  border:1px solid rgba(92,168,230,.56)!important;
  background:#020b12!important;
  overflow:hidden!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-lines{padding:5px 6px 4px!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderLine{
  grid-template-columns:28px minmax(0,1fr) 78px!important;
  min-height:25px!important;
  padding:3px 5px!important;
  gap:7px!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine a,
#shellMain .mpmh-leaderboard-dashboard .leader-category-link,
#shellMain .mpmh-leaderboard-dashboard .leader-name{
  font-size:11px!important;
  line-height:1.15!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-category-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  color:#e9f7ff!important;
  background:transparent!important;
  box-shadow:none!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine strong{font-size:11px!important;text-align:right!important;}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card{
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:100%!important;
  max-width:1138px!important;
  background:#020b12!important;
  border-color:rgba(70,132,185,.42)!important;
  box-shadow:none!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card h3{
  min-height:23px!important;
  padding:5px 8px!important;
  background:linear-gradient(180deg,#08385c,#05283f)!important;
  border-bottom-color:rgba(92,168,230,.38)!important;
  color:#d9f1ff!important;
  font-size:10px!important;
  letter-spacing:.09em!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note{
  padding:7px 10px!important;
  color:#a8c9d8!important;
  font-size:11px!important;
  line-height:1.28!important;
}
@media (max-width:980px){
  #shellMain .mpmh-leaderboard-dashboard{grid-template-columns:minmax(0,1fr)!important;padding:6px!important;gap:8px!important;}
}
@media (max-width:720px){
  #shellMain .mpmh-leaderboard-dashboard .leaderLine{grid-template-columns:22px minmax(0,1fr) 62px!important;font-size:10px!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 29 === */


/* v214: normalize category leaderboard rows to the same compact row rhythm as cause/brand boards. */
#shellMain .mpmh-leaderboard-dashboard .leaderLine{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 78px!important;
  align-items:center!important;
  min-height:26px!important;
  height:auto!important;
  padding:3px 5px!important;
  gap:7px!important;
  margin:0!important;
  border-bottom:1px solid rgba(77,141,196,.18)!important;
  line-height:1.15!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine .leader-rank{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  line-height:1.15!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine .leader-name{
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  line-height:1.15!important;
  overflow:hidden!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine a,
#shellMain .mpmh-leaderboard-dashboard .leaderLine .leader-category-link,
#shellMain .mpmh-leaderboard-dashboard .leaderLine .leader-category-link.category-btn{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#e9f7ff!important;
  font:inherit!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:baseline!important;
}
#shellMain .mpmh-leaderboard-dashboard .leaderLine strong{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  line-height:1.15!important;
  align-self:center!important;
}
#shellMain .mpmh-leaderboard-dashboard .leader-extra-lines .leaderLine{
  min-height:26px!important;
  padding:3px 5px!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 30 === */


/* v215: restore the guarded Economic Readout Note header to the subtle green treatment Mike preferred. */
#shellMain .mpmh-leaderboard-dashboard .leaderboard-note-card h3{
  background:linear-gradient(180deg,#064532,#03271e)!important;
  border-bottom-color:rgba(43,214,143,.45)!important;
  color:#eafff6!important;
  text-shadow:0 1px 0 rgba(0,0,0,.72)!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 31 === */


/* v216: add a simple bottom note without changing current leaderboard data/formulas. */
#shellMain .mpmh-leaderboard-dashboard .leaderboard-coming-soon{
  grid-column:1 / -1!important;
  justify-self:center!important;
  width:100%!important;
  max-width:1138px!important;
  margin:-3px 0 0!important;
  padding:0 6px 4px!important;
  color:#8fb0c0!important;
  font-size:11px!important;
  line-height:1.25!important;
  text-align:center!important;
  letter-spacing:.015em!important;
  font-style:italic!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 32 === */


/* v218: compact How It Works system flow. Presentation only. */
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-framed-body{
  padding-top:6px!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content{
  max-width:1120px!important;
  padding:8px 10px 10px!important;
  gap:8px!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-system-flow-card{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:1px solid rgba(92,168,230,.42)!important;
  background:linear-gradient(180deg,rgba(2,8,12,.98),rgba(2,12,14,.96))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-titlebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:7px 10px!important;
  background:linear-gradient(180deg,#064a7a,#032f56)!important;
  border-bottom:1px solid rgba(171,217,255,.28)!important;
  color:#fff!important;
  text-transform:uppercase!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-titlebar strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.12em!important;
  color:#ffffff!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-titlebar span{
  display:block!important;
  font-size:9px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  color:rgba(229,245,255,.78)!important;
  text-align:right!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-inner-v218{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:9px!important;
  padding:9px!important;
  background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(4,18,21,.74),rgba(0,0,0,.48))!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-logo{
  min-height:114px!important;
  width:82px!important;
  border:1px solid rgba(92,168,230,.26)!important;
  background:radial-gradient(circle at center,rgba(36,127,190,.18),rgba(3,17,24,.72) 62%,rgba(0,0,0,.74))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-logo img{
  width:62px!important;
  height:62px!important;
  filter:drop-shadow(0 0 12px rgba(126,183,255,.24))!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-main-v218{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-lead-v218{
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.15fr)!important;
  gap:10px!important;
  align-items:center!important;
  padding:0 1px!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-lead-v218 h3{
  margin:0!important;
  color:#f4fbff!important;
  font-size:16px!important;
  line-height:1.15!important;
  letter-spacing:.035em!important;
  font-weight:900!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-lead-v218 p{
  margin:0!important;
  color:rgba(205,226,238,.74)!important;
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.025em!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  margin:0!important;
  padding:8px!important;
  gap:7px!important;
  border:1px solid rgba(92,168,230,.20)!important;
  background:linear-gradient(90deg,rgba(2,8,12,.90),rgba(3,22,18,.80),rgba(2,8,12,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-line{
  left:15px!important;
  right:15px!important;
  top:50%!important;
  opacity:.72!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-step{
  min-height:58px!important;
  padding:8px 7px 7px!important;
  justify-content:space-between!important;
  border:1px solid rgba(92,168,230,.25)!important;
  background:linear-gradient(180deg,rgba(3,16,23,.92),rgba(0,3,6,.86))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 18px rgba(0,0,0,.16)!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-step:nth-of-type(3),
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-step:nth-of-type(4){
  border-color:rgba(52,180,132,.32)!important;
  background:linear-gradient(180deg,rgba(3,24,17,.90),rgba(0,5,4,.86))!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-step b{
  font-size:9.4px!important;
  line-height:1.18!important;
  letter-spacing:.095em!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-step small{
  margin-top:5px!important;
  color:rgba(188,231,255,.66)!important;
  font-size:8px!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-footnote-v218{
  margin:0!important;
  padding:6px 8px!important;
  border-left:3px solid rgba(52,180,132,.45)!important;
  background:rgba(1,12,8,.64)!important;
  color:rgba(205,226,238,.70)!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.035em!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:0!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218 .doc-card{
  padding:9px 10px!important;
  min-height:94px!important;
  background:linear-gradient(180deg,rgba(5,16,26,.88),rgba(1,6,11,.94))!important;
  border-color:rgba(92,168,230,.28)!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218 .doc-card h3{
  margin:0 0 5px!important;
  color:#eaf7ff!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218 .doc-card p{
  margin:0!important;
  color:rgba(205,226,238,.70)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .doc-link-row{
  margin-top:8px!important;
  padding:6px 8px!important;
}
@media(max-width:1040px){
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-lead-v218{grid-template-columns:1fr!important;gap:5px!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-titlebar{display:block!important;text-align:center!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-titlebar span{text-align:center!important;margin-top:4px!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-inner-v218{grid-template-columns:1fr!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-flow-logo{display:none!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218{grid-template-columns:1fr!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-signal-flow-v218 .mpmh-signal-flow-line{display:none!important;}
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218{grid-template-columns:1fr!important;}
}


/* === FORMER PHP INLINE STYLE BLOCK 33 === */


/* v219: restore centered containment on the public HOME gateway, How It Works, and FAQ only. */
#shellMain .mph-home-overview{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:6px 8px 8px!important;
  display:block!important;
  text-align:initial!important;
}
#shellMain .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
#shellMain .mph-home-overview #platformIntroHome{
  width:min(1260px, calc(100vw - 64px))!important;
  max-width:1260px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#shellMain .mph-home-overview .mph-front-hero-layout,
#shellMain .mph-home-overview .mph-front-hero-copy,
#shellMain .mph-home-overview .mph-front-logo-stage,
#shellMain .mph-home-overview .mph-front-choice-module,
#shellMain .mph-home-overview .mph-platform-brand-disclaimer-outside{
  margin-left:auto!important;
  margin-right:auto!important;
}
#shellMain .mph-home-overview .mph-front-logo-stage.has-active{
  margin-left:auto!important;
  margin-right:auto!important;
}
#shellMain .tab-panel[data-panel="howitworks"] > .panel-body,
#shellMain .tab-panel[data-panel="faq"] > .panel-body,
#shellMain .tab-panel[data-panel="howitworks"] .doc-panel-body,
#shellMain .tab-panel[data-panel="faq"] .doc-panel-body,
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-framed-body,
#shellMain .tab-panel[data-panel="faq"] .mpmh-doc-framed-body{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:8px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-logo-frame,
#shellMain .tab-panel[data-panel="faq"] .mpmh-doc-logo-frame{
  width:100%!important;
  max-width:1268px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
#shellMain .tab-panel[data-panel="faq"] .mpmh-doc-centered-content{
  width:100%!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-system-flow-card,
#shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-step-grid-v218,
#shellMain .tab-panel[data-panel="howitworks"] .doc-link-row,
#shellMain .tab-panel[data-panel="faq"] .doc-hero-card,
#shellMain .tab-panel[data-panel="faq"] .faq-list,
#shellMain .tab-panel[data-panel="faq"] .doc-link-row{
  width:100%!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #shellMain .mph-home-overview{padding-left:6px!important;padding-right:6px!important;}
  #shellMain .mph-home-overview .mph-platform-intro-home.mph-front-hero-lock,
  #shellMain .mph-home-overview #platformIntroHome{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-doc-centered-content,
  #shellMain .tab-panel[data-panel="faq"] .mpmh-doc-centered-content,
  #shellMain .tab-panel[data-panel="howitworks"] .mpmh-how-system-flow-card,
  #shellMain .tab-panel[data-panel="faq"] .faq-list{
    max-width:100%!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 34 === */


/* v220: keep V219 centering, but do not let that centering force the HOME panel visible on other tabs. */
#shellMain > .mph-home-overview[style*="display: none"],
#shellMain > .mph-home-overview[style*="display:none"]{
  display:none!important;
}
#shellMain > .mph-home-overview[aria-hidden="true"]{
  display:none!important;
}
/* When HOME is intentionally visible, retain centered containment without forcing cross-tab display state. */
#shellMain > .mph-home-overview:not([style*="display: none"]):not([style*="display:none"]){
  margin-left:auto!important;
  margin-right:auto!important;
}
#shellMain > .tab-panel[data-panel="howitworks"]:not([style*="display: none"]),
#shellMain > .tab-panel[data-panel="faq"]:not([style*="display: none"]){
  display:block;
}


/* === FORMER PHP INLINE STYLE BLOCK 35 === */


/* v222: retry from stable v220. Tint only the surrounding discovery containers / table containers. Do not alter record headers or identity blocks. */
#shellMain .causes-discovery-panel > .causes-discovery-body{
  background:linear-gradient(180deg,#04170f 0%,#020d0a 100%)!important;
}
#shellMain .brands-discovery-panel > .brands-discovery-body{
  background:linear-gradient(180deg,#061626 0%,#020913 100%)!important;
}

/* Card/table outer scroll fields: this is the visible area around the cards and tables. */
#shellMain .causes-discovery-panel .cause-discovery-scroll,
#shellMain .causes-discovery-panel .advanced-cause-directory,
#shellMain .causes-discovery-panel .cause-discovery-scroll.table-view,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view{
  background:linear-gradient(180deg,rgba(5,31,21,.96) 0%,rgba(2,16,12,.98) 100%)!important;
  border-color:rgba(35,150,111,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(35,150,111,.08), inset 0 0 24px rgba(0,55,36,.22)!important;
}
#shellMain .brands-discovery-panel .brand-discovery-scroll,
#shellMain .brands-discovery-panel .advanced-brand-directory,
#shellMain .brands-discovery-panel .brand-discovery-scroll.table-view,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view{
  background:linear-gradient(180deg,rgba(6,25,44,.96) 0%,rgba(2,10,22,.98) 100%)!important;
  border-color:rgba(83,156,222,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(83,156,222,.07), inset 0 0 24px rgba(0,45,85,.18)!important;
}

/* In card view, add a small field cushion so the container color visibly fills around the records. */
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view{
  padding:7px!important;
  box-sizing:border-box!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-grid{
  background:transparent!important;
  padding:0!important;
}
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-grid{
  background:transparent!important;
  padding:0!important;
}

/* In table view, tint only the table shell surrounding the rows. */
#shellMain .causes-discovery-panel .cause-discovery-scroll.table-view .advanced-cause-directory > .data-shell,
#shellMain .causes-discovery-panel .cause-discovery-scroll.table-view .data-shell{
  background:linear-gradient(180deg,rgba(3,24,17,.94) 0%,rgba(1,12,9,.98) 100%)!important;
  border-color:rgba(35,150,111,.28)!important;
}
#shellMain .brands-discovery-panel .brand-discovery-scroll.table-view .advanced-brand-directory > .data-shell,
#shellMain .brands-discovery-panel .brand-discovery-scroll.table-view .data-shell{
  background:linear-gradient(180deg,rgba(4,20,36,.94) 0%,rgba(1,8,18,.98) 100%)!important;
  border-color:rgba(83,156,222,.24)!important;
}

/* Keep the original platform-blue card headers and white logo/name identity stages intact. */
#shellMain .causes-discovery-panel .cause-pick-topline,
#shellMain .brands-discovery-panel .brand-pick-topline{
  background:linear-gradient(180deg,#0b4775 0%,#0a3154 100%)!important;
  color:#f2fbff!important;
}
#shellMain .causes-discovery-panel .cause-identity-stage,
#shellMain .brands-discovery-panel .brand-identity-stage{
  background:#fff!important;
}


/* === FORMER PHP INLINE STYLE BLOCK 36 === */


/* v224: desktop header hierarchy — discovery left, MP Signal Systems centered under brand, info/readouts right. */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    min-width:330px!important;
    max-width:430px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    gap:2px!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    order:2!important;
    transform:translateY(-2px)!important;
    margin-top:0!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    order:3!important;
    display:block!important;
    pointer-events:auto!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
    color:#87cfff!important;
    font-size:8.8px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    padding:0!important;
    margin:-1px auto 0!important;
    cursor:pointer!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:0 1px 0 rgba(0,0,0,.95)!important;
    opacity:.94!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab:hover,
  #mpmhUnifiedShell .mpmh-signal-core-tab:focus-visible,
  #mpmhUnifiedShell .mpmh-signal-core-tab.active{
    color:#f3fbff!important;
    text-shadow:0 0 9px rgba(126,207,255,.38),0 1px 0 rgba(0,0,0,.95)!important;
    opacity:1!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-row{
    padding:0!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-inner.mpmh-nav-only-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    display:grid!important;
    grid-template-columns:minmax(420px,1fr) minmax(260px,.72fr) minmax(420px,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:2px 24px 5px!important;
    gap:8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    background:#000!important;
    border:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    white-space:nowrap!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-discovery{
    grid-column:1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    padding-left:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{
    grid-column:3!important;
    justify-self:end!important;
    justify-content:flex-end!important;
    padding-right:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn{
    margin:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-mobile-signal-tab{
    display:none!important;
  }
}
@media (max-width:980px){
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    display:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px 11px!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group{
    display:contents!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-mobile-signal-tab{
    display:inline-flex!important;
  }
}


/* === FORMER PHP INLINE STYLE BLOCK 37 === */


/* v225: align header zones without changing behavior. */
@media (min-width:981px){
  /* Let the left search/cause stack start on the same visual rail as CAUSES / BRANDS / CATEGORIES. */
  #mpmhUnifiedShell .mpmh-context-inner{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-context-left{
    flex:0 0 clamp(430px,36vw,560px)!important;
    max-width:clamp(430px,36vw,560px)!important;
    padding-left:0!important;
    margin-left:0!important;
    align-self:center!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-cause-search-stack{
    margin-left:0!important;
    max-width:480px!important;
  }
  #mpmhUnifiedShell .top-search-wrap#topSearchWrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:min(430px,100%)!important;
    max-width:430px!important;
  }

  /* Keep the world/logo fully visible and lower the centered system tab to visually match the split nav row. */
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    top:51.5%!important;
    overflow:visible!important;
    z-index:80!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    transform:translateY(4px)!important;
    margin-bottom:0!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    transform:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(0)!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    margin:3px auto 0!important;
    transform:translateY(4px)!important;
    line-height:1!important;
  }
}


/* v226 consolidation marker: presentation moved from PHP inline style blocks into this asset. No behavior changes intended. */

/* ========================================================================
   V227 CURRENT CONTROL LAYER — Header layout + edit map
   ------------------------------------------------------------------------
   Purpose: make the active desktop header rules easy to find/edit after the
   V226 consolidation. This layer intentionally overrides older PASS17x/PASS22x
   header blocks without changing tab behavior, search JS, Signal capture, or
   routing.

   Header zones:
   1) Left discovery stack: selected cause + platform search + CAUSES/BRANDS/CATEGORIES
   2) Center brand/system stack: world logo + MP MEDIA HOLDINGS + MP SIGNAL SYSTEMS
   3) Right info stack: LEADERBOARDS / HOW IT WORKS / FAQ
   ======================================================================== */
@media (min-width:981px){
  /* Full-width header canvas. */
  #mpmhUnifiedShell .mpmh-context-inner{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* Left discovery/search stack: align directly with CAUSES / BRANDS / CATEGORIES. */
  #mpmhUnifiedShell .mpmh-context-left{
    position:absolute!important;
    left:24px!important;
    top:0!important;
    transform:none!important;
    width:clamp(420px,36vw,560px)!important;
    max-width:clamp(420px,36vw,560px)!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    overflow:visible!important;
    z-index:70!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-cause-search-stack,
  #mpmhUnifiedShell .mpmh-cause-search-stack{
    position:absolute!important;
    left:0!important;
    top:7px!important;
    width:430px!important;
    max-width:430px!important;
    height:43px!important;
    min-height:43px!important;
    display:grid!important;
    grid-template-rows:15px 26px!important;
    row-gap:2px!important;
    align-items:start!important;
    justify-items:start!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    width:430px!important;
    max-width:430px!important;
  }
  #mpmhUnifiedShell .top-search-wrap#topSearchWrap,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:430px!important;
    max-width:430px!important;
    margin:0!important;
  }

  /* Center brand/system stack: lower the whole lockup together so it visually
     sits in the black header instead of riding the top edge. */
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    position:absolute!important;
    left:50%!important;
    top:57%!important;
    transform:translate(-50%,-50%)!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    overflow:visible!important;
    z-index:80!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    transform:translateY(6px)!important;
    margin-bottom:0!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(2px)!important;
    margin-top:0!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    margin:4px auto 0!important;
    transform:translateY(6px)!important;
  }

  /* Split navigation: keep discovery and info aligned to the same outer rail. */
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-left{
    left:24px!important;
    width:390px!important;
    max-width:390px!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-cause-search-stack,
  #mpmhUnifiedShell .mpmh-cause-search-stack,
  #mpmhUnifiedShell .mpmh-header-alignment,
  #mpmhUnifiedShell .top-search-wrap#topSearchWrap,
  #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-context-search{
    width:390px!important;
    max-width:390px!important;
  }
}


/* ========================================================================
   V228 EDIT MAP — comment-only organization layer
   ------------------------------------------------------------------------
   This block intentionally contains no active CSS rules. It marks the safe
   working model after V226/V227:

   1) Keep public_front_clean_v05_token.js as the behavior source of truth.
   2) Keep this CSS asset as the presentation source of truth.
   3) Add new visual edits below/near the V227 CURRENT CONTROL LAYER first.
   4) Remove old historical blocks only after screenshot comparison confirms
      no visual or behavior regression.

   Next safe cleanup targets, in order:
   A. Header legacy blocks that are now overridden by the current control layer.
   B. Duplicate footer generations.
   C. Duplicate table/data-shell generations.
   D. Retired green-first public shell styling after blue shell replacement.
   ======================================================================== */


/* ========================================================================
   V229 CLEANUP NOTE — cautious duplicate trim
   - Removed only the first legacy base CSS load that was superseded by the later identical base load.
   - Kept former PHP inline style blocks and the V227/V228 control/edit map layers intact.
   - Next safe cleanup target: section-by-section retired header/footer rules after visual screenshot comparison.
   ======================================================================== */


/* ========================================================================
   V230 CURRENT CONTROL LAYER — brand nudge + temporary HOME reset support
   ------------------------------------------------------------------------
   Scope: desktop header presentation only. Keeps V229 behavior stable while
   making the centered world mark slightly larger and lowering the full
   world / MP MEDIA HOLDINGS / MP SIGNAL SYSTEMS stack a small amount without
   increasing the header height.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    top:58.5%!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    flex:0 0 28px!important;
    transform:translateY(7px)!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:27px!important;
    min-width:27px!important;
    max-width:27px!important;
    height:27px!important;
    min-height:27px!important;
    max-height:27px!important;
    flex:0 0 27px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(3px)!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    margin:4px auto 0!important;
    transform:translateY(7px)!important;
  }
}

/* ========================================================================
   V231 CURRENT CONTROL LAYER — larger world mark, fixed top edge
   ------------------------------------------------------------------------
   Scope: desktop centered brand lockup only. The world mark is enlarged
   substantially while preserving the visual top edge position from V230.
   MP MEDIA HOLDINGS and MP SIGNAL SYSTEMS move downward with the enlarged
   mark. Header height is not intentionally increased. No JS behavior changes.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    top:58.5%!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    flex:0 0 56px!important;
    transform:translateY(21px)!important;
    transform-origin:top center!important;
    margin:0!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    flex:0 0 54px!important;
    object-fit:contain!important;
    transform:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(16px)!important;
    margin-top:0!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    margin:4px auto 0!important;
    transform:translateY(20px)!important;
  }
}


/* ========================================================================
   V232 CURRENT CONTROL LAYER — center header size balance
   ------------------------------------------------------------------------
   Scope: desktop centered brand lockup only. V231 was visually too large;
   this sets the world mark to a controlled in-between size: larger than the
   pre-enlargement mark, smaller than V231. MP SIGNAL SYSTEMS is pulled back
   onto the left/right tab baseline. No behavior changes.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    top:58.5%!important;
    height:78px!important;
    min-height:78px!important;
    max-height:78px!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    flex:0 0 48px!important;
    transform:translateY(15px)!important;
    transform-origin:top center!important;
    margin:0!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    flex:0 0 46px!important;
    object-fit:contain!important;
    transform:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    transform:translateY(10px)!important;
    margin-top:0!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab{
    margin:4px auto 0!important;
    transform:translateY(6px)!important;
  }
}

/* ========================================================================
   V233 CURRENT CONTROL LAYER — centered world micro-lift
   ------------------------------------------------------------------------
   Scope: desktop centered brand lockup only. Keeps the V232 world size,
   title position, and MP SIGNAL SYSTEMS baseline; lifts only the world mark
   a few pixels so the visual center reads cleaner without changing header
   height or JS behavior.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    transform:translateY(12px)!important;
  }
}


/* ========================================================================
   V011 CAUSE ALIGNMENT WIDTH / HEADER PASS
   ------------------------------------------------------------------------
   Scope: selected-cause HOME state only. The cause alignment surface moves
   toward the same full-platform width as the data/discovery pages, the blue
   section rail becomes the public "CAUSE ALIGNMENT" header with a subtle
   alignment sentence beneath it, and the duplicate inner kicker is suppressed.
   ======================================================================== */
@media (min-width:901px){
  .mph-home-overview[data-home-mode="selected-cause"]{
    width:100%!important;
    max-width:none!important;
    padding-top:8px!important;
  }
  .mph-home-overview[data-home-mode="selected-cause"] #selectedCauseHero.mph-home-cause-stage{
    width:calc(100vw - 28px)!important;
    max-width:none!important;
    margin:0 auto!important;
  }
  .mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
    min-height:48px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 18px 6px!important;
    background:linear-gradient(180deg,rgba(18,58,104,.98) 0%,rgba(10,34,68,.99) 52%,rgba(4,16,35,1) 100%)!important;
  }
  .mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-title,
  .mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
    color:#ffffff!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.155em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-subtitle,
  .mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle{
    display:block!important;
    width:100%!important;
    max-width:1200px!important;
    margin:0 auto!important;
    color:rgba(205,227,244,.70)!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:600!important;
    letter-spacing:.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #selectedCauseHero .mph-cause-lander-kicker{
    display:none!important;
  }
  #selectedCauseHero .mph-cause-lander-head{
    min-height:94px!important;
    padding:17px 28px 18px!important;
  }
  #selectedCauseHero .mph-home-cause-name{
    font-size:clamp(30px, 1.95vw, 38px)!important;
    line-height:1.04!important;
    letter-spacing:.082em!important;
  }
  #selectedCauseHero .mph-cause-lander-subtitle{
    max-width:1120px!important;
    margin-top:8px!important;
    color:rgba(220,238,255,.76)!important;
    font-size:13.25px!important;
    line-height:1.35!important;
    font-weight:600!important;
    letter-spacing:.026em!important;
  }
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:minmax(320px, 370px) minmax(0, 1fr) minmax(330px, 390px)!important;
    gap:22px!important;
    padding:22px 24px 24px!important;
  }
  #selectedCauseHero .mph-home-cause-rail{
    min-height:382px!important;
    padding:20px!important;
  }
  #selectedCauseHero .mph-home-logo.cause-logo,
  #selectedCauseHero .cause-logo{
    width:176px!important;
    height:176px!important;
    max-width:176px!important;
    max-height:176px!important;
    padding:19px!important;
  }
  #selectedCauseHero .mph-home-website{
    font-size:12.5px!important;
  }
  #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{
    padding:20px 24px!important;
  }
  #selectedCauseHero .mph-cause-lander-label,
  #selectedCauseHero .mph-cause-meaning-kicker{
    font-size:10.25px!important;
    letter-spacing:.17em!important;
    margin-bottom:10px!important;
  }
  #selectedCauseHero .mph-home-cause-description{
    font-size:15.5px!important;
    line-height:1.68!important;
    font-weight:650!important;
  }
  #selectedCauseHero .mph-cause-meaning-card{
    padding:18px 24px!important;
  }
  #selectedCauseHero .mph-cause-meaning-card p{
    font-size:14px!important;
    line-height:1.62!important;
  }
  #selectedCauseHero .mph-cause-lander-actions{
    gap:10px!important;
  }
  #selectedCauseHero .mph-cause-lander-actions button,
  #selectedCauseHero .mph-home-signal-action{
    min-height:39px!important;
    font-size:11px!important;
    letter-spacing:.095em!important;
  }
  #selectedCauseHero .mph-home-signal-lines{
    padding:18px!important;
  }
  #selectedCauseHero .mph-home-signal-title{
    font-size:12px!important;
    padding-bottom:12px!important;
    margin-bottom:12px!important;
  }
  #selectedCauseHero .mph-home-readout{
    min-height:46px!important;
    padding:10px 12px!important;
  }
  #selectedCauseHero .mph-home-readout span{
    font-size:10px!important;
  }
  #selectedCauseHero .mph-home-readout strong{
    font-size:15px!important;
  }
  #selectedCauseHero .mph-home-readout-total strong{
    font-size:16px!important;
  }
  #selectedCauseHero .mph-home-signal-note{
    font-size:12px!important;
    line-height:1.45!important;
  }
}
@media (max-width:900px){
  .mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
    min-height:44px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:6px 10px!important;
  }
  .mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-subtitle,
  .mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle{
    display:block!important;
    color:rgba(205,227,244,.70)!important;
    font-size:10px!important;
    line-height:1.25!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-lander-kicker{display:none!important;}
}

/* ========================================================================
   V012 CAUSE ALIGNMENT POSITIVE FEEDBACK INTAKE
   ------------------------------------------------------------------------
   Scope: selected-cause HOME state only. Adds a taller positive-feedback
   module below the cause alignment summary and writes to admin-ready intake.
   ======================================================================== */
#selectedCauseHero .mph-cause-positive-feedback{
  display:block!important;
  margin:0 24px 26px!important;
  background:linear-gradient(180deg, rgba(3,19,34,.96), rgba(1,8,16,.995))!important;
  border:1px solid rgba(126,183,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.34)!important;
}
#selectedCauseHero .mph-cause-feedback-inner{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:30px 34px 32px!important;
}
#selectedCauseHero .mph-cause-feedback-head{
  text-align:center!important;
  max-width:940px!important;
  margin:0 auto 20px!important;
}
#selectedCauseHero .mph-cause-feedback-kicker{
  color:#8fc8ff!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#selectedCauseHero .mph-cause-feedback-head h2{
  margin:0!important;
  color:#ffffff!important;
  font-size:clamp(24px,1.55vw,32px)!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-feedback-head p{
  margin:10px auto 0!important;
  max-width:780px!important;
  color:rgba(205,227,244,.74)!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:650!important;
}
#selectedCauseHero .mph-cause-feedback-form{
  display:block!important;
  max-width:980px!important;
  margin:0 auto!important;
}
#selectedCauseHero .mph-form-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
#selectedCauseHero .mph-cause-feedback-label{
  display:block!important;
  color:#dceeff!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea,
#selectedCauseHero .mph-cause-update-grid input{
  width:100%!important;
  background:#000!important;
  border:1px solid rgba(126,183,255,.30)!important;
  color:#f4fbff!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea{
  min-height:140px!important;
  resize:vertical!important;
  padding:14px 15px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea:focus,
#selectedCauseHero .mph-cause-update-grid input:focus{
  border-color:rgba(157,209,255,.78)!important;
  box-shadow:0 0 0 1px rgba(126,183,255,.22), inset 0 1px 0 rgba(255,255,255,.02)!important;
}
#selectedCauseHero .mph-cause-checkbox-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:12px 0!important;
  color:rgba(220,238,255,.78)!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:650!important;
}
#selectedCauseHero .mph-cause-checkbox-row input{
  flex:0 0 auto!important;
  margin:2px 0 0!important;
}
#selectedCauseHero .mph-cause-checkbox-row a{
  color:#9ed1ff!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(158,209,255,.38)!important;
}
#selectedCauseHero .mph-cause-checkbox-row a:hover,
#selectedCauseHero .mph-cause-checkbox-row a:focus{
  color:#ffffff!important;
  border-bottom-color:rgba(255,255,255,.72)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-updates-fieldset{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:12px 18px!important;
  margin:18px 0 14px!important;
  padding:16px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:rgba(0,0,0,.30)!important;
}
#selectedCauseHero .mph-cause-updates-fieldset legend{
  padding:0 8px!important;
  color:#dceeff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-updates-fieldset label{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#f4fbff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-update-fields{
  margin:14px 0 16px!important;
  padding:16px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:rgba(3,17,31,.74)!important;
}
#selectedCauseHero .mph-cause-update-fields[hidden]{display:none!important;}
#selectedCauseHero .mph-cause-update-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
#selectedCauseHero .mph-cause-update-grid label{
  display:block!important;
  color:#dceeff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-update-grid input{
  display:block!important;
  margin-top:7px!important;
  min-height:38px!important;
  padding:9px 10px!important;
  font-size:13px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
#selectedCauseHero .mph-cause-consent-row{
  margin-bottom:0!important;
}
#selectedCauseHero .mph-cause-feedback-submit{
  display:block!important;
  width:min(100%,420px)!important;
  min-height:42px!important;
  margin:18px auto 0!important;
  border:1px solid rgba(126,183,255,.44)!important;
  background:linear-gradient(180deg, #0b3158, #061a35)!important;
  color:#ffffff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
#selectedCauseHero .mph-cause-feedback-submit:hover,
#selectedCauseHero .mph-cause-feedback-submit:focus{
  border-color:rgba(187,225,255,.86)!important;
  background:linear-gradient(180deg, #0d3d70, #082447)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-feedback-submit:disabled{
  opacity:.55!important;
  cursor:wait!important;
}
#selectedCauseHero .mph-cause-feedback-status{
  min-height:18px!important;
  margin:12px auto 0!important;
  text-align:center!important;
  color:#dceeff!important;
  font-size:12px!important;
  font-weight:800!important;
}
#selectedCauseHero .mph-cause-feedback-status.ok{color:#bce7ff!important;}
#selectedCauseHero .mph-cause-feedback-status.error{color:#ffd0d0!important;}
#selectedCauseHero .mph-cause-feedback-note{
  max-width:760px!important;
  margin:10px auto 0!important;
  color:rgba(205,227,244,.62)!important;
  font-size:12px!important;
  line-height:1.5!important;
  text-align:center!important;
}
@media (max-width:900px){
  #selectedCauseHero .mph-cause-positive-feedback{margin:0 10px 18px!important;}
  #selectedCauseHero .mph-cause-feedback-inner{padding:22px 16px 24px!important;}
  #selectedCauseHero .mph-cause-update-grid{grid-template-columns:1fr!important;}
  #selectedCauseHero .mph-cause-updates-fieldset{justify-content:flex-start!important;}
}

/* ========================================================================
   V013 CAUSE ALIGNMENT SIGNAL DASHBOARD REORGANIZATION
   ------------------------------------------------------------------------
   Scope: selected-cause HOME state only. Reorganizes Cause Alignment into
   identity/profile, then one wide Signal/statistics dashboard, then the
   Positive Feedback intake module. No public data source or backend changes.
   ======================================================================== */
@media (min-width:901px){
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  #mpmhUnifiedShell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  .public-shell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:minmax(320px, 382px) minmax(0, 1fr)!important;
    gap:24px!important;
    align-items:stretch!important;
    padding:22px 24px 18px!important;
  }
}
#selectedCauseHero .mph-cause-signal-dashboard{
  display:block!important;
  margin:0 24px 24px!important;
  padding:0!important;
  background:linear-gradient(180deg, rgba(2,17,30,.98), rgba(1,8,15,1))!important;
  border:1px solid rgba(126,183,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.026), 0 18px 42px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-head{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:24px!important;
  align-items:end!important;
  padding:24px 28px 18px!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(180deg, rgba(9,33,58,.72), rgba(0,0,0,.22))!important;
}
#selectedCauseHero .mph-cause-signal-kicker{
  color:#8fc8ff!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(22px,1.42vw,31px)!important;
  line-height:1.12!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-head h2 span{
  color:#dceeff!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-head p{
  margin:0!important;
  color:rgba(205,227,244,.68)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:650!important;
  text-align:right!important;
}
#selectedCauseHero .mph-cause-signal-primary-grid{
  display:grid!important;
  grid-template-columns:1.25fr repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:18px 22px 12px!important;
}
#selectedCauseHero .mph-cause-signal-card{
  min-height:96px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:14px 16px!important;
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(126,183,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
#selectedCauseHero .mph-cause-signal-card-total{
  background:linear-gradient(180deg, rgba(9,45,77,.84), rgba(1,12,24,.92))!important;
  border-color:rgba(151,210,255,.36)!important;
}
#selectedCauseHero .mph-cause-signal-card span{
  display:block!important;
  color:#9ed1ff!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
}
#selectedCauseHero .mph-cause-signal-card strong{
  display:block!important;
  color:#ffffff!important;
  font-size:clamp(24px,1.7vw,36px)!important;
  line-height:.98!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  font-variant-numeric:tabular-nums!important;
}
#selectedCauseHero .mph-cause-signal-card small{
  display:block!important;
  margin-top:7px!important;
  color:rgba(205,227,244,.58)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-signal-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0 22px 20px!important;
}
#selectedCauseHero .mph-cause-signal-group{
  padding:15px!important;
  background:rgba(0,0,0,.42)!important;
  border:1px solid rgba(126,183,255,.15)!important;
}
#selectedCauseHero .mph-cause-signal-group-wide{
  grid-column:1 / -1!important;
}
#selectedCauseHero .mph-cause-signal-group h3{
  margin:0 0 12px!important;
  color:#dceeff!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
#selectedCauseHero .mph-cause-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
}
#selectedCauseHero .mph-cause-stat-grid-layers{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
}
#selectedCauseHero .mph-cause-stat{
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  padding:9px 8px!important;
  background:#000!important;
  border:1px solid rgba(126,183,255,.13)!important;
  text-align:center!important;
}
#selectedCauseHero .mph-cause-stat span{
  display:block!important;
  color:rgba(158,209,255,.72)!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-stat strong{
  display:block!important;
  color:#f4fbff!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
}
#selectedCauseHero .mph-cause-signal-footer{
  display:flex!important;
  justify-content:center!important;
  padding:0 22px 22px!important;
}
#selectedCauseHero .mph-cause-signal-dashboard .mph-home-signal-action{
  width:min(100%,460px)!important;
  margin:0!important;
}
#selectedCauseHero .mph-cause-positive-feedback{
  margin-top:0!important;
}
@media (max-width:1300px) and (min-width:901px){
  #selectedCauseHero .mph-cause-signal-dashboard-head{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-signal-dashboard-head p{
    max-width:900px!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-signal-primary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #selectedCauseHero .mph-cause-stat-grid,
  #selectedCauseHero .mph-cause-stat-grid-layers{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:900px){
  #selectedCauseHero .mph-cause-signal-dashboard{
    margin:0 10px 18px!important;
  }
  #selectedCauseHero .mph-cause-signal-dashboard-head{
    display:block!important;
    padding:20px 16px 16px!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-signal-dashboard-head p{
    margin:10px auto 0!important;
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-signal-primary-grid,
  #selectedCauseHero .mph-cause-signal-groups,
  #selectedCauseHero .mph-cause-stat-grid,
  #selectedCauseHero .mph-cause-stat-grid-layers{
    grid-template-columns:1fr!important;
  }
  #selectedCauseHero .mph-cause-signal-primary-grid,
  #selectedCauseHero .mph-cause-signal-groups{
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* ========================================================================
   V015 CAUSE ALIGNMENT READOUT SUMMARY TOGGLE
   ------------------------------------------------------------------------
   Scope: selected-cause HOME state only. Keeps primary readout cards visible
   and moves secondary visibility/activity/mapping readouts into a collapsed
   READOUT SUMMARY details container under the informational note.
   ======================================================================== */
#selectedCauseHero .mph-cause-signal-dashboard-summary{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:11px!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-summary p{
  margin:0!important;
  color:rgba(205,227,244,.68)!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  font-weight:650!important;
  text-align:right!important;
}
#selectedCauseHero .mph-cause-readout-summary{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
#selectedCauseHero .mph-cause-readout-summary summary{
  list-style:none!important;
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  color:#9ed1ff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  cursor:pointer!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
}
#selectedCauseHero .mph-cause-readout-summary summary::-webkit-details-marker{display:none!important;}
#selectedCauseHero .mph-cause-readout-summary summary:before{
  content:'+ '!important;
  color:rgba(158,209,255,.72)!important;
}
#selectedCauseHero .mph-cause-readout-summary[open] summary:before{
  content:'– '!important;
}
#selectedCauseHero .mph-cause-readout-summary summary:hover,
#selectedCauseHero .mph-cause-readout-summary summary:focus{
  color:#dceeff!important;
  text-decoration:none!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  margin:14px 0 0!important;
  padding:14px!important;
  background:rgba(0,0,0,.46)!important;
  border:1px solid rgba(126,183,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group{
  display:block!important;
  width:100%!important;
  padding:13px!important;
  margin:0!important;
  background:rgba(0,0,0,.50)!important;
  border:1px solid rgba(126,183,255,.14)!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3{
  margin:0 0 11px!important;
  color:#dceeff!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:left!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid,
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat{
  min-height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  padding:9px 10px!important;
  background:#000!important;
  border:1px solid rgba(126,183,255,.13)!important;
  text-align:left!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat span{
  display:block!important;
  color:rgba(158,209,255,.72)!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat strong{
  display:block!important;
  color:#f4fbff!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
}
#selectedCauseHero .mph-cause-signal-primary-grid{
  padding-bottom:18px!important;
}
@media (min-width:1301px){
  #selectedCauseHero .mph-cause-signal-dashboard-head{
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
    align-items:start!important;
  }
}
@media (max-width:1300px){
  #selectedCauseHero .mph-cause-signal-dashboard-summary p{
    text-align:center!important;
  }
  #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
  #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat{
    text-align:center!important;
    align-items:center!important;
  }
}
@media (max-width:900px){
  #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid,
  #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================
   V016 CAUSE ALIGNMENT TWO-COLUMN LOWER LAYOUT
   ------------------------------------------------------------------------
   Scope: selected-cause HOME state only. Keeps the Cause-Connected Signal
   Readout and Positive Feedback modules intact, but places the readout stack
   in a left column and the feedback form in the adjacent right column.
   ======================================================================== */
#selectedCauseHero .mph-cause-alignment-lower{
  display:grid!important;
  grid-template-columns:minmax(390px,.86fr) minmax(520px,1.14fr)!important;
  gap:24px!important;
  align-items:start!important;
  width:auto!important;
  margin:0 24px 26px!important;
  padding:0!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard,
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-positive-feedback{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard-head{
  display:block!important;
  padding:22px 20px 16px!important;
  text-align:center!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard-head h2{
  font-size:clamp(20px,1.18vw,27px)!important;
  line-height:1.16!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard-summary{
  margin:14px auto 0!important;
  max-width:620px!important;
  align-items:stretch!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard-summary p{
  text-align:center!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-primary-grid{
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:15px 16px 12px!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-card{
  min-height:92px!important;
  align-items:center!important;
  text-align:center!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-card strong{
  font-size:clamp(25px,1.55vw,34px)!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-footer{
  padding:0 16px 18px!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard .mph-home-signal-action{
  width:100%!important;
  max-width:460px!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel{
  margin-top:13px!important;
  padding:12px!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel .mph-cause-stat-grid,
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
  grid-template-columns:1fr!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel .mph-cause-stat{
  text-align:center!important;
  align-items:center!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-feedback-inner{
  min-height:100%!important;
}
@media (max-width:1180px){
  #selectedCauseHero .mph-cause-alignment-lower{
    grid-template-columns:1fr!important;
    margin:0 14px 22px!important;
    gap:18px!important;
  }
}
@media (max-width:900px){
  #selectedCauseHero .mph-cause-alignment-lower{
    margin:0 10px 18px!important;
    gap:16px!important;
  }
}


/* ========================================================================
   V018 CAUSE ALIGNMENT WORDING + HEADER HIERARCHY CLEANUP
   ------------------------------------------------------------------------
   Scope: selected-cause Cause Alignment surface only. Reduces redundant
   blue/kicker emphasis inside the readout module while preserving the major
   section headers and all form/readout functionality.
   ======================================================================== */
#selectedCauseHero .mph-cause-signal-dashboard-head .mph-cause-signal-kicker{
  display:none!important;
}
#selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3{
  color:rgba(205,227,244,.68)!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.135em!important;
  text-align:left!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
  padding-bottom:7px!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-readout-summary-panel .mph-cause-signal-group h3{
  text-align:center!important;
  color:rgba(205,227,244,.62)!important;
  border-bottom:1px solid rgba(126,183,255,.09)!important;
}
#selectedCauseHero .mph-cause-signal-dashboard-summary p{
  color:rgba(205,227,244,.64)!important;
}

/* ========================================================================
   V019 CAUSE ALIGNMENT PROFILE + COLUMN SWAP
   ------------------------------------------------------------------------
   Scope: selected-cause Cause Alignment surface only. Swaps Positive Feedback
   to the left and Signal/readout stack to the right, simplifies the alignment
   confirmation above actions, removes profile-kicker spacing, and makes the
   linked cause name inside the profile paragraph feel intentional.
   ======================================================================== */
#selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
#mpmhUnifiedShell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
.public-shell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
  grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
  justify-content:stretch!important;
  align-items:start!important;
}
#selectedCauseHero .mph-home-cause-main{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  text-align:left!important;
}
#selectedCauseHero .mph-cause-lander-profile,
#selectedCauseHero .mph-cause-meaning-card,
#selectedCauseHero .mph-cause-lander-actions{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
#selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{
  padding:20px 24px!important;
}
#selectedCauseHero .mph-home-cause-description,
#selectedCauseHero .mph-home-cause-description .cause-description-text{
  text-align:left!important;
}
#selectedCauseHero .mph-cause-description-name-link{
  color:#dceeff!important;
  font-weight:950!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(126,183,255,.38)!important;
}
#selectedCauseHero .mph-cause-description-name-link:hover,
#selectedCauseHero .mph-cause-description-name-link:focus{
  color:#ffffff!important;
  border-bottom-color:rgba(220,238,255,.80)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-description-divider{
  color:rgba(205,227,244,.58)!important;
  font-weight:650!important;
}
#selectedCauseHero .mph-cause-alignment-confirmation{
  margin:14px 0 12px!important;
  padding:8px 10px 6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-cause-alignment-confirmation p{
  margin:0!important;
  max-width:none!important;
  text-align:center!important;
  color:rgba(220,238,255,.78)!important;
  font-size:14.5px!important;
  line-height:1.35!important;
  font-weight:750!important;
  letter-spacing:.025em!important;
}
#selectedCauseHero .mph-cause-alignment-lower{
  grid-template-columns:minmax(520px,1.14fr) minmax(390px,.86fr)!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-positive-feedback{
  order:1!important;
}
#selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard{
  order:2!important;
}
@media (max-width:1180px){
  #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  #mpmhUnifiedShell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  .public-shell #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body{
    grid-template-columns:1fr!important;
  }
  #selectedCauseHero .mph-cause-alignment-lower .mph-cause-positive-feedback,
  #selectedCauseHero .mph-cause-alignment-lower .mph-cause-signal-dashboard{
    order:initial!important;
  }
}


/* ========================================================================
   V020 CAUSE ALIGNMENT NATURAL LINK + HEADER TEXT POLISH
   Scope: selected-cause Cause Alignment page only. The cause name embedded
   inside the profile paragraph remains clickable/tracked but visually reads
   exactly like surrounding paragraph text. The alignment sentence above
   actions is left-aligned, and the cause-alignment live header subtitle is
   cause-name-only with slightly stronger presence.
   ======================================================================== */
.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-subtitle,
.mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle{
  color:rgba(235,246,255,.86)!important;
  font-size:12.25px!important;
  line-height:1.18!important;
  font-weight:760!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-lander-subtitle{
  display:none!important;
}
#selectedCauseHero .mph-cause-description-name-link,
#selectedCauseHero .mph-cause-description-name-link:visited,
#selectedCauseHero .mph-cause-description-name-link:hover,
#selectedCauseHero .mph-cause-description-name-link:focus,
#selectedCauseHero .mph-cause-description-name-link:active{
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:inherit!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-alignment-confirmation p{
  text-align:left!important;
}




/* ========================================================================
   V023 CAUSE ALIGNMENT STICKY LANDER HEADER TEST
   ------------------------------------------------------------------------
   Scope: selected-cause Cause Alignment state only. Keeps the inner lander
   header / cause name sticky within the main shell scroll area while the
   taller selected-cause page scrolls. This uses the existing .shell-main
   scroll owner; platform HOME, world steps, and other tabs are untouched.
   ======================================================================== */
@media (min-width:901px){
  .mph-home-overview[data-home-mode="selected-cause"] #selectedCauseHero.mph-home-cause-stage{
    overflow:visible!important;
  }
  .mph-home-overview[data-home-mode="selected-cause"] #selectedCauseHero .mph-cause-lander-head{
    position:sticky!important;
    top:0!important;
    z-index:72!important;
  }
  .mph-home-overview[data-home-mode="selected-cause"] #selectedCauseHero .mph-cause-lander-head:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(126,183,255,.52),transparent);
    pointer-events:none;
  }
}

/* ========================================================================
   V025 HEADER RAIL EFFECT SCOPE REPAIR
   ------------------------------------------------------------------------
   Scope: live blue section rail only. Restores the V023 selected-cause
   sticky lander header by removing pulse classes/effects from the global
   shell and sticky-parent rows. The settled rail uses a slightly richer
   professional blue than the inner table headers; the trigger effect is a
   restrained blue-white sweep with no transform or filter.
   ======================================================================== */
@media (min-width:901px){
  #mpmhLiveSectionHeader.mpmh-live-section-header,
  .mpmh-live-section-header{
    background:#061b34!important;
    background-image:linear-gradient(180deg,#0a3158 0%,#061d38 52%,#03162b 100%)!important;
    border-top:1px solid rgba(126,183,255,.34)!important;
    border-bottom:1px solid rgba(126,183,255,.52)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.22)!important;
  }
  #mpmhLiveSectionHeader .mpmh-live-section-inner,
  .mpmh-live-section-inner{
    background:transparent!important;
  }
}
#mpmhLiveSectionHeader.mpmh-blue-rail-pulse,
.mpmh-live-section-header.mpmh-blue-rail-pulse{
  background-color:#061d38!important;
  background-image:
    linear-gradient(90deg,
      rgba(6,29,56,0) 0%,
      rgba(92,166,235,.11) 28%,
      rgba(215,241,255,.24) 49%,
      rgba(92,166,235,.12) 64%,
      rgba(6,29,56,0) 100%),
    linear-gradient(180deg,#0a3158 0%,#061d38 52%,#03162b 100%)!important;
  background-size:240% 100%,100% 100%!important;
  animation:mpmhBlueRailSweepV025 .68s cubic-bezier(.19,.84,.23,1) 1!important;
  box-shadow:inset 0 -1px 0 rgba(160,214,255,.50), inset 0 1px 0 rgba(255,255,255,.055), 0 0 18px rgba(82,161,242,.10)!important;
}
#mpmhLiveSectionHeader.mpmh-blue-rail-pulse .mpmh-live-section-inner,
.mpmh-live-section-header.mpmh-blue-rail-pulse .mpmh-live-section-inner{
  text-shadow:0 0 8px rgba(190,229,255,.13),0 1px 0 rgba(0,0,0,.86)!important;
}
@keyframes mpmhBlueRailSweepV025{
  0%{background-position:118% 0,0 0;}
  100%{background-position:-118% 0,0 0;}
}
@media (prefers-reduced-motion: reduce){
  #mpmhLiveSectionHeader.mpmh-blue-rail-pulse,
  .mpmh-live-section-header.mpmh-blue-rail-pulse{
    animation:none!important;
    background-image:linear-gradient(180deg,#0a3158 0%,#061d38 52%,#03162b 100%)!important;
    box-shadow:inset 0 -1px 0 rgba(160,214,255,.50)!important;
  }
}


/* ========================================================================
   V055 SELECTED CAUSE RAIL RESTORE
   ------------------------------------------------------------------------
   Replaces the legacy V027/V028/V029 black selected-cause rail overrides.
   The upper live rail for cause_alignment is intentionally platform blue,
   centered, and label-only: SELECTED CAUSE:. The cause name belongs in the
   second selected-cause header below.
   ======================================================================== */
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"],
.mpmh-live-section-header[data-active-tab="cause_alignment"]{
  background:#061b34!important;
  background-image:linear-gradient(180deg,#0a3158 0%,#061d38 52%,#03162b 100%)!important;
  border-top:1px solid rgba(126,183,255,.34)!important;
  border-bottom:1px solid rgba(126,183,255,.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.22)!important;
  animation:none!important;
}
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-inner,
.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-title,
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle,
.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-title,
.mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  color:#8fc8ff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(0,0,0,.95),0 0 12px rgba(126,183,255,.18)!important;
}
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-subtitle,
#mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle,
.mpmh-live-section-header[data-active-tab="cause_alignment"] .mpmh-live-section-subtitle,
.mpmh-live-section-header[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle{
  display:none!important;
}

/* ========================================================================
   V030 STATIC ACTIVE TAB PLATE POLISH
   ------------------------------------------------------------------------
   Scope: header/nav presentation only. Removes the blue rail sweep/pulse as
   a perceived load-delay cue and replaces it with an instant squared active
   tab plate. The SIGNALS tab keeps its green system identity. No layout,
   form, readout, routing, or data behavior changes.
   ======================================================================== */
#mpmhLiveSectionHeader.mpmh-blue-rail-pulse,
.mpmh-live-section-header.mpmh-blue-rail-pulse,
#mpmhLiveSectionHeader.mpmh-blue-rail-pulse .mpmh-live-section-inner,
.mpmh-live-section-header.mpmh-blue-rail-pulse .mpmh-live-section-inner{
  animation:none!important;
  background-position:0 0!important;
  box-shadow:inherit!important;
  text-shadow:inherit!important;
}
@media (min-width:901px){
  #mpmhUnifiedShell #tabs .tab-btn.active,
  #mpmhUnifiedShell #tabs .tab-btn.active:hover,
  #mpmhUnifiedShell #tabs .tab-btn.active:focus-visible{
    color:#dceeff!important;
    background:linear-gradient(180deg,rgba(4,18,33,.98),rgba(0,8,17,.98))!important;
    border:1px solid rgba(126,183,255,.46)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 10px rgba(75,148,221,.10)!important;
    padding:2px 7px!important;
    margin:-2px -7px!important;
    line-height:1.18!important;
    text-decoration:none!important;
  }
  #mpmhUnifiedShell .mpmh-signal-core-tab.active,
  #mpmhUnifiedShell .mpmh-signal-core-tab.active:hover,
  #mpmhUnifiedShell .mpmh-signal-core-tab.active:focus-visible,
  #mpmhUnifiedShell #tabs .mpmh-mobile-signal-tab.active,
  #mpmhUnifiedShell #tabs .mpmh-mobile-signal-tab.active:hover,
  #mpmhUnifiedShell #tabs .mpmh-mobile-signal-tab.active:focus-visible{
    color:#bfffe8!important;
    background:linear-gradient(180deg,rgba(2,21,15,.98),rgba(0,8,6,.98))!important;
    border:1px solid rgba(11,249,158,.46)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.030),0 0 11px rgba(11,249,158,.12)!important;
    padding:2px 7px!important;
    margin:-2px -7px!important;
    line-height:1.18!important;
    text-decoration:none!important;
    text-shadow:0 0 7px rgba(11,249,158,.18),0 1px 0 rgba(0,0,0,.95)!important;
  }
}
@media (max-width:900px){
  #mpmhUnifiedShell #tabs .tab-btn.active{
    background:rgba(4,18,33,.96)!important;
    border:1px solid rgba(126,183,255,.42)!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs .mpmh-mobile-signal-tab.active{
    background:rgba(2,21,15,.96)!important;
    border-color:rgba(11,249,158,.46)!important;
    color:#bfffe8!important;
  }
}


/* ========================================================================
   V075 COMPACT SELECTED-CAUSE SIGNAL SIDEBAR
   ------------------------------------------------------------------------
   The selected-cause left column uses a compact Signal readout module under
   the logo well. This is an intentional compact variant of the dashboard, not
   the full-width Signal panel squeezed into a narrow column.
   ======================================================================== */
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,rgba(2,17,30,.98),rgba(0,7,13,1))!important;
  border:1px solid rgba(126,183,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.026),0 14px 34px rgba(0,0,0,.30)!important;
  overflow:hidden!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head{
  display:block!important;
  padding:17px 14px 13px!important;
  text-align:center!important;
  background:linear-gradient(180deg,rgba(9,33,58,.62),rgba(0,0,0,.18))!important;
  border-bottom:1px solid rgba(126,183,255,.17)!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2{
  max-width:280px!important;
  margin:0 auto!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  overflow-wrap:normal!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:9px auto 0!important;
  padding:0!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary p,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary p,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-summary p{
  display:none!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary summary,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary summary,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary summary{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-primary-grid,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-primary-grid,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-primary-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:14px 15px 16px!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card{
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 12px!important;
  text-align:center!important;
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(126,183,255,.18)!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card-total,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card-total,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card-total{
  background:linear-gradient(180deg,rgba(9,45,77,.84),rgba(1,12,24,.92))!important;
  border-color:rgba(151,210,255,.36)!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card span,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card span,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card span{
  max-width:100%!important;
  margin:0 0 6px!important;
  color:#9ed1ff!important;
  font-size:9px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card strong,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card strong,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card strong{
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  font-variant-numeric:tabular-nums!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card small,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card small,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-card small{
  margin-top:5px!important;
  color:rgba(205,227,244,.58)!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel{
  margin:12px 0 0!important;
  padding:12px!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid,
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
  grid-template-columns:1fr!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-readout-summary-panel .mph-cause-stat{
  text-align:center!important;
  align-items:center!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-footer,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-footer,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-footer{
  display:none!important;
}
@media (max-width:900px){
  #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2,
  #mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2,
  .public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-compact-readout .mph-cause-signal-dashboard-head h2{
    max-width:none!important;
  }
}



/* ========================================================================
   MPMH001/MPMH002 CURRENT SAFE CONTROL LAYER
   ------------------------------------------------------------------------
   Starts from v076. This block intentionally owns only small, low-risk visual
   cleanup points for the first clean no-underscore delivery lineage.

   Scope:
   - Reaffirm header search CLEAR behavior: hidden until a search value exists.
   - Reaffirm v076 immediate-feel State handoff is handled in JS.
   - Make the footer copyright rail the final visible footer row by removing
     parent/footer bottom padding, border, pseudo-content, and residual line-height
     below .footer-brand-line.

   Non-scope:
   - No Signal math/capture changes.
   - No token/ledger/backend/data/campaign-route changes.
   - No tab/state router changes.
   ======================================================================== */

@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control:not(.has-value) .mpmh-header-search-clear{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control.has-value .mpmh-header-search-clear{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

.public-footer.footer-flat-rail.footer-ultra-rail,
.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-inner{
  margin-bottom:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.public-footer.footer-flat-rail.footer-ultra-rail{
  line-height:0!important;
  background:#000!important;
  overflow:hidden!important;
}

.public-footer.footer-flat-rail.footer-ultra-rail:after,
.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner:after,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-inner:after{
  content:none!important;
  display:none!important;
}

.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-nav{
  line-height:1.25!important;
  margin-bottom:0!important;
  padding-bottom:0!important;
}

.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:#000!important;
  color:#fff!important;
  line-height:12px!important;
}

html,
body,
.public-shell{
  margin-bottom:0!important;
  padding-bottom:0!important;
  background:#000!important;
}


/* ========================================================================
   MPMH002 ADVERTISER INQUIRY CONTACT POLISH
   Scope: visual support for advertiser-specific contact modal intro.
   The PHP owns the advertiser State rail/CTA markup; this asset only styles the
   existing modal intro line and preserves the live asset path.
   ======================================================================== */
.mpmh-contact-intro{
  margin:0 0 12px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(110,255,215,.18);
  color:rgba(234,255,248,.72);
  font-size:12px;
  line-height:1.5;
  letter-spacing:.035em;
}
.mpmh-contact-intro[hidden]{display:none!important;}


/* ========================================================================
   MPMH006 ADVERTISERS / FOOTER COLOR POLISH
   Scope:
   - Footer links become slightly more readable than the prior ultra-dim state.
   - Footer links hover/focus to the platform Signal green.
   - Copyright line remains dull and clearly secondary as the final row.
   - No footer routing, markup, legal links, Signal, or backend behavior changes.
   ======================================================================== */
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link{
  color:rgba(185,220,238,.62)!important;
  opacity:1!important;
  text-shadow:none!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:focus,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link:focus,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link:focus{
  color:#0bf99e!important;
  opacity:1!important;
  text-decoration:none!important;
  outline:0!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-sep{
  color:rgba(185,220,238,.22)!important;
  opacity:1!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  color:rgba(150,170,182,.42)!important;
  opacity:1!important;
  text-shadow:none!important;
  font-weight:400!important;
  letter-spacing:.085em!important;
}


/* ========================================================================
   MPMH007 ADVERTISERS ALIGNMENT PATH RAIL
   Purpose:
   - Replace the heavy left wording rail with a quieter cause/activity/readout
     alignment path that fills the desktop lane without competing with copy.
   - Keep layout, routing, Signal capture, intake, and footer behavior intact.
   ======================================================================== */
.mpmh-state-advertisers-layout{grid-template-columns:150px minmax(0,805px) 350px!important;gap:28px!important;}
.mpmh-state-brand-rail.mpmh-state-align-path-rail{
  width:100%!important;
  min-height:calc(100dvh - 190px)!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding-top:108px!important;
  background:linear-gradient(180deg,transparent,rgba(126,183,255,.018),transparent)!important;
  overflow:visible!important;
}
.mpmh-state-rail-path{
  position:relative!important;
  width:100%!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:7px 0 7px 24px!important;
}
.mpmh-state-rail-path:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:9px!important;
  bottom:9px!important;
  width:1px!important;
  background:linear-gradient(180deg,rgba(126,183,255,.08),rgba(11,249,158,.32),rgba(126,183,255,.08))!important;
}
.mpmh-state-rail-node{
  position:relative!important;
  min-height:38px!important;
  padding:0 0 0 0!important;
}
.mpmh-state-rail-node:before{
  content:""!important;
  position:absolute!important;
  left:-20px!important;
  top:5px!important;
  width:7px!important;
  height:7px!important;
  border:1px solid rgba(11,249,158,.52)!important;
  background:#000!important;
  box-shadow:0 0 13px rgba(11,249,158,.14)!important;
}
.mpmh-state-brand-rail .mpmh-state-rail-node span,
.mpmh-state-brand-rail .mpmh-state-rail-node small{
  writing-mode:horizontal-tb!important;
  transform:none!important;
  display:block!important;
  white-space:normal!important;
  text-align:left!important;
  text-shadow:none!important;
}
.mpmh-state-brand-rail .mpmh-state-rail-node span{
  color:rgba(143,198,255,.54)!important;
  font-size:9.2px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.mpmh-state-brand-rail .mpmh-state-rail-node small{
  margin-top:5px!important;
  color:rgba(11,249,158,.38)!important;
  font-size:7.8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
@media(max-width:1180px){
  .mpmh-state-advertisers-layout{grid-template-columns:minmax(0,760px) 340px!important;}
  .mpmh-state-brand-rail.mpmh-state-align-path-rail{display:none!important;}
}
@media(max-width:900px){
  .mpmh-state-advertisers-layout{grid-template-columns:1fr!important;gap:20px!important;}
}


/* ========================================================================
   MPMH009 FOOTER LINK UNDERLINE / CLEAN VISUAL CONTROL
   Scope:
   - Footer anchors and buttons share the same no-underline treatment.
   - Legal/directory links no longer visually mismatch the footer button links.
   - Bright Signal-green hover/focus is preserved.
   - Copyright remains dull and secondary.
   ======================================================================== */
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link:visited,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link{
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  color:rgba(190,224,240,.66)!important;
  opacity:1!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link:focus,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail a.footer-text-link:focus,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link:hover,
.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link:focus{
  color:#0bf99e!important;
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  color:rgba(145,165,178,.40)!important;
  text-decoration:none!important;
  text-shadow:none!important;
}

/* ========================================================================
   PASS163 — HOME Frontpage Button Scale Restore
   Presentation-only.
   - Restores the main frontpage action buttons to a more confident readable size.
   - Enlarges the three primary HOME choices without changing routing, Signal,
     token, counters, readouts, campaign data, /go/to behavior, or backend math.
   - Also nudges the left world/action rail buttons up slightly on desktop so the
     primary entry actions no longer feel over-compressed.
   ======================================================================== */
@media(min-width:901px){
  #platformIntroHome .mph-front-choice-module,
  .mph-home-overview .mph-front-choice-module{
    width:min(780px,100%)!important;
    max-width:780px!important;
    margin:16px auto 19px!important;
    gap:12px!important;
  }
  #platformIntroHome .mph-front-choice-card,
  .mph-home-overview .mph-front-choice-card{
    min-height:48px!important;
    padding:0 18px!important;
  }
  #platformIntroHome .mph-front-choice-card strong,
  .mph-home-overview .mph-front-choice-card strong{
    font-size:13px!important;
    line-height:1.12!important;
    letter-spacing:.09em!important;
  }
  #platformIntroHome .mph-front-world-actions,
  #platformIntroHome .mph-front-step-rail,
  .mph-home-overview .mph-front-world-actions,
  .mph-home-overview .mph-front-step-rail{
    max-width:190px!important;
    gap:9px!important;
  }
  #platformIntroHome .mph-front-world-action,
  #platformIntroHome .mph-front-step-action,
  .mph-home-overview .mph-front-world-action,
  .mph-home-overview .mph-front-step-action{
    min-height:36px!important;
    padding:0 12px!important;
    font-size:10.6px!important;
    letter-spacing:.08em!important;
  }
}
@media(max-width:900px){
  #platformIntroHome .mph-front-choice-module,
  .mph-home-overview .mph-front-choice-module{
    max-width:410px!important;
    margin:12px auto 15px!important;
    gap:9px!important;
  }
  #platformIntroHome .mph-front-choice-card,
  .mph-home-overview .mph-front-choice-card{
    min-height:44px!important;
    padding:0 16px!important;
  }
  #platformIntroHome .mph-front-choice-card strong,
  .mph-home-overview .mph-front-choice-card strong{
    font-size:12.2px!important;
    line-height:1.14!important;
    letter-spacing:.085em!important;
  }
}

/* ========================================================================
   MPMH050 CURRENT CONTROL LAYER — Campaign card name header centering
   Scope: Brands/Campaigns card view only. The external JS already owns the
   visible card topline text; this layer centers that text without changing
   stats/details/actions, logo stage, data, routing, /go/to, or Signal capture.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline{
  justify-content:center!important;
  text-align:center!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline .brand-card-state,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline .brand-card-state{
  display:none!important;
}


/* ========================================================================
   MPMH051 CURRENT CONTROL LAYER — Campaign card logo/name + Stats overlay
   Scope: Brands/Campaigns card view only.
   - The campaign name now lives in the blue top card header.
   - The duplicate name under the logo is removed/hidden.
   - The existing Stats panel opens as a fixed in-card body overlay from the
     bottom of the logo stage to the action row, instead of floating mid-card
     or expanding downward.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-identity-stage,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage{
  min-height:142px!important;
  height:142px!important;
  padding:14px 13px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-name,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-name{
  display:none!important;
  margin:0!important;
  padding:0!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo-link{
  height:100%!important;
  min-height:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  position:absolute!important;
  left:11px!important;
  right:11px!important;
  top:168px!important;
  bottom:42px!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 8px 8px!important;
  align-content:start!important;
  grid-auto-rows:minmax(0,auto)!important;
  overflow:auto!important;
  background:linear-gradient(180deg,#0a2238 0%,#06111d 100%)!important;
  border:1px solid rgba(126,183,255,.48)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel.open,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel.open{
  display:grid!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel span{
  min-height:38px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:center!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions{
  z-index:8!important;
}
@media(max-width:560px){
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
    position:static!important;
    display:none!important;
    margin:7px 11px 0!important;
    max-height:none!important;
  }
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel.open,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel.open{
    display:grid!important;
  }
}


/* ========================================================================
   MPMH052 CURRENT CONTROL LAYER — Campaign card body + Stats header polish
   Scope: Brands/Campaigns card view only.
   - Default card body now carries MPID + website and category/market at the
     bottom of the information zone.
   - Stats panel starts just below the white logo stage, spans the card body
     width cleanly, and includes a thin centered STATS label strip.
   - Actions remain fixed at the bottom; logo/header do not move.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-pick-card,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card{
  min-height:344px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 11px 7px!important;
  background:#071827!important;
  border-top:1px solid rgba(126,183,255,.10)!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  height:auto!important;
  min-height:0!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(226,240,250,.76)!important;
  font-size:10px!important;
  line-height:1.24!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc-empty,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc-empty{
  display:block!important;
  visibility:hidden!important;
  min-height:1px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  margin-top:auto!important;
  padding-top:6px!important;
  border-top:1px solid rgba(126,183,255,.10)!important;
  text-align:center!important;
  min-width:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  display:block!important;
  max-width:100%!important;
  color:#dceeff!important;
  font-size:9.4px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:rgba(126,183,255,.58)!important;
  font-style:normal!important;
  font-weight:700!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:#c7e5ff!important;
  text-decoration:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-market,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-market{
  display:block!important;
  margin-top:4px!important;
  max-width:100%!important;
  color:rgba(205,226,240,.62)!important;
  font-size:8.4px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-meta,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-meta,
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row{
  display:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions{
  margin:0 11px 11px!important;
  padding-top:9px!important;
  flex:0 0 auto!important;
  z-index:8!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  left:0!important;
  right:0!important;
  top:170px!important;
  bottom:42px!important;
  padding:0 8px 8px!important;
  gap:5px!important;
  align-content:start!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-left:0!important;
  border-right:0!important;
  border-color:rgba(126,183,255,.52)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-title,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-title{
  grid-column:1 / -1!important;
  height:18px!important;
  min-height:18px!important;
  margin:0 -8px 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-bottom:1px solid rgba(126,183,255,.26)!important;
  background:linear-gradient(180deg,#0a3357 0%,#07243d 100%)!important;
  color:#f3fbff!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  pointer-events:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel span{
  min-height:38px!important;
  padding:5px 4px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-close,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-close{
  top:2px!important;
  right:3px!important;
  z-index:2!important;
}
@media(max-width:560px){
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    border-left:1px solid rgba(126,183,255,.52)!important;
    border-right:1px solid rgba(126,183,255,.52)!important;
    margin:7px 11px 0!important;
  }
}


/* ========================================================================
   MPMH053 CURRENT CONTROL LAYER — Campaign card paragraph + bottom context cleanup
   Scope: Brands/Campaigns card view only.
   - Keep fallback CTA visually inline with the paragraph text.
   - Keep MPID / website / category / market as small, gray bottom context.
   - Prevent the context footer from competing with the main paragraph.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  padding:9px 12px 7px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:rgba(238,247,255,.86)!important;
  font-size:10px!important;
  line-height:1.30!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  -webkit-line-clamp:4!important;
  max-height:54px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link{
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus{
  color:rgba(238,247,255,.95)!important;
  text-decoration:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  margin-top:auto!important;
  padding-top:7px!important;
  border-top:1px solid rgba(126,183,255,.08)!important;
  text-align:center!important;
  opacity:1!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  color:rgba(176,201,220,.58)!important;
  font-size:8.1px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:rgba(176,201,220,.62)!important;
  font:inherit!important;
  text-decoration:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:rgba(176,201,220,.38)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-market,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-market{
  margin-top:3px!important;
  color:rgba(176,201,220,.50)!important;
  font-size:7.7px!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}


/* ========================================================================
   MPMH054 CURRENT CONTROL LAYER — Campaign card footer alignment polish
   Scope: Brands/Campaigns card view only.
   - Left-align the lower card context.
   - Use MPID #: website on one clean baseline.
   - Remove any inherited button/box/link treatment from the website text.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  text-align:left!important;
  align-items:flex-start!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  display:block!important;
  text-align:left!important;
  color:rgba(176,201,220,.58)!important;
  font-size:8.1px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site span{
  display:inline!important;
  vertical-align:baseline!important;
  line-height:inherit!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  display:inline!important;
  vertical-align:baseline!important;
  position:static!important;
  transform:none!important;
  top:auto!important;
  left:auto!important;
  height:auto!important;
  min-height:0!important;
  width:auto!important;
  min-width:0!important;
  line-height:inherit!important;
  color:rgba(176,201,220,.62)!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  text-align:left!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus{
  color:rgba(205,226,240,.76)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  display:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-market,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-market{
  text-align:left!important;
}


/* ========================================================================
   MPMH055 CURRENT CONTROL LAYER — Campaign card footer stacked context
   Scope: Brands/Campaigns card view only.
   - MPID label on its own left-aligned line.
   - Website/domain on its own plain-text line below MPID.
   - Category left and country/right market value anchored to the right corner.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  text-align:left!important;
  align-items:stretch!important;
  padding-top:7px!important;
  border-top:1px solid rgba(126,183,255,.08)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  display:block!important;
  text-align:left!important;
  color:rgba(176,201,220,.56)!important;
  font-size:8px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row{
  display:block!important;
  margin-top:2px!important;
  text-align:left!important;
  color:rgba(176,201,220,.62)!important;
  font-size:8px!important;
  line-height:1.14!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row a,
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row .brand-card-domain-link{
  display:inline!important;
  vertical-align:baseline!important;
  position:static!important;
  transform:none!important;
  top:auto!important;
  height:auto!important;
  width:auto!important;
  line-height:inherit!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  text-align:left!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row a:focus{
  color:rgba(205,226,240,.76)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-market,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-market{
  display:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin-top:4px!important;
  color:rgba(176,201,220,.50)!important;
  font-size:7.7px!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  flex:0 0 auto!important;
  margin-left:auto!important;
  text-align:right!important;
  color:rgba(176,201,220,.58)!important;
}


/* ========================================================================
   MPMH056 CURRENT CONTROL LAYER — Campaign card footer + logo fit polish
   Scope: Brands/Campaigns card view only.
   - MPID and website/domain share one plain left-aligned baseline.
   - Category remains left and country/right-market remains pinned right below.
   - The existing white logo stage keeps its size, while logo images are allowed
     to occupy more of the available area using contain-safe max dimensions.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo-link{
  height:100%!important;
  min-height:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-logo,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo{
  width:auto!important;
  height:auto!important;
  max-width:96%!important;
  max-height:102px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  text-align:left!important;
  align-items:stretch!important;
  padding-top:7px!important;
  border-top:1px solid rgba(126,183,255,.08)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:left!important;
  color:rgba(176,201,220,.58)!important;
  font-size:8.1px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site span{
  display:inline!important;
  vertical-align:baseline!important;
  line-height:inherit!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  display:inline!important;
  vertical-align:baseline!important;
  position:static!important;
  transform:none!important;
  top:auto!important;
  left:auto!important;
  height:auto!important;
  min-height:0!important;
  width:auto!important;
  min-width:0!important;
  line-height:inherit!important;
  color:rgba(176,201,220,.62)!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  text-align:left!important;
  text-decoration:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus{
  color:rgba(205,226,240,.76)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-domain-row,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-row{
  display:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin-top:4px!important;
  color:rgba(176,201,220,.50)!important;
  font-size:7.7px!important;
  line-height:1.12!important;
  font-weight:650!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  flex:0 0 auto!important;
  margin-left:auto!important;
  text-align:right!important;
  color:rgba(176,201,220,.58)!important;
}


/* ========================================================================
   MPMH057 CURRENT CONTROL LAYER — Option B green-frame campaign cards
   Scope: Brands/Campaigns card view only.
   - Campaign card frame/action areas shift to a restrained MP Signal green.
   - The logo stage stays white and unchanged in size.
   - The information/body zone becomes a soft light surface so logos draw more
     attention and card scanning is easier on the eyes.
   - Stats keeps the MPMH056 position/size but adopts the same light surface
     with a thin green STATS header strip.
   - No route, Signal, ADMIN, data, ledger, attribution, or backend behavior.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-pick-card,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card{
  background:#06120e!important;
  border-color:rgba(11,249,158,.28)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.34), inset 0 0 0 1px rgba(11,249,158,.05)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-card:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card:hover{
  border-color:rgba(11,249,158,.42)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.40), inset 0 0 0 1px rgba(11,249,158,.08)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline{
  background:linear-gradient(180deg,#083420 0%,#041a12 100%)!important;
  border-color:transparent!important;
  color:#f7fffb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), inset 0 -1px 0 rgba(11,249,158,.18)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child{
  color:#f7fffb!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-identity-stage,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage{
  background:#fff!important;
  border-top:1px solid rgba(11,249,158,.16)!important;
  border-bottom:1px solid rgba(11,249,158,.16)!important;
  box-shadow:inset 0 -14px 24px rgba(4,24,16,.035)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  background:linear-gradient(180deg,#f8fbfa 0%,#eaf1ef 100%)!important;
  border-top:1px solid rgba(6,44,28,.13)!important;
  color:#122823!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:#122823!important;
  text-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a{
  color:#122823!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus{
  color:#063820!important;
  text-decoration:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  border-top:1px solid rgba(5,50,31,.13)!important;
  color:#4f625f!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  color:#526764!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:#455855!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:#526764!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus{
  color:#063820!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  color:#60716e!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  color:#526764!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions{
  background:#06120e!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button{
  background:linear-gradient(180deg,#082b1d 0%,#03120d 100%)!important;
  border-color:rgba(11,249,158,.46)!important;
  color:#f7fffb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:focus,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:focus{
  background:linear-gradient(180deg,#0a3c28 0%,#052018 100%)!important;
  border-color:rgba(11,249,158,.72)!important;
  color:#fff!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  background:linear-gradient(180deg,#f8fbfa 0%,#e7efed 100%)!important;
  border:1px solid rgba(5,70,43,.34)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.86)!important;
  color:#122823!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-title,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-title{
  background:linear-gradient(180deg,#083420 0%,#041a12 100%)!important;
  border-color:transparent!important;
  color:#f7fffb!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel span{
  background:#fff!important;
  border-color:rgba(5,70,43,.15)!important;
  color:#31443f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel b,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel b{
  color:#05291a!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-close,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel .brand-stats-close{
  background:#041a12!important;
  border-color:rgba(11,249,158,.42)!important;
  color:#f7fffb!important;
}

/* ========================================================================
   MPMH058 CURRENT CONTROL LAYER — dark green card body + Brands header theme
   Scope: Brands/Campaigns card view and the active Brands section rail only.
   - Default card body returns to the darker green family so the card frame feels
     unified while the white logo stage remains the visual hero.
   - Stats-open state stays light/white with the green STATS header strip.
   - First controlled section-header theme: Brands rail moves from global blue to
     the same restrained green system language.
   - No route, Signal, ADMIN, data, ledger, attribution, or backend behavior.
   ======================================================================== */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  background:linear-gradient(180deg,#083420 0%,#041a12 100%)!important;
  border-top:1px solid rgba(11,249,158,.22)!important;
  color:#dceee8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(11,249,158,.10)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:#d9ebe5!important;
  text-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a{
  color:#d9ebe5!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus{
  color:#ffffff!important;
  text-decoration:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  border-top:1px solid rgba(11,249,158,.18)!important;
  color:rgba(218,236,230,.68)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  color:rgba(218,236,230,.78)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:rgba(244,255,250,.82)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:rgba(218,236,230,.74)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus{
  color:#ffffff!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  color:rgba(218,236,230,.58)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label{
  color:rgba(218,236,230,.62)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  color:rgba(244,255,250,.70)!important;
}

/* Keep the stats-open readout light/white over the darker body. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  background:linear-gradient(180deg,#fbfefd 0%,#edf4f2 100%)!important;
  border:1px solid rgba(5,70,43,.38)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.90)!important;
  color:#122823!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel span{
  background:#fff!important;
  border-color:rgba(5,70,43,.16)!important;
  color:#31443f!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel b,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel b{
  color:#05291a!important;
}

/* First section rail theme test: Brands/Campaigns only. */
#mpmhLiveSectionHeader[data-active-tab="campaigns"],
#mpmhLiveSectionHeader[data-active-tab="category_filter"]{
  background:linear-gradient(180deg,#0a3c28 0%,#041a12 100%)!important;
  border-top:1px solid rgba(11,249,158,.30)!important;
  border-bottom:1px solid rgba(11,249,158,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 8px 22px rgba(0,0,0,.32)!important;
}
#mpmhLiveSectionHeader[data-active-tab="campaigns"] #mpmhLiveSectionTitle,
#mpmhLiveSectionHeader[data-active-tab="category_filter"] #mpmhLiveSectionTitle{
  color:#f7fffb!important;
  text-shadow:0 1px 0 rgba(0,0,0,.72), 0 0 13px rgba(11,249,158,.12)!important;
}
#mpmhLiveSectionHeader[data-active-tab="campaigns"] #mpmhLiveSectionSubtitle,
#mpmhLiveSectionHeader[data-active-tab="category_filter"] #mpmhLiveSectionSubtitle{
  color:rgba(218,236,230,.72)!important;
}
#mpmhLiveSectionHeader[data-active-tab="campaigns"]::after,
#mpmhLiveSectionHeader[data-active-tab="category_filter"]::after{
  background:linear-gradient(90deg,transparent,rgba(11,249,158,.58),rgba(255,255,255,.18),rgba(11,249,158,.34),transparent)!important;
  opacity:.76!important;
}
.brands-discovery-head,
#shellMain .brands-discovery-panel .brands-discovery-head{
  background:linear-gradient(180deg,#083420 0%,#041a12 100%)!important;
  border-top:1px solid rgba(11,249,158,.22)!important;
  border-bottom:1px solid rgba(11,249,158,.18)!important;
}
.brands-discovery-head > span:first-child,
#shellMain .brands-discovery-panel .brands-discovery-head > span:first-child{
  color:#f7fffb!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
}
.brands-discovery-head > span:last-child,
#shellMain .brands-discovery-panel .brands-discovery-head > span:last-child{
  color:rgba(218,236,230,.72)!important;
}


/* ========================================================================
   MPMH059 CURRENT CONTROL LAYER — Causes deep teal card format test
   Scope: Causes card view only. Leaderboards and Brand/Campaign cards are not changed.
   - Cause name now owns the top card header; the white stage is logo-only.
   - Default cause card body/action frame uses a restrained deep teal family.
   - Cause stats stays light/white with a thin teal STATS strip.
   - No selected-cause routing, cookies, Signal, ADMIN, data, ledger, or backend.
   ======================================================================== */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{
  background:#061416!important;
  border-color:rgba(66,211,255,.24)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.34), inset 0 0 0 1px rgba(88,247,255,.045)!important;
  min-height:344px!important;
  padding:0!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card:hover{
  border-color:rgba(88,247,255,.42)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.40), inset 0 0 0 1px rgba(88,247,255,.07)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card.active-cause-card,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card.active-cause-card{
  border-color:rgba(88,247,255,.56)!important;
  box-shadow:0 0 24px rgba(66,211,255,.10), 0 18px 36px rgba(0,0,0,.40)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0 9px!important;
  background:linear-gradient(180deg,#08343a 0%,#041a1d 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(88,247,255,.24)!important;
  color:#f4feff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(88,247,255,.13)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  color:#f4feff!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:30px!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.68)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state{
  display:block!important;
  color:rgba(207,250,255,.66)!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  line-height:30px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-identity-stage,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-identity-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:178px!important;
  height:178px!important;
  margin:0!important;
  padding:14px 16px!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(88,247,255,.10)!important;
  border-bottom:1px solid rgba(88,247,255,.13)!important;
  box-shadow:inset 0 -14px 24px rgba(4,26,30,.035)!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline + .cause-identity-stage,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline + .cause-identity-stage{
  margin-top:0!important;
  padding-top:14px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-name,
#shellMain .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-name a,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-name,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-name a{
  display:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-logo-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-logo-link{
  height:132px!important;
  min-height:132px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-identity-stage img.cause-pick-logo,
#shellMain .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-logo-link img,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage img.cause-pick-logo,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage .cause-pick-logo-link img{
  max-width:98%!important;
  max-height:118px!important;
  object-fit:contain!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:88px!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,#08343a 0%,#041a1d 100%)!important;
  border-top:1px solid rgba(88,247,255,.18)!important;
  color:#dff6f8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(88,247,255,.09)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  flex:1 1 auto!important;
  min-height:58px!important;
  max-height:58px!important;
  height:58px!important;
  margin:0!important;
  padding:8px 12px 5px!important;
  background:transparent!important;
  border:0!important;
  color:rgba(223,246,248,.84)!important;
  font-size:10.8px!important;
  line-height:1.28!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  margin:0 12px!important;
  padding:5px 0 7px!important;
  border-top:1px solid rgba(88,247,255,.16)!important;
  color:rgba(223,246,248,.64)!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(223,246,248,.72)!important;
  text-align:left!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site span,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site span{
  color:rgba(244,254,255,.82)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link.inert,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link.inert{
  color:rgba(223,246,248,.70)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
  text-transform:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:focus{
  color:#fff!important;
  outline:0!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-card-domain-row,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-card-domain-row{
  display:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions{
  margin:auto 0 0!important;
  padding:8px 8px 8px!important;
  gap:6px!important;
  background:#061416!important;
  border-top:1px solid rgba(88,247,255,.12)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button{
  flex:1 1 0!important;
  min-height:25px!important;
  height:25px!important;
  padding:0 6px!important;
  background:linear-gradient(180deg,#08343a 0%,#031416 100%)!important;
  border:1px solid rgba(88,247,255,.38)!important;
  color:#f4feff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  text-align:center!important;
  text-decoration:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a:focus,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button:hover,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button:focus{
  background:linear-gradient(180deg,#0b4650 0%,#052024 100%)!important;
  border-color:rgba(88,247,255,.66)!important;
  color:#fff!important;
  outline:0!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
  left:0!important;
  right:0!important;
  bottom:41px!important;
  max-height:122px!important;
  padding:22px 8px 7px!important;
  gap:5px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  background:linear-gradient(180deg,#fbfefd 0%,#edf6f7 100%)!important;
  border:1px solid rgba(8,72,80,.38)!important;
  box-shadow:0 9px 18px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.90)!important;
  color:#102a2e!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open{
  display:grid!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-stats-panel .cause-stats-title,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-stats-panel .cause-stats-title{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#08343a 0%,#041a1d 100%)!important;
  border-bottom:1px solid rgba(88,247,255,.25)!important;
  color:#f4feff!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  line-height:17px!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-stats-panel span,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-stats-panel span{
  display:block!important;
  min-width:0!important;
  padding:3px 4px!important;
  background:#fff!important;
  border:1px solid rgba(8,72,80,.15)!important;
  color:#31484c!important;
  font-size:8.8px!important;
  line-height:1.12!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-stats-panel b,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-stats-panel b{
  color:#052f36!important;
  font-size:10px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-stats-panel .cause-stats-close,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-stats-panel .cause-stats-close{
  position:absolute!important;
  top:2px!important;
  right:3px!important;
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:1px solid rgba(88,247,255,.36)!important;
  background:#041a1d!important;
  color:#f4feff!important;
  font-size:12px!important;
  line-height:16px!important;
}
@media(max-width:560px){
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{min-height:0!important;}
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
    position:static!important;
    margin:0!important;
    max-height:none!important;
  }
}


/* ========================================================================
   MPMH060 CURRENT CONTROL LAYER — Causes header frame + teal section ownership
   Scope: Main dynamic section titlebar framing and Causes directory surface.
   - Gives the dynamic main section titlebar a complete framed outline so later
     minimize/close controls have a cleaner titlebar home.
   - Extends the MPMH059 deep-teal Causes language from the cards to the main
     CAUSES header, Causes discovery panel header, sort/filter rail, and card
     container edge.
   - Preserves Leaderboards color language; only its frame receives the shared
     titlebar containment treatment.
   - No JS behavior, route, Signal, ADMIN, data, ledger, attribution, or backend.
   ======================================================================== */

:root{
  --mpmh060-cause-teal-top:#0a4650;
  --mpmh060-cause-teal-mid:#08343a;
  --mpmh060-cause-teal-deep:#041a1d;
  --mpmh060-cause-teal-edge:rgba(88,247,255,.38);
  --mpmh060-cause-teal-edge-soft:rgba(88,247,255,.20);
  --mpmh060-cause-teal-text:#f4feff;
  --mpmh060-titlebar-blue-edge:rgba(84,145,202,.42);
}

/* Shared titlebar frame: keep existing section colors, but make every main
   title rail read as a real framed bar instead of a loose strip. */
#mpmhLiveSectionHeader.mpmh-live-section-header,
.mpmh-live-section-header{
  position:relative!important;
  box-sizing:border-box!important;
  border:1px solid var(--mpmh060-titlebar-blue-edge)!important;
  border-left:1px solid var(--mpmh060-titlebar-blue-edge)!important;
  border-right:1px solid var(--mpmh060-titlebar-blue-edge)!important;
  border-radius:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 8px 20px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
#mpmhLiveSectionHeader .mpmh-live-section-inner,
.mpmh-live-section-inner{
  position:relative!important;
  box-sizing:border-box!important;
  min-height:29px!important;
  padding-right:92px!important; /* future right-side window controls lane */
  padding-left:92px!important;
}
#mpmhLiveSectionHeader .mpmh-live-section-inner::after,
.mpmh-live-section-inner::after{
  content:"";
  position:absolute;
  top:5px;
  right:12px;
  bottom:5px;
  width:70px;
  border-left:1px solid rgba(255,255,255,.055);
  opacity:.55;
  pointer-events:none;
}

/* Causes titlebar ownership: match the deep-teal cause cards. */
#mpmhLiveSectionHeader[data-active-tab="charities"],
#mpmhLiveSectionHeader[data-active-tab="causes"],
#mpmhLiveSectionHeader[data-active-tab="cause_directory"]{
  background:linear-gradient(180deg,var(--mpmh060-cause-teal-top) 0%,var(--mpmh060-cause-teal-mid) 42%,var(--mpmh060-cause-teal-deep) 100%)!important;
  background-color:var(--mpmh060-cause-teal-mid)!important;
  border-color:var(--mpmh060-cause-teal-edge)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), inset 0 -1px 0 rgba(88,247,255,.16), 0 9px 24px rgba(0,0,0,.34)!important;
}
#mpmhLiveSectionHeader[data-active-tab="charities"] #mpmhLiveSectionTitle,
#mpmhLiveSectionHeader[data-active-tab="causes"] #mpmhLiveSectionTitle,
#mpmhLiveSectionHeader[data-active-tab="cause_directory"] #mpmhLiveSectionTitle{
  color:var(--mpmh060-cause-teal-text)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 14px rgba(88,247,255,.10)!important;
}
#mpmhLiveSectionHeader[data-active-tab="charities"] #mpmhLiveSectionSubtitle,
#mpmhLiveSectionHeader[data-active-tab="causes"] #mpmhLiveSectionSubtitle,
#mpmhLiveSectionHeader[data-active-tab="cause_directory"] #mpmhLiveSectionSubtitle{
  color:rgba(223,246,248,.76)!important;
}
#mpmhLiveSectionHeader[data-active-tab="charities"]::after,
#mpmhLiveSectionHeader[data-active-tab="causes"]::after,
#mpmhLiveSectionHeader[data-active-tab="cause_directory"]::after{
  background:linear-gradient(90deg,transparent,rgba(88,247,255,.55),rgba(255,255,255,.18),rgba(88,247,255,.34),transparent)!important;
  opacity:.78!important;
}
#mpmhLiveSectionHeader[data-active-tab="charities"] .mpmh-live-section-inner::after,
#mpmhLiveSectionHeader[data-active-tab="causes"] .mpmh-live-section-inner::after,
#mpmhLiveSectionHeader[data-active-tab="cause_directory"] .mpmh-live-section-inner::after{
  border-left-color:rgba(88,247,255,.16)!important;
  opacity:.72!important;
}

/* Cause panel header + control rail: same family as the cause cards. */
#shellMain .causes-discovery-panel .causes-discovery-head,
.causes-discovery-panel .causes-discovery-head{
  background:linear-gradient(180deg,var(--mpmh060-cause-teal-top) 0%,var(--mpmh060-cause-teal-mid) 48%,var(--mpmh060-cause-teal-deep) 100%)!important;
  border:1px solid var(--mpmh060-cause-teal-edge)!important;
  border-bottom-color:rgba(88,247,255,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(88,247,255,.13)!important;
  color:var(--mpmh060-cause-teal-text)!important;
}
#shellMain .causes-discovery-panel .causes-discovery-head > span:first-child,
.causes-discovery-panel .causes-discovery-head > span:first-child{
  color:var(--mpmh060-cause-teal-text)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.72)!important;
}
#shellMain .causes-discovery-panel .causes-discovery-head > span:last-child,
.causes-discovery-panel .causes-discovery-head > span:last-child{
  color:rgba(223,246,248,.72)!important;
}
#shellMain .causes-discovery-panel .cause-sort-strip,
.causes-discovery-panel .cause-sort-strip{
  background:linear-gradient(180deg,#031416 0%,#020b0d 100%)!important;
  border:1px solid rgba(88,247,255,.26)!important;
  border-top-color:rgba(88,247,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), 0 8px 18px rgba(0,0,0,.25)!important;
}
#shellMain .causes-discovery-panel .cause-sort-chip,
#shellMain .causes-discovery-panel .cause-view-toggle,
.causes-discovery-panel .cause-sort-chip,
.causes-discovery-panel .cause-view-toggle{
  background:linear-gradient(180deg,#08343a 0%,#031416 100%)!important;
  border:1px solid rgba(88,247,255,.30)!important;
  color:#f4feff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#shellMain .causes-discovery-panel .cause-sort-chip.active,
#shellMain .causes-discovery-panel .cause-sort-chip:hover,
#shellMain .causes-discovery-panel .cause-sort-chip:focus,
#shellMain .causes-discovery-panel .cause-view-toggle:hover,
#shellMain .causes-discovery-panel .cause-view-toggle:focus,
.causes-discovery-panel .cause-sort-chip.active,
.causes-discovery-panel .cause-sort-chip:hover,
.causes-discovery-panel .cause-sort-chip:focus,
.causes-discovery-panel .cause-view-toggle:hover,
.causes-discovery-panel .cause-view-toggle:focus{
  background:linear-gradient(180deg,#0b4650 0%,#052024 100%)!important;
  border-color:rgba(88,247,255,.58)!important;
  color:#fff!important;
  outline:0!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view,
#shellMain .causes-discovery-panel .cause-discovery-scroll.table-view,
.causes-discovery-panel .cause-discovery-scroll,
.causes-discovery-panel .cause-discovery-scroll.card-view,
.causes-discovery-panel .cause-discovery-scroll.table-view{
  background:radial-gradient(circle at top right,rgba(88,247,255,.10),transparent 32%),linear-gradient(180deg,#020c0e 0%,#000 100%)!important;
  border:1px solid rgba(88,247,255,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018), 0 10px 24px rgba(0,0,0,.28)!important;
  scrollbar-color:#0b4650 #020c0e!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll:focus,
.causes-discovery-panel .cause-discovery-scroll:focus{
  border-color:rgba(88,247,255,.48)!important;
  box-shadow:0 0 0 2px rgba(88,247,255,.10), inset 0 0 0 1px rgba(88,247,255,.10)!important;
  outline:0!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-track,
.causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-track{
  background:#020c0e!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-thumb,
.causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-thumb{
  background:#0b4650!important;
  border-color:#020c0e!important;
}
#shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-thumb:hover,
.causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-thumb:hover{
  background:#0e5b68!important;
}

/* Keep Leaderboards palette intact; only add the shared titlebar frame from above. */


/* ========================================================================
   MPMH061 CURRENT CONTROL LAYER — Typography / readability pass
   Scope: public card typography and restrained public-copy readability.
   - Brand/Campaign and Cause card top labels are visually uppercased, centered,
     and slightly larger with a small titlebar height increase.
   - Card descriptions get a modest readability bump without changing card
     structure, routes, Signal, data, or backend behavior.
   - Metadata/action typography receives a light contrast/size cleanup while
     staying visually secondary.
   - A restrained public editorial copy layer improves readability in non-legal
     public surfaces without changing layout ownership.
   ======================================================================== */

:root{
  --mpmh061-card-title-h:32px;
  --mpmh061-card-title-size:10.8px;
  --mpmh061-card-title-spacing:.082em;
  --mpmh061-card-body-size:10.9px;
  --mpmh061-card-body-line:1.36;
}

/* Brand/Campaign card titlebar typography */
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline{
  min-height:var(--mpmh061-card-title-h)!important;
  height:var(--mpmh061-card-title-h)!important;
  padding:0 12px!important;
  align-items:center!important;
  justify-content:center!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child{
  font-size:var(--mpmh061-card-title-size)!important;
  line-height:var(--mpmh061-card-title-h)!important;
  font-weight:950!important;
  letter-spacing:var(--mpmh061-card-title-spacing)!important;
  text-transform:uppercase!important;
  text-align:center!important;
}

/* Cause card titlebar: keep AVAILABLE in the right lane while centering name. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:var(--mpmh061-card-title-h)!important;
  height:var(--mpmh061-card-title-h)!important;
  padding:0 64px!important;
  gap:0!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:var(--mpmh061-card-title-size)!important;
  line-height:var(--mpmh061-card-title-h)!important;
  font-weight:950!important;
  letter-spacing:.062em!important;
  text-transform:uppercase!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state{
  position:absolute!important;
  right:9px!important;
  top:0!important;
  bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  max-width:56px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:7.1px!important;
  line-height:var(--mpmh061-card-title-h)!important;
  letter-spacing:.115em!important;
}

/* The brand stats panel starts below the larger titlebar + unchanged logo area. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
  top:176px!important;
}

/* Card body copy readability: slightly larger, calmer line-height, same zones. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  font-size:var(--mpmh061-card-body-size)!important;
  line-height:var(--mpmh061-card-body-line)!important;
  font-weight:520!important;
  max-height:60px!important;
  -webkit-line-clamp:4!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  font-size:11.2px!important;
  line-height:1.33!important;
  font-weight:520!important;
  color:rgba(230,250,251,.88)!important;
}

/* Metadata remains secondary, but becomes a touch easier to read. */
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  font-size:8.4px!important;
  line-height:1.20!important;
  letter-spacing:.07em!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  font-size:8px!important;
  line-height:1.16!important;
  letter-spacing:.082em!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  font-size:8.8px!important;
  line-height:1.17!important;
  letter-spacing:.052em!important;
}

/* Button typography only: same control height, clearer label weight. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button{
  font-size:8.9px!important;
  font-weight:950!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}

/* Main section titlebars: very small readability lift, no palette change. */
#mpmhLiveSectionTitle,
.mpmh-live-section-title{
  font-size:14px!important;
  letter-spacing:.22em!important;
  font-weight:950!important;
}

/* Restrained public editorial readability layer. Avoid legal/footer/table rows. */
#shellMain .mpmh-state-surface p,
#shellMain .mpmh-state-card p,
#shellMain .mpmh-state-panel p,
#shellMain .mpmh-signals-intro-copy p,
#shellMain .mpmh-signal-method-note,
#shellMain .mpmh-signal-explain-card p,
#shellMain .mph-home-cause-description,
#shellMain .faq-panel p,
#shellMain .how-panel p,
#shellMain .how-it-works-panel p{
  font-size:clamp(11.4px, .72vw, 12.4px)!important;
  line-height:1.58!important;
}

@media(max-width:560px){
  :root{
    --mpmh061-card-title-h:30px;
    --mpmh061-card-title-size:10px;
    --mpmh061-card-body-size:10.4px;
  }
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
    padding:0 54px!important;
  }
  #shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel{
    top:auto!important;
  }
}


/* ========================================================================
   MPMH062 CURRENT CONTROL LAYER — Card lower readout contrast test
   Scope: Brand/Campaign and Cause card lower info zones only.
   - Converts the default lower card body into a black readout-style container
     with restrained themed borders and green/teal-gray input-style text.
   - Keeps the white logo stage as the visual hero and keeps stats-open panels
     light/white over the card body.
   - No card dimension, route, Signal, ADMIN, data, ledger, attribution, or
     backend behavior changes.
   ======================================================================== */

:root{
  --mpmh062-brand-readout-bg:#000503;
  --mpmh062-brand-readout-bg2:#010c08;
  --mpmh062-brand-readout-border:rgba(11,249,158,.32);
  --mpmh062-brand-readout-border-soft:rgba(11,249,158,.18);
  --mpmh062-brand-readout-text:#c9ded7;
  --mpmh062-brand-readout-strong:#e7fff5;
  --mpmh062-brand-readout-muted:#8fa79f;
  --mpmh062-cause-readout-bg:#000607;
  --mpmh062-cause-readout-bg2:#010d10;
  --mpmh062-cause-readout-border:rgba(88,247,255,.32);
  --mpmh062-cause-readout-border-soft:rgba(88,247,255,.18);
  --mpmh062-cause-readout-text:#c6e2e5;
  --mpmh062-cause-readout-strong:#effeff;
  --mpmh062-cause-readout-muted:#8aa9ad;
}

/* Brand/Campaign lower readout container */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  background:
    linear-gradient(180deg,var(--mpmh062-brand-readout-bg) 0%,var(--mpmh062-brand-readout-bg2) 100%)!important;
  border-top:1px solid var(--mpmh062-brand-readout-border)!important;
  border-left:1px solid var(--mpmh062-brand-readout-border-soft)!important;
  border-right:1px solid var(--mpmh062-brand-readout-border-soft)!important;
  border-bottom:1px solid rgba(11,249,158,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.030),
    inset 0 0 0 1px rgba(0,0,0,.58),
    inset 0 -16px 26px rgba(11,249,158,.018)!important;
  color:var(--mpmh062-brand-readout-text)!important;
  box-sizing:border-box!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:var(--mpmh062-brand-readout-text)!important;
  font-weight:540!important;
  text-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a{
  color:var(--mpmh062-brand-readout-text)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus{
  color:var(--mpmh062-brand-readout-strong)!important;
  text-decoration:none!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  border-top:1px solid var(--mpmh062-brand-readout-border-soft)!important;
  color:var(--mpmh062-brand-readout-muted)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  color:var(--mpmh062-brand-readout-muted)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:rgba(231,255,245,.86)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:rgba(201,222,215,.86)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a:focus{
  color:var(--mpmh062-brand-readout-strong)!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  color:rgba(143,167,159,.82)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  color:rgba(201,222,215,.72)!important;
}

/* Cause lower readout container */
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone{
  background:
    linear-gradient(180deg,var(--mpmh062-cause-readout-bg) 0%,var(--mpmh062-cause-readout-bg2) 100%)!important;
  border-top:1px solid var(--mpmh062-cause-readout-border)!important;
  border-left:1px solid var(--mpmh062-cause-readout-border-soft)!important;
  border-right:1px solid var(--mpmh062-cause-readout-border-soft)!important;
  border-bottom:1px solid rgba(88,247,255,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.030),
    inset 0 0 0 1px rgba(0,0,0,.58),
    inset 0 -16px 26px rgba(88,247,255,.018)!important;
  color:var(--mpmh062-cause-readout-text)!important;
  box-sizing:border-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  color:var(--mpmh062-cause-readout-text)!important;
  font-weight:540!important;
  text-shadow:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  border-top:1px solid var(--mpmh062-cause-readout-border-soft)!important;
  color:var(--mpmh062-cause-readout-muted)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site{
  color:var(--mpmh062-cause-readout-muted)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site span,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site span{
  color:rgba(239,254,255,.86)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link.inert,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link.inert{
  color:rgba(198,226,229,.86)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:focus{
  color:var(--mpmh062-cause-readout-strong)!important;
  outline:0!important;
}

/* Keep stats panels intentionally light/white after the readout contrast test. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
  background:linear-gradient(180deg,#fbfefd 0%,#edf6f7 100%)!important;
}


/* ========================================================================
   MPMH063 CURRENT CONTROL LAYER — Terminal/readout lower card refinement
   Scope: Brand/Campaign and Cause card lower information/action zones only.
   - Brand lower body: true black readout with green search/input-style mono text.
   - Cause lower body: true black readout with matching blue/teal mono text.
   - Thin themed outlines replace filled green/teal body surfaces.
   - Cause metadata is anchored lower and normalized with Brand card context rhythm.
   - White logo areas and light stats-open panels are preserved.
   - No routes, Signal, ADMIN, data, ledger, attribution, cookies, or backend changes.
   ======================================================================== */

:root{
  --mpmh063-brand-terminal:#0bf99e;
  --mpmh063-brand-terminal-soft:rgba(11,249,158,.78);
  --mpmh063-brand-terminal-dim:rgba(11,249,158,.52);
  --mpmh063-brand-terminal-border:rgba(11,249,158,.36);
  --mpmh063-brand-terminal-border-soft:rgba(11,249,158,.18);
  --mpmh063-cause-terminal:#58f7ff;
  --mpmh063-cause-terminal-soft:rgba(88,247,255,.78);
  --mpmh063-cause-terminal-dim:rgba(88,247,255,.54);
  --mpmh063-cause-terminal-border:rgba(88,247,255,.36);
  --mpmh063-cause-terminal-border-soft:rgba(88,247,255,.18);
  --mpmh063-terminal-font:"SFMono-Regular","Consolas","Liberation Mono","Courier New",monospace;
}

/* Make the lower frame truly black instead of green-filled. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-card,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card{
  background:#000!important;
  border-color:var(--mpmh063-brand-terminal-border-soft)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{
  background:#000!important;
  border-color:var(--mpmh063-cause-terminal-border-soft)!important;
}

/* Brand/Campaign lower readout: black field + green input/search typography. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone{
  background:#000!important;
  border-top:1px solid var(--mpmh063-brand-terminal-border)!important;
  border-left:1px solid var(--mpmh063-brand-terminal-border-soft)!important;
  border-right:1px solid var(--mpmh063-brand-terminal-border-soft)!important;
  border-bottom:1px solid var(--mpmh063-brand-terminal-border-soft)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72), inset 0 1px 0 rgba(11,249,158,.06)!important;
  color:var(--mpmh063-brand-terminal-soft)!important;
  font-family:var(--mpmh063-terminal-font)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:var(--mpmh063-brand-terminal-soft)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  font-weight:500!important;
  letter-spacing:.005em!important;
  text-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link{
  color:var(--mpmh063-brand-terminal)!important;
  font:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a:focus{
  color:#eafff7!important;
  outline:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context{
  margin-top:auto!important;
  padding-top:7px!important;
  border-top:1px solid var(--mpmh063-brand-terminal-border-soft)!important;
  color:var(--mpmh063-brand-terminal-dim)!important;
  font-family:var(--mpmh063-terminal-font)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  color:var(--mpmh063-brand-terminal)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  font-weight:700!important;
  text-transform:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site em,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site span,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site em{
  color:var(--mpmh063-brand-terminal)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  font-style:normal!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  color:var(--mpmh063-brand-terminal-dim)!important;
  font:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  color:var(--mpmh063-brand-terminal-dim)!important;
  font-family:var(--mpmh063-terminal-font)!important;
}

/* Brand action rail follows the black field instead of filling green. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions{
  background:#000!important;
  border-top:1px solid var(--mpmh063-brand-terminal-border-soft)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button{
  background:#000!important;
  border:1px solid var(--mpmh063-brand-terminal-border)!important;
  color:#f3fff9!important;
  box-shadow:inset 0 1px 0 rgba(11,249,158,.08)!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:focus,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
#shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:focus,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:focus{
  background:#02150d!important;
  border-color:rgba(11,249,158,.70)!important;
  color:#fff!important;
  outline:0!important;
}

/* Cause lower readout: black field + blue/teal input/search typography. */
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone{
  background:#000!important;
  border-top:1px solid var(--mpmh063-cause-terminal-border)!important;
  border-left:1px solid var(--mpmh063-cause-terminal-border-soft)!important;
  border-right:1px solid var(--mpmh063-cause-terminal-border-soft)!important;
  border-bottom:1px solid var(--mpmh063-cause-terminal-border-soft)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.72), inset 0 1px 0 rgba(88,247,255,.06)!important;
  color:var(--mpmh063-cause-terminal-soft)!important;
  font-family:var(--mpmh063-terminal-font)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  color:var(--mpmh063-cause-terminal-soft)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  font-weight:500!important;
  letter-spacing:.005em!important;
  text-shadow:none!important;
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  padding-bottom:4px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  margin-top:auto!important;
  padding:7px 0 8px!important;
  border-top:1px solid var(--mpmh063-cause-terminal-border-soft)!important;
  color:var(--mpmh063-cause-terminal-dim)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  text-align:left!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site{
  color:var(--mpmh063-cause-terminal)!important;
  font-family:var(--mpmh063-terminal-font)!important;
  font-weight:700!important;
  text-transform:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site span,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site span{
  color:var(--mpmh063-cause-terminal)!important;
  font-family:var(--mpmh063-terminal-font)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link.inert,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:visited,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link.inert{
  color:var(--mpmh063-cause-terminal-dim)!important;
  font:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link:focus{
  color:#effeff!important;
  outline:0!important;
}

/* Cause action rail follows the black field instead of filling teal. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions{
  background:#000!important;
  border-top:1px solid var(--mpmh063-cause-terminal-border-soft)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button{
  background:#000!important;
  border:1px solid var(--mpmh063-cause-terminal-border)!important;
  color:#f3feff!important;
  box-shadow:inset 0 1px 0 rgba(88,247,255,.08)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions a:focus,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button:hover,
#shellMain .cause-discovery-scroll.card-view .cause-pick-actions button:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a:focus,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button:hover,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button:focus{
  background:#031114!important;
  border-color:rgba(88,247,255,.70)!important;
  color:#fff!important;
  outline:0!important;
}

/* Stats-open panels remain light/white for contrast against the terminal body. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-stats-panel,
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
  background:linear-gradient(180deg,#fbfefd 0%,#edf6f7 100%)!important;
}


/* ========================================================================
   MPMH064 CURRENT CONTROL LAYER — Clean headers + right-aligned metadata
   Scope: Brand/Campaign and Cause card header/status/metadata polish only.
   - Cause card headers are clean name-only headers; AVAILABLE/SELECTED badge hidden/removed.
   - Website/domain metadata right-aligns above the right-side country/market column on Brand cards.
   - Cause website metadata right-aligns inside the cause-card context line.
   - Black terminal/readout fields are reinforced with thin outlines and no filled green/teal body.
   - No Leaderboards, routes, Signal, ADMIN, data, ledger, attribution, cookies, or backend changes.
   ======================================================================== */

/* Clean titlebar ownership: names only, centered, with no visible status badge. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
  justify-content:center!important;
  align-items:center!important;
  padding-left:12px!important;
  padding-right:12px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline > span:first-child,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline > span:first-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state{
  display:none!important;
}

/* Reinforce true black readout surfaces; keep color as outline/text, not filled card body. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone,
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  background:#000!important;
  background-image:none!important;
}

/* Brand/Campaign metadata: MPID left, website/domain right; category left, country right below. */
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  line-height:1.25!important;
  letter-spacing:.015em!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-id-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-id-label{
  flex:0 0 auto!important;
  min-width:max-content!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site .brand-card-domain-link{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:auto!important;
  text-align:right!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:3px!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label{
  flex:0 0 auto!important;
  margin-left:auto!important;
  text-align:right!important;
}

/* Cause metadata: Cause ID left, website right; normalized lower anchor. */
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone{
  display:flex!important;
  flex-direction:column!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  margin-top:auto!important;
  padding-top:7px!important;
  padding-bottom:8px!important;
  border-top:1px solid var(--mpmh063-cause-terminal-border-soft, rgba(88,247,255,.18))!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  line-height:1.25!important;
  letter-spacing:.015em!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site .cause-card-id-label,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site .cause-card-id-label{
  flex:0 0 auto!important;
  min-width:max-content!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link.inert,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link.inert{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:auto!important;
  text-align:right!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}

/* Slightly calmer description copy while preserving the terminal/readout family. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  font-weight:500!important;
  letter-spacing:.002em!important;
  line-height:1.45!important;
}


/* ========================================================================
   MPMH065 CURRENT CONTROL LAYER — Roboto Mono readability + clean clamps
   Scope: Brand/Campaign and Cause card typography only.
   - Description copy moves to a cleaner/narrower Roboto Mono-style stack.
   - Brand descriptions clamp to 3 full clean lines.
   - Cause descriptions clamp to 4 full clean lines.
   - Card title text shifts from blunt pure white to matching mint/aqua tones.
   - No card-size, route, Signal, ADMIN, data, ledger, attribution, cookie, or backend changes.
   ======================================================================== */

:root{
  --mpmh065-desc-font:"Roboto Mono","SFMono-Regular","Cascadia Mono","Consolas","Liberation Mono",monospace;
  --mpmh065-brand-title:#d9ffef;
  --mpmh065-cause-title:#d9fbff;
  --mpmh065-brand-desc:#3cffbd;
  --mpmh065-cause-desc:#62f7ff;
}

/* Polished titlebar text: still bright, but matched to each card family instead of flat white. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child{
  color:var(--mpmh065-brand-title)!important;
  text-shadow:0 0 10px rgba(11,249,158,.10)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
  color:var(--mpmh065-cause-title)!important;
  text-shadow:0 0 10px rgba(88,247,255,.10)!important;
}

/* Description copy: narrower terminal/readout feel, cleaner rhythm, no half-line clipping. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  font-family:var(--mpmh065-desc-font)!important;
  color:var(--mpmh065-brand-desc)!important;
  font-size:10.85px!important;
  line-height:1.42!important;
  letter-spacing:-.012em!important;
  font-weight:500!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  max-height:calc(10.85px * 1.42 * 3)!important;
  min-height:calc(10.85px * 1.42 * 3)!important;
  padding-bottom:0!important;
}
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link{
  font-family:inherit!important;
  color:inherit!important;
  letter-spacing:inherit!important;
  font-weight:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  font-family:var(--mpmh065-desc-font)!important;
  color:var(--mpmh065-cause-desc)!important;
  font-size:10.9px!important;
  line-height:1.40!important;
  letter-spacing:-.014em!important;
  font-weight:500!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  max-height:calc(10.9px * 1.40 * 4)!important;
  min-height:calc(10.9px * 1.40 * 4)!important;
  padding-bottom:0!important;
  flex:0 0 auto!important;
}

/* Keep metadata sharper/more compact than paragraph copy. */
#shellMain .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context,
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  font-family:"SFMono-Regular","Cascadia Mono","Consolas","Liberation Mono",monospace!important;
  letter-spacing:.018em!important;
}


/* ========================================================================
   MPMH066 CURRENT CONTROL LAYER — card title color + exact text geometry
   Scope: Brand/Campaign and Cause card typography/spacing only.
   - Card titlebar text now uses the same terminal/readout color family as lower card copy.
   - Cause card descriptions are given enough exact content height for four full lines.
   - Cause metadata/footer is tightened and anchored below the four-line description.
   - Brand descriptions remain three clean lines.
   - No routes, Signal, ADMIN, data, ledger, attribution, cookies, or backend changes.
   ======================================================================== */

:root{
  --mpmh066-brand-title:var(--mpmh065-brand-desc,#3cffbd);
  --mpmh066-cause-title:var(--mpmh065-cause-desc,#62f7ff);
  --mpmh066-cause-desc-size:10.75px;
  --mpmh066-cause-desc-line:1.34;
  --mpmh066-cause-desc-lines:4;
  --mpmh066-cause-desc-height:calc(var(--mpmh066-cause-desc-size) * var(--mpmh066-cause-desc-line) * var(--mpmh066-cause-desc-lines));
}

/* Match card-header title color to the lower terminal/readout text. */
#shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child{
  color:var(--mpmh066-brand-title)!important;
  text-shadow:0 0 8px rgba(11,249,158,.14)!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
  color:var(--mpmh066-cause-title)!important;
  text-shadow:0 0 8px rgba(88,247,255,.14)!important;
}

/* Cause cards: allow the lower readout area to hold exactly four clean description lines plus metadata. */
#shellMain .cause-discovery-scroll.card-view .cause-pick-card,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{
  min-height:365px!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone{
  min-height:112px!important;
  height:112px!important;
  flex:0 0 112px!important;
  padding:8px 12px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
  font-family:var(--mpmh065-desc-font,"Roboto Mono","SFMono-Regular","Cascadia Mono","Consolas","Liberation Mono",monospace)!important;
  color:var(--mpmh065-cause-desc,#62f7ff)!important;
  font-size:var(--mpmh066-cause-desc-size)!important;
  line-height:var(--mpmh066-cause-desc-line)!important;
  letter-spacing:-.014em!important;
  font-weight:500!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  width:100%!important;
  height:var(--mpmh066-cause-desc-height)!important;
  min-height:var(--mpmh066-cause-desc-height)!important;
  max-height:var(--mpmh066-cause-desc-height)!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 var(--mpmh066-cause-desc-height)!important;
  box-sizing:content-box!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-context,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context{
  margin:7px 0 0!important;
  padding:5px 0 0!important;
  min-height:22px!important;
  line-height:1.12!important;
  font-size:8.35px!important;
  border-top:1px solid var(--mpmh063-cause-terminal-border-soft,rgba(88,247,255,.18))!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site{
  line-height:1.12!important;
}
#shellMain .cause-discovery-scroll.card-view .cause-card-id-site .cause-card-id-label,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site .cause-card-id-label,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .cause-discovery-scroll.card-view .cause-card-domain-link.inert,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link,
#shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-domain-link.inert{
  line-height:1.12!important;
}

/* Preserve the existing Brand/Campaign 3-line description geometry, but align header color with the lower readout. */
#shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
#shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
  color:var(--mpmh065-brand-desc,#3cffbd)!important;
}


/* ========================================================================
   MPMH071 APP CHROME CENTERLINE REPAIR
   Base: MPMH066. Intentionally does NOT inherit MPMH067-MPMH070.
   Purpose:
   - The live section title rail now lives inside #mpmhUnifiedShell in PHP.
   - This layer stops old 100vw/negative-margin title-rail behavior from
     re-centering the rail against a different box than the world/search row.
   - One app chrome centerline owns world logo, search, nav, and live title.
   - Real top/bottom borders are used; pseudo gradient borders are disabled.
   Scope: header/title rail geometry only.
   ======================================================================== */
@media (min-width:901px){
  html,
  body{
    scrollbar-gutter:stable both-edges;
  }

  #publicShell.public-shell{
    overflow-x:hidden!important;
  }

  #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #mpmhUnifiedShell .mpmh-nav-search-row{
    border-bottom:0!important;
    box-shadow:none!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(0,249,158,.34)!important;
    border-bottom:1px solid rgba(0,249,158,.34)!important;
    box-shadow:none!important;
    z-index:260!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header::before,
  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header::after{
    content:none!important;
    display:none!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:28px!important;
    height:28px!important;
    margin:0!important;
    padding:0 18px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    display:block!important;
    width:auto!important;
    max-width:calc(100% - 60px)!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#29ffb9!important;
    font-size:14px!important;
    line-height:28px!important;
    font-weight:950!important;
    letter-spacing:.32em!important;
    text-transform:uppercase!important;
    text-shadow:0 0 12px rgba(0,249,158,.22)!important;
    z-index:2!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionSubtitle.mpmh-live-section-subtitle{
    display:none!important;
  }

  /* Keep selected-cause HOME titlebars from inheriting an oversized rail. */
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="cause_alignment"] .mpmh-live-section-inner,
  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-selected-cause-rail-active .mpmh-live-section-inner{
    min-height:28px!important;
    height:28px!important;
    padding:0 18px!important;
  }
}


/* ========================================================================
   MPMH072 LIVE SECTION TITLE CENTERLINE ANCHOR
   Base: MPMH071.
   Purpose:
   - The rail/frame remains structural inside the unified app chrome.
   - The visible live section title is no longer centered by the rail box.
   - JS measures the world/search lockup center and writes --mpmh-live-title-left
     relative to the rail, so CAUSES / BRANDS / SIGNALS / etc. share one
     centerline with the world logo and search control.
   Scope: live title centerline only. No card/body/content styling changes.
   ======================================================================== */
@media (min-width:901px){
  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    position:relative!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
    position:relative!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
    position:absolute!important;
    top:0!important;
    left:var(--mpmh-live-title-left,50%)!important;
    transform:translateX(-50%)!important;
    display:block!important;
    width:max-content!important;
    max-width:min(72vw,780px)!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    pointer-events:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
  }
}


/* ========================================================================
   MPMH073 NEUTRAL HEADER TONE + SEARCH-CENTERLINE REFINEMENT
   Base: MPMH072.
   Purpose:
   - Pull main section/card header lettering out of neon green/teal and into
     a calmer neutral grayscale tone.
   - Preserve green/teal identity in borders, readout bodies, metadata, and
     active controls rather than the name/title lettering itself.
   - Keep the 072 app-chrome title rail structure; JS now measures the actual
     top search control first for the live-title centerline.
   Scope: title/header typography and centerline refinement only.
   ======================================================================== */
@media (min-width:901px){
  :root{
    --mpmh073-neutral-title:#e4ece9;
    --mpmh073-neutral-shadow:rgba(255,255,255,.08);
  }

  #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="campaigns"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="category_filter"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="charities"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="causes"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="cause_directory"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="signals"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="howitworks"] #mpmhLiveSectionTitle,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="faq"] #mpmhLiveSectionTitle{
    color:var(--mpmh073-neutral-title)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.80),0 0 8px var(--mpmh073-neutral-shadow)!important;
  }

  #shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
    color:var(--mpmh073-neutral-title)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.82),0 0 7px var(--mpmh073-neutral-shadow)!important;
  }

  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline .cause-card-state{
    display:none!important;
  }
}


/* ========================================================================
   MPMH074 CURRENT CONTROL LAYER — sitewide blue title headers + softened card descriptions
   Base: MPMH073.
   Purpose:
   - Restore clean blue main live-section title headers sitewide now that the
     app-chrome/title-rail outline is stabilized.
   - Keep title text neutral grayscale and slightly larger for readability.
   - Soften Brand/Campaign and Cause paragraph description text away from
     bright terminal green/teal while preserving colored metadata/readout
     accents and card borders.
   Scope: visual typography/color only; no card behavior, routes, Signal,
   ADMIN, data, ledger, attribution, cookies, or backend changes.
   ======================================================================== */
@media (min-width:901px){
  :root{
    --mpmh074-title-blue-bg:#07345b;
    --mpmh074-title-blue-bg2:#041e36;
    --mpmh074-title-blue-border:rgba(126,183,255,.58);
    --mpmh074-title-text:#f2f6f7;
    --mpmh074-brand-desc-soft:#b9d3ca;
    --mpmh074-cause-desc-soft:#b9d7dc;
    --mpmh074-brand-desc-link:#d0e9df;
    --mpmh074-cause-desc-link:#d2edf2;
  }

  /* Sitewide live section titlebar: blue returns, but with the corrected app-chrome rail geometry. */
  #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    background:linear-gradient(180deg,var(--mpmh074-title-blue-bg),var(--mpmh074-title-blue-bg2))!important;
    background-color:var(--mpmh074-title-blue-bg2)!important;
    border-top:1px solid var(--mpmh074-title-blue-border)!important;
    border-bottom:1px solid var(--mpmh074-title-blue-border)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(0,0,0,.68)!important;
  }

  #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title,
  #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab] #mpmhLiveSectionTitle{
    color:var(--mpmh074-title-text)!important;
    font-size:15px!important;
    line-height:28px!important;
    letter-spacing:.34em!important;
    font-weight:950!important;
    text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 10px rgba(126,183,255,.18)!important;
  }

  /* Card headers stay neutral, not neon. */
  #shellMain .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span:first-child,
  #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span:first-child{
    color:#edf3f2!important;
    text-shadow:0 1px 0 rgba(0,0,0,.86),0 0 7px rgba(255,255,255,.06)!important;
  }

  /* Softer public-readable card descriptions; metadata below remains accent-colored by prior layers. */
  #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc{
    color:var(--mpmh074-brand-desc-soft)!important;
    text-shadow:none!important;
    font-weight:500!important;
  }
  #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
  #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
  #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc a,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .mpmh036-campaign-cta-link,
  #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone .brand-pick-desc .brand-card-desc-link{
    color:var(--mpmh074-brand-desc-link)!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc{
    color:var(--mpmh074-cause-desc-soft)!important;
    text-shadow:none!important;
    font-weight:500!important;
  }
  #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc a,
  #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc .cause-card-desc-link,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc a,
  #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone .cause-pick-desc .cause-card-desc-link{
    color:var(--mpmh074-cause-desc-link)!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}


/* ========================================================================
   MPMH082 BLACK RAIL + TRUE BORDER WIPE
   Base: MPMH074.
   Intent:
   - Discard MPMH080 nudge and all 075-079 geometry attempts.
   - Turn the main live-section title rail fully black and hide its text.
   - Remove visible borders/frames across the public surface except the top
     search box and the footer line.
   - Keep routes, data, Signal, ADMIN, /go/to, cookies, attribution, and
     backend untouched.
   ======================================================================== */

:root{
  --mpmh082-search-border:rgba(126,183,255,.58);
  --mpmh082-search-divider:rgba(126,183,255,.38);
  --mpmh082-search-focus:rgba(11,249,158,.70);
  --mpmh082-footer-line:rgba(126,183,255,.22);
}

/* Broad visual border wipe. Keep layout dimensions but remove visible frames. */
html body *{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html body *::before,
html body *::after{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  background-image:none!important;
}

/* Kill the main blue live-section rail completely. */
html body #mpmhLiveSectionHeader,
html body .mpmh-live-section-header,
html body .live-section-header,
html body .dynamic-section-header,
html body .section-title-rail{
  min-height:10px!important;
  height:10px!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  background-image:none!important;
  border:0!important;
  border-color:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #mpmhLiveSectionHeader .mpmh-live-section-inner,
html body .mpmh-live-section-header .mpmh-live-section-inner{
  min-height:10px!important;
  height:10px!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #mpmhLiveSectionTitle,
html body #mpmhLiveSectionSubtitle,
html body .mpmh-live-section-title,
html body .mpmh-live-section-subtitle{
  visibility:hidden!important;
  color:transparent!important;
  text-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  letter-spacing:0!important;
  overflow:hidden!important;
}
html body #mpmhLiveSectionHeader::before,
html body #mpmhLiveSectionHeader::after,
html body .mpmh-live-section-header::before,
html body .mpmh-live-section-header::after,
html body .dynamic-section-header::before,
html body .dynamic-section-header::after,
html body .section-title-rail::before,
html body .section-title-rail::after{
  content:none!important;
  display:none!important;
}

/* Any remaining broad title/head surfaces go black rather than blue. Text stays
   visible here; only the live-section title rail text above is hidden. */
html body .panel-head,
html body .side-head,
html body .mpmh-contact-head,
html body .leaderboard-card h3,
html body .mpmh-legal-doc h1,
html body .mpmh-state-section-title,
html body .doc-card h1,
html body .doc-card h2,
html body .data-shell > h1,
html body .data-shell > h2,
html body .data-shell > header,
html body .panel > header,
html body .tab-panel > header{
  background:#000!important;
  background-image:none!important;
  border:0!important;
  border-color:#000!important;
  box-shadow:none!important;
}

/* Strip the visible framed look from common public containers/tables/cards. */
html body .public-shell,
html body #shellMain,
html body .shell-main,
html body .tab-panel,
html body .panel,
html body .data-shell,
html body .panel-body,
html body .doc-body,
html body .doc-card,
html body .mpmh-legal-doc,
html body .mpmh-contact-card,
html body .global-search-panel,
html body .brands-discovery-panel,
html body .causes-discovery-panel,
html body .brand-discovery-scroll,
html body .cause-discovery-scroll,
html body .category-card,
html body .category-tile,
html body .leaderboard-card,
html body .leaderboard-dashboard,
html body .leaderboard-unit,
html body .mph-selected-cause-card,
html body .mph-selected-cause-lower,
html body .mph-cause-signal-readout,
html body .mph-cause-signal-dashboard,
html body .table-shell,
html body .table-frame,
html body .table-wrap,
html body .table-scroll,
html body table,
html body th,
html body td,
html body .filter-rail,
html body .sort-rail,
html body .directory-toolbar,
html body .cards-toolbar,
html body .brand-toolbar,
html body .cause-toolbar,
html body .category-toolbar,
html body .leaderboard-toolbar{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Card/action surfaces keep their fills and typography but not visible outlines. */
html body .brand-pick-card,
html body .cause-pick-card,
html body .brand-card,
html body .cause-card,
html body .mpmh-card,
html body .card,
html body .brand-pick-topline,
html body .cause-pick-topline,
html body .brand-pick-body,
html body .cause-pick-body,
html body .brand-pick-copy,
html body .cause-pick-copy,
html body .brand-pick-stats-panel,
html body .cause-pick-stats-panel,
html body .stats-panel,
html body .readout-panel,
html body .readout-card,
html body .metric-card,
html body .signal-card,
html body button,
html body a.button,
html body .button,
html body .tab-btn,
html body .action-button,
html body .mpmh-button{
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Preserve the top search box as the one obvious bordered control. */
html body #topSearchWrap,
html body .mpmh-header-search-control,
html body .search-wrap,
html body .search-box{
  border:1px solid var(--mpmh082-search-border)!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #globalSearch,
html body #globalSearchInput,
html body input[type="search"],
html body .mpmh-header-search-input,
html body .top-search-input,
html body .header-search-input{
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #globalSearchClear,
html body .mpmh-header-search-clear,
html body .search-clear{
  border-left:1px solid var(--mpmh082-search-divider)!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #topSearchWrap:focus-within,
html body .mpmh-header-search-control:focus-within,
html body .search-wrap:focus-within,
html body .search-box:focus-within{
  border-color:var(--mpmh082-search-focus)!important;
}

/* Preserve exactly one footer line. */
html body .public-footer,
html body footer.public-footer,
html body .footer-flat-rail{
  border-top:1px solid var(--mpmh082-footer-line)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

/* ========================================================================
   MPMH083 BLACK CARD FIELD CLEANUP
   Base: MPMH082 / visual baseline MPMH074.
   Intent:
   - Keep the hidden/blank main rail behavior from 082.
   - Remove the empty active-category/header box above card grids.
   - Push card views upward by eliminating hidden/empty spacer boxes.
   - Make the cards' surrounding work field pure black.
   - Turn remaining large/grid/tool/card-outline borders black so they stop
     reading as blue/teal alignment frames.
   - Keep search box and footer line preserved by 082.
   ======================================================================== */

@media (min-width:901px){
  /* Remove the empty box that can appear above the sort controls/cards when no
     category label text is present. */
  html body #shellMain .category-active-label:empty,
  html body #shellMain .brand-category-active-label:empty,
  html body #shellMain #campaignCategoryLabel:empty,
  html body #shellMain #charityCategoryLabel:empty{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#000!important;
    overflow:hidden!important;
  }

  /* Keep the blank live rail from creating a second empty boxed spacer above
     the work surface. The upper blue app rail can stay as a future dynamic
     content area; this only collapses the hidden black duplicate. */
  html body #mpmhLiveSectionHeader,
  html body #mpmhLiveSectionHeader .mpmh-live-section-inner{
    min-height:0!important;
    height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#000!important;
    overflow:hidden!important;
  }

  /* The work field behind cards should read as pure black, not blue. */
  html body #shellMain,
  html body #shellMain .tab-panel,
  html body #shellMain .panel-body,
  html body #shellMain .brands-discovery-body,
  html body #shellMain .causes-discovery-body,
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid,
  html body #shellMain .advanced-brand-directory,
  html body #shellMain .advanced-cause-directory,
  html body #shellMain .data-shell,
  html body #shellMain .table-shell,
  html body #shellMain .table-frame,
  html body #shellMain .table-wrap,
  html body #shellMain .leaderboard-grid,
  html body #shellMain .leaderboard-dashboard,
  html body #shellMain .signals-dashboard,
  html body #shellMain .mpmh-signals-body,
  html body #shellMain .doc-panel-body,
  html body #shellMain .mpmh-legal-body{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Turn remaining work-area borders black instead of blue/teal. */
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip,
  html body #shellMain .brand-sort-chip,
  html body #shellMain .cause-sort-chip,
  html body #shellMain .brand-view-toggle,
  html body #shellMain .cause-view-toggle,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid,
  html body #shellMain .brand-pick-card,
  html body #shellMain .cause-pick-card,
  html body #shellMain .brand-card,
  html body #shellMain .cause-card,
  html body #shellMain .brand-pick-body,
  html body #shellMain .cause-pick-body,
  html body #shellMain .brand-pick-copy,
  html body #shellMain .cause-pick-copy,
  html body #shellMain .brand-pick-stats-panel,
  html body #shellMain .cause-pick-stats-panel,
  html body #shellMain .brand-pick-meta,
  html body #shellMain .cause-pick-meta,
  html body #shellMain .brand-pick-actions,
  html body #shellMain .cause-pick-actions,
  html body #shellMain .brand-pick-actions button,
  html body #shellMain .cause-pick-actions button,
  html body #shellMain .brand-card-action,
  html body #shellMain .cause-card-action,
  html body #shellMain .data-shell,
  html body #shellMain table,
  html body #shellMain th,
  html body #shellMain td{
    border-color:#000!important;
    outline-color:#000!important;
    box-shadow:none!important;
  }

  /* Several card outlines are created by the card surface/background showing
     through child spacing rather than by actual border-color. Make those card
     surfaces black while preserving the visible header/logos/copy blocks. */
  html body #shellMain .brand-pick-card,
  html body #shellMain .cause-pick-card,
  html body #shellMain .brand-card,
  html body #shellMain .cause-card{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
  }

  /* Remove separator glow lines from card copy/meta/action zones, but do not
     change the actual text or button labels. */
  html body #shellMain .brand-pick-copy,
  html body #shellMain .cause-pick-copy,
  html body #shellMain .brand-pick-meta,
  html body #shellMain .cause-pick-meta,
  html body #shellMain .brand-pick-actions,
  html body #shellMain .cause-pick-actions{
    box-shadow:none!important;
    background-image:none!important;
  }

  html body #shellMain .brand-pick-copy::before,
  html body #shellMain .brand-pick-copy::after,
  html body #shellMain .cause-pick-copy::before,
  html body #shellMain .cause-pick-copy::after,
  html body #shellMain .brand-pick-meta::before,
  html body #shellMain .brand-pick-meta::after,
  html body #shellMain .cause-pick-meta::before,
  html body #shellMain .cause-pick-meta::after,
  html body #shellMain .brand-pick-actions::before,
  html body #shellMain .brand-pick-actions::after,
  html body #shellMain .cause-pick-actions::before,
  html body #shellMain .cause-pick-actions::after{
    content:none!important;
    display:none!important;
    background:#000!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Tighten the top of the card work area now that the empty box is gone. */
  html body #shellMain .brands-discovery-body,
  html body #shellMain .causes-discovery-body{
    padding-top:2px!important;
  }
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip{
    margin-top:0!important;
    margin-bottom:6px!important;
    padding-top:0!important;
    padding-bottom:4px!important;
  }
}

/* ========================================================================
   MPMH084 BLACK CARD HEADERS + SORT FIELD CLEANUP
   Base: MPMH083 / visual baseline MPMH074.
   Intent:
   - Keep the blank live/title rail behavior from 082/083.
   - Turn Brand/Campaign and Cause card titlebars fully black.
   - Remove the remaining blue/teal work-field coloration behind card grids.
   - Make the Causes sort/control strip match the cleaner Brands-style upper
     control area: black field, no surrounding colored box, restrained buttons.
   - Keep search box and footer line preserved; no nudge or geometry pass.
   ======================================================================== */

@media (min-width:901px){
  :root{
    --mpmh084-black:#000000;
    --mpmh084-soft-white:#f5fbff;
    --mpmh084-brand-control:rgba(11,249,158,.36);
    --mpmh084-cause-control:rgba(88,247,255,.34);
  }

  /* Kill the leftover colored field/border surfaces above and behind cards. */
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .brands-discovery-body,
  html body #shellMain .causes-discovery-body,
  html body #shellMain .advanced-brand-directory,
  html body #shellMain .advanced-cause-directory,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid,
  html body #shellMain .brand-table-view,
  html body #shellMain .cause-table-view,
  html body #shellMain .brand-results-shell,
  html body #shellMain .cause-results-shell,
  html body #shellMain .cards-surface,
  html body #shellMain .cards-field,
  html body #shellMain .directory-surface{
    background:var(--mpmh084-black)!important;
    background-color:var(--mpmh084-black)!important;
    background-image:none!important;
    border-color:var(--mpmh084-black)!important;
    outline-color:var(--mpmh084-black)!important;
    box-shadow:none!important;
  }

  html body #shellMain .brands-discovery-panel::before,
  html body #shellMain .brands-discovery-panel::after,
  html body #shellMain .causes-discovery-panel::before,
  html body #shellMain .causes-discovery-panel::after,
  html body #shellMain .brands-discovery-body::before,
  html body #shellMain .brands-discovery-body::after,
  html body #shellMain .causes-discovery-body::before,
  html body #shellMain .causes-discovery-body::after,
  html body #shellMain .brand-discovery-scroll::before,
  html body #shellMain .brand-discovery-scroll::after,
  html body #shellMain .cause-discovery-scroll::before,
  html body #shellMain .cause-discovery-scroll::after,
  html body #shellMain .brand-card-grid::before,
  html body #shellMain .brand-card-grid::after,
  html body #shellMain .cause-card-grid::before,
  html body #shellMain .cause-card-grid::after{
    content:none!important;
    display:none!important;
    background:var(--mpmh084-black)!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Remove the last thin empty/boxed line above the controls when it appears. */
  html body #shellMain .brand-discovery-intro,
  html body #shellMain .cause-discovery-intro,
  html body #shellMain .brand-current-alignment,
  html body #shellMain .cause-current-alignment,
  html body #shellMain .brand-category-active-label,
  html body #shellMain .cause-category-active-label,
  html body #shellMain .category-active-label,
  html body #shellMain #campaignCategoryLabel,
  html body #shellMain #charityCategoryLabel{
    background:var(--mpmh084-black)!important;
    background-image:none!important;
    border-color:var(--mpmh084-black)!important;
    box-shadow:none!important;
    outline:0!important;
  }
  html body #shellMain .brand-discovery-intro:empty,
  html body #shellMain .cause-discovery-intro:empty,
  html body #shellMain .brand-current-alignment:empty,
  html body #shellMain .cause-current-alignment:empty,
  html body #shellMain .brand-category-active-label:empty,
  html body #shellMain .cause-category-active-label:empty,
  html body #shellMain .category-active-label:empty,
  html body #shellMain #campaignCategoryLabel:empty,
  html body #shellMain #charityCategoryLabel:empty{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Card titlebars: black title area, white text, no colored strip. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline{
    background:var(--mpmh084-black)!important;
    background-color:var(--mpmh084-black)!important;
    background-image:none!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid var(--mpmh084-black)!important;
    box-shadow:none!important;
    outline:0!important;
  }

  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline span,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline span,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline span{
    color:var(--mpmh084-soft-white)!important;
    text-shadow:none!important;
  }

  /* Card outer fields stay black; logo and lower readout blocks keep their own fills. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{
    background:var(--mpmh084-black)!important;
    background-image:none!important;
    border-color:var(--mpmh084-black)!important;
    box-shadow:none!important;
  }

  /* Match Causes controls to the cleaner Brands upper area: black strip, no colored outer box. */
  html body #shellMain .brands-discovery-panel .brand-sort-strip,
  html body #shellMain .causes-discovery-panel .cause-sort-strip,
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip{
    background:var(--mpmh084-black)!important;
    background-color:var(--mpmh084-black)!important;
    background-image:none!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
    outline:0!important;
    margin-top:0!important;
    margin-bottom:6px!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
  }

  html body #shellMain .causes-discovery-panel .cause-sort-chip,
  html body #shellMain .causes-discovery-panel .cause-view-toggle,
  html body #shellMain .cause-sort-chip,
  html body #shellMain .cause-view-toggle{
    background:transparent!important;
    background-image:none!important;
    border:1px solid var(--mpmh084-cause-control)!important;
    color:#effeff!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  html body #shellMain .causes-discovery-panel .cause-sort-chip:hover,
  html body #shellMain .causes-discovery-panel .cause-sort-chip:focus,
  html body #shellMain .causes-discovery-panel .cause-sort-chip.active,
  html body #shellMain .causes-discovery-panel .cause-view-toggle:hover,
  html body #shellMain .causes-discovery-panel .cause-view-toggle:focus,
  html body #shellMain .cause-sort-chip:hover,
  html body #shellMain .cause-sort-chip:focus,
  html body #shellMain .cause-sort-chip.active,
  html body #shellMain .cause-view-toggle:hover,
  html body #shellMain .cause-view-toggle:focus{
    background:rgba(88,247,255,.08)!important;
    background-image:none!important;
    border-color:rgba(88,247,255,.58)!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:0!important;
  }

  /* Keep Brands controls using the same black-field treatment after the broad cleanup. */
  html body #shellMain .brands-discovery-panel .brand-sort-chip,
  html body #shellMain .brands-discovery-panel .brand-view-toggle,
  html body #shellMain .brand-sort-chip,
  html body #shellMain .brand-view-toggle{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }

  /* Scrollbar tracks should not read as blue panels. Keep only the thumb visible. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track{
    background:var(--mpmh084-black)!important;
    border:0!important;
  }
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb{
    border-color:var(--mpmh084-black)!important;
  }

  /* Remove focus glow boxes on card scrollers without disabling keyboard focus. */
  html body #shellMain .brand-discovery-scroll:focus,
  html body #shellMain .cause-discovery-scroll:focus{
    border-color:var(--mpmh084-black)!important;
    box-shadow:none!important;
    outline:0!important;
  }
}

/* ========================================================================
   MPMH085 CARD CONTAINER BORDER MATCH + SORT BUTTON FLATTEN
   Base: MPMH084.
   Intent:
   - Preserve the clean black card/header direction from 084.
   - Remove visible boxes/borders around the upper sort/control buttons.
   - Keep the upper control strips on pure black.
   - Give Brands the same thin outer card-container border treatment that
     Causes is now using successfully.
   - Keep search box/footer line preserved; no geometry nudge or backend work.
   ======================================================================== */

@media (min-width:901px){
  :root{
    --mpmh085-container-line:rgba(77,236,244,.34);
    --mpmh085-container-line-soft:rgba(77,236,244,.22);
    --mpmh085-sort-text:#f4fbff;
    --mpmh085-sort-active:#ffffff;
  }

  /* Upper sort/control area: no boxed buttons and no extra framed strip. */
  html body #shellMain .brands-discovery-panel .brand-sort-strip,
  html body #shellMain .causes-discovery-panel .cause-sort-strip,
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    margin-top:0!important;
    margin-bottom:6px!important;
    padding:4px 2px 5px!important;
  }

  html body #shellMain .brands-discovery-panel .brand-sort-chip,
  html body #shellMain .brands-discovery-panel .brand-view-toggle,
  html body #shellMain .causes-discovery-panel .cause-sort-chip,
  html body #shellMain .causes-discovery-panel .cause-view-toggle,
  html body #shellMain .brand-sort-chip,
  html body #shellMain .brand-view-toggle,
  html body #shellMain .cause-sort-chip,
  html body #shellMain .cause-view-toggle{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:var(--mpmh085-sort-text)!important;
    text-shadow:none!important;
  }

  html body #shellMain .brands-discovery-panel .brand-sort-chip:hover,
  html body #shellMain .brands-discovery-panel .brand-sort-chip:focus,
  html body #shellMain .brands-discovery-panel .brand-view-toggle:hover,
  html body #shellMain .brands-discovery-panel .brand-view-toggle:focus,
  html body #shellMain .causes-discovery-panel .cause-sort-chip:hover,
  html body #shellMain .causes-discovery-panel .cause-sort-chip:focus,
  html body #shellMain .causes-discovery-panel .cause-view-toggle:hover,
  html body #shellMain .causes-discovery-panel .cause-view-toggle:focus,
  html body #shellMain .brand-sort-chip:hover,
  html body #shellMain .brand-sort-chip:focus,
  html body #shellMain .brand-view-toggle:hover,
  html body #shellMain .brand-view-toggle:focus,
  html body #shellMain .cause-sort-chip:hover,
  html body #shellMain .cause-sort-chip:focus,
  html body #shellMain .cause-view-toggle:hover,
  html body #shellMain .cause-view-toggle:focus{
    background:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:#fff!important;
  }

  html body #shellMain .brands-discovery-panel .brand-sort-chip.active,
  html body #shellMain .causes-discovery-panel .cause-sort-chip.active,
  html body #shellMain .brand-sort-chip.active,
  html body #shellMain .cause-sort-chip.active,
  html body #shellMain .brand-view-toggle[aria-pressed="true"],
  html body #shellMain .cause-view-toggle[aria-pressed="true"]{
    background:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:var(--mpmh085-sort-active)!important;
  }

  /* Matching outer card-container frame for Brands and Causes. This is the
     single thin field border the user liked on Causes; button/control borders
     above are intentionally removed. */
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border:1px solid var(--mpmh085-container-line)!important;
    outline:0!important;
    box-shadow:none!important;
    padding:6px!important;
  }

  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view:focus,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view:focus,
  html body #shellMain .brand-discovery-scroll.card-view:focus,
  html body #shellMain .cause-discovery-scroll.card-view:focus{
    border-color:var(--mpmh085-container-line)!important;
    outline:0!important;
    box-shadow:none!important;
  }

  /* Keep the card field itself black and prevent older blue panels from coming
     back inside the framed scroller. */
  html body #shellMain .brands-discovery-panel .brand-card-grid,
  html body #shellMain .causes-discovery-panel .cause-card-grid,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  /* Keep the table-view toggle aligned with the sort row but visually flat. */
  html body #shellMain .brand-view-toggle,
  html body #shellMain .cause-view-toggle{
    margin-left:auto!important;
  }
}


/* ========================================================================
   MPMH086 HEADER / LOGO / DESCRIPTION CLICK TARGETS
   Base: MPMH085.
   Intent:
   - Preserve existing Brand and Cause description text.
   - Make only card header names, logo areas, and description text clickable.
   - Brand links use the existing guarded /go/to route generated by JS.
   - Cause header/logo/description links use the internal ?cause= URL.
   - No full-card click behavior.
   ======================================================================== */

@media (min-width:901px){
  :root{
    --mpmh086-hover-green:#35ffb9;
    --mpmh086-hover-green-soft:rgba(53,255,185,.16);
  }

  html body #shellMain .brand-card-title-link,
  html body #shellMain .cause-card-title-link{
    display:inline-block!important;
    color:inherit!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  html body #shellMain .brand-card-title-link:hover,
  html body #shellMain .brand-card-title-link:focus,
  html body #shellMain .cause-card-title-link:hover,
  html body #shellMain .cause-card-title-link:focus{
    color:var(--mpmh086-hover-green)!important;
    text-decoration:none!important;
    outline:0!important;
    text-shadow:0 0 9px var(--mpmh086-hover-green-soft)!important;
  }

  html body #shellMain .brand-pick-desc .brand-card-full-desc-link,
  html body #shellMain .cause-pick-desc .cause-card-desc-link{
    display:block!important;
    width:100%!important;
    height:100%!important;
    color:inherit!important;
    text-decoration:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  html body #shellMain .brand-pick-desc .brand-card-full-desc-link:hover,
  html body #shellMain .brand-pick-desc .brand-card-full-desc-link:focus,
  html body #shellMain .cause-pick-desc .cause-card-desc-link:hover,
  html body #shellMain .cause-pick-desc .cause-card-desc-link:focus{
    color:var(--mpmh086-hover-green)!important;
    text-decoration:none!important;
    outline:0!important;
    text-shadow:0 0 8px var(--mpmh086-hover-green-soft)!important;
  }

  html body #shellMain .brand-pick-logo-link,
  html body #shellMain .cause-pick-logo-link{
    cursor:pointer!important;
  }

  html body #shellMain a.brand-pick-logo-link:hover .brand-pick-logo,
  html body #shellMain a.brand-pick-logo-link:focus .brand-pick-logo,
  html body #shellMain a.cause-pick-logo-link:hover .cause-pick-logo,
  html body #shellMain a.cause-pick-logo-link:focus .cause-pick-logo{
    filter:brightness(1.04) contrast(1.02)!important;
  }
}


/* ========================================================================
   MPMH087 WORKFRAME RIGHT EXPANSION + WIDER SCROLLBAR LANE
   Base: MPMH086.
   Intent:
   - Keep the top chrome/search/world/nav untouched.
   - Preserve the card target links and internal cause-card routing from 086.
   - Expand lower app/work containers farther to the right where the browser
     scrollbar is disabled and the custom app scrollers own the viewport.
   - Widen custom scrollbar lanes so they feel intentional and sit with the
     right edge of the work box instead of floating in unused space.
   - Keep left edges stable; no centerline nudge or tab-specific geometry hack.
   ======================================================================== */

@media (min-width:901px){
  :root{
    --mpmh087-work-right-gap:6px;
    --mpmh087-scrollbar-size:18px;
    --mpmh087-scrollbar-thumb-border:4px;
    --mpmh087-scrollbar-track:#000;
    --mpmh087-scrollbar-track-line:rgba(77,236,244,.28);
    --mpmh087-scrollbar-thumb-top:#226c8e;
    --mpmh087-scrollbar-thumb-bottom:#0c4265;
    --mpmh087-scrollbar-thumb-hover:#35ffb9;
  }

  /* Lower app viewport only. The header/top chrome remains owned by its existing rules. */
  html body #shellMain.shell-main{
    width:calc(100vw - 18px)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scrollbar-width:auto!important;
    scrollbar-color:var(--mpmh087-scrollbar-thumb-bottom) var(--mpmh087-scrollbar-track)!important;
  }

  /* Every visible lower tab/work panel gets access to the wider work frame. */
  html body #shellMain > .tab-panel,
  html body #shellMain .panel.tab-panel,
  html body #shellMain .mph-home-overview,
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .signals-panel,
  html body #shellMain [data-panel="leaderboards"],
  html body #shellMain [data-panel="categories"],
  html body #shellMain [data-panel="howitworks"],
  html body #shellMain [data-panel="faq"],
  html body #shellMain [data-panel="definitions"],
  html body #shellMain [data-panel="advertisers"],
  html body #shellMain [data-panel="charities"]{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  /* Selected-cause HOME/details page: keep the left anchor, reclaim the right side. */
  html body #shellMain .mph-home-overview[data-home-mode="selected-cause"] #selectedCauseHero.mph-home-cause-stage,
  html body #shellMain #selectedCauseHero.mph-home-cause-stage{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  html body #shellMain #selectedCauseHero.mph-home-cause-stage .mph-home-stage-body,
  html body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
  html body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
  html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
    max-width:none!important;
    box-sizing:border-box!important;
  }

  html body #shellMain #selectedCauseHero .mph-cause-feedback-inner{
    width:100%!important;
  }

  /* Discovery pages: extend card/table frames to the same far-right work edge. */
  html body #shellMain .brands-discovery-panel .brands-discovery-body,
  html body #shellMain .causes-discovery-panel .causes-discovery-body,
  html body #shellMain .brands-discovery-panel .panel-body,
  html body #shellMain .causes-discovery-panel .panel-body{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    padding-right:var(--mpmh087-work-right-gap)!important;
  }

  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain #brandDiscoveryScroll,
  html body #shellMain #causeDiscoveryScroll{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    scrollbar-gutter:stable!important;
    padding-right:8px!important;
    scrollbar-width:auto!important;
    scrollbar-color:var(--mpmh087-scrollbar-thumb-bottom) var(--mpmh087-scrollbar-track)!important;
  }

  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid,
  html body #shellMain #brandCardGrid,
  html body #shellMain #causeCardGrid{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  /* Broader public/document/readout panels follow the same right edge without moving the header. */
  html body #shellMain .data-shell,
  html body #shellMain .mpmh-signals-public-panel,
  html body #shellMain .leaderboard-dashboard,
  html body #shellMain .leaderboards-dashboard,
  html body #shellMain .leaderboard-grid,
  html body #shellMain .mpmh-doc-framed-body,
  html body #shellMain .mpmh-doc-logo-frame,
  html body #shellMain .definitions-grid,
  html body #shellMain .readout-grid,
  html body #shellMain .metric-grid{
    max-width:none!important;
    box-sizing:border-box!important;
  }

  html body #shellMain .mpmh-doc-logo-frame{
    width:100%!important;
  }

  /* Wider, deliberate internal app scrollbars. */
  html body #shellMain.shell-main::-webkit-scrollbar,
  html body #shellMain .data-shell::-webkit-scrollbar,
  html body #shellMain .side-body::-webkit-scrollbar,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .global-search-shell::-webkit-scrollbar{
    width:var(--mpmh087-scrollbar-size)!important;
    height:var(--mpmh087-scrollbar-size)!important;
  }

  html body #shellMain.shell-main::-webkit-scrollbar-track,
  html body #shellMain .data-shell::-webkit-scrollbar-track,
  html body #shellMain .side-body::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .global-search-shell::-webkit-scrollbar-track{
    background:var(--mpmh087-scrollbar-track)!important;
    border-left:1px solid var(--mpmh087-scrollbar-track-line)!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-radius:0!important;
  }

  html body #shellMain.shell-main::-webkit-scrollbar-thumb,
  html body #shellMain .data-shell::-webkit-scrollbar-thumb,
  html body #shellMain .side-body::-webkit-scrollbar-thumb,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .global-search-shell::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--mpmh087-scrollbar-thumb-top),var(--mpmh087-scrollbar-thumb-bottom))!important;
    border:var(--mpmh087-scrollbar-thumb-border) solid var(--mpmh087-scrollbar-track)!important;
    border-radius:0!important;
    background-clip:padding-box!important;
  }

  html body #shellMain.shell-main::-webkit-scrollbar-thumb:hover,
  html body #shellMain .data-shell::-webkit-scrollbar-thumb:hover,
  html body #shellMain .side-body::-webkit-scrollbar-thumb:hover,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb:hover,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb:hover,
  html body #shellMain .global-search-shell::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,var(--mpmh087-scrollbar-thumb-hover),var(--mpmh087-scrollbar-thumb-top))!important;
    border-color:var(--mpmh087-scrollbar-track)!important;
  }
}

/* ========================================================================
   MPMH088 DISCOVERY GRID RIGHT EDGE REPAIR
   Base: MPMH087.
   Intent:
   - Leave selected-cause/details, header/search/world/nav, routing, and card links alone.
   - Target only Brands/Causes discovery card + table structures, which are nested
     differently than the normal lower work panels and did not respond to 087.
   - Keep left edge stable while allowing the discovery sort strip and card/table
     scroll field to extend farther right toward the custom scrollbar lane.
   ======================================================================== */

@media (min-width:901px){
  :root{
    --mpmh088-discovery-right-edge:12px;
    --mpmh088-discovery-left-pad:8px;
    --mpmh088-discovery-sort-gap:4px;
    --mpmh088-scrollbar-size:18px;
    --mpmh088-scrollbar-track:#000;
    --mpmh088-scrollbar-line:rgba(88,247,255,.30);
    --mpmh088-scrollbar-thumb:#0f4b70;
    --mpmh088-scrollbar-thumb-top:#227aa0;
  }

  /* Allow the nested discovery panels to use the real viewport work width. */
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain > .brands-discovery-panel.panel.tab-panel,
  html body #shellMain > .causes-discovery-panel.panel.tab-panel{
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  /* Preserve the left anchor but remove the inherited right padding/cap. */
  html body #shellMain .brands-discovery-panel > .panel-body.brands-discovery-body,
  html body #shellMain .causes-discovery-panel > .panel-body.causes-discovery-body,
  html body #shellMain .brands-discovery-body,
  html body #shellMain .causes-discovery-body{
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:var(--mpmh088-discovery-left-pad)!important;
    padding-right:0!important;
    padding-top:0!important;
    padding-bottom:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  /* Sort/control strips should share the same right edge as the card/table field. */
  html body #shellMain .brands-discovery-panel .brand-sort-strip,
  html body #shellMain .causes-discovery-panel .cause-sort-strip,
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip{
    width:calc(100vw - var(--mpmh088-discovery-left-pad) - var(--mpmh088-discovery-right-edge))!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;
    background:#000!important;
    border-color:#000!important;
    box-shadow:none!important;
  }

  /* Actual visual owner for Brand/Cause card/table pages. This is the layer 087 missed. */
  html body #shellMain .brands-discovery-panel #brandDiscoveryScroll,
  html body #shellMain .causes-discovery-panel #causeDiscoveryScroll,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain .brand-discovery-scroll.table-view,
  html body #shellMain .cause-discovery-scroll.table-view{
    display:block!important;
    width:calc(100vw - var(--mpmh088-discovery-left-pad) - var(--mpmh088-discovery-right-edge))!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:7px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#000!important;
    border:1px solid rgba(88,247,255,.28)!important;
    box-shadow:none!important;
    scrollbar-width:auto!important;
    scrollbar-color:var(--mpmh088-scrollbar-thumb) var(--mpmh088-scrollbar-track)!important;
  }

  /* Card grids fill the newly expanded scroll field without changing card count/styling logic. */
  html body #shellMain .brands-discovery-panel #brandCardGrid,
  html body #shellMain .causes-discovery-panel #causeCardGrid,
  html body #shellMain .brands-discovery-panel .brand-card-grid,
  html body #shellMain .causes-discovery-panel .cause-card-grid,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-right:7px!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  /* Table view wrappers need the same right-edge treatment as card view. */
  html body #shellMain .brands-discovery-panel .advanced-brand-directory,
  html body #shellMain .causes-discovery-panel .advanced-cause-directory,
  html body #shellMain .brands-discovery-panel .advanced-brand-directory > .data-shell,
  html body #shellMain .causes-discovery-panel .advanced-cause-directory > .data-shell,
  html body #shellMain .brands-discovery-panel #advancedBrandDirectory,
  html body #shellMain .causes-discovery-panel #advancedCauseDirectory{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    background:#000!important;
  }

  html body #shellMain .brands-discovery-panel #campaignTable,
  html body #shellMain .causes-discovery-panel #charityTable{
    width:100%!important;
    max-width:none!important;
  }

  /* Wider deliberate scrollbar for the discovery containers only. */
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar{
    width:var(--mpmh088-scrollbar-size)!important;
    height:var(--mpmh088-scrollbar-size)!important;
  }

  html body #shellMain .brands-discovery-panel .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track{
    background:var(--mpmh088-scrollbar-track)!important;
    border-left:1px solid var(--mpmh088-scrollbar-line)!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-radius:0!important;
  }

  html body #shellMain .brands-discovery-panel .brand-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,var(--mpmh088-scrollbar-thumb-top),var(--mpmh088-scrollbar-thumb))!important;
    border:4px solid var(--mpmh088-scrollbar-track)!important;
    border-radius:0!important;
    background-clip:padding-box!important;
  }
}


/* ========================================================================
   MPMH091 CONTROLLED DEEP BLUE SHELL THEME
   Base: MPMH088.
   Intent:
   - Apply the Privacy/Protocol dark blue as a controlled app-shell theme.
   - Fill header, document/page stage, lower work surfaces, controls, cards,
     and footer background surfaces without a universal div/table repaint.
   - Protect Signal highway animation internals by styling only the outer Signal
     panel surfaces, not every nested lane/pulse/readout-art layer.
   - Preserve white logo wells, existing accent borders, card link behavior,
     internal cause URLs, and guarded /go/to brand routes.
   ======================================================================== */

:root{
  --mpmh091-shell:#07121e;
  --mpmh091-shell-soft:#081725;
  --mpmh091-shell-deep:#06101b;
  --mpmh091-shell-edge:#0b2033;
  --mpmh091-cyan-border:rgba(88,247,255,.28);
  --mpmh091-cyan-border-soft:rgba(88,247,255,.16);
  --mpmh091-green:#0bf99e;
}

html,
body,
html body,
html body #publicShell.public-shell,
html body .public-shell{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Top app chrome: explicit shell owners only, no global descendant wipe. */
html body #mpmhUnifiedShell,
html body #mpmhUnifiedShell.topbar,
html body #mpmhUnifiedShell.mpmh-top-shell,
html body #mpmhUnifiedShell .mpmh-context-row,
html body #mpmhUnifiedShell #mpmhContextRow,
html body #mpmhUnifiedShell .mpmh-context-inner,
html body #mpmhUnifiedShell .mpmh-context-left,
html body #mpmhUnifiedShell .mpmh-context-center,
html body #mpmhUnifiedShell .mpmh-context-copy,
html body #mpmhUnifiedShell .mpmh-cause-search-stack,
html body #mpmhUnifiedShell .mpmh-centered-brand-lockup,
html body #mpmhUnifiedShell .mpmh-header-search-control,
html body #mpmhUnifiedShell .mpmh-nav-search-row,
html body #mpmhUnifiedShell .mpmh-nav-search-inner,
html body #mpmhUnifiedShell .mpmh-nav-only-inner,
html body #mpmhUnifiedShell #tabs,
html body #mpmhUnifiedShell .tabs,
html body #mpmhUnifiedShell .mpmh-split-tabs,
html body #mpmhUnifiedShell .mpmh-tab-group,
html body #mpmhUnifiedShell .mpmh-live-section-header,
html body #mpmhUnifiedShell #mpmhLiveSectionHeader,
html body #mpmhUnifiedShell .mpmh-live-section-inner{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
  box-shadow:none!important;
}

html body #mpmhUnifiedShell::before,
html body #mpmhUnifiedShell::after,
html body #mpmhContextRow::before,
html body #mpmhContextRow::after,
html body #mpmhUnifiedShell .mpmh-context-row::before,
html body #mpmhUnifiedShell .mpmh-context-row::after,
html body #mpmhUnifiedShell .mpmh-nav-search-row::before,
html body #mpmhUnifiedShell .mpmh-nav-search-row::after,
html body #mpmhUnifiedShell .mpmh-live-section-header::before,
html body #mpmhUnifiedShell .mpmh-live-section-header::after{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Keep the search box intentionally distinct and readable. */
html body #mpmhUnifiedShell #globalSearch,
html body #mpmhUnifiedShell .mpmh-header-search-input,
html body #globalSearch,
html body .global-search-input,
html body .search,
html body input.search{
  background:var(--mpmh091-shell-deep)!important;
  background-color:var(--mpmh091-shell-deep)!important;
  border-color:rgba(11,249,158,.52)!important;
  color:var(--mpmh091-green)!important;
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.08)!important;
}
html body #globalSearch::placeholder,
html body .mpmh-header-search-input::placeholder,
html body .global-search-input::placeholder{
  color:rgba(11,249,158,.66)!important;
}

/* Main app stage and tab-level surfaces. */
html body #shellMain,
html body #shellMain.shell-main,
html body #shellMain > .tab-panel,
html body #shellMain > section.tab-panel,
html body #shellMain > .panel,
html body #shellMain > section.panel,
html body #shellMain .mph-home-overview,
html body #shellMain .mph-home-cause-stage,
html body #shellMain .mph-home-stage-body,
html body #shellMain .platform-intro-card,
html body #shellMain .global-search-shell{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Selected-cause/home/detail surfaces. */
html body #shellMain #selectedCauseHero,
html body #shellMain .mph-home-cause-rail,
html body #shellMain .mph-home-cause-logo-well,
html body #shellMain .mph-home-cause-stage,
html body #shellMain .mph-cause-left-readout-wrap,
html body #shellMain .mph-cause-signal-dashboard,
html body #shellMain .mph-cause-compact-readout,
html body #shellMain .mph-home-copy,
html body #shellMain .mph-home-actions,
html body #shellMain .mph-cause-feedback,
html body #shellMain .feedback-card,
html body #shellMain .cause-feedback-panel,
html body #shellMain .cause-readout-panel,
html body #shellMain .selected-cause-panel,
html body #shellMain .cause-detail-panel{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Discovery pages: keep MPMH088 geometry, repaint the actual field owners only. */
html body #shellMain .brands-discovery-panel,
html body #shellMain .causes-discovery-panel,
html body #shellMain .brands-discovery-body,
html body #shellMain .causes-discovery-body,
html body #shellMain .brand-sort-strip,
html body #shellMain .cause-sort-strip,
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll,
html body #shellMain #brandDiscoveryScroll,
html body #shellMain #causeDiscoveryScroll,
html body #shellMain .brand-card-grid,
html body #shellMain .cause-card-grid,
html body #shellMain #brandCardGrid,
html body #shellMain #causeCardGrid,
html body #shellMain .advanced-brand-directory,
html body #shellMain .advanced-cause-directory,
html body #shellMain .advanced-brand-directory > .data-shell,
html body #shellMain .advanced-cause-directory > .data-shell{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
  box-shadow:none!important;
}

/* Cards and controls: blue interiors, existing accent borders remain usable. */
html body #shellMain .brand-pick-card,
html body #shellMain .cause-pick-card,
html body #shellMain .brand-card,
html body #shellMain .cause-card,
html body #shellMain .brand-card-item,
html body #shellMain .cause-card-item,
html body #shellMain .brand-pick-topline,
html body #shellMain .cause-pick-topline,
html body #shellMain .brand-pick-body,
html body #shellMain .cause-pick-body,
html body #shellMain .brand-pick-copy,
html body #shellMain .cause-pick-copy,
html body #shellMain .brand-card-info-zone,
html body #shellMain .cause-card-info-zone,
html body #shellMain .brand-pick-meta,
html body #shellMain .cause-pick-meta,
html body #shellMain .brand-pick-actions,
html body #shellMain .cause-pick-actions,
html body #shellMain .brand-pick-stats-panel,
html body #shellMain .cause-pick-stats-panel,
html body #shellMain .brand-pick-actions button,
html body #shellMain .cause-pick-actions button,
html body #shellMain .brand-sort-chip,
html body #shellMain .cause-sort-chip,
html body #shellMain .brand-view-toggle,
html body #shellMain .cause-view-toggle,
html body #shellMain .view-toggle,
html body #shellMain .filter-chip,
html body #shellMain .toolbar,
html body #shellMain .toolbar-row,
html body #shellMain .table-toolbar{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
  box-shadow:none!important;
}

/* White logo wells stay white and do not inherit the blue shell. */
html body #shellMain .brand-logo-tile,
html body #shellMain .brand-card-logo,
html body #shellMain .brand-logo-stage,
html body #shellMain .brand-identity-stage,
html body #shellMain .cause-identity-stage,
html body #shellMain .cause-pick-logo-link,
html body #shellMain .brand-pick-logo-link,
html body #shellMain .cause-logo-tile,
html body #shellMain .cause-card-logo,
html body #shellMain .selected-cause-logo,
html body #shellMain .selected-cause-logo-tile,
html body #shellMain .mph-home-cause-logo-well,
html body #shellMain .mph-home-logo-link{
  background:#fff!important;
  background-color:#fff!important;
}

/* Categories: repaint the field, not the existing blue category titlebars/borders. */
html body #shellMain [data-panel="categories"],
html body #shellMain .category-clean-body,
html body #shellMain .category-grid,
html body #shellMain .category-grid-az,
html body #shellMain #categoryDiscoveryGrid{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Leaderboards/tables: controlled table repaint inside leaderboard cards only. */
html body #shellMain [data-panel="leaderboards"],
html body #shellMain .leaderboard-grid,
html body #shellMain .mpmh-leaderboard-dashboard,
html body #shellMain .leaderboard-dashboard,
html body #shellMain .leaderboards-dashboard,
html body #shellMain .leaderboard-card,
html body #shellMain .leaderboard-note-card,
html body #shellMain .leaderboard-card table,
html body #shellMain .leaderboard-card thead,
html body #shellMain .leaderboard-card tbody,
html body #shellMain .leaderboard-card tfoot,
html body #shellMain .leaderboard-card tr,
html body #shellMain .leaderboard-card td,
html body #shellMain .leaderboard-card th{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Static document/legal surfaces. */
html body #shellMain [data-panel="privacy"],
html body #shellMain [data-panel="terms"],
html body #shellMain [data-panel="definitions"],
html body #shellMain [data-panel="faq"],
html body #shellMain [data-panel="howitworks"],
html body #shellMain [data-panel="advertisers"],
html body #shellMain [data-panel="charities_org"],
html body #shellMain [data-panel="measurement"],
html body #shellMain [data-panel="reporting"],
html body #shellMain .doc-panel-body,
html body #shellMain .mpmh-doc-framed-body,
html body #shellMain .mpmh-doc-logo-frame,
html body #shellMain .mpmh-doc-logo-rail,
html body #shellMain .mpmh-doc-centered-content,
html body #shellMain .doc-hero-card,
html body #shellMain .doc-grid,
html body #shellMain .doc-card,
html body #shellMain .doc-link-row,
html body #shellMain .mpmh-legal-body,
html body #shellMain .mpmh-legal-page,
html body #shellMain .mpmh-legal-content,
html body #shellMain .mpmh-doc-card,
html body #shellMain .definitions-grid,
html body #shellMain .readout-grid,
html body #shellMain .metric-grid,
html body #shellMain .state-card,
html body #shellMain .copy-block{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}

/* Signal page: paint only the outer shell surfaces. Do not repaint the nested highway art. */
html body #shellMain [data-panel="signals"],
html body #shellMain [data-panel="signals"] > .panel-body,
html body #shellMain .mpmh-signals-public-panel{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}
html body #shellMain .mpmh-signal-highways,
html body #shellMain .mpmh-signal-highways *,
html body #shellMain .mpmh-signal-highways::before,
html body #shellMain .mpmh-signal-highways::after,
html body #shellMain .mpmh-signal-row,
html body #shellMain .mpmh-signal-row *,
html body #shellMain .mpmh-signal-track,
html body #shellMain .mpmh-signal-track *,
html body #shellMain .mpmh-signal-flow-line,
html body #shellMain .mpmh-signal-flow-line *{
  /* Intentionally no background override here. Signal animation layers retain their authored visuals. */
}

/* Footer and internal scrollbar tracks. */
html body footer,
html body .footer,
html body .site-footer,
html body .footer-rail,
html body .footer-inner{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}
html body #shellMain::-webkit-scrollbar-track,
html body #shellMain .data-shell::-webkit-scrollbar-track,
html body #shellMain .side-body::-webkit-scrollbar-track,
html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
html body #shellMain .global-search-shell::-webkit-scrollbar-track{
  background:var(--mpmh091-shell)!important;
  border-left:1px solid var(--mpmh091-cyan-border-soft)!important;
}
html body #shellMain::-webkit-scrollbar-thumb,
html body #shellMain .data-shell::-webkit-scrollbar-thumb,
html body #shellMain .side-body::-webkit-scrollbar-thumb,
html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb,
html body #shellMain .global-search-shell::-webkit-scrollbar-thumb{
  border-color:var(--mpmh091-shell)!important;
}

/* Pseudo/special stage cleanup for known black theater blocks only. */
html body #shellMain > .tab-panel::before,
html body #shellMain > .tab-panel::after,
html body #shellMain .mpmh-doc-framed-body::before,
html body #shellMain .mpmh-doc-framed-body::after,
html body #shellMain .brand-discovery-scroll::before,
html body #shellMain .brand-discovery-scroll::after,
html body #shellMain .cause-discovery-scroll::before,
html body #shellMain .cause-discovery-scroll::after{
  background:var(--mpmh091-shell)!important;
  background-color:var(--mpmh091-shell)!important;
}


/* ========================================================================
   MPMH092 DEEP BLUE GAP FILL + PANEL WIDTH POLISH
   Base: MPMH091 controlled shell theme.
   Intent:
   - Fill remaining black app-stage gaps without repainting Signal highway art.
   - Make top chrome/control interiors use the Privacy/Protocol dark blue.
   - Extend legal/document bodies to the active work width instead of leaving
     black theater margins.
   - Fill Brands/Causes sort/button strips and non-Signal panel backdrops.
   - Preserve white logo wells, card links, and authored Signal animation layers.
   ======================================================================== */

:root{
  --mpmh092-shell:#07121e;
  --mpmh092-shell-soft:#081827;
  --mpmh092-shell-deep:#06101b;
  --mpmh092-shell-card:#071522;
  --mpmh092-edge:rgba(126,183,255,.34);
  --mpmh092-edge-soft:rgba(126,183,255,.18);
  --mpmh092-green:#0bf99e;
}

html,
body,
html body,
html body #publicShell.public-shell,
html body .public-shell,
html body .shell-main,
html body #shellMain{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
}

/* Paint the upper application chrome as one full-width deep-blue band without
   moving the world/search/tab layout. */
html body #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
html body #mpmhUnifiedShell,
html body #mpmhUnifiedShell .mpmh-context-row,
html body #mpmhUnifiedShell .mpmh-context-inner,
html body #mpmhUnifiedShell .mpmh-nav-search-row,
html body #mpmhUnifiedShell .mpmh-nav-search-inner,
html body #mpmhUnifiedShell #tabs.tabs,
html body #mpmhUnifiedShell .tabs,
html body #mpmhUnifiedShell .mpmh-tab-group,
html body #mpmhUnifiedShell .mpmh-tab-group-left,
html body #mpmhUnifiedShell .mpmh-tab-group-right{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}
html body #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  box-shadow:0 0 0 100vmax var(--mpmh092-shell),0 8px 20px rgba(0,0,0,.36)!important;
  clip-path:inset(0 -100vmax)!important;
}
html body #mpmhUnifiedShell .mpmh-nav-search-row{
  border-top:1px solid var(--mpmh092-edge-soft)!important;
  border-bottom:1px solid var(--mpmh092-edge)!important;
}
html body #mpmhUnifiedShell #topSearchWrap.search-wrap.top-search-wrap,
html body #mpmhUnifiedShell .mpmh-header-search-control{
  background:transparent!important;
  background-color:transparent!important;
  border-color:transparent!important;
}
html body #mpmhUnifiedShell #topSearchWrap #globalSearch.search,
html body #mpmhUnifiedShell #globalSearch,
html body #globalSearch{
  background:var(--mpmh092-shell-deep)!important;
  background-color:var(--mpmh092-shell-deep)!important;
  background-image:none!important;
  border-color:rgba(11,249,158,.50)!important;
  color:var(--mpmh092-green)!important;
}
html body #mpmhUnifiedShell #topSearchWrap .top-search-clear{
  background:var(--mpmh092-shell-deep)!important;
  background-color:var(--mpmh092-shell-deep)!important;
}

/* The absorbed/blank live-title rail remains a blue-black structural divider,
   but it should not leave black gaps or text artifacts. */
html body .mpmh-live-section-header,
html body #mpmhLiveSectionHeader,
html body .mpmh-live-section-inner,
html body .mpmh-live-section-title,
html body .mpmh-live-section-subtitle,
html body #mpmhUnifiedShell .mpmh-live-section-header,
html body #mpmhUnifiedShell #mpmhLiveSectionHeader,
html body #shellMain .panel-head.centered-title,
html body #shellMain .brands-discovery-head,
html body #shellMain .causes-discovery-head{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}

/* Non-Signal tab stage fill. This is intentionally scoped away from Signal
   highway internals after the 090 overpaint. */
html body #shellMain > .tab-panel:not([data-panel="signals"]),
html body #shellMain > .tab-panel:not([data-panel="signals"]) > .panel-body,
html body #shellMain > .tab-panel:not([data-panel="signals"]) > .data-shell,
html body #shellMain > .tab-panel:not([data-panel="signals"]) > .panel-body > :where(div,article,section,main,aside,form,fieldset,ul,ol,li),
html body #shellMain [data-panel="categories"],
html body #shellMain [data-panel="leaderboards"],
html body #shellMain [data-panel="howitworks"],
html body #shellMain [data-panel="faq"],
html body #shellMain [data-panel="definitions"],
html body #shellMain [data-panel="privacy"],
html body #shellMain [data-panel="terms"],
html body #shellMain [data-panel="advertisers"],
html body #shellMain [data-panel="charities_org"],
html body #shellMain [data-panel="measurement"],
html body #shellMain [data-panel="reporting"]{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}

/* Brands/Causes control strip and button interiors: fill the black button area
   while keeping the existing accent language readable. */
html body #shellMain .brands-discovery-panel,
html body #shellMain .causes-discovery-panel,
html body #shellMain .brands-discovery-body,
html body #shellMain .causes-discovery-body,
html body #shellMain .brand-sort-strip,
html body #shellMain .cause-sort-strip,
html body #shellMain .brand-sort-strip::before,
html body #shellMain .brand-sort-strip::after,
html body #shellMain .cause-sort-strip::before,
html body #shellMain .cause-sort-strip::after{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain .brand-sort-chip,
html body #shellMain .cause-sort-chip,
html body #shellMain .brand-view-toggle,
html body #shellMain .cause-view-toggle,
html body #shellMain .view-toggle,
html body #shellMain .control-btn,
html body #shellMain .doc-link-row button,
html body #shellMain .doc-link-row a,
html body #shellMain .mpmh-button,
html body #shellMain .action-button{
  background:var(--mpmh092-shell-soft)!important;
  background-color:var(--mpmh092-shell-soft)!important;
  background-image:none!important;
  border-color:var(--mpmh092-edge-soft)!important;
  box-shadow:none!important;
}
html body #shellMain .brand-sort-chip.active,
html body #shellMain .cause-sort-chip.active,
html body #shellMain .brand-sort-chip:hover,
html body #shellMain .cause-sort-chip:hover,
html body #shellMain .brand-view-toggle:hover,
html body #shellMain .cause-view-toggle:hover{
  color:#ffffff!important;
  border-color:rgba(11,249,158,.46)!important;
  background:var(--mpmh092-shell-card)!important;
  background-color:var(--mpmh092-shell-card)!important;
}

/* Discovery/card/table field fill. Keep the outer geometry from 088/091, but
   remove remaining black slabs around and between the visible grid/table areas. */
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll,
html body #shellMain #brandDiscoveryScroll,
html body #shellMain #causeDiscoveryScroll,
html body #shellMain .brand-card-grid,
html body #shellMain .cause-card-grid,
html body #shellMain #brandCardGrid,
html body #shellMain #causeCardGrid,
html body #shellMain .advanced-brand-directory,
html body #shellMain .advanced-cause-directory,
html body #shellMain .brand-table-view,
html body #shellMain .cause-table-view,
html body #shellMain .data-shell,
html body #shellMain .table-shell,
html body #shellMain .table-frame,
html body #shellMain .table-wrap,
html body #shellMain .table-scroll{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll{
  border-color:rgba(11,249,158,.24)!important;
}

/* Legal/document pages: fill full active width. The readable document content
   remains padded, but the black theater margins are removed. */
html body #shellMain .mpmh-legal-panel,
html body #shellMain .mpmh-legal-panel > .panel-body,
html body #shellMain .mpmh-legal-body,
html body #shellMain .mpmh-legal-doc,
html body #shellMain .doc-panel-body,
html body #shellMain .doc-hero-card,
html body #shellMain .doc-grid,
html body #shellMain .doc-card,
html body #shellMain .doc-link-row,
html body #shellMain .mpmh-doc-framed-body,
html body #shellMain .mpmh-doc-centered-content,
html body #shellMain .mpmh-doc-logo-rail,
html body #shellMain .mpmh-doc-logo-frame,
html body #shellMain .definitions-grid,
html body #shellMain .faq-panel-body,
html body #shellMain .faq-intro-card,
html body #shellMain .faq-item{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}
html body #shellMain .mpmh-legal-body,
html body #shellMain .doc-panel-body,
html body #shellMain .mpmh-doc-framed-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
html body #shellMain .mpmh-legal-doc{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-color:var(--mpmh092-edge-soft)!important;
}

/* Category / leaderboards / selected-cause panels: fill remaining black stage
   gaps while preserving their authored cards, table headers, and metric accents. */
html body #shellMain .category-clean-body,
html body #shellMain .category-grid,
html body #shellMain #categoryDiscoveryGrid,
html body #shellMain .leaderboard-grid,
html body #shellMain .leaderboards-dashboard,
html body #shellMain .mpmh-leaderboard-dashboard,
html body #shellMain .leaderboard-dashboard,
html body #shellMain .leaderboard-card,
html body #shellMain .leaderboard-note-card,
html body #shellMain .mph-home-overview,
html body #shellMain .mph-home-stage-body,
html body #shellMain .mph-home-cause-stage,
html body #shellMain .mph-home-copy,
html body #shellMain .mph-home-actions,
html body #shellMain .mph-cause-feedback,
html body #shellMain .feedback-card,
html body #shellMain .cause-feedback-panel,
html body #shellMain .cause-readout-panel,
html body #shellMain .selected-cause-panel,
html body #shellMain .cause-detail-panel{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}
html body #shellMain .leaderboard-card table,
html body #shellMain .leaderboard-card tbody,
html body #shellMain .leaderboard-card tr,
html body #shellMain .leaderboard-card td{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
}

/* Outer panel border normalization: replace black-looking outlines with the
   existing blue/cyan accent family rather than transparent/black. */
html body #shellMain > .tab-panel:not([data-panel="signals"]),
html body #shellMain .mpmh-legal-doc,
html body #shellMain .doc-card,
html body #shellMain .doc-hero-card,
html body #shellMain .leaderboard-card,
html body #shellMain .category-card,
html body #shellMain .category-tile,
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll{
  border-color:var(--mpmh092-edge-soft)!important;
}

/* Signal page protection: only the outer panel/empty stage is blue; the highway
   component keeps its authored dark/colored layers. */
html body #shellMain [data-panel="signals"],
html body #shellMain [data-panel="signals"] > .panel-body,
html body #shellMain .mpmh-signals-public-panel{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
}
html body #shellMain .mpmh-signal-highways,
html body #shellMain .mpmh-signal-highways :where(div,span,section,article),
html body #shellMain .mpmh-signal-row,
html body #shellMain .mpmh-signal-track{
  /* No shell background override here. */
}

/* Keep logo wells and actual images clean white. */
html body #shellMain .brand-logo-tile,
html body #shellMain .brand-card-logo,
html body #shellMain .brand-logo-stage,
html body #shellMain .brand-identity-stage,
html body #shellMain .cause-identity-stage,
html body #shellMain .cause-pick-logo-link,
html body #shellMain .brand-pick-logo-link,
html body #shellMain .cause-logo-tile,
html body #shellMain .cause-card-logo,
html body #shellMain .selected-cause-logo,
html body #shellMain .selected-cause-logo-tile,
html body #shellMain .mph-home-cause-logo-well,
html body #shellMain .mph-home-logo-link{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}

/* Footer strip fill without altering its text/link behavior. */
html body footer,
html body .footer,
html body .site-footer,
html body .footer-rail,
html body .footer-inner{
  background:var(--mpmh092-shell)!important;
  background-color:var(--mpmh092-shell)!important;
  background-image:none!important;
}

/* ========================================================================
   MPMH093 BLUE CARD / LEGAL GAP CLEANUP
   Base: MPMH092.
   Intent:
   - Remove the thin top chrome line that exposes older search/logo positioning.
   - Repaint remaining black Brand/Cause card interiors with the Privacy dark blue.
   - Preserve white logo wells and existing card click targets.
   - Repaint Privacy/Terms title bars so legal pages no longer show black slabs.
   - Keep Signal/Leaderboards/How It Works/FAQ behavior and animation layers alone.
   ======================================================================== */

:root{
  --mpmh093-shell:#07121e;
  --mpmh093-shell-soft:#081827;
  --mpmh093-shell-deep:#06101b;
  --mpmh093-edge:rgba(126,183,255,.26);
  --mpmh093-edge-soft:rgba(126,183,255,.16);
  --mpmh093-card-line:rgba(11,249,158,.24);
  --mpmh093-green:#0bf99e;
}

/* Hide the exposed upper hairline without moving the world/search/nav stack. */
html body #mpmhUnifiedShell,
html body #mpmhUnifiedShell.topbar,
html body #mpmhUnifiedShell.mpmh-top-shell,
html body #mpmhUnifiedShell .mpmh-context-row,
html body #mpmhUnifiedShell .mpmh-context-inner,
html body #mpmhUnifiedShell .mpmh-nav-search-row,
html body #mpmhUnifiedShell .mpmh-nav-search-inner,
html body #mpmhUnifiedShell .mpmh-header-search-control,
html body #mpmhUnifiedShell #topSearchWrap{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
}
html body #mpmhUnifiedShell,
html body #mpmhUnifiedShell.topbar,
html body #mpmhUnifiedShell.mpmh-top-shell{
  border-top-color:var(--mpmh093-shell)!important;
  outline:0!important;
}
html body #mpmhUnifiedShell .mpmh-context-row,
html body #mpmhUnifiedShell .mpmh-context-inner,
html body #mpmhUnifiedShell .mpmh-nav-search-row,
html body #mpmhUnifiedShell .mpmh-nav-search-inner{
  border-top:0!important;
  outline:0!important;
}
html body #mpmhUnifiedShell .mpmh-nav-search-row{
  box-shadow:none!important;
}

/* Brand/Cause discovery field: finish converting leftover black fills to the deep blue. */
html body #shellMain .brands-discovery-panel,
html body #shellMain .causes-discovery-panel,
html body #shellMain .brands-discovery-body,
html body #shellMain .causes-discovery-body,
html body #shellMain .brand-sort-strip,
html body #shellMain .cause-sort-strip,
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll,
html body #shellMain .brand-discovery-scroll.card-view,
html body #shellMain .cause-discovery-scroll.card-view,
html body #shellMain #brandDiscoveryScroll,
html body #shellMain #causeDiscoveryScroll,
html body #shellMain .brand-card-grid,
html body #shellMain .cause-card-grid,
html body #shellMain #brandCardGrid,
html body #shellMain #causeCardGrid{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
}

/* High-specificity overrides for older black card rules. */
html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card,
html body #shellMain .brand-pick-card,
html body #shellMain .cause-pick-card,
html body #shellMain .brand-card,
html body #shellMain .cause-card,
html body #shellMain .brand-card-item,
html body #shellMain .cause-card-item{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh093-card-line)!important;
  box-shadow:none!important;
}

html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
html body #shellMain .brand-pick-topline,
html body #shellMain .cause-pick-topline{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh093-card-line)!important;
  box-shadow:none!important;
}

html body #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone,
html body #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone,
html body #shellMain .brand-pick-body,
html body #shellMain .cause-pick-body,
html body #shellMain .brand-pick-copy,
html body #shellMain .cause-pick-copy,
html body #shellMain .brand-card-copy,
html body #shellMain .cause-card-copy,
html body #shellMain .brand-pick-meta,
html body #shellMain .cause-pick-meta,
html body #shellMain .brand-card-state,
html body #shellMain .cause-card-state,
html body #shellMain .brand-pick-actions,
html body #shellMain .cause-pick-actions,
html body #shellMain .brand-card-actions,
html body #shellMain .cause-card-actions,
html body #shellMain .brand-pick-stats-panel,
html body #shellMain .cause-pick-stats-panel{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body #shellMain .brand-pick-copy::before,
html body #shellMain .brand-pick-copy::after,
html body #shellMain .cause-pick-copy::before,
html body #shellMain .cause-pick-copy::after,
html body #shellMain .brand-pick-meta::before,
html body #shellMain .brand-pick-meta::after,
html body #shellMain .cause-pick-meta::before,
html body #shellMain .cause-pick-meta::after,
html body #shellMain .brand-pick-actions::before,
html body #shellMain .brand-pick-actions::after,
html body #shellMain .cause-pick-actions::before,
html body #shellMain .cause-pick-actions::after{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh093-edge-soft)!important;
}

/* Card buttons live inside the blue shell; keep their outlines visible without black slabs. */
html body #shellMain .brand-card-primary-link,
html body #shellMain .brand-card-stats-btn,
html body #shellMain .brand-card-detail-btn,
html body #shellMain .cause-card-primary-link,
html body #shellMain .cause-card-stats-btn,
html body #shellMain .cause-card-detail-btn,
html body #shellMain .brand-pick-actions a,
html body #shellMain .brand-pick-actions button,
html body #shellMain .cause-pick-actions a,
html body #shellMain .cause-pick-actions button{
  background:var(--mpmh093-shell-soft)!important;
  background-color:var(--mpmh093-shell-soft)!important;
  background-image:none!important;
  border-color:rgba(11,249,158,.36)!important;
  box-shadow:none!important;
}

/* Scrollbar tracks should match the blue field, not create black side slabs. */
html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
html body #shellMain .data-shell::-webkit-scrollbar-track,
html body #shellMain .side-body::-webkit-scrollbar-track{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  border-left:1px solid var(--mpmh093-edge-soft)!important;
}
html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb{
  border-color:var(--mpmh093-shell)!important;
}

/* Preserve logo wells/images as white islands. */
html body #shellMain .brand-logo-tile,
html body #shellMain .brand-card-logo,
html body #shellMain .brand-logo-stage,
html body #shellMain .brand-identity-stage,
html body #shellMain .cause-identity-stage,
html body #shellMain .cause-pick-logo-link,
html body #shellMain .brand-pick-logo-link,
html body #shellMain .cause-logo-tile,
html body #shellMain .cause-card-logo,
html body #shellMain .selected-cause-logo,
html body #shellMain .selected-cause-logo-tile,
html body #shellMain .mph-home-cause-logo-well,
html body #shellMain .mph-home-logo-link{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}

/* Privacy / Terms: remove remaining black title slabs and fill legal surfaces. */
html body #shellMain .mpmh-legal-panel,
html body #shellMain .mpmh-legal-panel > .panel-body,
html body #shellMain .mpmh-legal-body,
html body #shellMain .mpmh-legal-doc,
html body #shellMain .mpmh-legal-doc > *,
html body #shellMain .mpmh-legal-doc h1,
html body #shellMain .mpmh-legal-doc h2,
html body #shellMain .mpmh-legal-doc h3,
html body #shellMain .mpmh-legal-kicker,
html body #shellMain .mpmh-legal-effective{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
}
html body #shellMain .mpmh-legal-doc h1{
  border-color:var(--mpmh093-edge-soft)!important;
  box-shadow:none!important;
}

/* Terms and privacy document margins should read as one full blue stage. */
html body #shellMain [data-panel="privacy"],
html body #shellMain [data-panel="terms"],
html body #shellMain [data-panel="privacy"] .panel-body,
html body #shellMain [data-panel="terms"] .panel-body,
html body #shellMain [data-panel="privacy"] article,
html body #shellMain [data-panel="terms"] article{
  background:var(--mpmh093-shell)!important;
  background-color:var(--mpmh093-shell)!important;
  background-image:none!important;
}

/* ========================================================================
   MPMH094 DEEP BLUE CARD / FOOTER / LEGAL POLISH
   Base: MPMH093.
   Intent:
   - Keep the 091/092 controlled deep-blue shell direction without the 090
     universal repaint.
   - Convert remaining Brand/Cause card black slabs to the Privacy dark blue.
   - Let Brand/Cause card title bars use the brighter public blue header family.
   - Push the deep-blue shell into the upper sort/control buttons and footer.
   - Remove the exposed upper hairline that reveals old search/logo alignment work.
   - Convert Privacy/Terms title slabs from black to matching deep blue.
   - Preserve white logo wells, Signal animation internals, routes, click targets,
     /go/to, cookies, data, ledger, Signal, ADMIN, and backend behavior.
   ======================================================================== */

:root{
  --mpmh094-shell:#07121e;
  --mpmh094-shell-soft:#081827;
  --mpmh094-shell-deep:#06101b;
  --mpmh094-title-blue:#07345b;
  --mpmh094-title-blue-2:#041e36;
  --mpmh094-title-edge:rgba(126,183,255,.45);
  --mpmh094-edge:rgba(126,183,255,.22);
  --mpmh094-edge-soft:rgba(126,183,255,.14);
  --mpmh094-green:#0bf99e;
  --mpmh094-card-edge:rgba(11,249,158,.30);
}

/* Full public canvas fill, without repainting every internal div/table. */
html,
body,
html body,
html body .public-shell,
html body #shellMain,
html body main.shell-main,
html body .shell-main{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
}

/* Remove the thin top/header hairline that exposes earlier positioning experiments. */
html body .public-shell::before,
html body .public-shell::after,
html body #mpmhUnifiedShell::before,
html body #mpmhUnifiedShell::after,
html body #mpmhUnifiedShell .mpmh-context-row::before,
html body #mpmhUnifiedShell .mpmh-context-row::after,
html body #mpmhUnifiedShell .mpmh-nav-search-row::before,
html body #mpmhUnifiedShell .mpmh-nav-search-row::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #mpmhUnifiedShell,
html body #mpmhUnifiedShell.topbar,
html body #mpmhUnifiedShell.mpmh-top-shell,
html body #mpmhUnifiedShell .topbar-inner,
html body #mpmhUnifiedShell .mpmh-context-row,
html body #mpmhUnifiedShell .mpmh-context-inner,
html body #mpmhUnifiedShell .mpmh-nav-search-row,
html body #mpmhUnifiedShell .mpmh-nav-search-inner,
html body #mpmhUnifiedShell .tabs,
html body #mpmhUnifiedShell .tab-row,
html body #mpmhUnifiedShell nav{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  border-top-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #mpmhUnifiedShell .mpmh-nav-search-row{
  border-top:0!important;
  border-bottom:1px solid var(--mpmh094-edge)!important;
}

/* Keep the main horizontal public section bar blue where it exists. */
html body #mpmhLiveSectionHeader,
html body .mpmh-live-section-header,
html body #mpmhUnifiedShell #mpmhLiveSectionHeader,
html body #mpmhUnifiedShell .mpmh-live-section-header{
  background:linear-gradient(180deg,var(--mpmh094-title-blue),var(--mpmh094-title-blue-2))!important;
  background-color:var(--mpmh094-title-blue-2)!important;
  border-top:0!important;
  border-bottom:1px solid var(--mpmh094-title-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.55)!important;
}

/* Upper Brand/Cause sort/control row: no black button slabs. */
html body #shellMain .brand-sort-strip,
html body #shellMain .cause-sort-strip,
html body #shellMain .brand-sort-strip-inner,
html body #shellMain .cause-sort-strip-inner,
html body #shellMain .brand-discovery-toolbar,
html body #shellMain .cause-discovery-toolbar,
html body #shellMain .brand-discovery-controls,
html body #shellMain .cause-discovery-controls,
html body #shellMain .brands-discovery-controls,
html body #shellMain .causes-discovery-controls,
html body #shellMain .brand-sort-strip::before,
html body #shellMain .brand-sort-strip::after,
html body #shellMain .cause-sort-strip::before,
html body #shellMain .cause-sort-strip::after{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain .brand-sort-chip,
html body #shellMain .cause-sort-chip,
html body #shellMain .brand-view-toggle,
html body #shellMain .cause-view-toggle,
html body #shellMain .view-toggle,
html body #shellMain .brand-sort-strip button,
html body #shellMain .cause-sort-strip button,
html body #shellMain .brand-sort-strip a,
html body #shellMain .cause-sort-strip a,
html body #shellMain .control-btn,
html body #shellMain .button,
html body #shellMain .mpmh-button{
  background:var(--mpmh094-shell-soft)!important;
  background-color:var(--mpmh094-shell-soft)!important;
  background-image:none!important;
  border-color:var(--mpmh094-edge-soft)!important;
  box-shadow:none!important;
}
html body #shellMain .brand-sort-chip.active,
html body #shellMain .cause-sort-chip.active,
html body #shellMain .brand-sort-chip:hover,
html body #shellMain .cause-sort-chip:hover,
html body #shellMain .brand-view-toggle:hover,
html body #shellMain .cause-view-toggle:hover,
html body #shellMain .brand-sort-strip button:hover,
html body #shellMain .cause-sort-strip button:hover{
  background:var(--mpmh094-shell-deep)!important;
  background-color:var(--mpmh094-shell-deep)!important;
  border-color:rgba(11,249,158,.46)!important;
  color:#ffffff!important;
}

/* Discovery/card fields: convert remaining black work areas to the same deep blue. */
html body #shellMain .brands-discovery-panel,
html body #shellMain .causes-discovery-panel,
html body #shellMain .brands-discovery-body,
html body #shellMain .causes-discovery-body,
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll,
html body #shellMain .brand-discovery-scroll.card-view,
html body #shellMain .cause-discovery-scroll.card-view,
html body #shellMain #brandDiscoveryScroll,
html body #shellMain #causeDiscoveryScroll,
html body #shellMain .brand-card-grid,
html body #shellMain .cause-card-grid,
html body #shellMain #brandCardGrid,
html body #shellMain #causeCardGrid,
html body #shellMain .advanced-brand-directory,
html body #shellMain .advanced-cause-directory,
html body #shellMain .brand-table-view,
html body #shellMain .cause-table-view{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
}

/* Card frames and all non-logo interiors use the dark blue instead of black. */
html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card,
html body #shellMain .brand-pick-card,
html body #shellMain .cause-pick-card,
html body #shellMain .brand-card,
html body #shellMain .cause-card,
html body #shellMain .brand-card-item,
html body #shellMain .cause-card-item{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh094-card-edge)!important;
  box-shadow:none!important;
}

/* Main Brand/Cause card title bars become the brighter blue header family. */
html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-topline,
html body #shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline,
html body #shellMain .brand-pick-topline,
html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-topline,
html body #shellMain .cause-discovery-scroll.card-view .cause-pick-topline,
html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-topline,
html body #shellMain .cause-pick-topline{
  background:linear-gradient(180deg,var(--mpmh094-title-blue),var(--mpmh094-title-blue-2))!important;
  background-color:var(--mpmh094-title-blue-2)!important;
  background-image:linear-gradient(180deg,var(--mpmh094-title-blue),var(--mpmh094-title-blue-2))!important;
  border-color:var(--mpmh094-title-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.58)!important;
}
html body #shellMain .brand-pick-topline span:first-child,
html body #shellMain .cause-pick-topline span:first-child,
html body #shellMain .brand-pick-name,
html body #shellMain .cause-pick-name,
html body #shellMain .brand-pick-name a,
html body #shellMain .cause-pick-name a{
  color:#ffffff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 9px rgba(126,183,255,.14)!important;
}
html body #shellMain .brand-pick-name a:hover,
html body #shellMain .cause-pick-name a:hover,
html body #shellMain .brand-pick-name a:focus,
html body #shellMain .cause-pick-name a:focus{
  color:var(--mpmh094-green)!important;
  text-shadow:0 0 14px rgba(11,249,158,.22)!important;
}

html body #shellMain .brand-card-info-zone,
html body #shellMain .cause-card-info-zone,
html body #shellMain .brand-card-info-zone *,
html body #shellMain .cause-card-info-zone *,
html body #shellMain .brand-pick-body,
html body #shellMain .cause-pick-body,
html body #shellMain .brand-pick-copy,
html body #shellMain .cause-pick-copy,
html body #shellMain .brand-card-copy,
html body #shellMain .cause-card-copy,
html body #shellMain .brand-pick-meta,
html body #shellMain .cause-pick-meta,
html body #shellMain .brand-card-state,
html body #shellMain .cause-card-state,
html body #shellMain .brand-pick-actions,
html body #shellMain .cause-pick-actions,
html body #shellMain .brand-card-actions,
html body #shellMain .cause-card-actions,
html body #shellMain .brand-pick-stats-panel,
html body #shellMain .cause-pick-stats-panel{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain .brand-pick-copy::before,
html body #shellMain .brand-pick-copy::after,
html body #shellMain .cause-pick-copy::before,
html body #shellMain .cause-pick-copy::after,
html body #shellMain .brand-pick-meta::before,
html body #shellMain .brand-pick-meta::after,
html body #shellMain .cause-pick-meta::before,
html body #shellMain .cause-pick-meta::after,
html body #shellMain .brand-pick-actions::before,
html body #shellMain .brand-pick-actions::after,
html body #shellMain .cause-pick-actions::before,
html body #shellMain .cause-pick-actions::after{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh094-edge-soft)!important;
  box-shadow:none!important;
}

/* Card action buttons should sit on blue, not black. */
html body #shellMain .brand-card-primary-link,
html body #shellMain .brand-card-stats-btn,
html body #shellMain .brand-card-detail-btn,
html body #shellMain .cause-card-primary-link,
html body #shellMain .cause-card-stats-btn,
html body #shellMain .cause-card-detail-btn,
html body #shellMain .brand-pick-actions a,
html body #shellMain .brand-pick-actions button,
html body #shellMain .cause-pick-actions a,
html body #shellMain .cause-pick-actions button{
  background:var(--mpmh094-shell-soft)!important;
  background-color:var(--mpmh094-shell-soft)!important;
  background-image:none!important;
  border-color:rgba(11,249,158,.36)!important;
  box-shadow:none!important;
}

/* Preserve white logo wells and image fields. This intentionally comes after
   card interior repainting. */
html body #shellMain .brand-logo-tile,
html body #shellMain .brand-card-logo,
html body #shellMain .brand-logo-stage,
html body #shellMain .brand-identity-stage,
html body #shellMain .brand-pick-logo-link,
html body #shellMain .brand-pick-logo-link *,
html body #shellMain .cause-identity-stage,
html body #shellMain .cause-pick-logo-link,
html body #shellMain .cause-pick-logo-link *,
html body #shellMain .cause-logo-tile,
html body #shellMain .cause-card-logo,
html body #shellMain .selected-cause-logo,
html body #shellMain .selected-cause-logo-tile,
html body #shellMain .mph-home-cause-logo-well,
html body #shellMain .mph-home-logo-link{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
}

/* Footer: remove remaining black strip/slab and fill the entire footer rail. */
html body .public-footer,
html body footer.public-footer,
html body .public-footer.footer-flat-rail,
html body .public-footer.footer-ultra-rail,
html body .public-footer.footer-flat-rail.footer-ultra-rail,
html body .public-footer .public-footer-inner,
html body .public-footer .footer-flat-inner,
html body .public-footer .footer-flat-nav,
html body .public-footer .footer-flat-row,
html body .public-footer .footer-brand-line,
html body .footer,
html body .site-footer,
html body .footer-rail,
html body .footer-inner{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh094-edge-soft)!important;
  box-shadow:none!important;
}
html body .public-footer::before,
html body .public-footer::after,
html body .public-footer .public-footer-inner::before,
html body .public-footer .public-footer-inner::after,
html body .public-footer .footer-flat-inner::before,
html body .public-footer .footer-flat-inner::after{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh094-edge-soft)!important;
  box-shadow:none!important;
}
html body .public-footer.footer-flat-rail.footer-ultra-rail{
  border-top:1px solid var(--mpmh094-edge)!important;
  border-left:0!important;
  border-right:0!important;
  border-bottom:0!important;
}

/* Privacy / Terms legal title bars: replace remaining black bars with blue. */
html body #shellMain [data-panel="privacy"],
html body #shellMain [data-panel="terms"],
html body #shellMain [data-panel="privacy"] *,
html body #shellMain [data-panel="terms"] *,
html body #shellMain .mpmh-legal-panel,
html body #shellMain .mpmh-legal-panel > .panel-body,
html body #shellMain .mpmh-legal-body,
html body #shellMain .mpmh-legal-doc,
html body #shellMain .mpmh-legal-doc::before,
html body #shellMain .mpmh-legal-doc > header,
html body #shellMain .mpmh-legal-doc h1,
html body #shellMain .mpmh-legal-doc h2,
html body #shellMain .mpmh-legal-doc h3,
html body #shellMain .mpmh-legal-kicker,
html body #shellMain .mpmh-legal-effective{
  background:var(--mpmh094-shell)!important;
  background-color:var(--mpmh094-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh-legal-doc{
  border-color:var(--mpmh094-edge-soft)!important;
}
html body #shellMain .mpmh-legal-doc h1{
  border:0!important;
  box-shadow:none!important;
}

/* Keep Signal highway animation internals protected from shell repainting. */
html body #shellMain .mpmh-signal-highways,
html body #shellMain .mpmh-signal-highways *,
html body #shellMain .mpmh-signal-row,
html body #shellMain .mpmh-signal-track,
html body #shellMain .mpmh-signal-track *,
html body #shellMain .signal-highway,
html body #shellMain .signal-highway *{
  /* intentionally no background override */
}

/* ========================================================================
   MPMH095 · Right Edge Spine / Frame Closure Pass
   Built from MPMH094. Visual-only frame repair: adds one shared right-edge
   spine as far right as safely possible, and normalizes visible right-edge
   borders on the main public shell surfaces without moving the world/search,
   card grid, Signal animation, public routing, counters, cookies, ledger,
   ADMIN, or backend behavior.
   ======================================================================== */
:root{
  --mpmh095-shell:#07121E;
  --mpmh095-spine-right:26px;
  --mpmh095-spine-top:105px;
  --mpmh095-spine-bottom:31px;
  --mpmh095-spine-edge:rgba(126,183,255,.30);
  --mpmh095-spine-edge-strong:rgba(126,183,255,.42);
}

@media (min-width:901px){
  /* One shared visual right edge. This is intentionally an overlay spine,
     not a layout nudge, so it closes the frame without re-opening the grid
     centering fight or disturbing custom scrollbar ownership. */
  html body::after{
    content:"";
    position:fixed;
    top:var(--mpmh095-spine-top);
    right:var(--mpmh095-spine-right);
    bottom:var(--mpmh095-spine-bottom);
    width:1px;
    background:linear-gradient(180deg,
      transparent 0,
      var(--mpmh095-spine-edge-strong) 10px,
      var(--mpmh095-spine-edge) 50%,
      var(--mpmh095-spine-edge-strong) calc(100% - 10px),
      transparent 100%);
    box-shadow:0 0 0 1px rgba(4,16,28,.28),0 0 10px rgba(126,183,255,.05);
    pointer-events:none;
    z-index:740;
  }

  /* Make the visible frame owners share the same border language at their
     right edges. The content boxes keep their existing widths; the new spine
     provides the shared closure line. */
  html body #mpmhLiveSectionHeader.mpmh-live-section-header,
  html body .mpmh-live-section-header,
  html body #shellMain,
  html body #shellMain .panel,
  html body #shellMain .tab-panel,
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain .advanced-brand-directory,
  html body #shellMain .advanced-cause-directory,
  html body #shellMain .brand-table-view,
  html body #shellMain .cause-table-view,
  html body #shellMain .data-shell,
  html body #shellMain .leaderboard-grid,
  html body #shellMain .leaderboard-card,
  html body #shellMain .mpmh-legal-doc,
  html body #shellMain .mpmh-legal-panel,
  html body .public-footer,
  html body .public-footer.footer-flat-rail.footer-ultra-rail,
  html body .public-footer .public-footer-inner,
  html body .public-footer .footer-flat-inner{
    border-right-color:var(--mpmh095-spine-edge)!important;
  }

  /* Close the Brands/Causes discovery scroll frame cleanly at its own edge,
     but keep the scrollbar lane and content grid positions unchanged. */
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll{
    position:relative!important;
    overflow:visible!important;
  }
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view{
    overflow:auto!important;
    border-right:1px solid var(--mpmh095-spine-edge)!important;
  }

  /* Thin local closure line for the discovery card field itself. This gives
     the card grids a deliberate right boundary even when a nested scroller
     or custom scrollbar owns the actual overflow. */
  html body #shellMain .brand-discovery-scroll.card-view::after,
  html body #shellMain .cause-discovery-scroll.card-view::after{
    content:"";
    position:sticky;
    display:block;
    float:right;
    top:0;
    right:0;
    width:1px;
    height:100%;
    min-height:520px;
    margin-top:calc(-100% + 0px);
    background:var(--mpmh095-spine-edge);
    pointer-events:none;
    z-index:3;
  }

  /* Footer and bottom rail should visually terminate in the same language as
     the right spine, without changing the fixed footer placement. */
  html body .public-footer.footer-flat-rail.footer-ultra-rail{
    border-top-color:var(--mpmh095-spine-edge)!important;
    border-right:0!important;
    box-shadow:0 -1px 0 rgba(126,183,255,.10)!important;
  }
}

@media (max-width:900px){
  html body::after{display:none!important;content:none!important;}
}


/* ========================================================================
   MPMH096 · Right Edge Spine Extension / Bottom Rail Closure Repair
   Built from MPMH095. Visual-only correction: moves the shared right-edge
   spine farther right, extends it upward through the header/chrome corner,
   and overlays matching top/bottom connector rails so mismatched container
   endpoints read as one intentional frame. No layout, routing, tracking,
   Signal, ADMIN, counters, data, ledger, cookie, or backend changes.
   ======================================================================== */
:root{
  --mpmh096-shell:#07121E;
  --mpmh096-spine-right:8px;
  --mpmh096-spine-top:0px;
  --mpmh096-spine-bottom:31px;
  --mpmh096-top-bridge-y:104px;
  --mpmh096-edge:rgba(126,183,255,.36);
  --mpmh096-edge-strong:rgba(126,183,255,.50);
  --mpmh096-edge-soft:rgba(126,183,255,.22);
}

@media (min-width:901px){
  /* Move the shared right-edge spine farther right and carry it up through
     the upper chrome so the frame closes into the header corner instead of
     beginning below it. This intentionally overrides the MPMH095 spine. */
  html body::after{
    content:""!important;
    position:fixed!important;
    top:var(--mpmh096-spine-top)!important;
    right:var(--mpmh096-spine-right)!important;
    bottom:var(--mpmh096-spine-bottom)!important;
    width:1px!important;
    height:auto!important;
    display:block!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.20) 0,
      var(--mpmh096-edge-strong) 84px,
      var(--mpmh096-edge) 50%,
      var(--mpmh096-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.22) 100%)!important;
    box-shadow:0 0 0 1px rgba(4,16,28,.22),0 0 10px rgba(126,183,255,.055)!important;
    pointer-events:none!important;
    z-index:760!important;
  }

  /* Header/right-corner bridge. This does not move the header; it simply
     lets the existing upper rail visually terminate at the same right spine. */
  html::before{
    content:""!important;
    position:fixed!important;
    left:0!important;
    right:var(--mpmh096-spine-right)!important;
    top:var(--mpmh096-top-bridge-y)!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.18) 0,
      var(--mpmh096-edge) 92%,
      var(--mpmh096-edge-strong) 100%)!important;
    pointer-events:none!important;
    z-index:759!important;
  }

  /* Bottom rail bridge. This masks the short/rounded-looking old footer edge
     and makes the bottom frame line run cleanly to the new right spine. */
  html::after{
    content:""!important;
    position:fixed!important;
    left:0!important;
    right:var(--mpmh096-spine-right)!important;
    bottom:var(--mpmh096-spine-bottom)!important;
    height:1px!important;
    display:block!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.16) 0,
      var(--mpmh096-edge) 92%,
      var(--mpmh096-edge-strong) 100%)!important;
    pointer-events:none!important;
    z-index:759!important;
  }

  /* Keep footer/frame rails square and quiet so old rounded/short edges do
     not compete with the explicit spine/bridge overlay. */
  html body .public-footer,
  html body footer.public-footer,
  html body .public-footer.footer-flat-rail,
  html body .public-footer.footer-ultra-rail,
  html body .public-footer.footer-flat-rail.footer-ultra-rail,
  html body .public-footer .public-footer-inner,
  html body .public-footer .footer-flat-inner,
  html body .public-footer .footer-flat-nav,
  html body .public-footer .footer-flat-row,
  html body .public-footer .footer-brand-line{
    border-radius:0!important;
    border-right-color:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
  }
  html body .public-footer.footer-flat-rail.footer-ultra-rail{
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:var(--mpmh096-spine-right)!important;
    border-top:0!important;
    background:var(--mpmh096-shell)!important;
    background-color:var(--mpmh096-shell)!important;
    background-image:none!important;
    overflow:visible!important;
  }

  /* Suppress the previous local discovery pseudo-line that could create a
     second, slightly inset right edge next to the corrected spine. */
  html body #shellMain .brand-discovery-scroll.card-view::after,
  html body #shellMain .cause-discovery-scroll.card-view::after{
    content:none!important;
    display:none!important;
  }

  /* Keep the main visible rail owners speaking the same right-edge color;
     the overlay spine now owns the exact endpoint. */
  html body #mpmhLiveSectionHeader.mpmh-live-section-header,
  html body .mpmh-live-section-header,
  html body #shellMain,
  html body #shellMain .panel,
  html body #shellMain .tab-panel,
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .advanced-brand-directory,
  html body #shellMain .advanced-cause-directory,
  html body #shellMain .data-shell,
  html body #shellMain .leaderboard-grid,
  html body #shellMain .leaderboard-card,
  html body #shellMain .mpmh-legal-doc,
  html body #shellMain .mpmh-legal-panel{
    border-right-color:var(--mpmh096-edge-soft)!important;
    border-radius:0!important;
  }
}

@media (max-width:900px){
  html::before,
  html::after,
  html body::after{
    display:none!important;
    content:none!important;
  }
}

/* ========================================================================
   MPMH102 · Intentional Right Utility Lane / Scrollbar Restoration
   Built from MPMH096, deliberately avoiding the 098–101 cap/collapse patchwork.

   Intent:
   - Restore the working Brand/Cause discovery scrollbars by keeping the right
     utility gutter structurally intact.
   - Treat that area as an intentional scrollbar lane instead of trying to
     extend the blue header through it.
   - Keep the far-right outer spine and bottom closure from 096.
   - Stop the upper bridge at the content edge so stray header fragments do
     not compete inside the utility lane.
   - Add one clean divider between content and scrollbar lane.
   - No card sizing, nav/search/world, routing, counters, Signal, ADMIN, data,
     ledger, cookie, attribution, or backend changes.
   ======================================================================== */
:root{
  --mpmh102-shell:#07121E;
  --mpmh102-lane-width:26px;
  --mpmh102-outer-right:var(--mpmh096-spine-right,8px);
  --mpmh102-content-right:calc(var(--mpmh102-outer-right) + var(--mpmh102-lane-width));
  --mpmh102-edge:rgba(126,183,255,.34);
  --mpmh102-edge-strong:rgba(126,183,255,.48);
  --mpmh102-edge-soft:rgba(126,183,255,.20);
  --mpmh102-scroll-track:#07121E;
  --mpmh102-scroll-thumb:#0b5f86;
}

@media (min-width:901px){
  html,body,
  html body #publicShell.public-shell,
  html body .public-shell{
    background:var(--mpmh102-shell)!important;
    background-color:var(--mpmh102-shell)!important;
  }

  /* Keep the 096 far-right spine exactly as the outer app edge. */
  html body::after{
    right:var(--mpmh102-outer-right)!important;
    top:var(--mpmh096-spine-top)!important;
    bottom:var(--mpmh096-spine-bottom)!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.18) 0,
      var(--mpmh102-edge-strong) 84px,
      var(--mpmh102-edge) 50%,
      var(--mpmh102-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.20) 100%)!important;
  }

  /* The top horizontal bridge should end at the content edge, not inside the
     scrollbar lane. That makes the lane visually intentional rather than a
     mismatched header extension. */
  html::before{
    right:var(--mpmh102-content-right)!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.12) 0,
      var(--mpmh102-edge) 92%,
      var(--mpmh102-edge-strong) 100%)!important;
  }

  /* Keep the bottom closure running to the outer spine; this was the part of
     the frame that already read cleanly. */
  html::after{
    right:var(--mpmh102-outer-right)!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.14) 0,
      var(--mpmh102-edge) 94%,
      var(--mpmh102-edge-strong) 100%)!important;
  }

  /* The injected divider is the deliberate boundary between content and the
     scrollbar utility lane. */
  html body #mpmh102RightUtilityDivider{
    position:fixed!important;
    top:var(--mpmh096-top-bridge-y)!important;
    right:var(--mpmh102-content-right)!important;
    bottom:var(--mpmh096-spine-bottom)!important;
    width:1px!important;
    height:auto!important;
    display:block!important;
    pointer-events:none!important;
    z-index:758!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.05) 0,
      var(--mpmh102-edge-soft) 10px,
      var(--mpmh102-edge) 50%,
      var(--mpmh102-edge-soft) calc(100% - 10px),
      rgba(126,183,255,.06) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.36)!important;
  }

  /* Keep discovery scrollers structurally intact. Do not collapse their right
     gutter reserve; just make their scrollbar lane look deliberate. */
  html body #shellMain .brand-discovery-scroll,
  html body #shellMain .cause-discovery-scroll,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain .brand-discovery-scroll.table-view,
  html body #shellMain .cause-discovery-scroll.table-view{
    overflow:auto!important;
    scrollbar-width:auto!important;
    scrollbar-color:var(--mpmh102-scroll-thumb) var(--mpmh102-scroll-track)!important;
    background:var(--mpmh102-shell)!important;
    background-color:var(--mpmh102-shell)!important;
    border-right-color:var(--mpmh102-edge-soft)!important;
  }
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar{
    width:18px!important;
    height:18px!important;
    background:var(--mpmh102-scroll-track)!important;
  }
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    background:var(--mpmh102-scroll-track)!important;
    border-left:1px solid rgba(126,183,255,.16)!important;
  }
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-thumb,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-thumb,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-thumb,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#0d7199 0%,#0a537b 100%)!important;
    border-radius:999px!important;
    border:4px solid var(--mpmh102-scroll-track)!important;
  }

  /* Remove local discovery pseudo-lines only; keep native scrolling. */
  html body #shellMain .brand-discovery-scroll.card-view::after,
  html body #shellMain .cause-discovery-scroll.card-view::after{
    content:none!important;
    display:none!important;
  }

  /* The real live header remains the content rail. It should not be stretched
     into the utility lane in this pass. */
  html body #mpmhLiveSectionHeader.mpmh-live-section-header,
  html body .mpmh-live-section-header{
    border-radius:0!important;
    border-right-color:var(--mpmh102-edge-soft)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.50)!important;
  }
}

@media (max-width:900px){
  html body #mpmh102RightUtilityDivider{display:none!important;content:none!important;}
}

/* ========================================================================
   MPMH103 · Right Utility Lane Fragment Cleanup
   Built from MPMH102. Visual-only cleanup: keep the intentional right-side
   utility lane and working discovery scrollbars, but suppress the tiny upper
   horizontal fragments/scrollbar button artifacts so the lane reads cleaner.
   No layout movement, card resizing, routing, counters, Signal, ADMIN, data,
   ledger, cookies, attribution, or backend behavior changes.
   ======================================================================== */
@media (min-width:901px){
  /* Stop the upper bridge just shy of the lane divider so the content rail
     does not leave a small horizontal tail inside the utility lane. */
  html::before{
    right:calc(var(--mpmh102-content-right,34px) + 2px)!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.10) 0,
      rgba(126,183,255,.34) 92%,
      rgba(126,183,255,.42) 100%)!important;
  }

  /* Keep the lane divider as the clean owner of the boundary. */
  html body #mpmh102RightUtilityDivider{
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      rgba(126,183,255,.18) 14px,
      rgba(126,183,255,.36) 50%,
      rgba(126,183,255,.18) calc(100% - 14px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.42),-1px 0 0 rgba(126,183,255,.055)!important;
  }

  /* The remaining visual noise is mostly the native WebKit scrollbar button
     segment/arrow creating a tiny horizontal blue piece at the top/bottom of
     the discovery scroller lane. Hide only the buttons; keep the scrollbar
     lane and thumb intact. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-button,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-button,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-button,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-button,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-button,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-button{
    width:0!important;
    height:0!important;
    display:none!important;
    background:var(--mpmh102-shell,#07121E)!important;
    border:0!important;
  }

  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-corner,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-corner,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-corner,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-corner,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-corner,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-corner{
    background:var(--mpmh102-shell,#07121E)!important;
    border:0!important;
  }

  /* Keep the track quiet and blue-filled, without adding a second right edge. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    background:var(--mpmh102-shell,#07121E)!important;
    border-left:1px solid rgba(126,183,255,.12)!important;
    border-right:0!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.35)!important;
  }
}

/* ========================================================================
   MPMH104 · Scrollbar-Edge Frame Anchor Test
   Built from MPMH103. Visual-only experiment: instead of treating the far
   right utility gutter as the visible frame edge, anchor the shared right
   frame line at the inside edge of the custom scrollbar lane, tight to the
   scrollbar track. This keeps scroll ownership intact while testing whether
   the mysterious thin gap can be visually eliminated by moving the closure
   line inward to the header/content edge. No routing, counters, Signal,
   ADMIN, data, ledger, attribution, cookies, or backend behavior changes.
   ======================================================================== */
:root{
  /* 096/102 kept the outer spine near the browser edge and a 18px scrollbar.
     This anchor lands at the left/inside edge of that scrollbar lane. */
  --mpmh104-frame-right:calc(var(--mpmh102-outer-right,8px) + 18px);
  --mpmh104-shell:#07121E;
  --mpmh104-edge:rgba(126,183,255,.38);
  --mpmh104-edge-strong:rgba(126,183,255,.52);
  --mpmh104-edge-soft:rgba(126,183,255,.18);
}

@media (min-width:901px){
  /* The visible frame spine now lives at the scrollbar's inside edge, not at
     the far utility-gutter edge. This is the requested test: bring the border
     right up against the scrollbar while preserving the scrollbar itself. */
  html body::after{
    right:var(--mpmh104-frame-right)!important;
    top:var(--mpmh096-spine-top,0px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.16) 0,
      var(--mpmh104-edge-strong) 84px,
      var(--mpmh104-edge) 50%,
      var(--mpmh104-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.18) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.44),0 0 8px rgba(126,183,255,.045)!important;
    z-index:762!important;
  }

  /* Top and bottom rails terminate at the same anchored spine. This avoids the
     old split where the header ended at one place and the visible spine lived
     farther out in the utility gutter. */
  html::before{
    right:var(--mpmh104-frame-right)!important;
    top:var(--mpmh096-top-bridge-y,104px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.10) 0,
      var(--mpmh104-edge) 94%,
      var(--mpmh104-edge-strong) 100%)!important;
    z-index:761!important;
  }
  html::after{
    right:var(--mpmh104-frame-right)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.12) 0,
      var(--mpmh104-edge) 94%,
      var(--mpmh104-edge-strong) 100%)!important;
    z-index:761!important;
  }

  /* Keep the injected divider, but make it coincide with the new spine so it
     no longer appears as a second competing line. */
  html body #mpmh102RightUtilityDivider{
    right:var(--mpmh104-frame-right)!important;
    top:var(--mpmh096-top-bridge-y,104px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      rgba(126,183,255,.16) 14px,
      rgba(126,183,255,.32) 50%,
      rgba(126,183,255,.16) calc(100% - 14px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:none!important;
    opacity:.65!important;
    z-index:760!important;
  }

  /* Since the spine now owns the left edge of the scrollbar lane, remove the
     track's extra left rule so the lane does not render two adjacent borders. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    border-left:0!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.20)!important;
  }

  /* Keep the far-right utility gutter quiet and blue so it no longer reads as
     a separate broken column. */
  html,body,
  html body #publicShell.public-shell,
  html body .public-shell{
    background:var(--mpmh104-shell)!important;
    background-color:var(--mpmh104-shell)!important;
  }
}


/* ========================================================================
   MPMH105 · Scrollbar-Edge Micro Alignment / Header Corner Connect
   Built from MPMH104. Visual-only refinement after the scrollbar-edge anchor
   test: move the anchored frame line a hair back toward the utility lane and
   extend the vertical border upward so it closes into the top corner of the
   blue header without moving the header, scrollbar, cards, world, search, or
   nav. No routing, counters, Signal, ADMIN, data, ledger, attribution, cookie,
   or backend behavior changes.
   ======================================================================== */
:root{
  /* MPMH104's +18px anchor was slightly too far into the content/track edge.
     Pull it right by two pixels while keeping it locked to the scrollbar lane. */
  --mpmh105-frame-right:calc(var(--mpmh102-outer-right,8px) + 16px);
  --mpmh105-corner-top:calc(var(--mpmh096-top-bridge-y,104px) - 7px);
  --mpmh105-shell:#07121E;
  --mpmh105-edge:rgba(126,183,255,.40);
  --mpmh105-edge-strong:rgba(126,183,255,.56);
  --mpmh105-edge-soft:rgba(126,183,255,.20);
}

@media (min-width:901px){
  /* Keep the visible right frame tucked to the scrollbar lane, just a hair
     farther right than 104, and ensure it is visible through the blue-header
     corner. */
  html body::after{
    right:var(--mpmh105-frame-right)!important;
    top:var(--mpmh096-spine-top,0px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.18) 0,
      var(--mpmh105-edge-strong) 84px,
      var(--mpmh105-edge) 50%,
      var(--mpmh105-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.18) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.42),0 0 8px rgba(126,183,255,.04)!important;
    z-index:980!important;
  }

  /* Header rail endpoint follows the adjusted frame. Keep this to the rail
     line only; do not stretch the full blue header block into the lane. */
  html::before{
    right:var(--mpmh105-frame-right)!important;
    top:var(--mpmh096-top-bridge-y,104px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.10) 0,
      var(--mpmh105-edge) 94%,
      var(--mpmh105-edge-strong) 100%)!important;
    z-index:979!important;
  }
  html::after{
    right:var(--mpmh105-frame-right)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.12) 0,
      var(--mpmh105-edge) 94%,
      var(--mpmh105-edge-strong) 100%)!important;
    z-index:979!important;
  }

  /* This is the visible lane boundary in the card/table scrollers. Start it a
     few pixels above the rail so it reaches the top corner cleanly. */
  html body #mpmh102RightUtilityDivider{
    right:var(--mpmh105-frame-right)!important;
    top:var(--mpmh105-corner-top)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    opacity:.86!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      var(--mpmh105-edge-soft) 7px,
      var(--mpmh105-edge-strong) 18px,
      var(--mpmh105-edge) 50%,
      var(--mpmh105-edge-soft) calc(100% - 14px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:none!important;
    z-index:978!important;
  }

  /* Keep the scrollbar lane quiet. The frame line now owns this boundary, so
     the native track should not add another competing border. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    border-left:0!important;
    border-right:0!important;
    background:var(--mpmh105-shell)!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.16)!important;
  }
}


/* ========================================================================
   MPMH106 · Right Frame Anchor Strong Align
   Built from MPMH105. Visual-only: move the visible right frame/border
   farther toward the scrollbar lane's outside edge and extend the vertical
   connector upward into the upper blue header corner. Do not resize cards,
   move world/search/nav, alter custom scroll ownership, routing, counters,
   Signal, ADMIN, data, ledger, attribution, cookies, or backend behavior.
   ======================================================================== */
:root{
  /* 105 was still tucked too far left. Use a stronger rightward anchor while
     keeping the line inside the working scrollbar/utility lane instead of at
     the fragile far browser gutter. Smaller right offset = farther right. */
  --mpmh106-frame-right:calc(var(--mpmh102-outer-right,8px) + 9px);
  --mpmh106-corner-top:calc(var(--mpmh096-top-bridge-y,104px) - 18px);
  --mpmh106-shell:#07121E;
  --mpmh106-edge:rgba(126,183,255,.42);
  --mpmh106-edge-strong:rgba(126,183,255,.60);
  --mpmh106-edge-soft:rgba(126,183,255,.22);
}

@media (min-width:901px){
  /* The single visible right frame line now owns the edge closer to the
     scrollbar lane. This is a larger correction than the 105 micro-shift. */
  html body::after{
    right:var(--mpmh106-frame-right)!important;
    top:var(--mpmh096-spine-top,0px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.20) 0,
      var(--mpmh106-edge-strong) 84px,
      var(--mpmh106-edge) 50%,
      var(--mpmh106-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.20) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.42),0 0 8px rgba(126,183,255,.04)!important;
    z-index:984!important;
  }

  /* Top and bottom closures terminate on the same corrected X position. */
  html::before{
    right:var(--mpmh106-frame-right)!important;
    top:var(--mpmh096-top-bridge-y,104px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.10) 0,
      var(--mpmh106-edge) 94%,
      var(--mpmh106-edge-strong) 100%)!important;
    z-index:983!important;
  }
  html::after{
    right:var(--mpmh106-frame-right)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.12) 0,
      var(--mpmh106-edge) 94%,
      var(--mpmh106-edge-strong) 100%)!important;
    z-index:983!important;
  }

  /* Extend the utility-lane divider upward into the blue-header corner so the
     top join reads as one closed frame instead of a short vertical segment. */
  html body #mpmh102RightUtilityDivider{
    right:var(--mpmh106-frame-right)!important;
    top:var(--mpmh106-corner-top)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    opacity:.92!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      var(--mpmh106-edge-soft) 6px,
      var(--mpmh106-edge-strong) 20px,
      var(--mpmh106-edge) 50%,
      var(--mpmh106-edge-soft) calc(100% - 14px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:none!important;
    z-index:982!important;
  }

  /* Keep the native scrollbar track from introducing a second border beside
     the corrected frame line. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    border-left:0!important;
    border-right:0!important;
    background:var(--mpmh106-shell)!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.12)!important;
  }
}


/* ========================================================================
   MPMH107 · Header-Corner Vertical Connector / Option 2
   Built from MPMH106. Visual-only: keep the working scrollbar lane and bottom
   closure, move the shared right frame a few pixels farther right, and add a
   separate header-only vertical connector at the same X position so the blue
   header corner closes cleanly without stretching or moving the real header.
   No cards, nav/search/world, scroll ownership, routing, counters, Signal,
   ADMIN, data, ledger, attribution, cookie, or backend behavior changes.
   ======================================================================== */
:root{
  /* 106 was finally the right model, but still needed a small rightward move.
     Smaller right offset = farther right. */
  --mpmh107-frame-right:calc(var(--mpmh102-outer-right,8px) + 6px);
  --mpmh107-header-line-top:calc(var(--mpmh096-top-bridge-y,104px) - 30px);
  --mpmh107-header-line-height:34px;
  --mpmh107-edge:rgba(126,183,255,.44);
  --mpmh107-edge-strong:rgba(126,183,255,.64);
  --mpmh107-edge-soft:rgba(126,183,255,.24);
  --mpmh107-shell:#07121E;
}

@media (min-width:901px){
  /* Move the main visual frame a few pixels farther right, but keep it inside
     the working utility/scrollbar lane model from 102/106. */
  html body::after{
    right:var(--mpmh107-frame-right)!important;
    top:var(--mpmh096-spine-top,0px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.20) 0,
      var(--mpmh107-edge-strong) 84px,
      var(--mpmh107-edge) 50%,
      var(--mpmh107-edge-strong) calc(100% - 8px),
      rgba(126,183,255,.20) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.42),0 0 8px rgba(126,183,255,.04)!important;
    z-index:984!important;
  }

  html::before{
    right:var(--mpmh107-frame-right)!important;
    top:var(--mpmh096-top-bridge-y,104px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.10) 0,
      var(--mpmh107-edge) 94%,
      var(--mpmh107-edge-strong) 100%)!important;
    z-index:983!important;
  }
  html::after{
    right:var(--mpmh107-frame-right)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.12) 0,
      var(--mpmh107-edge) 94%,
      var(--mpmh107-edge-strong) 100%)!important;
    z-index:983!important;
  }

  html body #mpmh102RightUtilityDivider{
    right:var(--mpmh107-frame-right)!important;
    top:var(--mpmh106-corner-top,86px)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    opacity:.94!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      var(--mpmh107-edge-soft) 6px,
      var(--mpmh107-edge-strong) 20px,
      var(--mpmh107-edge) 50%,
      var(--mpmh107-edge-soft) calc(100% - 14px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:none!important;
    z-index:982!important;
  }

  /* Option 2: a header-only connector. This is deliberately separate from the
     scrollbar divider so the blue rail does not have to stretch into or own the
     utility lane. It simply draws the same vertical edge through the header
     strip at the exact same X position. */
  html body #mpmh107HeaderFrameConnector{
    position:fixed!important;
    right:var(--mpmh107-frame-right)!important;
    top:var(--mpmh107-header-line-top)!important;
    width:1px!important;
    height:var(--mpmh107-header-line-height)!important;
    display:block!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.06) 0,
      var(--mpmh107-edge-strong) 18%,
      var(--mpmh107-edge) 52%,
      var(--mpmh107-edge-strong) 86%,
      rgba(126,183,255,.18) 100%)!important;
    box-shadow:1px 0 0 rgba(2,8,14,.38),0 0 6px rgba(126,183,255,.045)!important;
    opacity:.98!important;
    z-index:990!important;
  }

  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    border-left:0!important;
    border-right:0!important;
    background:var(--mpmh107-shell)!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.12)!important;
  }
}

@media (max-width:900px){
  html body #mpmh107HeaderFrameConnector{display:none!important;content:none!important;}
}


/* ========================================================================
   MPMH108 · Header-Top Stop + Subtle Right Frame Line
   Built from MPMH107. Visual-only refinement: keep the now-aligned right
   utility frame, but stop the vertical line at the top of the blue header
   instead of letting it run into the upper chrome. Also softens the visible
   right-frame line so it matches the adjacent border language more closely.
   No world/search/nav/card movement; no routing, counters, Signal, ADMIN,
   data, ledger, attribution, cookies, or backend changes.
   ======================================================================== */
:root{
  --mpmh108-frame-right:var(--mpmh107-frame-right, calc(var(--mpmh102-outer-right,8px) + 6px));
  /* JS measures the real live-section rail. These fallbacks match the older
     fixed header bridge if JS is not available. */
  --mpmh108-header-top:var(--mpmh096-top-bridge-y,104px);
  --mpmh108-header-height:27px;
  --mpmh108-header-bottom:calc(var(--mpmh108-header-top) + var(--mpmh108-header-height));
  --mpmh108-edge:rgba(126,183,255,.30);
  --mpmh108-edge-strong:rgba(126,183,255,.40);
  --mpmh108-edge-soft:rgba(126,183,255,.18);
  --mpmh108-shell:#07121E;
}

@media (min-width:901px){
  /* The primary vertical frame starts at the top of the blue title/header rail.
     This keeps the upper chrome area clean while preserving the closed frame. */
  html body::after{
    right:var(--mpmh108-frame-right)!important;
    top:var(--mpmh108-header-top)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    background:linear-gradient(180deg,
      var(--mpmh108-edge-strong) 0,
      var(--mpmh108-edge) 18px,
      var(--mpmh108-edge) calc(100% - 18px),
      var(--mpmh108-edge-strong) 100%)!important;
    box-shadow:none!important;
    opacity:.78!important;
    z-index:984!important;
  }

  /* Horizontal header/bottom bridges terminate at the same softened frame edge. */
  html::before{
    right:var(--mpmh108-frame-right)!important;
    top:var(--mpmh108-header-bottom)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.08) 0,
      var(--mpmh108-edge-soft) 92%,
      var(--mpmh108-edge) 100%)!important;
    box-shadow:none!important;
    opacity:.88!important;
    z-index:983!important;
  }
  html::after{
    right:var(--mpmh108-frame-right)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    height:1px!important;
    background:linear-gradient(90deg,
      rgba(126,183,255,.08) 0,
      var(--mpmh108-edge-soft) 92%,
      var(--mpmh108-edge) 100%)!important;
    box-shadow:none!important;
    opacity:.88!important;
    z-index:983!important;
  }

  /* Retire the separate 107 header connector. The single softened frame line
     now begins exactly at the measured top of the blue header rail, so there
     is no extra line in the upper chrome and no doubled/thick header segment. */
  html body #mpmh107HeaderFrameConnector{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  html body #mpmh102RightUtilityDivider{
    right:var(--mpmh108-frame-right)!important;
    top:var(--mpmh108-header-top)!important;
    bottom:var(--mpmh096-spine-bottom,31px)!important;
    width:1px!important;
    opacity:.54!important;
    background:linear-gradient(180deg,
      rgba(126,183,255,.00) 0,
      var(--mpmh108-edge-soft) 10px,
      var(--mpmh108-edge) 32px,
      var(--mpmh108-edge-soft) calc(100% - 22px),
      rgba(126,183,255,.00) 100%)!important;
    box-shadow:none!important;
    z-index:982!important;
  }

  /* Keep the scrollbar lane from adding a second heavy border beside the
     softened frame. */
  html body #shellMain .brand-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-track,
  html body #shellMain .brand-discovery-scroll.table-view::-webkit-scrollbar-track,
  html body #shellMain .cause-discovery-scroll.table-view::-webkit-scrollbar-track{
    border-left:0!important;
    border-right:0!important;
    background:var(--mpmh108-shell)!important;
    box-shadow:inset 1px 0 0 rgba(2,8,14,.10)!important;
  }
}

@media (max-width:900px){
  html body #mpmh107HeaderFrameConnector{display:none!important;content:none!important;}
}


/* ========================================================================
   MPMH111 · Upper Chrome Row Border Cleanup
   Base: MPMH108. Cleanup pass: do not carry forward the failed 109/110
   overlay/hairline patch stack. The visible line is owned by the actual
   nav/search band, so remove that row's border/shadow source directly while
   leaving the main blue live-section rail, search input border, active tab
   underlines, right utility lane, discovery scrollers, routing, counters,
   Signal, ADMIN, data, ledger, attribution, cookies, and backend untouched.
   ======================================================================== */
:root{
  --mpmh111-shell:#07121E;
}
@media (min-width:901px){
  html body #mpmhUnifiedShell,
  html body #mpmhUnifiedShell.topbar,
  html body #mpmhUnifiedShell.mpmh-top-shell,
  html body #mpmhUnifiedShell.mpmh-unified-shell,
  html body #mpmhUnifiedShell .mpmh-context-row,
  html body #mpmhUnifiedShell #mpmhContextRow,
  html body #mpmhUnifiedShell .mpmh-context-inner,
  html body #mpmhUnifiedShell .mpmh-nav-search-row,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner,
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs{
    background:var(--mpmh111-shell)!important;
    background-color:var(--mpmh111-shell)!important;
    background-image:none!important;
  }

  /* Actual line source: the nav/search band itself. Remove its top and bottom
     strokes, not the blue section rail below it and not individual tab states. */
  html body #mpmhUnifiedShell .mpmh-nav-search-row,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner,
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs{
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  html body #mpmhUnifiedShell .mpmh-nav-search-row::before,
  html body #mpmhUnifiedShell .mpmh-nav-search-row::after,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner::before,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner::after,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner::before,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner::after,
  html body #mpmhUnifiedShell #tabs.tabs::before,
  html body #mpmhUnifiedShell #tabs.tabs::after,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs::before,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Keep the real lower blue rail as the first visible horizontal band. */
  html body #mpmhLiveSectionHeader,
  html body .mpmh-live-section-header{
    border-top:1px solid rgba(88,180,255,.28)!important;
    border-bottom:1px solid rgba(0,249,158,.18)!important;
  }

  /* Search remains the one intentional bordered control in the upper chrome. */
  html body #mpmhUnifiedShell #topSearchWrap,
  html body #mpmhUnifiedShell .mpmh-header-search-control,
  html body #mpmhUnifiedShell #globalSearch,
  html body #mpmhUnifiedShell .mpmh-header-search-input{
    box-sizing:border-box!important;
  }
}

/* ========================================================================
   MPMH112 · Card Blue Interior + Bottom Strip Polish
   Base: MPMH111.
   Intent:
   - Preserve the successful upper-chrome hairline cleanup from 111.
   - Push the Privacy dark-blue surface into remaining black slabs inside
     Brand/Cause cards and the card-grid floor below the cards.
   - Keep card title bars in the brighter blue header family.
   - Keep logo wells white, search bordered, Signal animation protected, and
     right utility lane / custom scrollbars intact.
   - No routing, tracking, counters, Signal, ADMIN, data, ledger, attribution,
     cookies, or backend changes.
   ======================================================================== */
:root{
  --mpmh112-shell:#07121E;
  --mpmh112-shell-soft:#081827;
  --mpmh112-shell-deep:#06101B;
  --mpmh112-title-blue:#07345b;
  --mpmh112-title-blue-2:#041e36;
  --mpmh112-title-edge:rgba(126,183,255,.45);
  --mpmh112-edge:rgba(126,183,255,.18);
  --mpmh112-green:#0bf99e;
}

/* Discovery floor and lower empty space below the last visible card row. */
html body #shellMain .brands-discovery-panel,
html body #shellMain .causes-discovery-panel,
html body #shellMain .brands-discovery-body,
html body #shellMain .causes-discovery-body,
html body #shellMain .brand-discovery-scroll,
html body #shellMain .cause-discovery-scroll,
html body #shellMain .brand-discovery-scroll.card-view,
html body #shellMain .cause-discovery-scroll.card-view,
html body #shellMain #brandDiscoveryScroll,
html body #shellMain #causeDiscoveryScroll,
html body #shellMain .brand-card-grid,
html body #shellMain .cause-card-grid,
html body #shellMain #brandCardGrid,
html body #shellMain #causeCardGrid,
html body #shellMain .advanced-brand-directory,
html body #shellMain .advanced-cause-directory{
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
}

/* In card view, remove the accidental black horizontal scrollbar/bottom slab.
   Table view keeps its normal horizontal behavior. */
html body #shellMain .brand-discovery-scroll.card-view,
html body #shellMain .cause-discovery-scroll.card-view{
  overflow-x:hidden!important;
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
}
html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar:horizontal,
html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar:horizontal{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  display:none!important;
  background:var(--mpmh112-shell)!important;
}
html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-corner,
html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-corner{
  background:var(--mpmh112-shell)!important;
  border:0!important;
}

/* Card outer frames and the visible gaps around internal non-logo zones. */
html body #shellMain .brand-pick-card,
html body #shellMain .cause-pick-card,
html body #shellMain .brand-card,
html body #shellMain .cause-card,
html body #shellMain .brand-card-item,
html body #shellMain .cause-card-item{
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Keep title bars matching the main upper blue strip. */
html body #shellMain .brand-pick-card > .brand-pick-topline,
html body #shellMain .cause-pick-card > .cause-pick-topline,
html body #shellMain .brand-pick-topline,
html body #shellMain .cause-pick-topline{
  background:linear-gradient(180deg,var(--mpmh112-title-blue),var(--mpmh112-title-blue-2))!important;
  background-color:var(--mpmh112-title-blue-2)!important;
  background-image:linear-gradient(180deg,var(--mpmh112-title-blue),var(--mpmh112-title-blue-2))!important;
  border-color:var(--mpmh112-title-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.45)!important;
}

/* Card bodies: remove remaining pure-black slabs while preserving hierarchy. */
html body #shellMain .brand-pick-card > :not(.brand-identity-stage):not(.brand-pick-topline),
html body #shellMain .brand-pick-card > :not(.brand-identity-stage):not(.brand-pick-topline) *,
html body #shellMain .cause-pick-card > :not(.cause-identity-stage):not(.cause-pick-topline),
html body #shellMain .cause-pick-card > :not(.cause-identity-stage):not(.cause-pick-topline) *,
html body #shellMain .brand-card-info-zone,
html body #shellMain .cause-card-info-zone,
html body #shellMain .brand-pick-desc,
html body #shellMain .cause-pick-desc,
html body #shellMain .brand-pick-desc a,
html body #shellMain .cause-pick-desc a,
html body #shellMain .brand-card-context,
html body #shellMain .cause-card-context,
html body #shellMain .brand-card-mpid-site,
html body #shellMain .cause-card-id-site,
html body #shellMain .brand-card-category-country,
html body #shellMain .brand-pick-actions,
html body #shellMain .cause-pick-actions,
html body #shellMain .brand-pick-stats-panel,
html body #shellMain .cause-pick-stats-panel{
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain .brand-card-info-zone::before,
html body #shellMain .brand-card-info-zone::after,
html body #shellMain .cause-card-info-zone::before,
html body #shellMain .cause-card-info-zone::after,
html body #shellMain .brand-pick-desc::before,
html body #shellMain .brand-pick-desc::after,
html body #shellMain .cause-pick-desc::before,
html body #shellMain .cause-pick-desc::after,
html body #shellMain .brand-card-context::before,
html body #shellMain .brand-card-context::after,
html body #shellMain .cause-card-context::before,
html body #shellMain .cause-card-context::after,
html body #shellMain .brand-pick-actions::before,
html body #shellMain .brand-pick-actions::after,
html body #shellMain .cause-pick-actions::before,
html body #shellMain .cause-pick-actions::after{
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
  border-color:var(--mpmh112-edge)!important;
  box-shadow:none!important;
}

/* Buttons remain readable, but no longer sit on black slabs. */
html body #shellMain .brand-card-primary-link,
html body #shellMain .brand-card-stats-btn,
html body #shellMain .brand-card-detail-btn,
html body #shellMain .cause-card-primary-link,
html body #shellMain .cause-card-stats-btn,
html body #shellMain .cause-card-detail-btn,
html body #shellMain .brand-pick-actions a,
html body #shellMain .brand-pick-actions button,
html body #shellMain .cause-pick-actions a,
html body #shellMain .cause-pick-actions button{
  background:var(--mpmh112-shell-soft)!important;
  background-color:var(--mpmh112-shell-soft)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #shellMain .brand-card-primary-link:hover,
html body #shellMain .brand-card-stats-btn:hover,
html body #shellMain .brand-card-detail-btn:hover,
html body #shellMain .cause-card-primary-link:hover,
html body #shellMain .cause-card-stats-btn:hover,
html body #shellMain .cause-card-detail-btn:hover,
html body #shellMain .brand-pick-actions a:hover,
html body #shellMain .brand-pick-actions button:hover,
html body #shellMain .cause-pick-actions a:hover,
html body #shellMain .cause-pick-actions button:hover{
  background:var(--mpmh112-shell-deep)!important;
  background-color:var(--mpmh112-shell-deep)!important;
  border-color:rgba(11,249,158,.52)!important;
}

/* Re-preserve the white logo wells after the broad body repaint above. */
html body #shellMain .brand-identity-stage,
html body #shellMain .cause-identity-stage,
html body #shellMain .brand-pick-logo-link,
html body #shellMain .cause-pick-logo-link,
html body #shellMain .brand-pick-logo-link *,
html body #shellMain .cause-pick-logo-link *,
html body #shellMain .brand-pick-logo,
html body #shellMain .cause-pick-logo{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
html body #shellMain .brand-pick-logo,
html body #shellMain .cause-pick-logo{
  box-shadow:none!important;
}

/* Footer and the stage immediately above it should never render as a black
   slab below card scrollers. */
html body .public-footer,
html body footer.public-footer,
html body .public-footer.footer-flat-rail,
html body .public-footer.footer-ultra-rail,
html body .public-footer .public-footer-inner,
html body .public-footer .footer-flat-inner,
html body .public-footer .footer-flat-nav,
html body .public-footer .footer-flat-row,
html body .public-footer .footer-brand-line,
html body .footer,
html body .site-footer,
html body .footer-rail,
html body .footer-inner,
html body #shellMain + .public-footer{
  background:var(--mpmh112-shell)!important;
  background-color:var(--mpmh112-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* ========================================================================
   MPMH113 · Surgical Brand/Cause Card Surface Cleanup
   Base: MPMH112.
   Intent:
   - Clean only the Brand/Cause card-table mini-app surfaces that still showed
     old black/green slabs after the broader blue-shell work.
   - Rebind older MPMH084 black-card variables to the Privacy dark blue so
     legacy high-specificity card/floor rules stop repainting black.
   - Keep title bars bright blue, logo wells white, right utility lane and
     custom vertical scrollbars intact, and table view behavior untouched.
   - No routing, tracking, counters, Signal, ADMIN, data, ledger, attribution,
     cookies, or backend changes.
   ======================================================================== */
:root{
  --mpmh113-shell:#07121E;
  --mpmh113-shell-soft:#081827;
  --mpmh113-shell-mid:#0A1B2C;
  --mpmh113-shell-panel:#092037;
  --mpmh113-title-blue:#07345b;
  --mpmh113-title-blue-2:#041e36;
  --mpmh113-title-edge:rgba(126,183,255,.46);
  --mpmh113-edge:rgba(126,183,255,.20);
  --mpmh113-green:#0bf99e;
  --mpmh113-green-edge:rgba(11,249,158,.36);
  /* Important: older MPMH084 card cleanup used this variable for black slabs. */
  --mpmh084-black:#07121E!important;
}

@media (min-width:901px){
  /* The discovery/card field itself: keep the working scroller model, but make
     every non-logo floor around cards the deep blue instead of black. */
  html body #shellMain .brands-discovery-panel,
  html body #shellMain .causes-discovery-panel,
  html body #shellMain .brands-discovery-body,
  html body #shellMain .causes-discovery-body,
  html body #shellMain .advanced-brand-directory,
  html body #shellMain .advanced-cause-directory,
  html body #shellMain .brand-discovery-scroll.card-view,
  html body #shellMain .cause-discovery-scroll.card-view,
  html body #shellMain #brandDiscoveryScroll.card-view,
  html body #shellMain #causeDiscoveryScroll.card-view,
  html body #shellMain .brand-card-grid,
  html body #shellMain .cause-card-grid,
  html body #shellMain #brandCardGrid,
  html body #shellMain #causeCardGrid{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
  }

  /* Sort/control strip and buttons: still compact, but no black blocks. */
  html body #shellMain .brand-sort-strip,
  html body #shellMain .cause-sort-strip,
  html body #shellMain .brands-discovery-panel .brand-sort-strip,
  html body #shellMain .causes-discovery-panel .cause-sort-strip{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
    border-color:rgba(126,183,255,.18)!important;
    box-shadow:none!important;
  }
  html body #shellMain .brand-sort-chip,
  html body #shellMain .cause-sort-chip,
  html body #shellMain .brand-view-toggle,
  html body #shellMain .cause-view-toggle,
  html body #shellMain .brands-discovery-panel .brand-sort-chip,
  html body #shellMain .causes-discovery-panel .cause-sort-chip,
  html body #shellMain .brands-discovery-panel .brand-view-toggle,
  html body #shellMain .causes-discovery-panel .cause-view-toggle{
    background:linear-gradient(180deg,var(--mpmh113-shell-mid),var(--mpmh113-shell))!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:linear-gradient(180deg,var(--mpmh113-shell-mid),var(--mpmh113-shell))!important;
    border-color:rgba(126,183,255,.24)!important;
    box-shadow:none!important;
  }

  /* Card frames: deep blue shell, bright blue title bars. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
    border-color:rgba(11,249,158,.32)!important;
    box-shadow:none!important;
  }
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-topline,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-topline{
    background:linear-gradient(180deg,var(--mpmh113-title-blue),var(--mpmh113-title-blue-2))!important;
    background-color:var(--mpmh113-title-blue-2)!important;
    background-image:linear-gradient(180deg,var(--mpmh113-title-blue),var(--mpmh113-title-blue-2))!important;
    border-color:var(--mpmh113-title-edge)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045), inset 0 -1px 0 rgba(0,0,0,.36)!important;
  }

  /* Card body zones: replace old pure black / dark green slabs with the
     Privacy dark-blue surface. Use exact card classes only. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone,
  html body #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-desc,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-desc,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-desc,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-desc,
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-context,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context,
  html body #shellMain .cause-discovery-scroll.card-view .cause-card-context,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-context,
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site,
  html body #shellMain .cause-discovery-scroll.card-view .cause-card-id-site,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-id-site,
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-actions,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-actions,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Child anchors/spans inherit the blue surface instead of carrying invisible
     black backgrounds from older card passes. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone a,
  html body #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone span,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone a,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone span,
  html body #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone a,
  html body #shellMain .cause-discovery-scroll.card-view .cause-card-info-zone span,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone a,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-card-info-zone span{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Pseudo surfaces: older layers used pseudo-elements for bands/shadows. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card::before,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-card::after,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card::before,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card::after,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card::before,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-card::after,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card::before,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card::after,
  html body #shellMain .brand-card-info-zone::before,
  html body #shellMain .brand-card-info-zone::after,
  html body #shellMain .cause-card-info-zone::before,
  html body #shellMain .cause-card-info-zone::after,
  html body #shellMain .brand-pick-actions::before,
  html body #shellMain .brand-pick-actions::after,
  html body #shellMain .cause-pick-actions::before,
  html body #shellMain .cause-pick-actions::after{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
    border-color:rgba(126,183,255,.18)!important;
    box-shadow:none!important;
  }

  /* Keep the logo wells white. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-identity-stage,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage,
  html body #shellMain .cause-discovery-scroll.card-view .cause-identity-stage,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo-link,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-logo-link,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-logo-link,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-logo,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-logo,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-logo{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
  }

  /* Buttons: still read as controls, but no pure-black fill. */
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-actions button,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-actions a,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-actions button,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button{
    background:linear-gradient(180deg,var(--mpmh113-shell-panel),var(--mpmh113-shell-soft))!important;
    background-color:var(--mpmh113-shell-soft)!important;
    background-image:linear-gradient(180deg,var(--mpmh113-shell-panel),var(--mpmh113-shell-soft))!important;
    border-color:var(--mpmh113-green-edge)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
    color:#ffffff!important;
  }
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
  html body #shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
  html body #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
  html body #shellMain .cause-discovery-scroll.card-view .cause-pick-actions button:hover,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions a:hover,
  html body #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-actions button:hover{
    background:linear-gradient(180deg,#0B2A45,var(--mpmh113-shell-panel))!important;
    background-color:var(--mpmh113-shell-panel)!important;
    border-color:rgba(11,249,158,.62)!important;
  }

  /* Bottom floor below the visible rows: keep it blue and suppress black
     horizontal scrollbar/corner remnants in card view only. */
  html body #shellMain .brand-discovery-scroll.card-view::before,
  html body #shellMain .cause-discovery-scroll.card-view::before,
  html body #shellMain .brand-card-grid::before,
  html body #shellMain .brand-card-grid::after,
  html body #shellMain .cause-card-grid::before,
  html body #shellMain .cause-card-grid::after{
    background:var(--mpmh113-shell)!important;
    background-color:var(--mpmh113-shell)!important;
    background-image:none!important;
    border-color:rgba(126,183,255,.18)!important;
    box-shadow:none!important;
  }
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar-corner,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar-corner{
    background:var(--mpmh113-shell)!important;
    border:0!important;
  }
  html body #shellMain .brand-discovery-scroll.card-view::-webkit-scrollbar:horizontal,
  html body #shellMain .cause-discovery-scroll.card-view::-webkit-scrollbar:horizontal{
    height:0!important;
    display:none!important;
    background:var(--mpmh113-shell)!important;
  }
}


/* ========================================================================
   MPMH114 · Card Gutters + Footer Copyright Blue Fill
   Base: MPMH113.
   Intent:
   - Finish the Brand/Cause card-table mini-app color cleanup without touching
     the header, right utility lane, table view, Signal animation, routing, or
     data logic.
   - The remaining black was coming from nested card gutters, action strips,
     result-status floors, and footer copyright/footer internals that were later
     in the PHP inline stack than the external stylesheet.
   ======================================================================== */
:root{
  --mpmh114-shell:#07121E;
  --mpmh114-shell-soft:#081827;
  --mpmh114-shell-panel:#092037;
  --mpmh114-title-blue:#07345b;
  --mpmh114-title-blue-2:#041e36;
  --mpmh114-edge:rgba(126,183,255,.22);
  --mpmh114-green-edge:rgba(11,249,158,.38);
}

@media (min-width:901px){
  /* Discovery/card viewport floors and the grid gap color between cards. */
  html body #publicShell #shellMain .brands-discovery-panel,
  html body #publicShell #shellMain .causes-discovery-panel,
  html body #publicShell #shellMain .brands-discovery-body,
  html body #publicShell #shellMain .causes-discovery-body,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view,
  html body #publicShell #shellMain #brandDiscoveryScroll.card-view,
  html body #publicShell #shellMain #causeDiscoveryScroll.card-view,
  html body #publicShell #shellMain .brand-card-grid,
  html body #publicShell #shellMain .cause-card-grid,
  html body #publicShell #shellMain #brandCardGrid,
  html body #publicShell #shellMain #causeCardGrid{
    background:var(--mpmh114-shell)!important;
    background-color:var(--mpmh114-shell)!important;
    background-image:linear-gradient(var(--mpmh114-shell),var(--mpmh114-shell))!important;
    box-shadow:none!important;
  }

  /* Keep grid gutters blue even when old scroll/floor layers bleed through. */
  html body #publicShell #shellMain .brand-card-grid,
  html body #publicShell #shellMain .cause-card-grid,
  html body #publicShell #shellMain #brandCardGrid,
  html body #publicShell #shellMain #causeCardGrid{
    background-clip:padding-box!important;
    outline:0!important;
  }
  html body #publicShell #shellMain .brand-card-grid::before,
  html body #publicShell #shellMain .brand-card-grid::after,
  html body #publicShell #shellMain .cause-card-grid::before,
  html body #publicShell #shellMain .cause-card-grid::after,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view::before,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view::after,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view::before,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view::after{
    background:var(--mpmh114-shell)!important;
    background-color:var(--mpmh114-shell)!important;
    background-image:none!important;
    border-color:var(--mpmh114-edge)!important;
    box-shadow:none!important;
  }

  /* Card body/action areas: no remaining black slabs inside the cards. */
  html body #publicShell #shellMain .brand-pick-card,
  html body #publicShell #shellMain .cause-pick-card{
    background:var(--mpmh114-shell)!important;
    background-color:var(--mpmh114-shell)!important;
    background-image:none!important;
  }
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone,
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone .brand-pick-desc,
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone .brand-card-context,
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone .brand-card-mpid-site,
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone .brand-card-category-country,
  html body #publicShell #shellMain .brand-pick-card > .brand-pick-actions,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone .cause-pick-desc,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone .cause-card-context,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone .cause-card-id-site,
  html body #publicShell #shellMain .cause-pick-card > .cause-pick-actions{
    background:var(--mpmh114-shell)!important;
    background-color:var(--mpmh114-shell)!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Inner text links/spans should not carry black backgrounds. */
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone a,
  html body #publicShell #shellMain .brand-pick-card > .brand-card-info-zone span,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone a,
  html body #publicShell #shellMain .cause-pick-card > .cause-card-info-zone span{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Action buttons: blue fill instead of black, while preserving the green edge. */
  html body #publicShell #shellMain .brand-pick-card > .brand-pick-actions a,
  html body #publicShell #shellMain .brand-pick-card > .brand-pick-actions button,
  html body #publicShell #shellMain .cause-pick-card > .cause-pick-actions a,
  html body #publicShell #shellMain .cause-pick-card > .cause-pick-actions button,
  html body #publicShell #shellMain .brand-card-primary-link,
  html body #publicShell #shellMain .brand-card-stats-btn,
  html body #publicShell #shellMain .brand-card-detail-btn,
  html body #publicShell #shellMain .cause-card-primary-link,
  html body #publicShell #shellMain .cause-card-stats-btn,
  html body #publicShell #shellMain .cause-card-detail-btn{
    background:linear-gradient(180deg,var(--mpmh114-shell-panel),var(--mpmh114-shell-soft))!important;
    background-color:var(--mpmh114-shell-panel)!important;
    background-image:linear-gradient(180deg,var(--mpmh114-shell-panel),var(--mpmh114-shell-soft))!important;
    border-color:var(--mpmh114-green-edge)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }

  /* Card-view status/floor strips under the grid: blue or absent, never black. */
  html body #publicShell #shellMain .brand-discovery-scroll.card-view > #brandCardLoadStatus,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view > #causeCardLoadStatus{
    display:none!important;
    background:var(--mpmh114-shell)!important;
    background-color:var(--mpmh114-shell)!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
}

/* Footer/copyright rail: the entire footer, including the copyright line, uses
   the same deep shell blue. Links remain transparent controls. */
html body #publicShell .public-footer,
html body #publicShell footer.public-footer,
html body #publicShell .public-footer.footer-flat-rail,
html body #publicShell .public-footer.footer-ultra-rail,
html body #publicShell .public-footer.footer-flat-rail.footer-ultra-rail,
html body #publicShell .public-footer .public-footer-inner,
html body #publicShell .public-footer .footer-flat-inner,
html body #publicShell .public-footer .footer-flat-nav,
html body #publicShell .public-footer .footer-flat-row,
html body #publicShell .public-footer .mpmh-unified-footer-row,
html body #publicShell .public-footer .footer-brand-line{
  background:var(--mpmh114-shell)!important;
  background-color:var(--mpmh114-shell)!important;
  background-image:linear-gradient(var(--mpmh114-shell),var(--mpmh114-shell))!important;
  box-shadow:none!important;
}
html body #publicShell .public-footer::before,
html body #publicShell .public-footer::after,
html body #publicShell .public-footer .public-footer-inner::before,
html body #publicShell .public-footer .public-footer-inner::after,
html body #publicShell .public-footer .footer-flat-inner::before,
html body #publicShell .public-footer .footer-flat-inner::after,
html body #publicShell .public-footer .footer-brand-line::before,
html body #publicShell .public-footer .footer-brand-line::after{
  background:var(--mpmh114-shell)!important;
  background-color:var(--mpmh114-shell)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell .public-footer .footer-text-link,
html body #publicShell .public-footer .footer-sep{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ========================================================================
   MPMH122 · Stability Owner: Cause Detail, Logo Wells, Stats Panels
   Base: MPMH121 from stable MPMH114 with unique assets.
   Scope is deliberately narrow:
   - Cause detail overlay sits below public header/blue rail.
   - Brand/Cause card logo stages are white end-to-end without resizing cards.
   - Brand/Cause stats overlays use readable dark-blue controls.
   Do not use this block for global repainting, Signal, routing, counters, or data.
   ======================================================================== */
:root{
  --mpmh122-shell:#07121E;
  --mpmh122-shell-soft:#081827;
  --mpmh122-shell-panel:#092037;
  --mpmh122-title-blue:#07345B;
  --mpmh122-edge:rgba(126,183,255,.32);
  --mpmh122-edge-strong:rgba(126,183,255,.50);
  --mpmh122-green-edge:rgba(11,249,158,.38);
  --mpmh122-text:#F5FBFF;
}

/* Cause Details: replace the old viewport-centered model with a safe top/bottom
   frame below the public header. Brand details remain untouched. */
@media (min-width:901px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:154px!important;
    bottom:58px!important;
    width:min(1080px,calc(100vw - 112px))!important;
    max-height:none!important;
    height:auto!important;
    transform:translateX(-50%)!important;
    margin-top:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel.open,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel.open{
    top:154px!important;
    bottom:58px!important;
    transform:translateX(-50%)!important;
    margin-top:0!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel .side-body{
    height:calc(100% - 45px)!important;
    max-height:none!important;
    overflow:auto!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:901px) and (max-height:820px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel,
  html body.cause-detail-workspace #sidePanel.cause-profile-panel.open,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel.open{
    top:128px!important;
    bottom:32px!important;
  }
}
@media (max-width:900px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel{
    top:92px!important;
    bottom:18px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:none!important;
    margin-top:0!important;
    max-height:none!important;
  }
}

/* Logo wells: own the complete stage, not only the inner image/link. This fixes
   gray top/bottom leakage without changing the card dimensions or logo fit. */
@media (min-width:901px){
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-identity-stage,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-identity-stage,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage{
    background:#fff!important;
    background-color:#fff!important;
    background-image:none!important;
    box-shadow:inset 0 0 0 9999px #fff!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-identity-stage::before,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-identity-stage::after,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage::before,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage::after,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-identity-stage::before,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-identity-stage::after,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage::before,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-identity-stage::after{
    content:none!important;
    display:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo-link,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-logo-link,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-logo-link,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-logo,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-logo,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-logo{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
  }
}

/* Stats overlays: readable dark-blue panels. This overrides only stats surfaces,
   not card bodies or detail panels. */
@media (min-width:901px){
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel{
    background:linear-gradient(180deg,var(--mpmh122-shell-panel) 0%,var(--mpmh122-shell) 100%)!important;
    background-color:var(--mpmh122-shell)!important;
    background-image:linear-gradient(180deg,var(--mpmh122-shell-panel) 0%,var(--mpmh122-shell) 100%)!important;
    border:1px solid var(--mpmh122-edge)!important;
    color:var(--mpmh122-text)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open{
    display:grid!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel .brand-stats-title,
  html body #publicShell #shellMain .cause-pick-stats-panel .cause-stats-title{
    background:linear-gradient(180deg,var(--mpmh122-title-blue),#041e36)!important;
    background-color:var(--mpmh122-title-blue)!important;
    border-color:var(--mpmh122-edge-strong)!important;
    color:#fff!important;
    text-shadow:0 1px 0 rgba(0,0,0,.65)!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel span,
  html body #publicShell #shellMain .cause-pick-stats-panel span{
    background:rgba(7,18,30,.78)!important;
    background-color:rgba(7,18,30,.78)!important;
    background-image:none!important;
    border:1px solid rgba(126,183,255,.22)!important;
    color:#cfe7ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel b,
  html body #publicShell #shellMain .cause-pick-stats-panel b{
    display:inline!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    padding:0 2px!important;
    margin:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    color:#ffffff!important;
    text-shadow:0 1px 0 rgba(0,0,0,.55)!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel .brand-stats-close,
  html body #publicShell #shellMain .cause-pick-stats-panel .cause-stats-close{
    background:var(--mpmh122-title-blue)!important;
    background-color:var(--mpmh122-title-blue)!important;
    background-image:none!important;
    border:1px solid var(--mpmh122-green-edge)!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
}


/* ========================================================================
   MPMH123 · Brand Card Logo-Stage White Owner (carried forward)
   Base: MPMH122 / stable MPMH114 audit line.
   Scope: Brand card logo wells only. No details, stats, cause panels,
   right rail, global repainting, routing, counters, or data behavior.
   Purpose: remove the gray stage leakage around brand logos while preserving
   the existing card dimensions and logo sizing.
   ======================================================================== */
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  isolation:isolate!important;
}
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage::before,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage::after,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage::before,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage::after,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage::before,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}


/* ========================================================================
   MPMH124 · Brand Logo Overlay Shield Repair (carried into 125)
   Base: MPMH123.
   Scope: Brand card logo wells only.
   Diagnosis: the gray logo-well wash is caused by older brand-card pseudo
   overlays/visual wash layers painting over the white logo stage. Instead of
   changing dimensions, this puts the real logo stage above those decorative
   overlays and keeps the overlays behind the content.
   ======================================================================== */
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo{
  isolation:isolate!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo::before,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo::after,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo::before,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo::after,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo::before,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo::after{
  z-index:0!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-pick-topline,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-card-info-zone,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-pick-actions,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-pick-topline,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-card-info-zone,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-pick-actions,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-pick-topline,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-card-info-zone,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-pick-actions{
  position:relative!important;
  z-index:1!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage{
  z-index:2!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 9999px #ffffff!important;
  filter:none!important;
  opacity:1!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link{
  position:relative!important;
  z-index:3!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.has-brand-logo > .brand-identity-stage > .brand-pick-logo-link > img.brand-pick-logo{
  position:relative!important;
  z-index:4!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}


/* ========================================================================
   MPMH131 · Consolidated Card Stats Sheet Owner
   Base: MPMH130.
   Clean repair after diagnosis: stale PHP inline stats CSS was overriding the
   external 130 Brand sheet geometry. This external block is now the single
   asset owner for Brand/Cause card Stats sheet geometry and action-button
   parity. PHP stale stats blocks are removed in MPMH131.php.

   Scope:
   - Brand/Cause card Stats sheets only.
   - Full-width, absolute sheet directly under the card title/header.
   - No card resize, no bottom action-row exposure, no verbose panel text.
   - STATS_OPEN tracking, /go/to, routes, data, Signal relay, ledger, and ADMIN
     behavior are unchanged.
   ======================================================================== */
@media (min-width:901px){
  html body #publicShell #shellMain .brand-pick-card,
  html body #publicShell #shellMain .cause-pick-card,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card{
    position:relative!important;
    overflow:hidden!important;
  }

  html body #publicShell #shellMain .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain .brand-pick-card.has-brand-logo > .brand-pick-stats-panel,
  html body #publicShell #shellMain .brand-pick-card.no-brand-logo > .brand-pick-stats-panel,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card > .brand-pick-stats-panel,
  html body #publicShell #shellMain .cause-pick-card > .cause-pick-stats-panel,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card > .cause-pick-stats-panel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:var(--mpmh061-card-title-h,32px)!important;
    bottom:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0!important;
    padding:36px 12px 12px!important;
    overflow:hidden!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(38px,auto)!important;
    gap:8px!important;
    align-content:start!important;
    box-sizing:border-box!important;
    z-index:300!important;
    background:#07121e!important;
    background-color:#07121e!important;
    background-image:linear-gradient(180deg,#081827 0%,#07121e 100%)!important;
    border:0!important;
    border-top:1px solid rgba(126,183,255,.38)!important;
    border-radius:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.38)!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  html body #publicShell #shellMain .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .brand-pick-card.has-brand-logo > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .brand-pick-card.no-brand-logo > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card > .brand-pick-stats-panel.open,
  html body #publicShell #shellMain .cause-pick-card > .cause-pick-stats-panel.open,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.open,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card > .cause-pick-stats-panel.open{
    display:grid!important;
  }

  html body #publicShell #shellMain .brand-pick-stats-panel .brand-stats-title,
  html body #publicShell #shellMain .cause-pick-stats-panel .cause-stats-title,
  html body #publicShell #shellMain .brand-pick-stats-panel .stats-panel-section,
  html body #publicShell #shellMain .cause-pick-stats-panel .stats-panel-section,
  html body #publicShell #shellMain .brand-pick-stats-panel .stats-panel-note,
  html body #publicShell #shellMain .cause-pick-stats-panel .stats-panel-note{
    display:none!important;
  }

  html body #publicShell #shellMain .brand-pick-stats-panel .brand-stats-close,
  html body #publicShell #shellMain .cause-pick-stats-panel .cause-stats-close{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    z-index:2!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(126,183,255,.34)!important;
    border-radius:0!important;
    background:#06111d!important;
    background-color:#06111d!important;
    background-image:none!important;
    color:#e8f5ff!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  html body #publicShell #shellMain .cause-pick-stats-panel .cause-stats-close{
    border-color:rgba(88,247,255,.34)!important;
  }

  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-metric,
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-info,
  html body #publicShell #shellMain .brand-pick-stats-panel > span,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info,
  html body #publicShell #shellMain .cause-pick-stats-panel > span{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 8px!important;
    border:1px solid rgba(126,183,255,.22)!important;
    border-radius:0!important;
    background:#081827!important;
    background-color:#081827!important;
    background-image:none!important;
    color:#dceeff!important;
    box-shadow:none!important;
    text-align:left!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info,
  html body #publicShell #shellMain .cause-pick-stats-panel > span{
    border-color:rgba(88,247,255,.24)!important;
    color:#e4fdff!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-metric.primary,
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-info.active,
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-info.signal,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric.primary,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info.active,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info.signal{
    border-color:rgba(11,249,158,.38)!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-metric b,
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-info b,
  html body #publicShell #shellMain .brand-pick-stats-panel > span b,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric b,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info b,
  html body #publicShell #shellMain .cause-pick-stats-panel > span b{
    display:block!important;
    width:100%!important;
    margin:0 0 3px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    color:#ffffff!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-variant-numeric:tabular-nums!important;
    text-shadow:none!important;
  }
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-metric em,
  html body #publicShell #shellMain .brand-pick-stats-panel span.stats-info em,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric em,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info em{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    color:rgba(220,238,255,.72)!important;
    box-shadow:none!important;
    font-style:normal!important;
    font-size:8px!important;
    line-height:1.05!important;
    font-weight:850!important;
    letter-spacing:.11em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-metric em,
  html body #publicShell #shellMain .cause-pick-stats-panel span.stats-info em{
    color:rgba(228,253,255,.72)!important;
  }

  html body #publicShell #shellMain .brand-pick-actions,
  html body #publicShell #shellMain .cause-pick-actions{
    position:relative!important;
    z-index:1!important;
  }
}
@media(max-width:900px){
  html body #publicShell #shellMain .brand-pick-stats-panel,
  html body #publicShell #shellMain .cause-pick-stats-panel{
    left:0!important;
    right:0!important;
    top:32px!important;
    bottom:0!important;
  }
}

html body #publicShell #shellMain .brand-pick-actions a,
html body #publicShell #shellMain .brand-pick-actions button,
html body #publicShell #shellMain .cause-pick-actions a,
html body #publicShell #shellMain .cause-pick-actions button,
html body #publicShell #shellMain .brand-card-primary-link,
html body #publicShell #shellMain .brand-card-stats-btn,
html body #publicShell #shellMain .brand-card-detail-btn,
html body #publicShell #shellMain .cause-card-primary-link,
html body #publicShell #shellMain .cause-card-stats-btn,
html body #publicShell #shellMain .cause-card-detail-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  height:24px!important;
  padding:0 8px!important;
  border:1px solid rgba(11,249,158,.46)!important;
  border-radius:0!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:linear-gradient(180deg,#081827,#07121e)!important;
  color:#ffffff!important;
  box-shadow:none!important;
  outline:0!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-align:center!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .brand-pick-actions a:hover,
html body #publicShell #shellMain .brand-pick-actions button:hover,
html body #publicShell #shellMain .cause-pick-actions a:hover,
html body #publicShell #shellMain .cause-pick-actions button:hover,
html body #publicShell #shellMain .brand-pick-actions a:focus,
html body #publicShell #shellMain .brand-pick-actions button:focus,
html body #publicShell #shellMain .cause-pick-actions a:focus,
html body #publicShell #shellMain .cause-pick-actions button:focus,
html body #publicShell #shellMain .brand-pick-actions a:active,
html body #publicShell #shellMain .brand-pick-actions button:active,
html body #publicShell #shellMain .cause-pick-actions a:active,
html body #publicShell #shellMain .cause-pick-actions button:active,
html body #publicShell #shellMain .brand-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-card-stats-btn[aria-expanded="true"]{
  background:#081827!important;
  background-color:#081827!important;
  background-image:linear-gradient(180deg,#09223a,#07121e)!important;
  border-color:rgba(11,249,158,.58)!important;
  color:#ffffff!important;
  outline:0!important;
  box-shadow:none!important;
}



/* ========================================================================
   MPMH132 · Shared Brand/Cause Card Stats Sheet Structural Owner
   Base: MPMH131.

   Why this exists:
   - Brand and Cause cards now carry shared component classes while retaining
     their original Brand/Cause classes, IDs, data attributes, and handlers.
   - The shared class layer owns Stats sheet geometry outside of old Brand-only
     and Cause-only historical selectors, so both cards use the same clean
     overlay pattern.
   - This block is intentionally viewport-independent. The prior desktop-only
     sheet owner could allow Brand stats to fall back into normal flow at some
     widths.

   Tracking preserved:
   - Original brand-pick-card / cause-pick-card classes remain.
   - Original brandStatsPanel#/causeStatsPanel# IDs remain.
   - Original brandStatsButton#/causeStatsButton# IDs remain.
   - Original toggleBrandCardStats/toggleCauseCardStats functions remain.
   - Original mpmhSignalEmit('STATS_OPEN', ...) calls remain.
   - Original /go/to and fireCampaignClick/fireCharityClick paths remain.
   ======================================================================== */
html body #shellMain .mpmh-record-pick-card,
html body #publicShell #shellMain .mpmh-record-pick-card,
html body #shellMain .brand-pick-card.mpmh-record-pick-card,
html body #shellMain .cause-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

html body #shellMain .mpmh-record-pick-card > .mpmh-card-stats-sheet,
html body #publicShell #shellMain .mpmh-record-pick-card > .mpmh-card-stats-sheet,
html body #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet,
html body #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet{
  position:absolute!important;
  inset:var(--mpmh061-card-title-h,32px) 0 0 0!important;
  left:0!important;
  right:0!important;
  top:var(--mpmh061-card-title-h,32px)!important;
  bottom:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:36px 14px 14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(54px,auto)!important;
  gap:10px!important;
  align-content:start!important;
  z-index:500!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:linear-gradient(180deg,#081827 0%,#07121e 100%)!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.38)!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.38)!important;
}

html body #shellMain .mpmh-record-pick-card > .mpmh-card-stats-sheet.open,
html body #publicShell #shellMain .mpmh-record-pick-card > .mpmh-card-stats-sheet.open,
html body #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.open,
html body #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.open,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.open,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.open{
  display:grid!important;
}

html body #shellMain .mpmh-card-stats-sheet .brand-stats-close,
html body #shellMain .mpmh-card-stats-sheet .cause-stats-close,
html body #publicShell #shellMain .mpmh-card-stats-sheet .brand-stats-close,
html body #publicShell #shellMain .mpmh-card-stats-sheet .cause-stats-close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:2!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(126,183,255,.38)!important;
  border-radius:0!important;
  background:#06111d!important;
  background-color:#06111d!important;
  background-image:none!important;
  color:#e8f5ff!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  cursor:pointer!important;
}
html body #shellMain .mpmh-cause-card-stats-sheet .cause-stats-close,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .cause-stats-close{
  border-color:rgba(88,247,255,.38)!important;
}

html body #shellMain .mpmh-card-stats-sheet span.stats-metric,
html body #shellMain .mpmh-card-stats-sheet span.stats-info,
html body #shellMain .mpmh-card-stats-sheet > span,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-metric,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-info,
html body #publicShell #shellMain .mpmh-card-stats-sheet > span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.24)!important;
  border-radius:0!important;
  background:#081827!important;
  background-color:#081827!important;
  background-image:none!important;
  color:#dceeff!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
}
html body #shellMain .mpmh-cause-card-stats-sheet span.stats-metric,
html body #shellMain .mpmh-cause-card-stats-sheet span.stats-info,
html body #shellMain .mpmh-cause-card-stats-sheet > span,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet span.stats-metric,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet span.stats-info,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet > span{
  border-color:rgba(88,247,255,.24)!important;
  color:#e4fdff!important;
}

html body #shellMain .mpmh-card-stats-sheet span.stats-metric.primary,
html body #shellMain .mpmh-card-stats-sheet span.stats-info.active,
html body #shellMain .mpmh-card-stats-sheet span.stats-info.signal,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-metric.primary,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-info.active,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-info.signal{
  border-color:rgba(11,249,158,.42)!important;
}

html body #shellMain .mpmh-card-stats-sheet span.stats-metric b,
html body #shellMain .mpmh-card-stats-sheet span.stats-info b,
html body #shellMain .mpmh-card-stats-sheet > span b,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-metric b,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-info b,
html body #publicShell #shellMain .mpmh-card-stats-sheet > span b{
  display:block!important;
  width:100%!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:none!important;
}

html body #shellMain .mpmh-card-stats-sheet span.stats-metric em,
html body #shellMain .mpmh-card-stats-sheet span.stats-info em,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-metric em,
html body #publicShell #shellMain .mpmh-card-stats-sheet span.stats-info em{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(220,238,255,.76)!important;
  box-shadow:none!important;
  font-style:normal!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #shellMain .mpmh-cause-card-stats-sheet span.stats-metric em,
html body #shellMain .mpmh-cause-card-stats-sheet span.stats-info em,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet span.stats-metric em,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet span.stats-info em{
  color:rgba(228,253,255,.76)!important;
}

html body #shellMain .mpmh-card-stats-sheet .brand-stats-title,
html body #shellMain .mpmh-card-stats-sheet .cause-stats-title,
html body #shellMain .mpmh-card-stats-sheet .stats-panel-section,
html body #shellMain .mpmh-card-stats-sheet .stats-panel-note,
html body #publicShell #shellMain .mpmh-card-stats-sheet .brand-stats-title,
html body #publicShell #shellMain .mpmh-card-stats-sheet .cause-stats-title,
html body #publicShell #shellMain .mpmh-card-stats-sheet .stats-panel-section,
html body #publicShell #shellMain .mpmh-card-stats-sheet .stats-panel-note{
  display:none!important;
}

/* ========================================================================
   MPMH133 · Brand Stats Conflict Cleanup Note
   The MPMH124 brand-logo overlay shield previously included
   > .brand-pick-stats-panel in its position:relative/z-index group. That
   selector had higher specificity than the shared stats-sheet owner and forced
   Brand Stats back into normal card flow. MPMH133 removes the stats panel from
   that old shield group so the MPMH132 shared sheet owner can control it.
   ======================================================================== */


/* ==========================================================================
   MPMH136 PUBLIC INSIGHTS NAVIGATION REPAIR
   Shell-native content layer. Scoped only to [data-panel="insights"].
   ========================================================================== */
#shellMain [data-panel="insights"],
#shellMain .mpmh-public-insights-panel{
  background:var(--mpmh092-shell,#07121e)!important;
  background-color:var(--mpmh092-shell,#07121e)!important;
  color:#eef8ff!important;
}
.mpmh-insights-body{
  background:var(--mpmh092-shell,#07121e)!important;
  background-color:var(--mpmh092-shell,#07121e)!important;
  padding:18px 22px 24px!important;
}
.mpmh-insights-shell{
  width:min(1180px,100%);
  margin:0 auto;
  background:var(--mpmh092-shell,#07121e);
  background-color:var(--mpmh092-shell,#07121e);
}
.mpmh-insights-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:0 18px;
  padding:0 0 13px;
  margin:0 0 16px;
  border-bottom:1px solid rgba(126,183,255,.18);
}
.mpmh-insight-nav-link{
  appearance:none;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  background:transparent;
  color:rgba(205,225,238,.70);
  padding:7px 0 6px;
  font-size:9.5px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:.11em;
  text-transform:uppercase;
  cursor:pointer;
}
.mpmh-insight-nav-link:hover,
.mpmh-insight-nav-link:focus{
  color:#8fc6ff;
  outline:0;
}
.mpmh-insight-nav-link.is-active{
  color:#0bf99e;
  border-bottom-color:rgba(11,249,158,.75);
}
.mpmh-insights-pages{
  min-height:430px;
}
.mpmh-insight-page{
  display:none;
  border:1px solid rgba(126,183,255,.18);
  background:linear-gradient(180deg,var(--mpmh092-shell-soft,#081827),var(--mpmh092-shell,#07121e));
  padding:22px 24px 24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.mpmh-insight-page.is-active{
  display:block;
}
.mpmh-insight-kicker{
  color:#0bf99e;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
  margin:0 0 8px;
}
.mpmh-insight-page h2{
  max-width:980px;
  margin:0;
  color:#8fc6ff;
  font-size:clamp(18px,2vw,30px);
  line-height:1.12;
  font-weight:400;
  letter-spacing:.01em;
}
.mpmh-insight-page p{
  max-width:940px;
  margin:12px 0 0!important;
  color:rgba(220,235,245,.73)!important;
  font-size:12px!important;
  line-height:1.58!important;
  letter-spacing:.018em!important;
}
.mpmh-insight-grid,
.mpmh-insight-table,
.mpmh-insight-columns{
  display:grid;
  gap:0;
  margin-top:18px;
  border:1px solid rgba(126,183,255,.16);
  background:var(--mpmh092-shell-deep,#06101b);
}
.mpmh-insight-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.mpmh-insight-grid.five{grid-template-columns:repeat(5,minmax(0,1fr));}
.mpmh-insight-columns{grid-template-columns:repeat(4,minmax(0,1fr));}
.mpmh-insight-table.compact{grid-template-columns:1fr;}
.mpmh-insight-grid div,
.mpmh-insight-table div,
.mpmh-insight-columns div{
  min-height:96px;
  padding:15px 16px;
  border-left:1px solid rgba(126,183,255,.12);
  border-top:1px solid rgba(126,183,255,.10);
  background:rgba(8,24,39,.74);
}
.mpmh-insight-grid div:first-child,
.mpmh-insight-columns div:first-child{border-left:0;}
.mpmh-insight-table div:first-child{border-top:0;}
.mpmh-insight-grid strong,
.mpmh-insight-columns b,
.mpmh-insight-table b{
  display:block;
  margin:0 0 8px;
  color:#f4fbff;
  font-size:10px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.115em;
  text-transform:uppercase;
}
.mpmh-insight-grid span,
.mpmh-insight-columns span,
.mpmh-insight-table span{
  display:block;
  color:rgba(205,225,238,.68);
  font-size:10.5px;
  line-height:1.48;
  letter-spacing:.018em;
}
.mpmh-insight-note{
  margin:16px 0 0;
  padding:11px 13px;
  border-left:3px solid rgba(11,249,158,.55);
  background:rgba(8,24,39,.64);
  color:#0bf99e;
  font-size:11px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.035em;
}
.mpmh-insight-bottom-nav{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:13px 0 0;
  margin:0;
}
.mpmh-insight-bottom-nav button{
  appearance:none;
  border:0;
  background:transparent;
  color:#8fc6ff;
  padding:6px 0;
  font-size:10px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.mpmh-insight-bottom-nav button:hover,
.mpmh-insight-bottom-nav button:focus{color:#fff;outline:0;}
.mpmh-insight-bottom-nav button:disabled{opacity:.25;cursor:default;color:rgba(143,198,255,.45);}
@media(max-width:1100px){
  .mpmh-insight-grid.four,
  .mpmh-insight-grid.five,
  .mpmh-insight-columns{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mpmh-insight-grid div:nth-child(odd),
  .mpmh-insight-columns div:nth-child(odd){border-left:0;}
}
@media(max-width:720px){
  .mpmh-insights-body{padding:14px 12px 18px!important;}
  .mpmh-insight-page{padding:18px 16px;}
  .mpmh-insight-grid.four,
  .mpmh-insight-grid.five,
  .mpmh-insight-columns{grid-template-columns:1fr;}
  .mpmh-insight-grid div,
  .mpmh-insight-columns div{border-left:0;}
  .mpmh-insight-bottom-nav{display:block;}
  .mpmh-insight-bottom-nav button{display:block;width:100%;text-align:left;margin-top:8px;}
}


/* ==========================================================================
   MPMH136 INSIGHT PLATFORM BLUE SHELL OWNER
   Keeps the new Insights experience visually blended with the platform-blue
   shell instead of standalone black panels.
   ========================================================================== */
html body #publicShell #shellMain [data-panel="insights"],
html body #publicShell #shellMain .mpmh-public-insights-panel,
html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body,
html body #publicShell #shellMain .mpmh-insights-body,
html body #publicShell #shellMain .mpmh-insights-shell{
  background:var(--mpmh092-shell,#07121e)!important;
  background-color:var(--mpmh092-shell,#07121e)!important;
}
html body #publicShell #shellMain .mpmh-insight-page{
  background:linear-gradient(180deg,var(--mpmh092-shell-soft,#081827),var(--mpmh092-shell,#07121e))!important;
}
html body #publicShell #shellMain .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-insight-table,
html body #publicShell #shellMain .mpmh-insight-columns{
  background:var(--mpmh092-shell-deep,#06101b)!important;
}
html body #publicShell #shellMain .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-insight-table div,
html body #publicShell #shellMain .mpmh-insight-columns div{
  background:rgba(8,24,39,.74)!important;
}



/* ========================================================================
   MPMH137 HEADER TAB COMPRESSION / ACTIVE GREEN OWNER
   ------------------------------------------------------------------------
   Desktop chrome-only repair. Keeps the existing tab buttons and tracking
   hooks, but lowers the primary navigation to the lower rail so the centered
   search no longer clips the words when the header compresses. Also tightens
   spacing after the INSIGHTS tab addition and changes active tabs to platform
   bright green without underline geometry.
   ======================================================================== */
@media (min-width:981px){
  html body #mpmhUnifiedShell .mpmh-nav-search-row,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner{
    position:relative!important;
    z-index:330!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    overflow:visible!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    background:var(--mpmh092-shell,#07121e)!important;
    background-color:var(--mpmh092-shell,#07121e)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs{
    position:relative!important;
    z-index:340!important;
    width:100%!important;
    max-width:none!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    display:grid!important;
    grid-template-columns:minmax(286px,1fr) minmax(320px,430px) minmax(560px,1fr)!important;
    align-items:end!important;
    justify-items:stretch!important;
    gap:0!important;
    padding:8px 26px 1px!important;
    margin:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    contain:layout paint!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    contain:paint!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-discovery{
    grid-column:1!important;
    justify-content:flex-start!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{
    grid-column:3!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover{
    position:relative!important;
    display:inline-flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    margin:0!important;
    padding:0 1px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    top:auto!important;
    bottom:auto!important;
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
    font-size:clamp(10px,.62vw,11.5px)!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.047em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    text-shadow:none!important;
    cursor:pointer!important;
    transition:color .12s ease,text-shadow .12s ease!important;
    contain:paint!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after{
    content:none!important;
    display:none!important;
    border:0!important;
    box-shadow:none!important;
    opacity:0!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
    text-shadow:0 0 8px rgba(11,249,158,.18)!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-shadow:0 0 10px rgba(11,249,158,.24)!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="charities"]{width:58px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="campaigns"]{width:58px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="categories"]{width:90px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"]{width:60px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="insights"]{width:66px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="leaderboards"]{width:104px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="howitworks"]{width:92px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="faq"]{width:32px!important;}
}
@media (min-width:981px) and (max-width:1220px){
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs{
    grid-template-columns:minmax(246px,1fr) minmax(286px,380px) minmax(500px,1fr)!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group{gap:6px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{gap:5px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn{font-size:clamp(9px,.64vw,10.5px)!important;letter-spacing:.036em!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="categories"]{width:82px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="leaderboards"]{width:96px!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="howitworks"]{width:84px!important;}
}
@media (max-width:980px){
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}


/* ========================================================================
   MPMH139 HEADER STABILITY + NON-INTRUSIVE STICKY INSIGHT NAV
   ------------------------------------------------------------------------
   Reverts the 138 inner-scrollbar approach by preserving the existing page/
   frame scrollbar. Adds only sticky bottom navigation for Insights and final
   tab color/geometry ownership. No card, route, tracking, Signal, ADMIN,
   data, attribution, ledger, or backend behavior is changed.
   ======================================================================== */
@media (min-width:981px){
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible{
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    padding:0 1px!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    top:auto!important;
    bottom:auto!important;
    font-size:clamp(10px,.62vw,11.5px)!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:.047em!important;
    text-decoration:none!important;
    text-shadow:none!important;
    vertical-align:bottom!important;
    transition:color .12s ease!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    opacity:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn{
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}
html body #publicShell #shellMain [data-panel="insights"],
html body #publicShell #shellMain .mpmh-public-insights-panel,
html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body,
html body #publicShell #shellMain .mpmh-insights-body,
html body #publicShell #shellMain .mpmh-insights-shell,
html body #publicShell #shellMain .mpmh-insight-page,
html body #publicShell #shellMain .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-insight-table,
html body #publicShell #shellMain .mpmh-insight-columns,
html body #publicShell #shellMain .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-insight-table div,
html body #publicShell #shellMain .mpmh-insight-columns div,
html body #publicShell #shellMain .mpmh-insight-note,
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  position:sticky!important;
  bottom:0!important;
  z-index:70!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:40px!important;
  margin:10px 0 0!important;
  padding:9px 2px 4px!important;
  border-top:1px solid rgba(126,183,255,.22)!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav button{
  max-width:50%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-insights-pages{
  overflow:visible!important;
  padding-right:0!important;
}

/* ========================================================================
   MPMH140 · INSIGHT STICKY NAVIGATION RAILS
   ------------------------------------------------------------------------
   Builds from the MPMH139 outside-frame scrollbar restoration. This pass
   does not create an inner scroller or move the custom scrollbar inward. It
   only makes the Insights title-link rail sticky at the top of the Insights
   content stack and reinforces the Previous / Next rail as sticky at the
   bottom with clean z-index/background ownership.
   ======================================================================== */
html body #publicShell #shellMain [data-panel="insights"],
html body #publicShell #shellMain .mpmh-public-insights-panel,
html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body,
html body #publicShell #shellMain .mpmh-insights-body,
html body #publicShell #shellMain .mpmh-insights-shell,
html body #publicShell #shellMain .mpmh-insights-pages,
html body #publicShell #shellMain .mpmh-insight-page{
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-insights-shell{
  position:relative!important;
  isolation:isolate!important;
}
html body #publicShell #shellMain .mpmh-insights-nav{
  position:sticky!important;
  top:0!important;
  z-index:140!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:0 1px 0 rgba(126,183,255,.18)!important;
  border-bottom:0!important;
  margin:0 0 16px!important;
  padding:9px 0 10px!important;
}
html body #publicShell #shellMain .mpmh-insight-nav-link,
html body #publicShell #shellMain .mpmh-insight-nav-link:hover,
html body #publicShell #shellMain .mpmh-insight-nav-link:focus,
html body #publicShell #shellMain .mpmh-insight-nav-link.is-active,
html body #publicShell #shellMain .mpmh-insight-nav-link.is-active:hover{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-insight-nav-link{
  color:rgba(190,200,210,.72)!important;
  -webkit-text-fill-color:rgba(190,200,210,.72)!important;
}
html body #publicShell #shellMain .mpmh-insight-nav-link:hover,
html body #publicShell #shellMain .mpmh-insight-nav-link:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html body #publicShell #shellMain .mpmh-insight-nav-link.is-active,
html body #publicShell #shellMain .mpmh-insight-nav-link.is-active:hover,
html body #publicShell #shellMain .mpmh-insight-nav-link.is-active:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  position:sticky!important;
  bottom:0!important;
  z-index:135!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:0 -1px 0 rgba(126,183,255,.20)!important;
  border-top:0!important;
  margin:12px 0 0!important;
  padding:10px 2px 7px!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav button,
html body #publicShell #shellMain .mpmh-insight-bottom-nav button:hover,
html body #publicShell #shellMain .mpmh-insight-bottom-nav button:focus,
html body #publicShell #shellMain .mpmh-insight-bottom-nav button:focus-visible{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav button:hover,
html body #publicShell #shellMain .mpmh-insight-bottom-nav button:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}


/* ========================================================================
   MPMH141 · INSIGHT BOTTOM RAIL FLOOR LOCK
   ------------------------------------------------------------------------
   External asset owner matching the inline safety block in MPMH141.php.
   Keeps the outside/main frame scrollbar; no inner scroller is created.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body.mpmh-insights-body{
  min-height:clamp(535px,calc(100dvh - 232px),760px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-insights-shell{
  min-height:clamp(510px,calc(100dvh - 258px),735px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  position:relative!important;
  isolation:isolate!important;
}
html body #publicShell #shellMain .mpmh-insights-nav{
  flex:0 0 auto!important;
  position:sticky!important;
  top:0!important;
  z-index:160!important;
}
html body #publicShell #shellMain .mpmh-insights-pages{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
  padding-right:0!important;
}
html body #publicShell #shellMain .mpmh-insight-page{
  width:100%!important;
  min-height:100%!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-insight-page.is-active{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
html body #publicShell #shellMain .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-insight-table,
html body #publicShell #shellMain .mpmh-insight-columns,
html body #publicShell #shellMain .mpmh-insight-note{
  width:100%!important;
  flex:0 0 auto!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  flex:0 0 auto!important;
  margin-top:auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:155!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:0 -1px 0 rgba(126,183,255,.20)!important;
}
@media(max-width:720px){
  html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body.mpmh-insights-body,
  html body #publicShell #shellMain .mpmh-insights-shell{
    min-height:auto!important;
  }
}


/* ========================================================================
   MPMH142 · HEADER TAB HOVER GEOMETRY LOCK
   ------------------------------------------------------------------------
   Final external owner for the main split tab row. Freezes the nav rail,
   tab groups, and button metrics across normal/hover/focus/active states so
   legacy active-plate or underline effects cannot pull the row upward.
   ======================================================================== */
@media (min-width:981px){
  html body #mpmhUnifiedShell .mpmh-nav-search-row,
  html body #mpmhUnifiedShell .mpmh-nav-search-row:hover,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner,
  html body #mpmhUnifiedShell .mpmh-nav-search-inner:hover,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner:hover{
    height:31px!important;min-height:31px!important;max-height:31px!important;
    padding:0!important;margin:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important;
    transform:none!important;translate:0 0!important;transition:none!important;
  }
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell #tabs.tabs:hover,
  html body #mpmhUnifiedShell #tabs.tabs:focus-within,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs:focus-within,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs:hover,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs:focus-within{
    height:31px!important;min-height:31px!important;max-height:31px!important;
    padding:8px 26px 1px!important;margin:0!important;display:grid!important;align-items:end!important;justify-items:stretch!important;overflow:visible!important;
    border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;translate:0 0!important;transition:none!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    height:18px!important;min-height:18px!important;max-height:18px!important;display:flex!important;align-items:flex-end!important;margin:0!important;padding:0!important;overflow:visible!important;
    transform:none!important;translate:0 0!important;transition:none!important;box-shadow:none!important;border:0!important;background:transparent!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:active{
    position:relative!important;display:inline-flex!important;align-items:flex-end!important;justify-content:center!important;flex:0 0 auto!important;
    height:15px!important;min-height:15px!important;max-height:15px!important;line-height:15px!important;margin:0!important;padding:0 1px!important;
    border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;text-decoration:none!important;
    top:0!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;translate:0 0!important;vertical-align:bottom!important;
    font-size:clamp(10px,.62vw,11.5px)!important;font-weight:650!important;letter-spacing:.047em!important;white-space:nowrap!important;box-sizing:border-box!important;transition:color .12s ease!important;will-change:auto!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::after{
    content:none!important;display:none!important;width:0!important;height:0!important;opacity:0!important;border:0!important;background:none!important;box-shadow:none!important;transform:none!important;translate:0 0!important;animation:none!important;
  }
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited{color:rgba(190,200,210,.72)!important;-webkit-text-fill-color:rgba(190,200,210,.72)!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;}
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:focus-visible{color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;}
}


/* ========================================================================
   MPMH143 · HEADER TAB UNDERLINE NULL OWNER
   ------------------------------------------------------------------------
   Removes remaining legacy border-bottom/underline/pseudo effects from the
   main split navigation without altering tracking, routes, cards, or layout.
   ======================================================================== */


/* MPMH143 final late owner: removes the remaining legacy tab underline/border-bottom/focus box effect after all older inline style blocks. */
@media (min-width:981px){
  html body #mpmhUnifiedShell #tabs,
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs:focus-within{
    overflow:visible!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs .tab-btn:active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:active{
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-underline-offset:0!important;
    text-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    top:0!important;
    bottom:auto!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:1px!important;
    padding-right:1px!important;
    font-weight:650!important;
    transition:color .12s ease!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:active::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:active::after,
  html body #mpmhUnifiedShell #tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    opacity:0!important;
    visibility:hidden!important;
    border:0!important;
    outline:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    animation:none!important;
    pointer-events:none!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited{
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn:not(.active):hover,
  html body #mpmhUnifiedShell #tabs .tab-btn:not(.active):focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}



/* ========================================================================
   MPMH144 · HEADER TAB UNDERLINE HARD NULL OWNER
   ------------------------------------------------------------------------
   Final external asset guard for the main split nav: no hover underline, no
   border/plate geometry, no pseudo-element sweep, stable gray / sky-blue /
   green tab colors.
   ======================================================================== */

<style id="mpmh144-header-tab-underline-hard-null">
/* MPMH144 final inline owner: hard-removes tab underlines, hover plates, and any descendant underline effect without changing tab click tracking. */
@media (min-width:981px){
  html body #mpmhUnifiedShell #tabs,
  html body #mpmhUnifiedShell #tabs.tabs,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    overflow:visible!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs button.tab-btn,
  html body #mpmhUnifiedShell #tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs .tab-btn:active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs button.tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:link,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:visited,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    line-height:14px!important;
    padding:0 1px!important;
    margin:0!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    filter:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    text-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    vertical-align:baseline!important;
    font-weight:650!important;
    transition:color .12s ease!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs .tab-btn:active::before,
  html body #mpmhUnifiedShell #tabs .tab-btn:active::after,
  html body #mpmhUnifiedShell #tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover::after{
    content:""!important;
    display:none!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    animation:none!important;
    transition:none!important;
    pointer-events:none!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn *,
  html body #mpmhUnifiedShell #tabs .tab-btn *:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn *:focus,
  html body #mpmhUnifiedShell #tabs .tab-btn *:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn *,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn *:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn *:focus,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn *:focus-visible{
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    transform:none!important;
    translate:0 0!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn{
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn:not(.active):hover,
  html body #mpmhUnifiedShell #tabs .tab-btn:not(.active):focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover,
  html body #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}

/* ========================================================================
   MPMH145 FINAL TAB HOVER UNDERLINE NULL + INSIGHT NAV FLOOR SPACER
   ------------------------------------------------------------------------
   This is the last cascade owner for the main top tab row and the Insights
   Previous/Next rail. It removes legacy hover underlines/box-shadows and
   gives the sticky bottom rail enough full-page scroll room without creating
   an inner scroller or moving the outside scrollbar inward.
   ======================================================================== */
@media (min-width:981px){
  html body #mpmhUnifiedShell nav#tabs,
  html body #mpmhUnifiedShell nav#tabs.tabs,
  html body #mpmhUnifiedShell nav#tabs.mpmh-split-tabs{
    overflow:visible!important;
  }
  html body #mpmhUnifiedShell nav#tabs .tab-btn,
  html body #mpmhUnifiedShell nav#tabs button.tab-btn,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:link,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:visited,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:hover,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus-visible,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:active,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:focus,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:active{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    position:relative!important;
    box-sizing:border-box!important;
    height:14px!important;
    min-height:14px!important;
    max-height:14px!important;
    line-height:14px!important;
    padding:0 1px!important;
    margin:0!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    outline-offset:0!important;
    box-shadow:none!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    filter:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    text-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    vertical-align:baseline!important;
    font-weight:700!important;
    letter-spacing:.055em!important;
    transition:color .12s ease!important;
    contain:paint!important;
    will-change:auto!important;
  }
  html body #mpmhUnifiedShell nav#tabs .tab-btn::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:hover::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:hover::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus-visible::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:focus-visible::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:active::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:active::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active::after,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:hover::before,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:hover::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    opacity:0!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    animation:none!important;
    transition:none!important;
    pointer-events:none!important;
  }
  html body #mpmhUnifiedShell nav#tabs .tab-btn *,
  html body #mpmhUnifiedShell nav#tabs .tab-btn *:hover,
  html body #mpmhUnifiedShell nav#tabs .tab-btn *:focus,
  html body #mpmhUnifiedShell nav#tabs .tab-btn *:focus-visible{
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    transform:none!important;
    translate:0 0!important;
    font-weight:inherit!important;
  }
  html body #mpmhUnifiedShell nav#tabs .tab-btn{color:rgba(190,200,210,.72)!important;-webkit-text-fill-color:rgba(190,200,210,.72)!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn:not(.active):hover,
  html body #mpmhUnifiedShell nav#tabs .tab-btn:not(.active):focus-visible{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body #mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible{color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="charities"]{width:64px!important;min-width:64px!important;max-width:64px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="campaigns"]{width:64px!important;min-width:64px!important;max-width:64px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="categories"]{width:104px!important;min-width:104px!important;max-width:104px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="signals"]{width:74px!important;min-width:74px!important;max-width:74px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="insights"]{width:76px!important;min-width:76px!important;max-width:76px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="leaderboards"]{width:116px!important;min-width:116px!important;max-width:116px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="howitworks"]{width:108px!important;min-width:108px!important;max-width:108px!important;}
  html body #mpmhUnifiedShell nav#tabs .tab-btn[data-tab="faq"]{width:48px!important;min-width:48px!important;max-width:48px!important;}
}
html body #publicShell #shellMain .mpmh-insights-pages{
  min-height:2000px!important;
}
html body #publicShell #shellMain .mpmh-insight-page.is-active::after{
  content:""!important;
  display:block!important;
  height:2000px!important;
  min-height:2000px!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  position:sticky!important;
  bottom:0!important;
  z-index:1900!important;
  margin-top:0!important;
  background:#06182b!important;
  border-top:1px solid rgba(126,183,255,.22)!important;
  box-shadow:0 -10px 18px rgba(0,0,0,.18)!important;
}


/* ========================================================================
   MPMH146 · INSIGHT COLOR / SEPARATOR-LINE BLEND CLEANUP
   ------------------------------------------------------------------------
   Final asset owner mirroring the PHP body-end safety block. Removes the
   remaining thin blue horizontal separator/shadow effects in the Insights
   surface while preserving the MPMH145 floor spacer and outside scrollbar.
   ======================================================================== */
html body #publicShell #shellMain [data-panel="insights"],
html body #publicShell #shellMain .mpmh-public-insights-panel,
html body #publicShell #shellMain .mpmh-public-insights-panel > .panel-body,
html body #publicShell #shellMain .mpmh-insights-body,
html body #publicShell #shellMain .mpmh-insights-shell,
html body #publicShell #shellMain .mpmh-insights-pages,
html body #publicShell #shellMain .mpmh-insight-page,
html body #publicShell #shellMain .mpmh-insights-nav,
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .mpmh-insights-nav,
html body #publicShell #shellMain .mpmh-insights-nav:hover,
html body #publicShell #shellMain .mpmh-insights-nav:focus-within,
html body #publicShell #shellMain .mpmh-insight-bottom-nav,
html body #publicShell #shellMain .mpmh-insight-bottom-nav:hover,
html body #publicShell #shellMain .mpmh-insight-bottom-nav:focus-within{
  border:0!important;
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
}
html body #publicShell #shellMain .mpmh-insight-bottom-nav{
  position:sticky!important;
  bottom:0!important;
  z-index:1900!important;
  margin-top:0!important;
  padding-top:8px!important;
  padding-bottom:7px!important;
}
html body #publicShell #shellMain .mpmh-insights-nav{
  position:sticky!important;
  top:0!important;
  z-index:1900!important;
  margin-bottom:16px!important;
}
html body #publicShell #shellMain .mpmh-insight-page{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* ========================================================================
   MPMH149 CONTACT SURFACE FULL-WIDTH BLUE PASS
   ------------------------------------------------------------------------
   Presentation-only. The existing contact form, POST endpoint, reason map,
   consent field, and open/close JS stay intact. This makes the Contact Us
   surface read like a full-width platform page under the sticky shell header
   instead of a small black modal card.
   ======================================================================== */
:root{
  --mpmh-contact-blue-deep:#020812;
  --mpmh-contact-blue-mid:#06182b;
  --mpmh-contact-blue-rail:#08213a;
  --mpmh-contact-blue-line:rgba(126,183,255,.22);
  --mpmh-contact-green:#0bf99e;
  --mpmh-contact-text:#f4fbff;
  --mpmh-contact-muted:rgba(205,224,237,.76);
}
.mpmh-contact-modal,
.mpmh-contact-modal.active{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:104px!important;
  bottom:18px!important;
  z-index:1320!important;
  width:100vw!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  background:var(--mpmh-contact-blue-deep)!important;
  color:var(--mpmh-contact-text)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.mpmh-contact-modal{display:none!important;}
.mpmh-contact-modal.active{display:block!important;}
.mpmh-contact-box{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  background:var(--mpmh-contact-blue-deep)!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--mpmh-contact-text)!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable!important;
}
.mpmh-contact-head{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px clamp(18px,3vw,46px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:linear-gradient(180deg,var(--mpmh-contact-blue-rail),var(--mpmh-contact-blue-mid))!important;
  border-top:0!important;
  border-bottom:1px solid var(--mpmh-contact-blue-line)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.mpmh-contact-head h2{
  margin:0!important;
  color:var(--mpmh-contact-text)!important;
  font-size:clamp(16px,1.35vw,24px)!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.mpmh-contact-close{
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:7px 12px!important;
  border:1px solid rgba(126,183,255,.34)!important;
  background:rgba(2,8,18,.72)!important;
  color:rgba(244,251,255,.82)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.mpmh-contact-close:hover,
.mpmh-contact-close:focus{
  color:var(--mpmh-contact-green)!important;
  border-color:rgba(11,249,158,.48)!important;
  background:rgba(2,8,18,.92)!important;
  outline:0!important;
}
.mpmh-contact-box form,
.mpmh-contact-intro{
  width:min(1180px,calc(100vw - 72px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.mpmh-contact-box form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 18px!important;
  padding:24px 0 38px!important;
}
.mpmh-contact-intro:not([hidden]){
  display:block!important;
  margin-top:20px!important;
  margin-bottom:0!important;
  padding:12px 14px!important;
  border-left:3px solid rgba(11,249,158,.42)!important;
  background:rgba(6,24,43,.62)!important;
  color:var(--mpmh-contact-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
  letter-spacing:.035em!important;
}
.mpmh-form-row{
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  background:#06182b!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
.mpmh-form-row:nth-of-type(1),
.mpmh-form-row:nth-of-type(2),
.mpmh-form-row:has(textarea){
  grid-column:1 / -1!important;
}
.mpmh-contact-box label,
.mpmh-form-row label{
  display:block!important;
  margin:0 0 7px!important;
  color:#8fc6ff!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.mpmh-contact-box input,
.mpmh-contact-box select,
.mpmh-contact-box textarea{
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(126,183,255,.23)!important;
  background:#020812!important;
  color:var(--mpmh-contact-text)!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:12.5px!important;
  line-height:1.4!important;
  box-sizing:border-box!important;
}
.mpmh-contact-box input:focus,
.mpmh-contact-box select:focus,
.mpmh-contact-box textarea:focus{
  border-color:rgba(11,249,158,.48)!important;
  outline:0!important;
  box-shadow:0 0 0 1px rgba(11,249,158,.10)!important;
}
.mpmh-contact-box textarea{
  min-height:150px!important;
  resize:vertical!important;
}
.mpmh-contact-box .mpmh-small{
  margin-top:7px!important;
  color:rgba(205,224,237,.64)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
}
.mpmh-checkbox-row{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-height:44px!important;
  margin:0!important;
  padding:12px 13px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  background:#06182b!important;
  color:var(--mpmh-contact-muted)!important;
  font-size:11.2px!important;
  line-height:1.5!important;
  box-sizing:border-box!important;
}
.mpmh-checkbox-row input{
  width:auto!important;
  min-height:0!important;
  margin:3px 0 0!important;
  padding:0!important;
  flex:0 0 auto!important;
}
.mpmh-contact-box form > .mpmh-small{
  grid-column:1 / -1!important;
  margin:0!important;
  padding:0 2px!important;
  color:rgba(205,224,237,.64)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.mpmh-contact-submit{
  justify-self:start!important;
  min-height:34px!important;
  padding:9px 15px!important;
  border:1px solid rgba(11,249,158,.46)!important;
  background:#020812!important;
  color:var(--mpmh-contact-green)!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.mpmh-contact-submit:hover,
.mpmh-contact-submit:focus{
  color:#f4fbff!important;
  border-color:rgba(11,249,158,.68)!important;
  background:#06182b!important;
  outline:0!important;
}
.mpmh-contact-status{
  align-self:center!important;
  margin:0!important;
  color:#ffd27a!important;
  font-size:11px!important;
  line-height:1.45!important;
}
@media(max-width:900px){
  .mpmh-contact-modal,
  .mpmh-contact-modal.active{top:86px!important;bottom:0!important;}
  .mpmh-contact-box form,
  .mpmh-contact-intro{width:min(100%,calc(100vw - 28px))!important;}
  .mpmh-contact-box form{grid-template-columns:1fr!important;padding:16px 0 28px!important;gap:11px!important;}
  .mpmh-form-row,
  .mpmh-checkbox-row{grid-column:1 / -1!important;}
  .mpmh-contact-head{padding:8px 14px!important;}
}


/* ========================================================================
   MPMH151 · INSIGHT READOUT SCALE + SOURCE-LEVEL TOP TAB RESET
   ------------------------------------------------------------------------
   CSS-only. Enlarges Insight readout section cards slightly and removes the
   remaining inherited top-tab hover underline/movement by resetting only the
   primary nav button elements at the final cascade owner. No JS/runtime lock.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-insight-table,
html body #publicShell #shellMain .mpmh-insight-columns{
  margin-top:20px!important;
}
html body #publicShell #shellMain .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-insight-table div,
html body #publicShell #shellMain .mpmh-insight-columns div{
  min-height:110px!important;
  padding:18px 18px!important;
}
html body #publicShell #shellMain .mpmh-insight-grid strong,
html body #publicShell #shellMain .mpmh-insight-columns b,
html body #publicShell #shellMain .mpmh-insight-table b{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:11.4px!important;
  line-height:1.28!important;
  font-weight:750!important;
  letter-spacing:.12em!important;
  text-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-insight-grid span,
html body #publicShell #shellMain .mpmh-insight-columns span,
html body #publicShell #shellMain .mpmh-insight-table span{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:11.35px!important;
  line-height:1.52!important;
  letter-spacing:.02em!important;
}
html body #publicShell #shellMain .mpmh-insight-note{
  font-size:11.35px!important;
  line-height:1.52!important;
}

@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    padding:8px 26px 1px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(290px,1fr) minmax(320px,420px) minmax(420px,1fr)!important;
    align-items:end!important;
    justify-items:stretch!important;
    gap:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    display:flex!important;
    align-items:flex-end!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:0 0!important;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:active{
    all:unset!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    display:inline-flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    padding:0 1px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    outline-offset:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:650!important;
    letter-spacing:.047em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-align:center!important;
    cursor:pointer!important;
    user-select:none!important;
    vertical-align:bottom!important;
    contain:paint!important;
    will-change:auto!important;
    transition:color .12s ease!important;
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover::after{
    all:unset!important;
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    animation:none!important;
    transition:none!important;
    pointer-events:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:not(.active):hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:not(.active):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="charities"]{width:64px!important;min-width:64px!important;max-width:64px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="campaigns"]{width:64px!important;min-width:64px!important;max-width:64px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="categories"]{width:104px!important;min-width:104px!important;max-width:104px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="signals"]{width:74px!important;min-width:74px!important;max-width:74px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="insights"]{width:76px!important;min-width:76px!important;max-width:76px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="leaderboards"]{width:116px!important;min-width:116px!important;max-width:116px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="howitworks"]{width:108px!important;min-width:108px!important;max-width:108px!important;}
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[data-tab="faq"]{width:48px!important;min-width:48px!important;max-width:48px!important;}
}


/* ========================================================================
   MPMH152 · NATURAL TOP TAB RHYTHM LOCK
   ------------------------------------------------------------------------
   Final CSS-only header tab owner. Removes fixed-width center slots on the
   text buttons and uses natural text width + stable group gaps so hover can
   only change color. This prevents the remaining tiny horizontal text jump.
   ======================================================================== */
@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    padding:8px 26px 1px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(290px,1fr) minmax(320px,420px) minmax(420px,1fr)!important;
    align-items:end!important;
    justify-items:stretch!important;
    gap:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    display:flex!important;
    align-items:flex-end!important;
    flex-wrap:nowrap!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:focus-within{
    gap:22px!important;
    justify-content:flex-start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:focus-within{
    gap:21px!important;
    justify-content:flex-start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:active{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
    display:inline-block!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    line-height:15px!important;
    font-style:normal!important;
    font-weight:650!important;
    letter-spacing:.047em!important;
    font-kerning:none!important;
    font-feature-settings:"kern" 0!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-align:left!important;
    vertical-align:bottom!important;
    cursor:pointer!important;
    transition:color .12s ease!important;
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:hover::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:focus-visible::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    box-shadow:none!important;
    transform:none!important;
    transition:none!important;
    pointer-events:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:not(.active):hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn:not(.active):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}




/* ========================================================================
   MPMH153 · FIXED-GRID TAB POSITION LOCK
   ------------------------------------------------------------------------
   Final body-end CSS owner. The top tab groups are explicit grids with fixed
   cells; each tab text is left anchored inside its cell. Hover/focus/active
   states change color only. No underline, font, width, padding, transform,
   shadow, pseudo-element, or group-position change can move the row.
   ======================================================================== */
@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:focus-within,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    padding:8px 26px 1px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(290px,1fr) minmax(320px,420px) minmax(506px,1fr)!important;
    grid-template-rows:22px!important;
    align-items:end!important;
    justify-items:stretch!important;
    gap:0!important;
    overflow:visible!important;
    border: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;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0!important;
    align-items:end!important;
    justify-items:start!important;
    align-content:end!important;
    overflow:visible!important;
    border: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;
    transition:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:focus-within{
    display:grid!important;
    grid-template-columns:64px 64px 104px!important;
    column-gap:22px!important;
    width:276px!important;
    min-width:276px!important;
    max-width:276px!important;
    justify-content:start!important;
    justify-self:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:focus-within{
    display:grid!important;
    grid-template-columns:74px 76px 116px 108px 48px!important;
    column-gap:21px!important;
    width:506px!important;
    min-width:506px!important;
    max-width:506px!important;
    justify-content:start!important;
    justify-self:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:link,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:visited,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:active{
    -webkit-appearance:none!important;
    appearance:none!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    line-height:15px!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    outline-offset:0!important;
    border-radius:0!important;
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    text-shadow:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    -webkit-text-decoration-line:none!important;
    text-decoration-color:transparent!important;
    text-decoration-thickness:0!important;
    text-underline-offset:0!important;
    transform:none!important;
    translate:0 0!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    position:relative!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:700!important;
    letter-spacing:.047em!important;
    font-kerning:none!important;
    font-feature-settings:"kern" 0!important;
    text-rendering:geometricPrecision!important;
    -webkit-font-smoothing:antialiased!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    text-align:left!important;
    vertical-align:bottom!important;
    cursor:pointer!important;
    user-select:none!important;
    overflow:visible!important;
    contain:none!important;
    will-change:auto!important;
    transition:color .12s ease!important;
    color:rgba(190,200,210,.72)!important;
    -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active::after,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover::before,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover::after{
    content:none!important;
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    opacity:0!important;
    visibility:hidden!important;
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    translate:0 0!important;
    animation:none!important;
    transition:none!important;
    pointer-events:none!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:not(.active):hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:not(.active):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
}




/* ========================================================================
   MPMH154 · HEADER TAB SPACING COMPRESSION
   ------------------------------------------------------------------------
   Narrow follow-up to MPMH153. Keeps the working fixed-grid tab lock and
   color-only hover behavior, but reduces tab cell/gap rhythm for cleaner
   space conservation. The information group is right-aligned so FAQ lands
   cleaner on the right side of the header. No runtime JS.
   ======================================================================== */
@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:focus-within,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    grid-template-columns:minmax(238px,1fr) minmax(320px,420px) minmax(440px,1fr)!important;
    column-gap:0!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:focus-within{
    grid-template-columns:58px 58px 96px!important;
    column-gap:13px!important;
    width:238px!important;
    min-width:238px!important;
    max-width:238px!important;
    justify-self:start!important;
    justify-content:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:focus-within{
    grid-template-columns:64px 70px 112px 98px 40px!important;
    column-gap:14px!important;
    width:440px!important;
    min-width:440px!important;
    max-width:440px!important;
    justify-self:end!important;
    justify-content:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible{
    letter-spacing:.047em!important;
    text-align:left!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    translate:0 0!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
  }
}


/* ========================================================================
   MPMH155 · HEADER TAB EDGE SPREAD + 10% COMPRESSION
   ------------------------------------------------------------------------
   Narrow follow-up to MPMH154. Keeps the fixed-grid tab position lock and
   color-only hover behavior. Reduces the tab cell/gap rhythm again and moves
   the rail groups slightly closer to the outer header edges by trimming the
   nav rail side padding. No runtime JS and no tracking/routing changes.
   ======================================================================== */
@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:focus-within,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    padding-left:14px!important;
    padding-right:14px!important;
    grid-template-columns:minmax(228px,1fr) minmax(320px,420px) minmax(414px,1fr)!important;
    column-gap:0!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:focus-within{
    grid-template-columns:56px 56px 92px!important;
    column-gap:12px!important;
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
    justify-self:start!important;
    justify-content:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:focus-within{
    grid-template-columns:62px 68px 104px 94px 38px!important;
    column-gap:12px!important;
    width:414px!important;
    min-width:414px!important;
    max-width:414px!important;
    justify-self:end!important;
    justify-content:start!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible{
    letter-spacing:.047em!important;
    text-align:left!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    translate:0 0!important;
    border:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
  }
}

/* ========================================================================
   MPMH156 · CONTACT SURFACE SIZE + READABILITY POLISH
   ------------------------------------------------------------------------
   CSS-only cosmetic pass. No wording, form fields, POST endpoint, routing,
   tracking, Signal, card, or tab behavior changes. Keeps the stable MPMH155
   tab geometry and tunes the Contact Us surface so it clears the blue header,
   avoids the footer edge, reads cleaner, and fixes the bottom checkbox wrap.
   ======================================================================== */
html body #publicShell header#mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
  z-index:1600!important;
}
html body #mpmhContactModal.mpmh-contact-modal,
html body #mpmhContactModal.mpmh-contact-modal.active{
  top:112px!important;
  bottom:44px!important;
  z-index:1450!important;
  padding:0!important;
  background:#020812!important;
  overflow:hidden!important;
}
html body #mpmhContactModal.mpmh-contact-modal.active{
  display:block!important;
}
html body #mpmhContactModal .mpmh-contact-box{
  height:100%!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#020812!important;
  border-top:1px solid rgba(126,183,255,.16)!important;
  border-bottom:1px solid rgba(126,183,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  scrollbar-gutter:stable!important;
}
html body #mpmhContactModal .mpmh-contact-head{
  min-height:38px!important;
  padding:7px clamp(18px,2.4vw,38px)!important;
  background:linear-gradient(180deg,#08213a 0%,#06182b 100%)!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
}
html body #mpmhContactModal .mpmh-contact-head h2{
  font-size:clamp(15px,1.15vw,20px)!important;
  line-height:1.1!important;
  letter-spacing:.085em!important;
}
html body #mpmhContactModal .mpmh-contact-close{
  min-height:28px!important;
  padding:6px 11px!important;
}
html body #mpmhContactModal .mpmh-contact-box form,
html body #mpmhContactModal .mpmh-contact-intro{
  width:min(1040px,calc(100vw - 88px))!important;
}
html body #mpmhContactModal .mpmh-contact-box form{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:11px 14px!important;
  padding:18px 0 24px!important;
  align-items:start!important;
}
html body #mpmhContactModal .mpmh-contact-intro:not([hidden]){
  margin-top:14px!important;
  padding:10px 12px!important;
  line-height:1.5!important;
}
html body #mpmhContactModal .mpmh-form-row{
  padding:10px 11px!important;
  background:#06182b!important;
  border-color:rgba(126,183,255,.13)!important;
}
html body #mpmhContactModal .mpmh-form-row label,
html body #mpmhContactModal .mpmh-contact-box label{
  margin-bottom:6px!important;
  color:#8fc6ff!important;
}
html body #mpmhContactModal .mpmh-contact-box input,
html body #mpmhContactModal .mpmh-contact-box select,
html body #mpmhContactModal .mpmh-contact-box textarea{
  min-height:32px!important;
  padding:8px 9px!important;
  font-size:12px!important;
  line-height:1.38!important;
  background:#020812!important;
  border-color:rgba(126,183,255,.22)!important;
}
html body #mpmhContactModal .mpmh-contact-box textarea{
  min-height:126px!important;
}
html body #mpmhContactModal .mpmh-contact-box .mpmh-small,
html body #mpmhContactModal .mpmh-contact-box form > .mpmh-small{
  font-size:10px!important;
  line-height:1.42!important;
}
html body #mpmhContactModal .mpmh-checkbox-row{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:0!important;
  padding:11px 12px!important;
  background:#06182b!important;
  border-color:rgba(126,183,255,.13)!important;
  line-height:1.48!important;
  overflow:visible!important;
}
html body #mpmhContactModal .mpmh-checkbox-row input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:1px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:1!important;
}
html body #mpmhContactModal .mpmh-checkbox-row span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  color:rgba(205,224,237,.78)!important;
  line-height:1.48!important;
  position:relative!important;
  z-index:0!important;
}
html body #mpmhContactModal .mpmh-contact-submit{
  min-height:32px!important;
  padding:8px 14px!important;
}
html body #mpmhContactModal .mpmh-contact-status{
  min-height:18px!important;
  padding-top:2px!important;
}
@media(max-width:900px){
  html body #mpmhContactModal.mpmh-contact-modal,
  html body #mpmhContactModal.mpmh-contact-modal.active{
    top:92px!important;
    bottom:18px!important;
  }
  html body #mpmhContactModal .mpmh-contact-box form,
  html body #mpmhContactModal .mpmh-contact-intro{
    width:min(100%,calc(100vw - 30px))!important;
  }
  html body #mpmhContactModal .mpmh-contact-box form{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:14px 0 22px!important;
  }
  html body #mpmhContactModal .mpmh-contact-head{
    padding:7px 14px!important;
  }
}
@media(max-height:720px) and (min-width:901px){
  html body #mpmhContactModal.mpmh-contact-modal,
  html body #mpmhContactModal.mpmh-contact-modal.active{
    top:100px!important;
    bottom:24px!important;
  }
  html body #mpmhContactModal .mpmh-contact-box form{
    padding-top:13px!important;
    padding-bottom:18px!important;
    gap:9px 12px!important;
  }
  html body #mpmhContactModal .mpmh-form-row,
  html body #mpmhContactModal .mpmh-checkbox-row{
    padding:8px 10px!important;
  }
  html body #mpmhContactModal .mpmh-contact-box textarea{
    min-height:104px!important;
  }
}

/* ========================================================================
   MPMH158 · CONTACT NATIVE PAGE CONVERSION
   ------------------------------------------------------------------------
   Cosmetic/structure pass only. Contact Us now lives as a normal shell-native
   tab panel inside the main platform frame instead of a fixed overlay. No
   wording, fields, consent text, POST endpoint, tracking, routes, cards,
   Signal, ADMIN, data, ledger, or tab geometry changes.
   ======================================================================== */
html body #shellMain .mpmh-contact-native-panel[data-panel="contact"]{
  display:block;
  background:#020812!important;
  border:1px solid rgba(126,183,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 46px rgba(0,0,0,.34)!important;
  overflow:visible!important;
  min-height:calc(100vh - 190px)!important;
  padding:0!important;
}
html body #shellMain .mpmh-contact-native-panel[data-panel="contact"][style*="display: none"],
html body #shellMain .mpmh-contact-native-panel[data-panel="contact"][style*="display:none"]{
  display:none!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  min-height:inherit!important;
  overflow:visible!important;
  background:#020812!important;
  border:0!important;
  box-shadow:none!important;
  color:#f4fbff!important;
  padding:0!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-head{
  width:100%!important;
  min-height:44px!important;
  padding:10px clamp(18px,2.3vw,34px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:linear-gradient(180deg,#08213a 0%,#06182b 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-head h2{
  margin:0!important;
  color:#0bf99e!important;
  font-size:clamp(16px,1.35vw,22px)!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-close{
  appearance:none!important;
  min-height:30px!important;
  padding:6px 12px!important;
  border:1px solid rgba(126,183,255,.28)!important;
  background:#06182b!important;
  color:#8fc6ff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-close:hover,
html body #shellMain #mpmhContactModal .mpmh-contact-close:focus-visible{
  color:#0bf99e!important;
  border-color:rgba(11,249,158,.42)!important;
  outline:0!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-intro,
html body #shellMain #mpmhContactModal .mpmh-contact-box form{
  width:min(1040px,calc(100% - 52px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-intro:not([hidden]){
  margin-top:18px!important;
  margin-bottom:0!important;
  padding:12px 14px!important;
  background:#06182b!important;
  border:1px solid rgba(126,183,255,.16)!important;
  color:#8fc6ff!important;
  line-height:1.55!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px 16px!important;
  align-items:start!important;
  padding:22px 0 34px!important;
}
html body #shellMain #mpmhContactModal .mpmh-form-row{
  margin:0!important;
  padding:12px!important;
  background:#06182b!important;
  border:1px solid rgba(126,183,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
html body #shellMain #mpmhContactModal .mpmh-form-row label,
html body #shellMain #mpmhContactModal .mpmh-contact-box label{
  display:block!important;
  margin:0 0 7px!important;
  color:#8fc6ff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box input,
html body #shellMain #mpmhContactModal .mpmh-contact-box select,
html body #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  width:100%!important;
  min-height:36px!important;
  padding:9px 10px!important;
  background:#020812!important;
  border:1px solid rgba(126,183,255,.24)!important;
  color:#f4fbff!important;
  font:inherit!important;
  font-size:12px!important;
  line-height:1.42!important;
  outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box input:focus,
html body #shellMain #mpmhContactModal .mpmh-contact-box select:focus,
html body #shellMain #mpmhContactModal .mpmh-contact-box textarea:focus{
  border-color:rgba(11,249,158,.52)!important;
  box-shadow:0 0 0 2px rgba(11,249,158,.08),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  min-height:150px!important;
  resize:vertical!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-box .mpmh-small,
html body #shellMain #mpmhContactModal .mpmh-contact-box form > .mpmh-small{
  margin:0!important;
  color:rgba(205,224,237,.76)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row{
  margin:0!important;
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:0!important;
  padding:12px!important;
  background:#06182b!important;
  border:1px solid rgba(126,183,255,.14)!important;
  color:rgba(205,224,237,.82)!important;
  line-height:1.5!important;
  overflow:visible!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:1px 0 0!important;
  padding:0!important;
  position:relative!important;
  z-index:1!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:rgba(205,224,237,.82)!important;
  line-height:1.5!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-submit{
  min-height:36px!important;
  padding:9px 16px!important;
  justify-self:start!important;
  border:1px solid rgba(11,249,158,.42)!important;
  background:#06182b!important;
  color:#0bf99e!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-submit:hover,
html body #shellMain #mpmhContactModal .mpmh-contact-submit:focus-visible{
  border-color:#0bf99e!important;
  color:#f4fbff!important;
  outline:0!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-status{
  min-height:20px!important;
  padding-top:7px!important;
  color:#ffd27a!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media(max-width:900px){
  html body #shellMain .mpmh-contact-native-panel[data-panel="contact"]{
    min-height:calc(100vh - 150px)!important;
  }
  html body #shellMain #mpmhContactModal .mpmh-contact-head{
    padding:9px 14px!important;
  }
  html body #shellMain #mpmhContactModal .mpmh-contact-intro,
  html body #shellMain #mpmhContactModal .mpmh-contact-box form{
    width:min(100%,calc(100% - 28px))!important;
  }
  html body #shellMain #mpmhContactModal .mpmh-contact-box form{
    grid-template-columns:1fr!important;
    gap:11px!important;
    padding:16px 0 28px!important;
  }
}

/* MPMH158 native-contact source cleanup: neutralize old modal/header stickiness by specificity. */
html body #shellMain #mpmhContactModal .mpmh-contact-head{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  margin:0!important;
  overflow:visible!important;
}
html body #shellMain #mpmhContactModal .mpmh-contact-submit::before,
html body #shellMain #mpmhContactModal .mpmh-contact-submit::after,
html body #shellMain #mpmhContactModal .mpmh-contact-close::before,
html body #shellMain #mpmhContactModal .mpmh-contact-close::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
  transform:none!important;
  pointer-events:none!important;
}


/* MPMH158 appended polish owner */

/* ========================================================================
   MPMH158 · HOME BLANK SLATE + CONTACT X + INSIGHT DENSITY POLISH
   ------------------------------------------------------------------------
   Pure polish/navigation structure. No wording changes. Keeps the fixed-grid
   nav lock and color-only hover behavior, adds HOME as a blank native panel,
   makes Contact close as a boxed X that routes to HOME, and tightens Insight
   readout spacing so longer rows use vertical space efficiently.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-home-blank-panel{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  min-height:clamp(560px,calc(100dvh - 205px),920px)!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
html body #publicShell #shellMain .mpmh-home-blank-surface{
  display:block!important;
  min-height:clamp(560px,calc(100dvh - 205px),920px)!important;
  background:#07121e!important;
  background-color:#07121e!important;
  border:0!important;
  box-shadow:none!important;
}
@media (min-width:981px){
  html body div#publicShell header#mpmhUnifiedShell nav#tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs:focus-within,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs:focus-within{
    padding-left:14px!important;
    padding-right:14px!important;
    grid-template-columns:minmax(286px,1fr) minmax(304px,420px) minmax(414px,1fr)!important;
    column-gap:0!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-discovery:focus-within{
    display:grid!important;
    grid-template-columns:50px 56px 56px 92px!important;
    column-gap:10px!important;
    width:286px!important;
    min-width:286px!important;
    max-width:286px!important;
    justify-self:start!important;
    justify-content:start!important;
    align-items:end!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs.tabs.mpmh-split-tabs .mpmh-tab-group-info:focus-within{
    display:grid!important;
    grid-template-columns:62px 68px 104px 94px 38px!important;
    column-gap:12px!important;
    width:414px!important;
    min-width:414px!important;
    max-width:414px!important;
    justify-self:end!important;
    justify-content:start!important;
    align-items:end!important;
  }
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs button.tab-btn,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:focus-visible,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn:active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
  html body div#publicShell header#mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
    transform:none!important;
    translate:0 0!important;
    text-decoration:none!important;
    text-decoration-line:none!important;
    box-shadow:none!important;
    border:0!important;
  }
}
html body #publicShell #shellMain .mpmh-contact-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x,
html body #publicShell #shellMain button#mpmhContactClose.mpmh-contact-x{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  padding:0!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(126,183,255,.42)!important;
  border-radius:0!important;
  background:#07121e!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:350!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .12s ease,border-color .12s ease,background-color .12s ease!important;
}
html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x:hover,
html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  border-color:rgba(11,249,158,.70)!important;
  background:#081827!important;
  outline:0!important;
  transform:none!important;
}
html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x::before,
html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x::after{
  content:none!important;
  display:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page p{
  font-size:13.2px!important;
  line-height:1.54!important;
  margin-top:10px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns{
  margin-top:15px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  border-top:1px solid rgba(126,183,255,.14)!important;
  border-bottom:1px solid rgba(126,183,255,.14)!important;
  border-left:0!important;
  border-right:0!important;
  background:#07121e!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div{
  min-height:0!important;
  padding:12px 0 13px!important;
  border-left:0!important;
  border-right:0!important;
  border-top:1px solid rgba(126,183,255,.12)!important;
  background:#07121e!important;
  background-color:#07121e!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div:first-child{
  border-top:0!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns div{
  min-height:86px!important;
  padding:14px 15px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid strong,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns b,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table b{
  margin:0 0 5px!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:12.1px!important;
  line-height:1.18!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid span,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns span,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table span{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:12.4px!important;
  line-height:1.40!important;
  letter-spacing:.014em!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-note{
  margin-top:12px!important;
  padding:10px 12px!important;
  font-size:12.2px!important;
  line-height:1.42!important;
}
@media(max-width:720px){
  html body #publicShell #shellMain .mpmh-contact-close.mpmh-contact-x,
  html body #publicShell #shellMain button#mpmhContactClose.mpmh-contact-x{
    width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;
  }
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid div,
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns div,
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div{
    min-height:0!important;
    padding:12px 0!important;
  }
}



/* ========================================================================
   MPMH159 · INSIGHTS SECTION BORDER POLISH + CONTACT CHECKBOX ALIGNMENT
   ------------------------------------------------------------------------
   Pure cosmetic pass. No wording changes and no route/Signal/backend changes.
   Adds squared thin matching borders around Insight readout sections and fixes
   the Contact consent checkbox so it sits beside the agreement text.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact{
  border:0!important;
  gap:10px!important;
  background:#07121e!important;
  background-color:#07121e!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns div{
  border:1px solid rgba(126,183,255,.22)!important;
  border-radius:0!important;
  background:#07121e!important;
  background-color:#07121e!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div{
  padding:10px 12px 11px!important;
  min-height:0!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div:first-child{
  border-top:1px solid rgba(126,183,255,.22)!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns{
  gap:12px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid div,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns div{
  padding:12px 13px!important;
  min-height:78px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid strong,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns b,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table b{
  display:block!important;
  margin:0 0 4px!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid span,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns span,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table span{
  display:block!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row,
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:10px!important;
  row-gap:0!important;
  padding:10px 11px!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row input[type="checkbox"],
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row input[type="checkbox"]{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  margin:2px 0 0!important;
  float:none!important;
  position:static!important;
  transform:none!important;
}
html body #shellMain #mpmhContactModal .mpmh-checkbox-row span,
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row span{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
@media(max-width:720px){
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact{
    gap:9px!important;
  }
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-table.compact div,
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-grid div,
  html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-columns div{
    padding:10px 11px!important;
  }
}


/* ========================================================================
   MPMH160 · CONTACT HELPER + INSIGHT PARAGRAPH COLOR POLISH
   ------------------------------------------------------------------------
   Pure cosmetic pass. No wording changes and no behavior changes.
   Removes the redundant Contact intro/helper box above the form, centers and
   slightly enlarges the reason helper below the dropdown in sky blue, and
   changes Insight paragraph copy from silver-gray to a slightly deeper blue.
   ======================================================================== */
html body #shellMain #mpmhContactModal .mpmh-contact-intro,
html body #shellMain #mpmhContactModal .mpmh-contact-intro:not([hidden]),
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-intro,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-intro:not([hidden]){
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  width:0!important;
  max-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #shellMain #mpmhContactModal #mpmhContactReasonHelper,
html body #publicShell #shellMain #mpmhContactModal #mpmhContactReasonHelper{
  display:block!important;
  width:100%!important;
  margin:8px auto 0!important;
  padding:0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:11.6px!important;
  line-height:1.46!important;
  letter-spacing:.012em!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page p{
  color:#6fb4ee!important;
  -webkit-text-fill-color:#6fb4ee!important;
}

/* ========================================================================
   MPMH161 · INSIGHTS LINK + DISCLAIMER POLISH
   ------------------------------------------------------------------------
   Cosmetic + navigation-only pass. Paragraph wording is preserved; matching
   tab terms are wrapped as inline links. Hover/focus only brighten the text.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link:link,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link:visited{
  display:inline!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  max-width:none!important;
  transform:none!important;
  transition:filter .16s ease!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link::before,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link::after{
  content:none!important;
  display:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link:focus,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-inline-link:focus-visible{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:brightness(1.32)!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-note{
  display:block!important;
  width:100%!important;
  margin:9px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  color:#6fb4ee!important;
  -webkit-text-fill-color:#6fb4ee!important;
  font-size:11.2px!important;
  line-height:1.38!important;
  letter-spacing:.01em!important;
}




/* ========================================================================
   MPMH171 · LEADERBOARDS STICKY LAYOUT POLISH / SINGLE OWNER
   ------------------------------------------------------------------------
   Builds on the MPMH170 single-owner leaderboard block. Keeps the working
   sticky behavior while moving the helper note beside the table, removing
   left-rail link outlines, and stopping full-width header lines past the table.

   Fixes from review:
   - Leaderboard tabs/header stay sticky within the active scroll owner.
   - Right helper text stays in the right spacer beside the table, not below
     or inside the left metric rail.
   - Active table title is a blue squared table-style row.
   - Main leaderboard table has the platform thin blue border.
   - Row expansion repositions exactly below the sticky header/title stack.
   ======================================================================== */

html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] > .panel-head{
  display:none!important;
}
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"],
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] .mpmh-leaderboards-native,
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-workspace,
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panels,
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panel,
html body #publicShell #shellMain .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table{
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native{
  --mpmh-lb-rail:206px;
  --mpmh-lb-gap:7px;
  --mpmh-lb-sticky-top:0px;
  --mpmh-lb-head-h:58px;
  --mpmh-lb-title-h:24px;
  --mpmh-lb-blue:#0b4e78;
  --mpmh-lb-blue-edge:rgba(127,202,255,.55);
  --mpmh-lb-bg:#020d17;
  --mpmh-lb-row:#020b12;
  --mpmh-lb-row-alt:#04131f;
  --mpmh-lb-line:rgba(92,154,204,.32);
  position:relative!important;
  isolation:isolate!important;
  min-height:calc(100vh + 2000px)!important;
  padding:0 0 2000px!important;
  background:var(--mpmh-lb-bg)!important;
  color:#dff3ff!important;
}
html body #publicShell #shellMain .mpmh-lb-sticky-head{
  position:sticky!important;
  top:var(--mpmh-lb-sticky-top)!important;
  z-index:1500!important;
  display:grid!important;
  grid-template-columns:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) var(--mpmh-lb-rail)!important;
  grid-template-rows:auto auto!important;
  column-gap:0!important;
  row-gap:0!important;
  align-self:start!important;
  min-height:var(--mpmh-lb-head-h)!important;
  margin:0!important;
  padding:3px 0 5px!important;
  border:0!important;
  background:var(--mpmh-lb-bg)!important;
  box-shadow:0 8px 14px rgba(0,0,0,.34)!important;
  overflow:visible!important;
  transform:translateZ(0)!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tabs{
  grid-column:3 / 4!important;
  grid-row:1!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:24px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0 8px 5px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tab,
html body #publicShell #shellMain .mpmh-lb-metric-btn{
  appearance:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-decoration:none!important;
  transform:none!important;
  cursor:pointer!important;
  color:#9eb9d3!important;
  -webkit-text-fill-color:#9eb9d3!important;
  font-family:inherit!important;
  text-transform:uppercase!important;
  letter-spacing:.16em!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tab{
  padding:0!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tab:hover,
html body #publicShell #shellMain .mpmh-lb-top-tab:focus-visible,
html body #publicShell #shellMain .mpmh-lb-metric-btn:hover,
html body #publicShell #shellMain .mpmh-lb-metric-btn:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  filter:brightness(1.08)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tab.is-active,
html body #publicShell #shellMain .mpmh-lb-metric-btn.is-active{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-hero{
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) var(--mpmh-lb-rail)!important;
  column-gap:0!important;
  align-items:end!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-hero > div{
  grid-column:3!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-hero span{
  display:inline-block!important;
  margin:0 9px 0 0!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.18em!important;
  vertical-align:baseline!important;
}
html body #publicShell #shellMain .mpmh-lb-hero h2{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-side-note{
  grid-column:5!important;
  grid-row:1!important;
  position:sticky!important;
  top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
  z-index:1488!important;
  align-self:start!important;
  justify-self:stretch!important;
  min-width:0!important;
  min-height:var(--mpmh-lb-title-h)!important;
  margin:0!important;
  padding:1px 4px 0 7px!important;
  border:0!important;
  background:var(--mpmh-lb-bg)!important;
  box-shadow:none!important;
  color:#4faeea!important;
  -webkit-text-fill-color:#4faeea!important;
  font-size:9.4px!important;
  line-height:1.12!important;
  font-weight:500!important;
  text-align:right!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace{
  display:grid!important;
  grid-template-columns:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) var(--mpmh-lb-rail)!important;
  gap:0!important;
  align-items:start!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace::after{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-metric-rail{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h) + var(--mpmh-lb-title-h))!important;
  z-index:1480!important;
  align-self:start!important;
  max-height:calc(100vh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - var(--mpmh-lb-title-h) - 16px)!important;
  overflow:auto!important;
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-metric-group[hidden],
html body #publicShell #shellMain .mpmh-lb-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-metric-group{display:grid!important;gap:8px!important;}
html body #publicShell #shellMain .mpmh-lb-metric-btn{
  display:block!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:10.5px!important;
  line-height:1.18!important;
  font-weight:750!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-lb-panels{
  grid-column:3!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
  z-index:1!important;
}
html body #publicShell #shellMain .mpmh-lb-panel{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head{
  position:sticky!important;
  top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
  z-index:1490!important;
  display:block!important;
  height:var(--mpmh-lb-title-h)!important;
  min-height:var(--mpmh-lb-title-h)!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--mpmh-lb-blue-edge)!important;
  border-bottom:0!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  background:var(--mpmh-lb-blue)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-align:left!important;
  transform:translateZ(0)!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head > div{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head span,
html body #publicShell #shellMain .mpmh-lb-panel-head p{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-panel-head h3{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#f5fbff!important;
  -webkit-text-fill-color:#f5fbff!important;
  font-size:10.8px!important;
  line-height:var(--mpmh-lb-title-h)!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head h3::after{content:":";}
html body #publicShell #shellMain .mpmh-lb-table{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--mpmh-lb-blue-edge)!important;
  border-top:0!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  background:var(--mpmh-lb-row)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-table-head{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-rowwrap{
  border-bottom:1px solid var(--mpmh-lb-line)!important;
  background:var(--mpmh-lb-row)!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap:last-child{border-bottom:0!important;}
html body #publicShell #shellMain .mpmh-lb-row{
  display:grid!important;
  grid-template-columns:42px minmax(220px,1fr) 112px 86px 72px 34px!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 6px!important;
  gap:8px!important;
  cursor:pointer!important;
  scroll-margin-top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h) + var(--mpmh-lb-title-h) + 8px)!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap:nth-child(even) .mpmh-lb-row{background:var(--mpmh-lb-row-alt)!important;}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-row{background:#061827!important;}
html body #publicShell #shellMain .mpmh-lb-rank{
  color:#87d4ff!important;
  -webkit-text-fill-color:#87d4ff!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-lb-name{min-width:0!important;overflow:hidden!important;}
html body #publicShell #shellMain .mpmh-lb-name a,
html body #publicShell #shellMain .mpmh-lb-name span,
html body #publicShell #shellMain .mpmh-lb-category-link{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  font-family:inherit!important;
  font-size:11.1px!important;
  line-height:1.05!important;
  font-weight:820!important;
  text-align:left!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-name a:hover,
html body #publicShell #shellMain .mpmh-lb-name a:focus-visible,
html body #publicShell #shellMain .mpmh-lb-category-link:hover,
html body #publicShell #shellMain .mpmh-lb-category-link:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  filter:none!important;
  text-decoration:none!important;
  outline:0!important;
  transform:none!important;
}
html body #publicShell #shellMain .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-signal{
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
  font-size:10.7px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:right!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-lb-status{
  color:#87d4ff!important;
  -webkit-text-fill-color:#87d4ff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-lb-expand{
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  border:1px solid rgba(127,202,255,.42)!important;
  border-radius:0!important;
  background:#031626!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-expand:hover,
html body #publicShell #shellMain .mpmh-lb-expand:focus-visible{filter:brightness(1.16)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-expand{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;}
html body #publicShell #shellMain .mpmh-lb-details{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:8px 10px 10px 52px!important;
  background:#06121d!important;
  border-top:1px solid rgba(92,154,204,.24)!important;
}
html body #publicShell #shellMain .mpmh-lb-details[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-details span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:20px!important;
  padding:0 7px!important;
  border:1px solid rgba(92,154,204,.26)!important;
  background:#020d17!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:650!important;
}
html body #publicShell #shellMain .mpmh-lb-details b,
html body #publicShell #shellMain .mpmh-lb-details strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-weight:850!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
html body #publicShell #shellMain .mpmh-lb-empty{
  padding:18px!important;
  border:1px solid rgba(127,202,255,.30)!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:12px!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-lb-footnote{display:none!important;}
@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{--mpmh-lb-rail:0px!important;--mpmh-lb-gap:0px!important;--mpmh-lb-head-h:72px!important;}
  html body #publicShell #shellMain .mpmh-lb-sticky-head,
  html body #publicShell #shellMain .mpmh-lb-hero,
  html body #publicShell #shellMain .mpmh-lb-workspace{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-lb-top-tabs,
  html body #publicShell #shellMain .mpmh-lb-hero > div,
  html body #publicShell #shellMain .mpmh-lb-side-note,
  html body #publicShell #shellMain .mpmh-lb-metric-rail,
  html body #publicShell #shellMain .mpmh-lb-panels{grid-column:1!important;}
  html body #publicShell #shellMain .mpmh-lb-side-note{text-align:left!important;margin-top:3px!important;position:relative!important;top:auto!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace{display:block!important;}
  html body #publicShell #shellMain .mpmh-lb-metric-rail{
    position:sticky!important;
    top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
    max-height:none!important;
    margin-bottom:8px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-panel-head{top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;}
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{min-height:auto!important;padding-bottom:360px!important;}
  html body #publicShell #shellMain .mpmh-lb-sticky-head,
  html body #publicShell #shellMain .mpmh-lb-panel-head,
  html body #publicShell #shellMain .mpmh-lb-metric-rail{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-top-tabs{flex-wrap:wrap!important;gap:12px 16px!important;}
  html body #publicShell #shellMain .mpmh-lb-row{grid-template-columns:34px minmax(0,1fr) 74px 30px!important;}
  html body #publicShell #shellMain .mpmh-lb-row .mpmh-lb-signal,
  html body #publicShell #shellMain .mpmh-lb-row .mpmh-lb-status{display:none!important;}
  html body #publicShell #shellMain .mpmh-lb-details{grid-template-columns:1fr!important;padding-left:10px!important;}
}


/* ========================================================================
   MPMH174 · LEADERBOARDS ACTIVATION REPAINT SAFETY
   ------------------------------------------------------------------------
   The 171/173 Leaderboards layout is visually correct in modern browsers.
   IE/IE-mode can calculate the sticky stack while the Leaderboards tab is
   hidden, then paint table rows through the sticky area until the user nudges
   the scroll bar. This tiny companion block gives the sticky head an opaque
   repaint layer and a temporary activation class used by the JS stabilizer.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-sticky-head,
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel-head,
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-metric-rail{
  -ms-transform:translateZ(0)!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-sticky-head::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  display:block!important;
  background:#020d17!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native.mpmh-lb-activating .mpmh-lb-sticky-head,
html body #publicShell #shellMain .mpmh-leaderboards-native.mpmh-lb-activating .mpmh-lb-panel-head,
html body #publicShell #shellMain .mpmh-leaderboards-native.mpmh-lb-activating .mpmh-lb-metric-rail{
  -ms-transform:translateZ(0) translateY(0)!important;
  transform:translateZ(0) translateY(0)!important;
}


/* ========================================================================
   MPMH175 · LEADERBOARDS CATEGORY ROW NORMALIZATION + TABLE BLUE POLISH
   ------------------------------------------------------------------------
   Root fixes only:
   1) Category leaderboard names are rendered with the shared .category-btn
      class for category routing, so older category tile min-height/pseudo
      rules were leaking into leaderboard rows. Reset that button only inside
      the leaderboard name cell so category rows match every other table row.
   2) Card/table view data shells and rows move from pure black to the same
      deep platform-blue family used by the Leaderboards/Insights surfaces.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-lb-name .mpmh-lb-category-link.category-btn{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  transition:color .12s ease, -webkit-text-fill-color .12s ease!important;
  text-align:left!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-name .mpmh-lb-category-link.category-btn::before,
html body #publicShell #shellMain .mpmh-lb-name .mpmh-lb-category-link.category-btn::after{
  display:none!important;
  content:none!important;
}
html body #publicShell #shellMain .mpmh-lb-name .mpmh-lb-category-link.category-btn:hover,
html body #publicShell #shellMain .mpmh-lb-name .mpmh-lb-category-link.category-btn:focus-visible{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-row{
  min-height:26px!important;
  height:26px!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-row{
  height:26px!important;
}

html body #publicShell #shellMain .panel.tab-panel[data-panel="campaigns"] .data-shell,
html body #publicShell #shellMain .panel.tab-panel[data-panel="charities"] .data-shell,
html body #publicShell #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory .data-shell,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory .data-shell,
html body #publicShell #shellMain #advancedBrandDirectory .data-shell,
html body #publicShell #shellMain #advancedCauseDirectory .data-shell{
  background:#020d17!important;
  background-color:#020d17!important;
  border-color:rgba(127,202,255,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)!important;
}
html body #publicShell #shellMain .data-table,
html body #publicShell #shellMain table.data-table{
  background:#020d17!important;
  background-color:#020d17!important;
}
html body #publicShell #shellMain .data-table th{
  background:linear-gradient(180deg,#0b4e78,#073653)!important;
  border-bottom-color:rgba(127,202,255,.42)!important;
}
html body #publicShell #shellMain .data-table tr:nth-child(odd) td{
  background:#020d17!important;
  background-color:#020d17!important;
}
html body #publicShell #shellMain .data-table tr:nth-child(even) td{
  background:#04131f!important;
  background-color:#04131f!important;
}
html body #publicShell #shellMain .data-table tr:hover td{
  background:#061827!important;
  background-color:#061827!important;
}

/* ========================================================================
   MPMH175 · LEADERBOARDS CATEGORY ROW NORMALIZATION + TABLE-VIEW BLUE SURFACE
   ------------------------------------------------------------------------
   Focused polish only.
   - Category leaderboard rows were inheriting the large public category tile
     button rules through the shared .category-btn class. Reset only the
     Leaderboards category link buttons so Category rows match Companies/Causes.
   - Brand/Cause discovery table-view surfaces are shifted from black to the
     same deep platform-blue family used across the shell.
   - No wording, routing, Signal, backend, sticky stack, or row controller changes.
   ======================================================================== */

/* Leaderboards: keep Category rows the same compact rhythm as all other rows. */
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-row{
  min-height:26px!important;
  height:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-name,
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-name .mpmh-lb-category-link,
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-name .mpmh-lb-category-link.category-btn{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  line-height:1.05!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .12s ease, -webkit-text-fill-color .12s ease, filter .12s ease!important;
  overflow:hidden!important;
  position:relative!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-category-link.category-btn::before,
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-category-link.category-btn::after{
  display:none!important;
  content:none!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-rowwrap{
  min-height:0!important;
}
html body #publicShell #shellMain .mpmh-leaderboards-native .mpmh-lb-panel[data-lb-group="CATEGORIES"] .mpmh-lb-rowwrap.is-open .mpmh-lb-row{
  min-height:26px!important;
}

/* Brand/Cause discovery table views: deep platform-blue instead of black. */
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.table-view,
html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.table-view,
html body #publicShell #shellMain .brand-discovery-scroll.table-view,
html body #publicShell #shellMain .cause-discovery-scroll.table-view,
html body #publicShell #shellMain .brand-table-view,
html body #publicShell #shellMain .cause-table-view,
html body #publicShell #shellMain .advanced-brand-directory,
html body #publicShell #shellMain .advanced-cause-directory,
html body #publicShell #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory,
html body #publicShell #shellMain .brand-discovery-scroll.table-view .advanced-brand-directory > .data-shell,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .advanced-cause-directory > .data-shell,
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-shell,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-shell{
  background:#020d17!important;
  background-image:linear-gradient(180deg,#041727 0%,#020d17 48%,#020b12 100%)!important;
  border-color:rgba(127,202,255,.34)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table{
  background:#020d17!important;
  background-image:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table th,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table th{
  background:#0b4e78!important;
  background-image:linear-gradient(180deg,#0b5684,#093f63)!important;
  border-bottom:1px solid rgba(127,202,255,.48)!important;
  color:#e8f7ff!important;
  -webkit-text-fill-color:#e8f7ff!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table tr:nth-child(odd) td,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table tr:nth-child(odd) td{
  background:#020d17!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table tr:nth-child(even) td,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table tr:nth-child(even) td{
  background:#04131f!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table td,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table td{
  border-bottom:1px solid rgba(92,154,204,.26)!important;
  color:#e8f7ff!important;
  -webkit-text-fill-color:#e8f7ff!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view .data-table tr:hover td,
html body #publicShell #shellMain .cause-discovery-scroll.table-view .data-table tr:hover td{
  background:#061827!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}

/* MPMH179: Leaderboards expanded-row clean black card polish.
   Single scoped layer for larger logos, uniform green values, and one outside border only. */
html body #publicShell #shellMain .mpmh-lb-details{
  display:block!important;
  padding:7px 10px 9px 46px!important;
  background:#000!important;
  border-top:0!important;
}
html body #publicShell #shellMain .mpmh-lb-details[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-detail-card{
  display:grid!important;
  grid-template-columns:minmax(250px, .82fr) minmax(0, 1.58fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:86px!important;
  padding:7px 9px!important;
  border:1px solid rgba(92,154,204,.42)!important;
  background:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:88px!important;
  height:72px!important;
  padding:2px!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
  color:#06345d!important;
  -webkit-text-fill-color:#06345d!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo img{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
html body #publicShell #shellMain .mpmh-lb-logo-fallback{
  background:#000!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title strong{
  display:block!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:12px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title span{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#74b9ee!important;
  -webkit-text-fill-color:#74b9ee!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-lb-readout-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(86px,1fr))!important;
  gap:5px!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  min-height:31px!important;
  padding:3px 5px!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout b{
  display:block!important;
  margin:0 0 2px!important;
  color:#76bff6!important;
  -webkit-text-fill-color:#76bff6!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:750!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout strong{
  display:block!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-intel strong,
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-standard strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-economic strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout.is-coming-soon strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:88px!important;
}
html body #publicShell #shellMain .mpmh-lb-tool{
  display:block!important;
  width:100%!important;
  min-height:20px!important;
  padding:4px 5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#83caff!important;
  -webkit-text-fill-color:#83caff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-tool-primary{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  border-color:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-tool:hover,
html body #publicShell #shellMain .mpmh-lb-tool:focus-visible{
  filter:brightness(1.18)!important;
  outline:0!important;
  text-decoration:none!important;
}
@media(max-width:980px){
  html body #publicShell #shellMain .mpmh-lb-detail-card{grid-template-columns:1fr!important;gap:7px!important;}
  html body #publicShell #shellMain .mpmh-lb-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-tools{flex-direction:row!important;flex-wrap:wrap!important;min-width:0!important;}
  html body #publicShell #shellMain .mpmh-lb-tool{width:auto!important;min-width:92px!important;}
}
html body #publicShell #shellMain .mpmh-lb-detail-tools .mpmh-lb-tool.category-btn,
html body #publicShell #shellMain .mpmh-lb-detail-tools .mpmh-lb-tool.category-btn:hover,
html body #publicShell #shellMain .mpmh-lb-detail-tools .mpmh-lb-tool.category-btn:focus-visible{
  position:relative!important;
  transform:none!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools .mpmh-lb-tool.category-btn::before,
html body #publicShell #shellMain .mpmh-lb-detail-tools .mpmh-lb-tool.category-btn::after{display:none!important;content:none!important;}

/* MPMH180: Leaderboards expanded identity link polish.
   Text-only link behavior inside the existing clean black dropdown card. */
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  outline:0!important;
  color:#76bff6!important;
  -webkit-text-fill-color:#76bff6!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:hover,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:focus-visible{
  text-decoration:none!important;
  outline:0!important;
  filter:brightness(1.12)!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:hover strong,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:focus-visible strong,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:hover span,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:focus-visible span,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:hover em,
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link:focus-visible em{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link em{
  display:block!important;
  min-height:0!important;
  max-height:25px!important;
  padding:0!important;
  margin:1px 0 0!important;
  border:0!important;
  background:transparent!important;
  color:#76bff6!important;
  -webkit-text-fill-color:#76bff6!important;
  font-style:normal!important;
  font-size:9.5px!important;
  line-height:1.18!important;
  font-weight:550!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title .mpmh-lb-detail-identity-link.is-static{
  cursor:default!important;
}



/* ========================================================================
   MPMH181 · LEADERBOARDS EXPANDED ACTION OVERLAY SURFACE
   ------------------------------------------------------------------------
   Compact collapsed rows remain unchanged. Expanded rows become a clean
   mini page surface: summary/readouts on top, overlay panel above the bottom
   action navigation, and no internal boxed borders inside the black card.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-lb-details{
  padding:7px 10px 10px 46px!important;
  background:#000!important;
  border-top:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(72px,auto) auto!important;
  align-items:stretch!important;
  gap:7px!important;
  min-height:178px!important;
  padding:9px 11px 8px!important;
  border:1px solid rgba(92,154,204,.46)!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-main{
  display:grid!important;
  grid-template-columns:minmax(285px,.92fr) minmax(0,1.48fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:12px!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo{
  width:108px!important;
  height:92px!important;
  font-size:21px!important;
}
html body #publicShell #shellMain .mpmh-lb-readout-grid{
  grid-template-columns:repeat(4,minmax(78px,1fr))!important;
  gap:3px 7px!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout{
  min-height:26px!important;
  padding:2px 3px!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-region{
  display:block!important;
  min-height:72px!important;
  max-height:118px!important;
  overflow:hidden!important;
  padding:1px 0 0!important;
  margin:0!important;
  border:0!important;
  background:#000!important;
  color:#76bff6!important;
  -webkit-text-fill-color:#76bff6!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel{
  display:grid!important;
  grid-template-columns:minmax(120px,.34fr) minmax(0,1fr)!important;
  align-items:start!important;
  gap:6px 12px!important;
  min-height:68px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-overlay-title{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel p{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6fb7ed!important;
  -webkit-text-fill-color:#6fb7ed!important;
  font-size:10.2px!important;
  line-height:1.25!important;
  font-weight:560!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-readouts{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:2px 7px!important;
  margin-top:1px!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-readouts .mpmh-lb-readout{
  min-height:22px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-form{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:5px 9px!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-form textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:34px!important;
  max-height:44px!important;
  resize:none!important;
  padding:5px 7px!important;
  border:0!important;
  outline:1px solid rgba(127,202,255,.24)!important;
  background:#02080e!important;
  color:#e8f7ff!important;
  -webkit-text-fill-color:#e8f7ff!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-form textarea:focus{
  outline-color:rgba(11,249,158,.62)!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  color:#6fb7ed!important;
  -webkit-text-fill-color:#6fb7ed!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:560!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent input{
  width:12px!important;
  height:12px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-submit,
html body #publicShell #shellMain .mpmh-lb-share-copy{
  min-height:20px!important;
  padding:4px 8px!important;
  margin:0!important;
  border:0!important;
  outline:1px solid rgba(127,202,255,.24)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-lb-feedback-submit:focus-visible,
html body #publicShell #shellMain .mpmh-lb-share-copy:hover,
html body #publicShell #shellMain .mpmh-lb-share-copy:focus-visible{
  filter:brightness(1.18)!important;
  outline-color:rgba(11,249,158,.48)!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-status,
html body #publicShell #shellMain .mpmh-lb-share-status{
  display:block!important;
  min-width:80px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6fb7ed!important;
  -webkit-text-fill-color:#6fb7ed!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:650!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-status.is-ok{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:5px 12px!important;
  min-width:0!important;
  padding:1px 0 0!important;
  margin:0!important;
  border:0!important;
  background:#000!important;
}
html body #publicShell #shellMain .mpmh-lb-tool,
html body #publicShell #shellMain .mpmh-lb-overlay-btn{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  min-height:18px!important;
  padding:2px 0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#83caff!important;
  -webkit-text-fill-color:#83caff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-tool-primary,
html body #publicShell #shellMain .mpmh-lb-overlay-btn.is-active{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-tool:hover,
html body #publicShell #shellMain .mpmh-lb-tool:focus-visible,
html body #publicShell #shellMain .mpmh-lb-overlay-btn:hover,
html body #publicShell #shellMain .mpmh-lb-overlay-btn:focus-visible{
  filter:brightness(1.18)!important;
  outline:0!important;
  text-decoration:none!important;
  transform:none!important;
}
@media(max-width:1080px){
  html body #publicShell #shellMain .mpmh-lb-detail-main{grid-template-columns:1fr!important;gap:7px!important;}
  html body #publicShell #shellMain .mpmh-lb-overlay-readouts{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-detail-card{min-height:auto!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-identity{grid-template-columns:82px minmax(0,1fr)!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-logo{width:78px!important;height:62px!important;}
  html body #publicShell #shellMain .mpmh-lb-readout-grid,
  html body #publicShell #shellMain .mpmh-lb-overlay-readouts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh-lb-overlay-panel{grid-template-columns:1fr!important;max-height:none!important;}
  html body #publicShell #shellMain .mpmh-lb-overlay-region{max-height:none!important;}
  html body #publicShell #shellMain .mpmh-lb-feedback-form{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-tools{justify-content:flex-start!important;}
}

/* MPMH182 · Campaign/Cause card Stats overlay mini-surface polish.
   One compact internal overlay area above persistent bottom action navigation. */
html body #publicShell #shellMain .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface{
  padding:34px 10px 10px!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  align-content:stretch!important;
  background:#020407!important;
  background-color:#020407!important;
  background-image:linear-gradient(180deg,#07121e 0%,#020407 100%)!important;
  border-top:1px solid rgba(126,183,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.42)!important;
}
html body #publicShell #shellMain .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface.open{
  display:flex!important;
  flex-direction:column!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-stack{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 32px!important;
  gap:6px!important;
  min-height:0!important;
  height:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panels{
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel[hidden]{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-title{
  margin:0 0 5px!important;
  padding:0!important;
  color:#0bf99e!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px 8px!important;
  min-height:0!important;
  overflow:hidden!important;
  align-content:start!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout{
  min-height:25px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7eb7ff!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric b,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info b,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout b{
  color:#0bf99e!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric em,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info em,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout em{
  color:#7eb7ff!important;
  font-size:7.25px!important;
  line-height:1.05!important;
  font-weight:800!important;
  letter-spacing:.095em!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  align-items:stretch!important;
  min-height:32px!important;
  border-top:1px solid rgba(126,183,255,.25)!important;
  padding-top:5px!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:27px!important;
  padding:0 4px!important;
  border:1px solid rgba(126,183,255,.26)!important;
  border-radius:0!important;
  background:#06111d!important;
  color:#7eb7ff!important;
  font-size:7.4px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn.is-active,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit:hover{
  color:#0bf99e!important;
  border-color:rgba(11,249,158,.46)!important;
  background:#06111d!important;
  transform:none!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel p,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-copy{
  margin:0 0 6px!important;
  color:#7eb7ff!important;
  font-size:9px!important;
  line-height:1.22!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-form{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:5px!important;
  align-items:center!important;
  min-height:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-form textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  resize:none!important;
  border:1px solid rgba(126,183,255,.28)!important;
  border-radius:0!important;
  background:#020407!important;
  color:#dceeff!important;
  padding:5px 6px!important;
  font-size:9px!important;
  line-height:1.15!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:5px!important;
  color:#7eb7ff!important;
  font-size:7.4px!important;
  line-height:1.1!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-consent input{
  width:11px!important;
  height:11px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-status,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-status{
  color:#7eb7ff!important;
  font-size:8px!important;
  line-height:1.1!important;
  padding-left:4px!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-status.is-ok{color:#0bf99e!important;}


/* ========================================================================
   MPMH183 · Card Stats mini-highway + sky-blue card/action polish
   Base: MPMH182. Presentation/interaction styling only; preserves card dimensions,
   routing, /go/to, stats events, feedback/share endpoints, and Signal coverage.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panels{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel[data-card-overlay-panel="signal"]{
  min-height:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel[data-card-overlay-panel="signal"] .mpmh-card-overlay-readouts{
  flex:0 1 auto!important;
}

/* Card overlay bottom actions: compact text navigation, no boxed buttons. */
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px!important;
  align-items:center!important;
  min-height:23px!important;
  border-top:1px solid rgba(126,183,255,.16)!important;
  padding-top:4px!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:18px!important;
  height:18px!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#7eb7ff!important;
  font-size:7.1px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn:focus,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view:focus,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button:focus,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit:focus{
  color:#58f7ff!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn.is-active{
  color:#0bf99e!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Campaign card outside controls: remove remaining green treatment and align with sky-blue platform theme. */
html body #publicShell #shellMain .brand-pick-actions a,
html body #publicShell #shellMain .brand-pick-actions button,
html body #publicShell #shellMain .brand-card-primary-link,
html body #publicShell #shellMain .brand-card-stats-btn,
html body #publicShell #shellMain .brand-card-detail-btn{
  border-color:rgba(126,183,255,.38)!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:linear-gradient(180deg,#081827,#07121e)!important;
  color:#dceeff!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-card-primary-link,
html body #publicShell #shellMain .brand-card-stats-btn[aria-expanded="true"]{
  border-color:rgba(88,247,255,.42)!important;
  color:#ffffff!important;
  background-image:linear-gradient(180deg,#09223a,#07121e)!important;
}
html body #publicShell #shellMain .brand-pick-actions a:hover,
html body #publicShell #shellMain .brand-pick-actions button:hover,
html body #publicShell #shellMain .brand-card-primary-link:hover,
html body #publicShell #shellMain .brand-card-stats-btn:hover,
html body #publicShell #shellMain .brand-card-detail-btn:hover,
html body #publicShell #shellMain .brand-pick-actions a:focus,
html body #publicShell #shellMain .brand-pick-actions button:focus,
html body #publicShell #shellMain .brand-card-primary-link:focus,
html body #publicShell #shellMain .brand-card-stats-btn:focus,
html body #publicShell #shellMain .brand-card-detail-btn:focus{
  border-color:rgba(88,247,255,.58)!important;
  color:#58f7ff!important;
  background:#081827!important;
  background-color:#081827!important;
  background-image:linear-gradient(180deg,#09223a,#07121e)!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #publicShell #shellMain .brand-pick-name a:hover,
html body #publicShell #shellMain .brand-card-domain-link:hover{
  color:#58f7ff!important;
  border-color:rgba(88,247,255,.46)!important;
  background:rgba(88,247,255,.055)!important;
  text-decoration:none!important;
}


/* ========================================================================
   MPMH185 · Card overlay clean readouts / animation removal
   Removes the card-level Signal mini-animation from campaign/cause Stats overlays
   and gives the overlay readouts the top-priority vertical space.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-signal-lane,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-connected-highway-v05,
html body #publicShell #shellMain .mpmh-card-overlay-surface .connected-highway-line-v05,
html body #publicShell #shellMain .mpmh-card-overlay-surface .connected-highway-wave-v05,
html body #publicShell #shellMain .mpmh-card-overlay-surface .activity-marker-v05,
html body #publicShell #shellMain .mpmh-card-overlay-surface .economic-return-v05{
  display:none!important;
  animation:none!important;
}
html body #publicShell #shellMain .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card > .brand-pick-stats-panel.mpmh-card-overlay-surface,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card > .cause-pick-stats-panel.mpmh-card-overlay-surface{
  padding:32px 10px 9px!important;
  background:#020407!important;
  background-color:#020407!important;
  background-image:linear-gradient(180deg,#06111d 0%,#020407 58%,#020407 100%)!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-stack{
  grid-template-rows:minmax(0,1fr) 24px!important;
  gap:5px!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel[data-card-overlay-panel="signal"]{
  justify-content:flex-start!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-title{
  margin:0 0 6px!important;
  font-size:8.6px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px 10px!important;
  align-content:start!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout{
  min-height:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric b,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info b,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout b{
  color:#0bf99e!important;
  font-size:12.4px!important;
  line-height:1.02!important;
  font-weight:850!important;
  letter-spacing:.012em!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric em,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info em,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout em{
  color:#7eb7ff!important;
  font-size:7.35px!important;
  line-height:1.02!important;
  font-weight:760!important;
  letter-spacing:.082em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-actions{
  min-height:24px!important;
  height:24px!important;
  border-top:1px solid rgba(126,183,255,.18)!important;
  padding-top:4px!important;
  gap:4px!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit{
  min-height:17px!important;
  height:17px!important;
  font-size:7.0px!important;
  letter-spacing:.06em!important;
}


/* ========================================================================
   MPMH186 · Brand Card Blue Family + Cause Height Parity
   Base: MPMH185.
   Intent:
   - Remove the remaining green campaign-card front/meta styling.
   - Move Brand/Campaign card borders and lower record text into the same
     sky-blue platform family used by Cause cards.
   - Lock Brand and Cause card-view records to the same desktop height so the
     two card systems line up visually while preserving Stats overlays, routes,
     /go/to clicks, Signal tracking, and table views.
   ======================================================================== */
:root{
  --mpmh186-card-blue:#7eb7ff;
  --mpmh186-card-blue-soft:#bcdfff;
  --mpmh186-card-blue-mid:#89c9ff;
  --mpmh186-card-bg:#071522;
  --mpmh186-card-body:#071827;
  --mpmh186-card-edge:rgba(126,183,255,.28);
  --mpmh186-card-edge-strong:rgba(126,183,255,.48);
  --mpmh186-card-height:344px;
}
@media(min-width:561px){
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card{
    min-height:var(--mpmh186-card-height)!important;
    height:var(--mpmh186-card-height)!important;
    max-height:var(--mpmh186-card-height)!important;
    box-sizing:border-box!important;
  }
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-grid,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-grid,
html body #publicShell #shellMain #brandCardGrid{
  gap:11px!important;
  align-items:stretch!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card{
  border-color:var(--mpmh186-card-edge)!important;
  background:var(--mpmh186-card-bg)!important;
  background-color:var(--mpmh186-card-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card:hover,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card:hover{
  border-color:var(--mpmh186-card-edge-strong)!important;
  box-shadow:0 0 0 1px rgba(126,183,255,.12) inset!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card:before,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card:before,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.62),transparent)!important;
  opacity:.52!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card:after,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card:after,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card:after{
  background:radial-gradient(circle at top right,rgba(126,183,255,.15),transparent 42%)!important;
  opacity:.24!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-topline,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline,
html body #publicShell #shellMain #brandCardGrid .brand-pick-topline{
  background:linear-gradient(180deg,#15598e 0%,#0b3d68 100%)!important;
  color:#f2f9ff!important;
  border-bottom:1px solid rgba(165,216,255,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(126,183,255,.24)!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-topline span,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline span,
html body #publicShell #shellMain #brandCardGrid .brand-pick-topline span,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-topline a,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline a,
html body #publicShell #shellMain #brandCardGrid .brand-pick-topline a{
  color:#f7fbff!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-topline a:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-topline a:hover,
html body #publicShell #shellMain #brandCardGrid .brand-pick-topline a:hover{
  color:#dceeff!important;
}
/* Brand logo stage now uses the same vertical allocation as Cause cards. */
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-identity-stage,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-identity-stage,
html body #publicShell #shellMain #brandCardGrid .brand-identity-stage{
  min-height:178px!important;
  height:178px!important;
  padding:14px 16px 13px!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-logo-link,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo-link,
html body #publicShell #shellMain #brandCardGrid .brand-pick-logo-link{
  height:108px!important;
  min-height:108px!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-logo,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo,
html body #publicShell #shellMain #brandCardGrid .brand-pick-logo{
  max-width:96%!important;
  max-height:96px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-logo.fallback,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-logo.fallback,
html body #publicShell #shellMain #brandCardGrid .brand-pick-logo.fallback{
  background:#eef6ff!important;
  border:1px solid rgba(11,61,104,.20)!important;
  color:#0b3d68!important;
}
/* Brand lower/front record zone: sky-blue family, no green text or green outlines. */
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-info-zone,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-info-zone,
html body #publicShell #shellMain #brandCardGrid .brand-card-info-zone,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-context,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-context,
html body #publicShell #shellMain #brandCardGrid .brand-card-context,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-mpid-site,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-mpid-site,
html body #publicShell #shellMain #brandCardGrid .brand-card-mpid-site,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country,
html body #publicShell #shellMain #brandCardGrid .brand-card-category-country,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-desc,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-desc,
html body #publicShell #shellMain #brandCardGrid .brand-pick-desc{
  background:var(--mpmh186-card-body)!important;
  background-color:var(--mpmh186-card-body)!important;
  background-image:none!important;
  color:rgba(218,238,252,.88)!important;
  border-color:rgba(126,183,255,.12)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-id-label,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-id-label,
html body #publicShell #shellMain #brandCardGrid .brand-card-id-label,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-category-label,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-label,
html body #publicShell #shellMain #brandCardGrid .brand-card-category-label,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-country-label,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-country-label,
html body #publicShell #shellMain #brandCardGrid .brand-card-country-label,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-domain-link,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-link,
html body #publicShell #shellMain #brandCardGrid .brand-card-domain-link{
  color:var(--mpmh186-card-blue-soft)!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-domain-link:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-domain-link:hover,
html body #publicShell #shellMain #brandCardGrid .brand-card-domain-link:hover,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-full-desc-link:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-full-desc-link:hover,
html body #publicShell #shellMain #brandCardGrid .brand-card-full-desc-link:hover{
  color:#ffffff!important;
  border-color:rgba(126,183,255,.44)!important;
  background:rgba(126,183,255,.07)!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-card-category-country,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-card-category-country,
html body #publicShell #shellMain #brandCardGrid .brand-card-category-country{
  margin-top:3px!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-actions a,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-actions button,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button,
html body #publicShell #shellMain #brandCardGrid .brand-pick-actions a,
html body #publicShell #shellMain #brandCardGrid .brand-pick-actions button,
html body #publicShell #shellMain .brand-card-primary-link,
html body #publicShell #shellMain .brand-card-stats-btn,
html body #publicShell #shellMain .brand-card-detail-btn{
  border-color:rgba(126,183,255,.34)!important;
  background:linear-gradient(180deg,#0b2034,#06101d)!important;
  color:#dcecff!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions a:hover,
html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-actions button:hover,
html body #publicShell #shellMain #brandCardGrid .brand-pick-actions a:hover,
html body #publicShell #shellMain #brandCardGrid .brand-pick-actions button:hover,
html body #publicShell #shellMain .brand-card-primary-link:hover,
html body #publicShell #shellMain .brand-card-stats-btn:hover,
html body #publicShell #shellMain .brand-card-detail-btn:hover{
  border-color:rgba(126,183,255,.58)!important;
  color:#ffffff!important;
  box-shadow:0 0 12px rgba(126,183,255,.12)!important;
}
@media(max-width:560px){
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
}


/* ========================================================================
   MPMH189 · Crisp Card Command Rail + Final Overlay Owner
   Base: MPMH186 uploaded three-file set.

   Intent:
   - Replace boxed card buttons with one clean text command rail.
   - Use the same text-command language inside the Stats overlay.
   - Keep Brand/Cause card height parity from MPMH186.
   - Keep the Stats sheet absolute inside the card; no resize, no normal-flow push.
   - Preserve existing JS hooks, IDs, onclick handlers, STATS_OPEN tracking,
     /go/to, cause routing, Signal, ADMIN, data, ledger, and backend logic.
   ======================================================================== */
:root{
  --mpmh189-card-title-h:var(--mpmh061-card-title-h,32px);
  --mpmh189-card-action-h:30px;
  --mpmh189-card-rail-bg:#071827;
  --mpmh189-card-rail-edge:rgba(126,183,255,.20);
  --mpmh189-card-command:#dceeff;
  --mpmh189-card-command-soft:#93cdfd;
  --mpmh189-card-command-active:#0bf99e;
  --mpmh189-card-command-hover:#58f7ff;
  --mpmh189-overlay-bg:#020812;
  --mpmh189-overlay-bg-2:#061421;
  --mpmh189-overlay-x:12px;
  --mpmh189-overlay-top-pad:31px;
  --mpmh189-overlay-bottom-pad:7px;
  --mpmh189-overlay-action-h:25px;
  --mpmh189-overlay-gap:5px;
}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card.mpmh-record-pick-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
}

/* Front card command rail: clean text, no boxed buttons. */
html body #publicShell #shellMain .brand-pick-actions,
html body #publicShell #shellMain .cause-pick-actions,
html body #publicShell #shellMain .mpmh-card-actions,
html body #publicShell #shellMain .mpmh-card-front-command-rail{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:var(--mpmh189-card-action-h)!important;
  min-height:var(--mpmh189-card-action-h)!important;
  max-height:var(--mpmh189-card-action-h)!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid var(--mpmh189-card-rail-edge)!important;
  border-radius:0!important;
  background:var(--mpmh189-card-rail-bg)!important;
  background-color:var(--mpmh189-card-rail-bg)!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-actions a,
html body #publicShell #shellMain .brand-pick-actions button,
html body #publicShell #shellMain .cause-pick-actions a,
html body #publicShell #shellMain .cause-pick-actions button,
html body #publicShell #shellMain .mpmh-card-actions a,
html body #publicShell #shellMain .mpmh-card-actions button,
html body #publicShell #shellMain .brand-card-primary-link,
html body #publicShell #shellMain .brand-card-stats-btn,
html body #publicShell #shellMain .brand-card-detail-btn,
html body #publicShell #shellMain .cause-card-primary-link,
html body #publicShell #shellMain .cause-card-stats-btn,
html body #publicShell #shellMain .cause-card-detail-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mpmh189-card-command)!important;
  font-family:inherit!important;
  font-size:9.2px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .brand-pick-actions a:hover,
html body #publicShell #shellMain .brand-pick-actions button:hover,
html body #publicShell #shellMain .cause-pick-actions a:hover,
html body #publicShell #shellMain .cause-pick-actions button:hover,
html body #publicShell #shellMain .mpmh-card-actions a:hover,
html body #publicShell #shellMain .mpmh-card-actions button:hover,
html body #publicShell #shellMain .brand-pick-actions a:focus,
html body #publicShell #shellMain .brand-pick-actions button:focus,
html body #publicShell #shellMain .cause-pick-actions a:focus,
html body #publicShell #shellMain .cause-pick-actions button:focus,
html body #publicShell #shellMain .mpmh-card-actions a:focus,
html body #publicShell #shellMain .mpmh-card-actions button:focus{
  color:var(--mpmh189-card-command-hover)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .brand-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .mpmh-card-actions button[aria-expanded="true"]{
  color:var(--mpmh189-card-command-active)!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Final absolute overlay geometry. */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface{
  position:absolute!important;
  inset:var(--mpmh189-card-title-h) 0 0 0!important;
  top:var(--mpmh189-card-title-h)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:var(--mpmh189-overlay-top-pad) var(--mpmh189-overlay-x) var(--mpmh189-overlay-bottom-pad)!important;
  box-sizing:border-box!important;
  display:none!important;
  grid-template-columns:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  gap:0!important;
  align-content:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  z-index:1200!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.38)!important;
  border-radius:0!important;
  background:var(--mpmh189-overlay-bg)!important;
  background-color:var(--mpmh189-overlay-bg)!important;
  background-image:linear-gradient(180deg,var(--mpmh189-overlay-bg-2) 0%,var(--mpmh189-overlay-bg) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 12px 28px rgba(0,0,0,.42)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain #brandCardGrid .brand-pick-card.mpmh-record-pick-card > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card.mpmh-record-pick-card > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open{
  display:grid!important;
}

html body #publicShell #shellMain .mpmh-card-overlay-surface .brand-stats-close,
html body #publicShell #shellMain .mpmh-card-overlay-surface .cause-stats-close,
html body #publicShell #shellMain .mpmh-card-stats-sheet .brand-stats-close,
html body #publicShell #shellMain .mpmh-card-stats-sheet .cause-stats-close{
  position:absolute!important;
  top:9px!important;
  right:10px!important;
  z-index:5!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.42)!important;
  border-radius:0!important;
  background:#06111d!important;
  background-color:#06111d!important;
  background-image:none!important;
  color:#f3fbff!important;
  box-shadow:none!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-align:center!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .brand-stats-close:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .cause-stats-close:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .brand-stats-close:focus,
html body #publicShell #shellMain .mpmh-card-overlay-surface .cause-stats-close:focus{
  color:#ffffff!important;
  border-color:rgba(88,247,255,.58)!important;
  background:#06111d!important;
  box-shadow:none!important;
  outline:0!important;
}

html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-stack{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--mpmh189-overlay-action-h)!important;
  gap:var(--mpmh189-overlay-gap)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panels{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-content:start!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel[hidden]{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-title{
  margin:0 0 7px!important;
  padding:0!important;
  color:var(--mpmh189-card-command-active)!important;
  font-size:8.6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(26px,auto)!important;
  gap:5px 10px!important;
  align-content:start!important;
  justify-content:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout,
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-overlay-readouts span.stats-metric,
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-overlay-readouts span.stats-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-width:0!important;
  width:100%!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#7eb7ff!important;
  text-align:left!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric b,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info b,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout b{
  display:block!important;
  width:100%!important;
  margin:0 0 2px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh189-card-command-active)!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-metric em,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-readouts .stats-info em,
html body #publicShell #shellMain .mpmh-card-overlay-surface span.mpmh-card-readout em{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#7eb7ff!important;
  box-shadow:none!important;
  font-size:7.35px!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Overlay bottom command rail: same language, no boxes. */
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-actions,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-command-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:var(--mpmh189-overlay-action-h)!important;
  min-height:var(--mpmh189-overlay-action-h)!important;
  max-height:var(--mpmh189-overlay-action-h)!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.20)!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-command-rail .mpmh-card-command{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mpmh189-card-command-soft)!important;
  font-family:inherit!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
  transform:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn.is-active,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view:hover,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn:focus,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view:focus{
  color:var(--mpmh189-card-command-active)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}

/* Feedback/share internal controls inherit the clean command language but stay readable inside panels. */
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-button,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:20px!important;
  height:20px!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--mpmh189-card-command-active)!important;
  box-shadow:none!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-share-copy,
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-panel p{
  margin:0 0 8px!important;
  color:#7eb7ff!important;
  font-size:9px!important;
  line-height:1.24!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-form{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:6px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-form textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  resize:none!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.26)!important;
  border-radius:0!important;
  background:#020812!important;
  color:#dceeff!important;
  padding:6px 7px!important;
  font-size:9px!important;
  line-height:1.18!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#7eb7ff!important;
  font-size:7.2px!important;
  line-height:1.12!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-feedback-consent input{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  margin:0!important;
  flex:0 0 auto!important;
}

@media(max-width:560px){
  html body #publicShell #shellMain .brand-pick-actions,
  html body #publicShell #shellMain .cause-pick-actions,
  html body #publicShell #shellMain .mpmh-card-actions{
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:0 10px!important;
  }
  html body #publicShell #shellMain .brand-pick-actions a,
  html body #publicShell #shellMain .brand-pick-actions button,
  html body #publicShell #shellMain .cause-pick-actions a,
  html body #publicShell #shellMain .cause-pick-actions button,
  html body #publicShell #shellMain .mpmh-card-actions a,
  html body #publicShell #shellMain .mpmh-card-actions button{
    font-size:8.8px!important;
    letter-spacing:.095em!important;
  }
  html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-btn,
  html body #publicShell #shellMain .mpmh-card-overlay-surface .mpmh-card-overlay-view{
    font-size:6.8px!important;
    letter-spacing:.025em!important;
  }
}


/* ========================================================================
   MPMH190 · Layered Card Body Frame Owner
   Base: MPMH189.

   Intent:
   - Treat each Brand/Cause card as a fixed-height app window.
   - Keep the blue titlebar as the only normal-flow header.
   - Put the default card content and Stats overlay into the same absolute
     below-header body frame, so neither can push the card taller.
   - Reserve the bottom command rail inside the body frame for both Brand and
     Cause cards.
   - Preserve existing onclick hooks, IDs, STATS_OPEN tracking, /go/to,
     cause routing, Signal, ADMIN, data, ledger, and backend logic.
   ======================================================================== */
:root{
  --mpmh190-card-h:var(--mpmh186-card-height,344px);
  --mpmh190-title-h:var(--mpmh061-card-title-h,32px);
  --mpmh190-logo-h:178px;
  --mpmh190-action-h:30px;
  --mpmh190-info-pad-x:14px;
  --mpmh190-info-pad-y:10px;
  --mpmh190-card-body:#071827;
  --mpmh190-card-edge:rgba(126,183,255,.22);
  --mpmh190-overlay-bg:#020812;
  --mpmh190-overlay-bg-2:#061421;
}

@media(min-width:561px){
  html body #publicShell #shellMain .brand-discovery-scroll.card-view .brand-pick-card.mpmh-record-pick-card,
  html body #publicShell #shellMain .brands-discovery-panel .brand-discovery-scroll.card-view .brand-pick-card.mpmh-record-pick-card,
  html body #publicShell #shellMain #brandCardGrid .brand-pick-card.mpmh-record-pick-card,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card,
  html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card,
  html body #publicShell #shellMain #causeCardGrid .cause-pick-card.mpmh-record-pick-card{
    display:grid!important;
    grid-template-rows:var(--mpmh190-title-h) minmax(0,1fr)!important;
    height:var(--mpmh190-card-h)!important;
    min-height:var(--mpmh190-card-h)!important;
    max-height:var(--mpmh190-card-h)!important;
    padding:0!important;
    box-sizing:border-box!important;
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .brand-pick-topline,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-topline,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .mpmh-record-topline,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .mpmh-record-topline{
  grid-row:1!important;
  position:relative!important;
  z-index:30!important;
  height:var(--mpmh190-title-h)!important;
  min-height:var(--mpmh190-title-h)!important;
  max-height:var(--mpmh190-title-h)!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card > .mpmh-card-body-frame,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .mpmh-card-body-frame{
  grid-row:2!important;
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:var(--mpmh190-card-body)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body #publicShell #shellMain .mpmh-card-body-frame > .mpmh-card-default-layer{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:var(--mpmh190-logo-h) minmax(0,1fr) var(--mpmh190-action-h)!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:var(--mpmh190-card-body)!important;
  border:0!important;
  box-shadow:none!important;
}

html body #publicShell #shellMain .mpmh-card-default-layer > .brand-identity-stage,
html body #publicShell #shellMain .mpmh-card-default-layer > .cause-identity-stage,
html body #publicShell #shellMain .mpmh-card-default-layer > .mpmh-identity-stage{
  grid-row:1!important;
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:var(--mpmh190-logo-h)!important;
  min-height:var(--mpmh190-logo-h)!important;
  max-height:var(--mpmh190-logo-h)!important;
  margin:0!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh190-card-edge)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body #publicShell #shellMain .mpmh-card-default-layer > .brand-card-info-zone,
html body #publicShell #shellMain .mpmh-card-default-layer > .cause-card-info-zone,
html body #publicShell #shellMain .mpmh-card-default-layer > .mpmh-record-info-zone{
  grid-row:2!important;
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:var(--mpmh190-info-pad-y) var(--mpmh190-info-pad-x) 8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:var(--mpmh190-card-body)!important;
  background-color:var(--mpmh190-card-body)!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

html body #publicShell #shellMain .mpmh-card-default-layer .brand-pick-desc,
html body #publicShell #shellMain .mpmh-card-default-layer .cause-pick-desc{
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-default-layer .brand-pick-desc,
html body #publicShell #shellMain .mpmh-card-default-layer .brand-pick-desc a{
  font-size:10.4px!important;
  line-height:1.34!important;
}
html body #publicShell #shellMain .mpmh-card-default-layer .cause-pick-desc,
html body #publicShell #shellMain .mpmh-card-default-layer .cause-pick-desc a{
  font-size:10.5px!important;
  line-height:1.34!important;
}

html body #publicShell #shellMain .mpmh-card-default-layer .brand-card-context,
html body #publicShell #shellMain .mpmh-card-default-layer .cause-card-context{
  grid-row:2!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:18px!important;
  max-height:28px!important;
  margin:7px 0 0!important;
  padding:5px 0 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.16)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-default-layer .brand-card-mpid-site,
html body #publicShell #shellMain .mpmh-card-default-layer .brand-card-category-country,
html body #publicShell #shellMain .mpmh-card-default-layer .cause-card-id-site{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  line-height:1.15!important;
}
html body #publicShell #shellMain .mpmh-card-default-layer .brand-card-category-country{
  margin-top:3px!important;
}

html body #publicShell #shellMain .mpmh-card-default-layer > .brand-pick-actions,
html body #publicShell #shellMain .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain .mpmh-card-default-layer > .mpmh-card-actions{
  grid-row:3!important;
  align-self:stretch!important;
  width:100%!important;
  height:var(--mpmh190-action-h)!important;
  min-height:var(--mpmh190-action-h)!important;
  max-height:var(--mpmh190-action-h)!important;
  margin:0!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:3!important;
  overflow:hidden!important;
}

html body #publicShell #shellMain .mpmh-card-body-frame > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain .mpmh-card-body-frame > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface,
html body #publicShell #shellMain .mpmh-card-body-frame > .mpmh-card-stats-sheet.mpmh-card-overlay-surface{
  position:absolute!important;
  inset:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:20!important;
  display:none!important;
  grid-template-rows:minmax(0,1fr)!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:31px 12px 7px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:var(--mpmh190-overlay-bg)!important;
  background-color:var(--mpmh190-overlay-bg)!important;
  background-image:linear-gradient(180deg,var(--mpmh190-overlay-bg-2) 0%,var(--mpmh190-overlay-bg) 100%)!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.38)!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 12px 28px rgba(0,0,0,.42)!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-card-body-frame > .brand-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .mpmh-card-body-frame > .cause-pick-stats-panel.mpmh-card-stats-sheet.mpmh-card-overlay-surface.open,
html body #publicShell #shellMain .mpmh-card-body-frame > .mpmh-card-stats-sheet.mpmh-card-overlay-surface.open{
  display:grid!important;
}

html body #publicShell #shellMain .mpmh-card-body-frame > .mpmh-card-stats-sheet .brand-stats-close,
html body #publicShell #shellMain .mpmh-card-body-frame > .mpmh-card-stats-sheet .cause-stats-close{
  top:8px!important;
  right:10px!important;
}

/* Keep old direct-child logo shield scripts harmless after the card body-frame restructure. */
html body #publicShell #shellMain .brand-pick-card.has-brand-logo .mpmh-card-default-layer > .brand-identity-stage,
html body #publicShell #shellMain .brand-pick-card.has-brand-logo .mpmh-card-default-layer > .brand-identity-stage > .brand-pick-logo-link{
  background:#ffffff!important;
  background-color:#ffffff!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
html body #publicShell #shellMain .brand-pick-card.has-brand-logo .mpmh-card-default-layer > .brand-identity-stage img.brand-pick-logo,
html body #publicShell #shellMain .cause-pick-card .mpmh-card-default-layer > .cause-identity-stage img.cause-pick-logo{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

/* ========================================================================
   MPMH193 · Cause Card Command Rail + Compact Stats Readout Cleanup
   ------------------------------------------------------------------------
   Scope: Cause/Charity card view only. Cleans the default card action rail,
   cause description hover, Cause # / URL metadata tone, and the Cause Stats
   overlay readout surface. Preserves JS hooks, IDs, onclick handlers,
   cause selection, Stats toggle, feedback/share, Signal tracking, routes,
   data, ledger, and backend logic.
   ======================================================================== */
:root{
  --mpmh193-tab-sky:#8fc6ff;
  --mpmh193-muted-gray:rgba(190,200,210,.72);
  --mpmh193-muted-gray-soft:rgba(154,166,178,.74);
  --mpmh193-readout-line:rgba(126,183,255,.16);
  --mpmh193-readout-line-strong:rgba(126,183,255,.28);
  --mpmh193-cause-body:#061421;
  --mpmh193-command-green:#0bf99e;
}

html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain .causes-discovery-panel .cause-discovery-scroll.card-view .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain #causeCardGrid .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  width:100%!important;
  height:var(--mpmh190-action-h,30px)!important;
  min-height:var(--mpmh190-action-h,30px)!important;
  max-height:var(--mpmh190-action-h,30px)!important;
  margin:0!important;
  padding:0 13px!important;
  gap:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid var(--mpmh193-readout-line)!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions::before,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions::after{
  content:none!important;
  display:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-detail-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mpmh193-muted-gray)!important;
  -webkit-text-fill-color:var(--mpmh193-muted-gray)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a:focus-visible,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button:focus-visible{
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"]{
  color:var(--mpmh193-command-green)!important;
  -webkit-text-fill-color:var(--mpmh193-command-green)!important;
}

html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-desc,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-desc .cause-card-desc-link{
  color:#d8e5ed!important;
  -webkit-text-fill-color:#d8e5ed!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-desc .cause-card-desc-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-desc .cause-card-desc-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-desc .cause-card-desc-link:focus-visible{
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
  text-decoration:none!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-id-site,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-id-label,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-domain-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-domain-link.inert{
  color:var(--mpmh193-muted-gray)!important;
  -webkit-text-fill-color:var(--mpmh193-muted-gray)!important;
  font-size:9px!important;
  font-weight:650!important;
  letter-spacing:.045em!important;
  text-decoration:none!important;
  text-transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-domain-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-domain-link:focus{
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
  text-decoration:none!important;
  outline:0!important;
}

html body #publicShell #shellMain .mpmh-card-body-frame > .cause-pick-stats-panel.mpmh-cause-card-stats-sheet.mpmh-card-overlay-surface{
  padding:27px 13px 6px!important;
  background:#020812!important;
  background-color:#020812!important;
  background-image:linear-gradient(180deg,#061421 0%,#020812 100%)!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-stack{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--mpmh189-overlay-action-h,25px)!important;
  gap:4px!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panels{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[hidden]{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel.is-active{
  display:flex!important;
  flex-direction:column!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-title{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 0 5px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh193-readout-line-strong)!important;
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:.15em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts{
  flex:1 1 auto!important;
  min-height:0!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:4px 0 0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts span.stats-metric{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:9px!important;
  width:100%!important;
  min-width:0!important;
  min-height:20px!important;
  height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh193-readout-line)!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric b{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#dceeff!important;
  -webkit-text-fill-color:#dceeff!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.primary b{
  color:var(--mpmh193-command-green)!important;
  -webkit-text-fill-color:var(--mpmh193-command-green)!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.signal b{
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric em{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh193-muted-gray)!important;
  -webkit-text-fill-color:var(--mpmh193-muted-gray)!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:760!important;
  letter-spacing:.09em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  height:var(--mpmh189-overlay-action-h,25px)!important;
  min-height:var(--mpmh189-overlay-action-h,25px)!important;
  max-height:var(--mpmh189-overlay-action-h,25px)!important;
  padding:0 2px!important;
  border:0!important;
  border-top:1px solid var(--mpmh193-readout-line)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command{
  color:var(--mpmh193-muted-gray)!important;
  -webkit-text-fill-color:var(--mpmh193-muted-gray)!important;
  font-size:8.4px!important;
  letter-spacing:.105em!important;
  font-weight:800!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command:hover,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command:focus,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command.is-active{
  color:var(--mpmh193-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh193-tab-sky)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

/* ========================================================================
   MPMH194 · Cause Card Feedback Overlay + App-Style Maximize Control
   ------------------------------------------------------------------------
   Scope: Cause/Charity cards. Moves FEEDBACK into the main command rail,
   removes DETAILS from that rail, adds a clean maximize control in the card
   title bar that opens the existing detail layer, shortens the Cause Stats
   footer rail, and formats the in-card positive feedback form. Tracking hooks,
   IDs, cause selection, Stats toggle, /go/to, Signal, data, and backend logic
   are preserved.
   ======================================================================== */
:root{
  --mpmh194-sky:#8fc6ff;
  --mpmh194-green:#0bf99e;
  --mpmh194-muted:rgba(190,200,210,.72);
  --mpmh194-line:rgba(126,183,255,.18);
  --mpmh194-line-strong:rgba(126,183,255,.34);
  --mpmh194-light:rgba(220,238,255,.90);
  --mpmh194-field-bg:#000;
}

html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .cause-pick-topline,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card > .mpmh-record-topline{
  position:relative!important;
  padding-left:30px!important;
  padding-right:30px!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:19px!important;
  min-width:19px!important;
  min-height:19px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(220,238,255,.76)!important;
  border-radius:0!important;
  background:rgba(220,238,255,.11)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 10px rgba(126,183,255,.10)!important;
  cursor:pointer!important;
  z-index:5!important;
  color:var(--mpmh194-light)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:8px!important;
  height:8px!important;
  border:1px solid rgba(245,250,255,.92)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 0 6px rgba(126,183,255,.18)!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible{
  border-color:var(--mpmh194-sky)!important;
  background:rgba(143,198,255,.22)!important;
  box-shadow:0 0 12px rgba(143,198,255,.28),inset 0 0 0 1px rgba(255,255,255,.06)!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{
  border-color:#fff!important;
  background:rgba(143,198,255,.18)!important;
}

html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--mpmh194-muted)!important;
  -webkit-text-fill-color:var(--mpmh194-muted)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:focus-visible{
  color:var(--mpmh194-sky)!important;
  -webkit-text-fill-color:var(--mpmh194-sky)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"]{
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!important;
}

html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:25px!important;
  min-height:25px!important;
  max-height:25px!important;
  padding:0 8px!important;
  gap:0!important;
  border-top:1px solid var(--mpmh194-line)!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command{
  min-width:0!important;
  padding:0 3px!important;
  font-size:8.5px!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-company{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:58px 30px 26px 50px 22px 13px!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:5px 0 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:6px 7px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(11,249,158,.32)!important;
  border-radius:0!important;
  outline:0!important;
  background:#000!important;
  background-color:#000!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!important;
  caret-color:var(--mpmh194-green)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1.22!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  resize:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{
  color:rgba(11,249,158,.48)!important;
  -webkit-text-fill-color:rgba(11,249,158,.48)!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{
  border-color:var(--mpmh194-sky)!important;
  box-shadow:0 0 10px rgba(143,198,255,.13),inset 0 0 0 1px rgba(143,198,255,.08)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 58px!important;
  gap:6px!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-name-row label,
html body #publicShell #shellMain .mpmh-card-feedback-updates,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh194-muted)!important;
  -webkit-text-fill-color:var(--mpmh194-muted)!important;
  font-size:7.8px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-name-row label input{
  height:19px!important;
  margin-top:2px!important;
  padding:3px 5px!important;
  font-size:8.4px!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:start!important;
  gap:5px!important;
  text-transform:none!important;
  font-size:7.8px!important;
  line-height:1.18!important;
  letter-spacing:.035em!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:1px solid rgba(220,238,255,.78)!important;
  border-radius:0!important;
  background:rgba(220,238,255,.06)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]:checked{
  background:var(--mpmh194-green)!important;
  border-color:var(--mpmh194-green)!important;
  box-shadow:0 0 8px rgba(11,249,158,.35)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates{
  display:grid!important;
  grid-template-rows:20px 25px!important;
  gap:4px!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates input[type="email"]{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:3px 6px!important;
  font-size:8.4px!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  width:100%!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(11,249,158,.42)!important;
  border-radius:0!important;
  background:#000!important;
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{
  border-color:var(--mpmh194-sky)!important;
  color:var(--mpmh194-sky)!important;
  -webkit-text-fill-color:var(--mpmh194-sky)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{
  display:block!important;
  min-height:13px!important;
  font-size:7.7px!important;
  line-height:1.15!important;
  color:var(--mpmh194-muted)!important;
  -webkit-text-fill-color:var(--mpmh194-muted)!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-thanks{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  padding:8px!important;
  box-sizing:border-box!important;
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-thanks strong{
  display:block!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-thanks span{
  display:block!important;
  color:#dceeff!important;
  -webkit-text-fill-color:#dceeff!important;
  font-size:9px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}


/* ========================================================================
   MPMH197 · Cause Feedback Form Polish + Maximize Square Refinement
   ------------------------------------------------------------------------
   Scope: Cause/Charity cards only. Tightens the in-card positive feedback
   overlay, removes the publish checkbox in favor of clear notice text,
   reveals first name / last initial / email only when Receive Updates is
   checked, centers submit + opt-out text, and refines the maximize square.
   ======================================================================== */
:root{
  --mpmh195-sky:#8fc6ff;
  --mpmh195-green:#0bf99e;
  --mpmh195-muted:rgba(182,194,206,.74);
  --mpmh195-muted-soft:rgba(182,194,206,.56);
  --mpmh195-gray:rgba(190,202,214,.82);
  --mpmh195-line:rgba(126,183,255,.20);
  --mpmh195-line-strong:rgba(168,190,210,.38);
  --mpmh195-field-bg:#00060a;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  right:7px!important;
  border-color:rgba(178,192,206,.70)!important;
  background:rgba(176,190,204,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 9px rgba(126,183,255,.08)!important;
  color:var(--mpmh195-gray)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  width:12px!important;
  height:12px!important;
  border-color:rgba(222,232,242,.88)!important;
  background:rgba(220,232,242,.07)!important;
  box-shadow:0 0 5px rgba(126,183,255,.12)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible{
  border-color:var(--mpmh195-sky)!important;
  background:rgba(143,198,255,.18)!important;
  box-shadow:0 0 11px rgba(143,198,255,.22),inset 0 0 0 1px rgba(255,255,255,.05)!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{
  border-color:#f4fbff!important;
  background:rgba(143,198,255,.16)!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  flex:0 0 auto!important;
  margin:0 0 5px!important;
  padding:0 0 5px!important;
  border-bottom:1px solid var(--mpmh195-line)!important;
  color:var(--mpmh195-green)!important;
  -webkit-text-fill-color:var(--mpmh195-green)!important;
  font-size:10px!important;
  line-height:1.05!important;
  letter-spacing:.15em!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.25)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh195-field-bg)!important;
  background-color:var(--mpmh195-field-bg)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:var(--mpmh195-green)!important;
  -webkit-text-fill-color:var(--mpmh195-green)!important;
  caret-color:var(--mpmh195-green)!important;
  font-family:inherit!important;
  font-size:8.6px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:.028em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  flex:0 0 56px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:7px 8px!important;
  resize:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:4px 6px!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{
  color:rgba(11,249,158,.50)!important;
  -webkit-text-fill-color:rgba(11,249,158,.50)!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{
  border-color:var(--mpmh195-sky)!important;
  box-shadow:0 0 9px rgba(143,198,255,.13),inset 0 0 0 1px rgba(143,198,255,.08)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-notice{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 2px!important;
  color:var(--mpmh195-muted)!important;
  -webkit-text-fill-color:var(--mpmh195-muted)!important;
  font-size:7.35px!important;
  line-height:1.20!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  max-height:27px!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle{
  flex:0 0 14px!important;
  min-height:14px!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh195-gray)!important;
  -webkit-text-fill-color:var(--mpmh195-gray)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(210,224,238,.72)!important;
  border-radius:0!important;
  background:rgba(210,224,238,.06)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]:checked{
  background:var(--mpmh195-green)!important;
  border-color:var(--mpmh195-green)!important;
  box-shadow:0 0 7px rgba(11,249,158,.32)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields{
  display:none!important;
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{
  display:grid!important;
  grid-template-rows:20px 20px 11px!important;
  gap:4px!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 78px!important;
  gap:5px!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-terms{
  margin:0!important;
  padding:0!important;
  color:var(--mpmh195-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh195-muted-soft)!important;
  font-size:6.9px!important;
  line-height:1.1!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  flex:0 0 20px!important;
  width:104px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  align-self:center!important;
  margin:1px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--mpmh195-green)!important;
  -webkit-text-fill-color:var(--mpmh195-green)!important;
  font-size:8.6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{
  color:var(--mpmh195-sky)!important;
  -webkit-text-fill-color:var(--mpmh195-sky)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-optout{
  display:none!important;
  flex:0 0 10px!important;
  min-height:10px!important;
  color:var(--mpmh195-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh195-muted-soft)!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{
  display:block!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{
  flex:0 0 10px!important;
  min-height:10px!important;
  font-size:7px!important;
  line-height:1.05!important;
  color:var(--mpmh195-muted)!important;
  -webkit-text-fill-color:var(--mpmh195-muted)!important;
  overflow:hidden!important;
  text-align:center!important;
}

/* ========================================================================
   MPMH197 · Cause Feedback Single-Column Layout + Silver Maximize Control
   ------------------------------------------------------------------------
   Scope: Cause/Charity cards only. Final visual owner for the feedback
   overlay form layout and the small maximize/details window control. Keeps
   existing submit/tracking/detail hooks intact.
   ======================================================================== */
:root{
  --mpmh196-sky:#8fc6ff;
  --mpmh196-green:#0bf99e;
  --mpmh196-silver:#aeb8c3;
  --mpmh196-silver-dark:#778593;
  --mpmh196-bluebox:#155d87;
  --mpmh196-muted:rgba(188,200,212,.76);
  --mpmh196-muted-soft:rgba(188,200,212,.55);
  --mpmh196-line:rgba(126,183,255,.22);
  --mpmh196-field:#00070d;
}

html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  right:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(198,207,216,.78),rgba(128,140,152,.72))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.35),0 0 8px rgba(126,183,255,.10)!important;
  color:#f4fbff!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  width:14px!important;
  height:14px!important;
  border:1px solid rgba(12,61,94,.96)!important;
  background:rgba(11,65,99,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.20)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible{
  background:linear-gradient(180deg,rgba(222,231,239,.88),rgba(151,166,181,.82))!important;
  box-shadow:0 0 12px rgba(143,198,255,.22),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -1px 0 rgba(0,0,0,.34)!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{
  width:14px!important;
  height:14px!important;
  border-color:var(--mpmh196-sky)!important;
  background:rgba(21,93,135,.28)!important;
  box-shadow:0 0 7px rgba(143,198,255,.24),inset 0 0 0 1px rgba(255,255,255,.22)!important;
}

html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  flex:0 0 auto!important;
  margin:0 0 7px!important;
  padding:0 0 6px!important;
  border-bottom:1px solid var(--mpmh196-line)!important;
  color:var(--mpmh196-green)!important;
  -webkit-text-fill-color:var(--mpmh196-green)!important;
  font-size:10px!important;
  line-height:1.05!important;
  letter-spacing:.15em!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-company{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-content:start!important;
  gap:4px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.28)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh196-field)!important;
  background-color:var(--mpmh196-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:var(--mpmh196-green)!important;
  -webkit-text-fill-color:var(--mpmh196-green)!important;
  caret-color:var(--mpmh196-green)!important;
  font-family:inherit!important;
  font-size:8.4px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  padding:7px 8px!important;
  resize:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:3px 6px!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{
  color:rgba(11,249,158,.54)!important;
  -webkit-text-fill-color:rgba(11,249,158,.54)!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{
  border-color:var(--mpmh196-sky)!important;
  box-shadow:0 0 9px rgba(143,198,255,.13),inset 0 0 0 1px rgba(143,198,255,.08)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-notice{
  margin:0!important;
  padding:0 1px!important;
  color:var(--mpmh196-muted)!important;
  -webkit-text-fill-color:var(--mpmh196-muted)!important;
  font-size:7.1px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:.038em!important;
  text-transform:uppercase!important;
  max-height:26px!important;
  overflow:hidden!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent.mpmh-card-feedback-updates-toggle{
  display:grid!important;
  grid-template-columns:11px max-content!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:15px!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh196-muted)!important;
  -webkit-text-fill-color:var(--mpmh196-muted)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"],
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(210,224,238,.72)!important;
  border-radius:0!important;
  background:rgba(210,224,238,.06)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]:checked,
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]:checked{
  background:var(--mpmh196-green)!important;
  border-color:var(--mpmh196-green)!important;
  box-shadow:0 0 7px rgba(11,249,158,.30)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle span{
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:18px 18px!important;
  gap:4px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 72px!important;
  gap:5px!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-terms{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  justify-self:center!important;
  align-self:start!important;
  width:auto!important;
  min-width:72px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:2px auto 0!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh196-green)!important;
  -webkit-text-fill-color:var(--mpmh196-green)!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{
  color:var(--mpmh196-sky)!important;
  -webkit-text-fill-color:var(--mpmh196-sky)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-optout{
  display:none!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--mpmh196-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh196-muted-soft)!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{
  display:block!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh196-muted)!important;
  -webkit-text-fill-color:var(--mpmh196-muted)!important;
  font-size:6.9px!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status:empty{
  display:none!important;
}


/* ========================================================================
   MPMH202 · Cause Feedback Vertical Layout + VISIT Rail + Maximize Revert
   ------------------------------------------------------------------------
   Scope: Cause/Charity cards only. Final bottom owner for the cause card
   front command rail, feedback overlay form layout, and maximize/details
   window control. Tracking/click hooks remain JS-owned and unchanged.
   ======================================================================== */
:root{
  --mpmh197-sky:#8fc6ff;
  --mpmh197-green:#0bf99e;
  --mpmh197-muted:rgba(188,200,212,.78);
  --mpmh197-muted-soft:rgba(188,200,212,.58);
  --mpmh197-line:rgba(126,183,255,.22);
  --mpmh197-line-strong:rgba(143,198,255,.52);
  --mpmh197-field:#00070d;
  --mpmh197-blue:#0c3958;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;right:6px!important;padding:0!important;border:1px solid rgba(168,196,220,.55)!important;border-radius:0!important;background:rgba(1,12,20,.42)!important;background-color:rgba(1,12,20,.42)!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(126,183,255,.10),0 0 8px rgba(0,0,0,.18)!important;color:rgba(220,236,248,.88)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important;border:2px solid rgba(211,228,242,.78)!important;background:rgba(9,42,64,.34)!important;box-shadow:inset 0 0 0 1px rgba(126,183,255,.10)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible{
  border-color:var(--mpmh197-sky)!important;background:rgba(5,24,38,.60)!important;box-shadow:0 0 11px rgba(143,198,255,.22),inset 0 0 0 1px rgba(143,198,255,.16)!important;outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{
  border-color:#ffffff!important;background:rgba(143,198,255,.18)!important;box-shadow:0 0 7px rgba(143,198,255,.22),inset 0 0 0 1px rgba(143,198,255,.12)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:center!important;justify-items:stretch!important;height:var(--mpmh190-action-h,30px)!important;min-height:var(--mpmh190-action-h,30px)!important;max-height:var(--mpmh190-action-h,30px)!important;padding:0 10px!important;gap:0!important;overflow:hidden!important;border-top:1px solid var(--mpmh197-line)!important;background:transparent!important;box-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link{
  appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-width:0!important;margin:0!important;padding:0 2px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh197-muted)!important;-webkit-text-fill-color:var(--mpmh197-muted)!important;font-family:inherit!important;font-size:8.6px!important;line-height:1!important;font-weight:820!important;letter-spacing:.105em!important;text-transform:uppercase!important;text-decoration:none!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions a:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions button:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:focus{
  color:var(--mpmh197-sky)!important;-webkit-text-fill-color:var(--mpmh197-sky)!important;background:transparent!important;box-shadow:none!important;outline:0!important;text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link.inert{opacity:.42!important;pointer-events:none!important;cursor:default!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"]{color:var(--mpmh197-green)!important;-webkit-text-fill-color:var(--mpmh197-green)!important;}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{flex:0 0 auto!important;margin:0 0 8px!important;padding:0 0 7px!important;border-bottom:1px solid var(--mpmh197-line)!important;color:var(--mpmh197-green)!important;-webkit-text-fill-color:var(--mpmh197-green)!important;font-size:10px!important;line-height:1.05!important;letter-spacing:.15em!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{flex:1 1 auto!important;min-height:0!important;width:100%!important;margin:0!important;padding:0 6px 0!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative!important;}
html body #publicShell #shellMain .mpmh-card-feedback-company{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;border:1px solid rgba(126,183,255,.30)!important;border-radius:0!important;outline:0!important;background:var(--mpmh197-field)!important;background-color:var(--mpmh197-field)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;color:var(--mpmh197-green)!important;-webkit-text-fill-color:var(--mpmh197-green)!important;caret-color:var(--mpmh197-green)!important;font-family:inherit!important;font-size:9px!important;line-height:1.15!important;font-weight:720!important;letter-spacing:.02em!important;text-transform:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{flex:0 0 58px!important;height:58px!important;min-height:58px!important;max-height:58px!important;padding:8px 9px!important;resize:none!important;overflow:hidden!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{height:22px!important;min-height:22px!important;max-height:22px!important;padding:4px 7px!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{color:rgba(11,249,158,.58)!important;-webkit-text-fill-color:rgba(11,249,158,.58)!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{border-color:var(--mpmh197-sky)!important;box-shadow:0 0 9px rgba(143,198,255,.13),inset 0 0 0 1px rgba(143,198,255,.08)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-notice{display:block!important;width:100%!important;max-width:100%!important;flex:0 0 auto!important;margin:0!important;padding:0 2px!important;color:var(--mpmh197-muted)!important;-webkit-text-fill-color:var(--mpmh197-muted)!important;font-size:7.8px!important;line-height:1.24!important;font-weight:720!important;letter-spacing:.035em!important;text-transform:uppercase!important;max-height:30px!important;overflow:hidden!important;text-align:left!important;white-space:normal!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent.mpmh-card-feedback-updates-toggle{flex:0 0 auto!important;display:grid!important;grid-template-columns:12px max-content!important;align-items:center!important;justify-content:start!important;gap:8px!important;width:max-content!important;max-width:100%!important;min-height:16px!important;margin:2px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh197-muted)!important;-webkit-text-fill-color:var(--mpmh197-muted)!important;font-size:8.2px!important;line-height:1!important;font-weight:850!important;letter-spacing:.065em!important;text-transform:uppercase!important;overflow:visible!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"],
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:block!important;width:11px!important;height:11px!important;min-width:11px!important;min-height:11px!important;margin:0!important;padding:0!important;border:1px solid rgba(210,224,238,.72)!important;border-radius:0!important;background:rgba(210,224,238,.06)!important;box-shadow:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent input[type="checkbox"]:checked,
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]:checked{background:var(--mpmh197-green)!important;border-color:var(--mpmh197-green)!important;box-shadow:0 0 7px rgba(11,249,158,.30)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle span{display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important;}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;box-shadow:none!important;position:static!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:5px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:3px 0 0!important;padding:0!important;overflow:hidden!important;border:0!important;box-shadow:none!important;position:static!important;}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{display:grid!important;grid-template-columns:minmax(0,1fr) 80px!important;gap:6px!important;min-height:0!important;overflow:hidden!important;}
html body #publicShell #shellMain .mpmh-card-feedback-terms{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{flex:0 0 auto!important;align-self:center!important;justify-self:center!important;width:auto!important;min-width:78px!important;height:20px!important;min-height:20px!important;max-height:20px!important;margin:6px auto 0!important;padding:0 6px!important;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh197-green)!important;-webkit-text-fill-color:var(--mpmh197-green)!important;font-size:8.6px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important;text-align:center!important;text-transform:uppercase!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{color:var(--mpmh197-sky)!important;-webkit-text-fill-color:var(--mpmh197-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-card-feedback-optout{display:none!important;flex:0 0 auto!important;margin:0 auto!important;padding:0!important;color:var(--mpmh197-muted-soft)!important;-webkit-text-fill-color:var(--mpmh197-muted-soft)!important;font-size:7.1px!important;line-height:1!important;font-weight:650!important;letter-spacing:.03em!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;border:0!important;box-shadow:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh197-muted)!important;-webkit-text-fill-color:var(--mpmh197-muted)!important;font-size:7px!important;line-height:1.05!important;overflow:hidden!important;text-align:center!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status:empty{display:none!important;}


/* ========================================================================
   MPMH202 · Cause Feedback Reconciliation + Footer Nav Color Lock
   ------------------------------------------------------------------------
   One final cause-card owner for the front command rail and the feedback
   overlay. This neutralizes the experimental 194-197 form/grid owners without
   changing tracking hooks, submit endpoint behavior, cause selection, stats,
   share, or /go/to routing. Footer links inherit the top-tab color behavior.
   ======================================================================== */
:root{
  --mpmh198-tab-sky:#8fc6ff;
  --mpmh198-platform-green:#0bf99e;
  --mpmh198-footer-gray:rgba(190,200,210,.72);
  --mpmh198-muted:rgba(190,200,210,.76);
  --mpmh198-muted-soft:rgba(170,185,198,.58);
  --mpmh198-line:rgba(126,183,255,.20);
  --mpmh198-line-strong:rgba(126,183,255,.34);
  --mpmh198-field:#000;
}

/* Cause card front rail: four equal text commands, one row. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.15)!important;
  background:transparent!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh198-footer-gray)!important;
  -webkit-text-fill-color:var(--mpmh198-footer-gray)!important;
  font-size:8.2px!important;
  line-height:1!important;
  font-weight:840!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:focus{
  color:var(--mpmh198-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh198-tab-sky)!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn[aria-expanded="true"]{
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
}

/* Cause feedback overlay: one vertical form owner, no hidden-field overlap. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:7px!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  display:block!important;
  margin:0!important;
  padding:0 0 6px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh198-line-strong)!important;
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:70px auto 17px minmax(0,auto) 22px auto 0!important;
  gap:6px!important;
  align-content:start!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-company{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  display:block!important;
  width:100%!important;
  height:70px!important;
  min-height:70px!important;
  max-height:70px!important;
  margin:0!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  resize:none!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.34)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh198-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  caret-color:var(--mpmh198-platform-green)!important;
  font-family:inherit!important;
  font-size:9.4px!important;
  line-height:1.24!important;
  font-weight:720!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{color:rgba(11,249,158,.58)!important;-webkit-text-fill-color:rgba(11,249,158,.58)!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{border-color:var(--mpmh198-tab-sky)!important;box-shadow:0 0 9px rgba(143,198,255,.15),inset 0 0 0 1px rgba(143,198,255,.08)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-card-feedback-notice{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  color:var(--mpmh198-muted)!important;
  -webkit-text-fill-color:var(--mpmh198-muted)!important;
  font-size:7.8px!important;
  line-height:1.28!important;
  font-weight:760!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent.mpmh-card-feedback-updates-toggle{
  display:grid!important;
  grid-template-columns:12px auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:15px!important;
  margin:0!important;
  padding:0 0 0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh198-muted)!important;
  -webkit-text-fill-color:var(--mpmh198-muted)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(210,224,238,.78)!important;
  background:rgba(210,224,238,.055)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]:checked{background:var(--mpmh198-platform-green)!important;border-color:var(--mpmh198-platform-green)!important;box-shadow:0 0 7px rgba(11,249,158,.28)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.30)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh198-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  caret-color:var(--mpmh198-platform-green)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:720!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder{color:rgba(11,249,158,.52)!important;-webkit-text-fill-color:rgba(11,249,158,.52)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  position:static!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{
  display:flex!important;
  visibility:visible!important;
  flex-direction:column!important;
  gap:5px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:2px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
  position:static!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields *{display:block!important;}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:6px!important;width:100%!important;min-height:0!important;overflow:hidden!important;}
html body #publicShell #shellMain .mpmh-card-feedback-terms{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:82px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:1px auto 0!important;
  padding:0 9px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{color:var(--mpmh198-tab-sky)!important;-webkit-text-fill-color:var(--mpmh198-tab-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-card-feedback-optout{display:none!important;margin:0 auto!important;padding:0!important;color:var(--mpmh198-muted-soft)!important;-webkit-text-fill-color:var(--mpmh198-muted-soft)!important;font-size:7.2px!important;line-height:1!important;font-weight:650!important;letter-spacing:.025em!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;border:0!important;box-shadow:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh198-muted)!important;-webkit-text-fill-color:var(--mpmh198-muted)!important;font-size:7px!important;line-height:1.05!important;overflow:hidden!important;text-align:center!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status:empty{display:none!important;}

/* Keep the three-link cause overlay footer clean and unclipped. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:25px!important;
  min-height:25px!important;
  max-height:25px!important;
  padding:0 4px!important;
  gap:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command{font-size:8.3px!important;letter-spacing:.08em!important;padding:0 2px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:clip!important;}

/* Footer links should visually match upper tab behavior. */
html body #publicShell .public-footer .footer-text-link{
  color:var(--mpmh198-footer-gray)!important;
  -webkit-text-fill-color:var(--mpmh198-footer-gray)!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:color .12s ease!important;
}
html body #publicShell .public-footer .footer-text-link:hover,
html body #publicShell .public-footer .footer-text-link:focus,
html body #publicShell .public-footer .footer-text-link:focus-visible{
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  text-shadow:0 0 8px rgba(11,249,158,.18)!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #publicShell .public-footer .footer-text-link.active,
html body #publicShell .public-footer .footer-text-link.is-active,
html body #publicShell .public-footer .footer-text-link[aria-current="page"]{
  color:var(--mpmh198-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh198-platform-green)!important;
  text-shadow:0 0 8px rgba(11,249,158,.18)!important;
  text-decoration:none!important;
}

/* ========================================================================
   MPMH202 Cause Card Command Rail + Feedback Overlay Reconciliation
   Scope: Cause/charity card front rail, cause feedback overlay layout,
   and footer nav hover parity. No route/data/backend ownership intended.
   ======================================================================== */
html body #publicShell #shellMain{
  --mpmh199-platform-green:var(--mpmh198-platform-green,#0bf99e);
  --mpmh199-tab-sky:var(--mpmh198-tab-sky,#8fc6ff);
  --mpmh199-muted:var(--mpmh198-muted,#a9bbca);
  --mpmh199-muted-soft:var(--mpmh198-muted-soft,#708597);
  --mpmh199-line:rgba(126,183,255,.22);
  --mpmh199-line-strong:rgba(126,183,255,.36);
  --mpmh199-field:#00050a;
}

/* Front cause-card rail: five equal text commands, one row, no inherited boxed/table feel. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:29px!important;
  min-height:29px!important;
  max-height:29px!important;
  margin:0!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid rgba(126,183,255,.18)!important;
  background:#031321!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh199-muted)!important;
  -webkit-text-fill-color:var(--mpmh199-muted)!important;
  font-size:7.55px!important;
  line-height:1!important;
  font-weight:880!important;
  letter-spacing:.048em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:focus{
  color:var(--mpmh199-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh199-tab-sky)!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn[aria-expanded="true"]{
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link.inert{
  opacity:.45!important;
  cursor:default!important;
  pointer-events:none!important;
}

/* Feedback overlay: one vertical owner with no grid overlap and no text clipping. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  flex:0 0 auto!important;
  display:block!important;
  margin:0!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh199-line-strong)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0 8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  flex:0 0 55px!important;
  display:block!important;
  width:100%!important;
  height:55px!important;
  min-height:55px!important;
  max-height:55px!important;
  margin:0!important;
  padding:9px 10px!important;
  box-sizing:border-box!important;
  resize:none!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.36)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh199-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
  caret-color:var(--mpmh199-platform-green)!important;
  font-family:inherit!important;
  font-size:9.5px!important;
  line-height:1.22!important;
  font-weight:720!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{
  color:rgba(11,249,158,.60)!important;
  -webkit-text-fill-color:rgba(11,249,158,.60)!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{
  border-color:var(--mpmh199-tab-sky)!important;
  box-shadow:0 0 9px rgba(143,198,255,.15),inset 0 0 0 1px rgba(143,198,255,.08)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-notice{
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
  color:var(--mpmh199-muted)!important;
  -webkit-text-fill-color:var(--mpmh199-muted)!important;
  font-size:8.4px!important;
  line-height:1.24!important;
  font-weight:760!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent.mpmh-card-feedback-updates-toggle{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:12px auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:15px!important;
  margin:1px 0 0!important;
  padding:0 0 0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh199-muted)!important;
  -webkit-text-fill-color:var(--mpmh199-muted)!important;
  font-size:8.1px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(210,224,238,.78)!important;
  background:rgba(210,224,238,.055)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]:checked{
  background:var(--mpmh199-platform-green)!important;
  border-color:var(--mpmh199-platform-green)!important;
  box-shadow:0 0 7px rgba(11,249,158,.28)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields{
  flex:0 0 0!important;
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  position:static!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{
  flex:0 0 auto!important;
  display:flex!important;
  visibility:visible!important;
  flex-direction:column!important;
  gap:5px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:2px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
  position:static!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields *{display:block!important;}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  gap:6px!important;
  width:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:4px 8px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.31)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh199-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
  caret-color:var(--mpmh199-platform-green)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1.1!important;
  font-weight:720!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder{
  color:rgba(11,249,158,.54)!important;
  -webkit-text-fill-color:rgba(11,249,158,.54)!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-terms{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  flex:0 0 22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:84px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:2px auto 0!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{
  color:var(--mpmh199-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh199-tab-sky)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-optout{
  flex:0 0 auto!important;
  display:none!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--mpmh199-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh199-muted-soft)!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh199-muted)!important;
  -webkit-text-fill-color:var(--mpmh199-muted)!important;
  font-size:7px!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status:empty{display:none!important;}

/* Keep overlay footer rails clean. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  padding:0 4px!important;
  gap:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command{
  font-size:8.3px!important;
  letter-spacing:.08em!important;
  padding:0 2px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}

/* Footer links match upper-tab visual behavior: default gray, hover sky, active selected green. */
html body #publicShell .public-footer .footer-text-link:hover,
html body #publicShell .public-footer .footer-text-link:focus,
html body #publicShell .public-footer .footer-text-link:focus-visible{
  color:var(--mpmh199-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh199-tab-sky)!important;
  text-shadow:none!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #publicShell .public-footer .footer-text-link.active,
html body #publicShell .public-footer .footer-text-link.is-active,
html body #publicShell .public-footer .footer-text-link[aria-current="page"]{
  color:var(--mpmh199-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh199-platform-green)!important;
  text-shadow:0 0 8px rgba(11,249,158,.18)!important;
  text-decoration:none!important;
}

/* ========================================================================
   MPMH202 · Cause Card Command Rail + Feedback Consent Reconciliation
   ------------------------------------------------------------------------
   Final cause-card component owner for default/overlay command rails and the
   in-card feedback form. Preserves JS hooks, tracking, submit endpoint, cause
   selection, details/maximize routing, and /go/to behavior.
   ======================================================================== */
:root{
  --mpmh200-tab-sky:#8fc6ff;
  --mpmh200-platform-green:#0bf99e;
  --mpmh200-blue:#145a86;
  --mpmh200-blue-soft:#8fc6ff;
  --mpmh200-command-gray:rgba(188,205,222,.82);
  --mpmh200-muted:rgba(184,202,216,.78);
  --mpmh200-muted-soft:rgba(160,178,192,.62);
  --mpmh200-line:rgba(126,183,255,.22);
  --mpmh200-line-strong:rgba(126,183,255,.36);
  --mpmh200-field:#00070d;
}

/* One persistent cause-card command rail language: default card = five links. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 5px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid var(--mpmh200-line)!important;
  background:rgba(2,15,25,.36)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-actions.mpmh-card-front-command-rail > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer > .cause-pick-actions > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-command-gray)!important;
  -webkit-text-fill-color:var(--mpmh200-command-gray)!important;
  font-size:7.8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-primary-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-visit-link:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn:focus{
  color:var(--mpmh200-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky)!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-stats-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-share-btn[aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-feedback-btn[aria-expanded="true"]{
  color:var(--mpmh200-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green)!important;
}

/* One overlay footer rail language across Signals, Share, and Feedback tabs. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-stack{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 27px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panels{
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:stretch!important;
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0 7px!important;
  border:0!important;
  border-top:1px solid var(--mpmh200-line)!important;
  background:rgba(2,15,25,.32)!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-command-gray)!important;
  -webkit-text-fill-color:var(--mpmh200-command-gray)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command:hover,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command:focus{
  color:var(--mpmh200-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky)!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command.is-active,
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail .mpmh-card-command[aria-current="true"]{
  color:var(--mpmh200-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green)!important;
}

/* Feedback overlay: compact blue header + clean vertical form stack. */
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0 10px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  flex:0 0 23px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
  margin:0 0 6px!important;
  padding:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh200-line-strong)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0 9px 0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  position:relative!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-company{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea{
  flex:0 0 52px!important;
  display:block!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:8px 9px!important;
  box-sizing:border-box!important;
  resize:none!important;
  overflow:hidden!important;
  border:1px solid rgba(126,183,255,.34)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh200-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)!important;
  color:var(--mpmh200-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green)!important;
  caret-color:var(--mpmh200-platform-green)!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:720!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea::placeholder{color:rgba(11,249,158,.60)!important;-webkit-text-fill-color:rgba(11,249,158,.60)!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form textarea:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"]:focus,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]:focus{border-color:var(--mpmh200-tab-sky)!important;box-shadow:0 0 9px rgba(143,198,255,.15),inset 0 0 0 1px rgba(143,198,255,.08)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-card-feedback-notice{
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 1px!important;
  box-sizing:border-box!important;
  color:var(--mpmh200-muted)!important;
  -webkit-text-fill-color:var(--mpmh200-muted)!important;
  font-size:7.25px!important;
  line-height:1.17!important;
  font-weight:680!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-notice span{display:block!important;margin:0!important;padding:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;text-transform:none!important;}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-consent.mpmh-card-feedback-updates-toggle{
  flex:0 0 15px!important;
  display:grid!important;
  grid-template-columns:11px auto!important;
  align-items:center!important;
  justify-content:start!important;
  gap:7px!important;
  width:100%!important;
  min-height:15px!important;
  margin:0!important;
  padding:0 0 0 1px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-command-gray)!important;
  -webkit-text-fill-color:var(--mpmh200-command-gray)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-consent input[type="checkbox"],
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"],
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(210,224,238,.78)!important;
  border-radius:0!important;
  background:rgba(210,224,238,.055)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-consent input[type="checkbox"]:checked,
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle input[type="checkbox"]:checked,
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent input[type="checkbox"]:checked{background:var(--mpmh200-platform-green)!important;border-color:var(--mpmh200-platform-green)!important;box-shadow:0 0 7px rgba(11,249,158,.28)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-updates-toggle span{display:block!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-transform:none!important;}
html body #publicShell #shellMain .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields{
  display:none!important;
  flex:0 0 0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  position:static!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields{
  flex:0 0 auto!important;
  display:flex!important;
  visibility:visible!important;
  flex-direction:column!important;
  gap:4px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:1px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
  position:static!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-update-fields *{display:block!important;}
html body #publicShell #shellMain .mpmh-card-feedback-name-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;min-height:0!important;overflow:visible!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="text"],
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input[type="email"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:21px!important;
  min-height:21px!important;
  max-height:21px!important;
  margin:0!important;
  padding:3px 7px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.30)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--mpmh200-field)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:var(--mpmh200-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green)!important;
  caret-color:var(--mpmh200-platform-green)!important;
  font-family:inherit!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form input::placeholder{color:rgba(11,249,158,.55)!important;-webkit-text-fill-color:rgba(11,249,158,.55)!important;}
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent{
  display:grid!important;
  grid-template-columns:11px minmax(0,1fr)!important;
  align-items:start!important;
  gap:6px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh200-muted-soft)!important;
  font-size:7.1px!important;
  line-height:1.16!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent span{display:block!important;margin:0!important;padding:0!important;color:inherit!important;-webkit-text-fill-color:inherit!important;text-transform:none!important;white-space:normal!important;}
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent a,
html body #publicShell #shellMain .mpmh-card-feedback-legal-link{
  display:inline!important;
  color:var(--mpmh200-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky)!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent a:hover,
html body #publicShell #shellMain .mpmh-card-feedback-terms-consent a:focus{color:var(--mpmh200-platform-green)!important;-webkit-text-fill-color:var(--mpmh200-platform-green)!important;text-decoration:none!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit{
  flex:0 0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:82px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:1px auto 0!important;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh200-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green)!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-submit:focus{color:var(--mpmh200-tab-sky)!important;-webkit-text-fill-color:var(--mpmh200-tab-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-card-feedback-optout{
  flex:0 0 10px!important;
  display:none!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  color:var(--mpmh200-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh200-muted-soft)!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:620!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form.is-receive-updates .mpmh-card-feedback-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh200-muted)!important;-webkit-text-fill-color:var(--mpmh200-muted)!important;font-size:7px!important;line-height:1.05!important;overflow:hidden!important;text-align:center!important;}
html body #publicShell #shellMain .mpmh-cause-positive-feedback-form .mpmh-card-feedback-status:empty{display:none!important;}
html body #publicShell #shellMain .mpmh-card-feedback-thanks{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;min-height:0!important;color:var(--mpmh200-platform-green)!important;text-align:center!important;gap:7px!important;}
html body #publicShell #shellMain .mpmh-card-feedback-thanks strong{font-size:13px!important;letter-spacing:.15em!important;text-transform:uppercase!important;}
html body #publicShell #shellMain .mpmh-card-feedback-thanks span{font-size:9px!important;color:var(--mpmh200-muted)!important;-webkit-text-fill-color:var(--mpmh200-muted)!important;}

/* Maximize control: return to dark/blue app-window styling, not form-checkbox silver. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  right:7px!important;
  top:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(126,183,255,.48)!important;
  background:rgba(0,16,30,.72)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:11px!important;
  height:11px!important;
  border:2px solid rgba(190,218,238,.82)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus{border-color:var(--mpmh200-tab-sky)!important;background:rgba(3,28,48,.86)!important;outline:0!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{border-color:var(--mpmh200-tab-sky)!important;box-shadow:0 0 7px rgba(143,198,255,.24)!important;}

/* MPMH202 footer nav color parity: default gray, hover sky blue, active platform green. */
html body #publicShell .public-footer .footer-text-link,
html body #publicShell footer .footer-text-link{
  color:var(--mpmh200-command-gray, rgba(188,205,222,.82))!important;
  -webkit-text-fill-color:var(--mpmh200-command-gray, rgba(188,205,222,.82))!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell .public-footer .footer-text-link:hover,
html body #publicShell .public-footer .footer-text-link:focus,
html body #publicShell .public-footer .footer-text-link:focus-visible,
html body #publicShell footer .footer-text-link:hover,
html body #publicShell footer .footer-text-link:focus,
html body #publicShell footer .footer-text-link:focus-visible{
  color:var(--mpmh200-tab-sky, #8fc6ff)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky, #8fc6ff)!important;
  text-shadow:none!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #publicShell .public-footer .footer-text-link.active,
html body #publicShell .public-footer .footer-text-link.is-active,
html body #publicShell .public-footer .footer-text-link[aria-current="page"],
html body #publicShell footer .footer-text-link.active,
html body #publicShell footer .footer-text-link.is-active,
html body #publicShell footer .footer-text-link[aria-current="page"]{
  color:var(--mpmh200-platform-green, #0bf99e)!important;
  -webkit-text-fill-color:var(--mpmh200-platform-green, #0bf99e)!important;
  text-shadow:0 0 8px rgba(11,249,158,.18)!important;
  text-decoration:none!important;
}

/* ========================================================================
   MPMH202 · Cause Card Component Reset
   Purpose: one owner for Cause/Charity card command rails, feedback surface,
   and maximize control. This intentionally stops the older 193-200 fallback
   rail/form styles from leaking into overlay states while preserving hooks.
   ======================================================================== */
html body #publicShell #shellMain{
  --mpmh202-tab-sky:#8fc6ff;
  --mpmh202-platform-green:#0bf99e;
  --mpmh202-muted:#9dafbd;
  --mpmh202-muted-2:#6f8390;
  --mpmh202-blue:#0a3a5c;
  --mpmh202-blue-deep:#061827;
  --mpmh202-card:#03111d;
  --mpmh202-line:rgba(143,198,255,.22);
}

/* one persistent five-link cause command rail */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(143,198,255,.18)!important;
  background:rgba(2,12,21,.76)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > span{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh202-muted)!important;
  -webkit-text-fill-color:var(--mpmh202-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:focus{
  color:var(--mpmh202-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky)!important;
  background:rgba(143,198,255,.045)!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .is-active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > [aria-expanded="true"]{
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .inert{
  color:rgba(157,175,189,.38)!important;
  -webkit-text-fill-color:rgba(157,175,189,.38)!important;
  cursor:default!important;
  pointer-events:none!important;
}

/* cause overlay frame: one contained app/card stage under the header */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet.open,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-stats-panel.open{
  display:block!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 35px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#03111d!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-panels{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel]{
  position:absolute!important;
  inset:0!important;
  display:none!important;
  min-height:0!important;
  padding:10px 14px 8px!important;
  overflow:hidden!important;
  background:#03111d!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel].is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:7px!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 34px 5px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.24)!important;
  background:transparent!important;
  color:var(--mpmh202-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}

/* feedback v2: clean vertical flow; old boxed notice/fallback form styles are neutralized here */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel="feedback"]{
  padding:9px 16px 8px!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  height:20px!important;
  min-height:20px!important;
  padding-bottom:5px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:5px 6px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  color:var(--mpmh202-muted)!important;
  -webkit-text-fill-color:var(--mpmh202-muted)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 textarea{
  display:block!important;
  flex:0 0 52px!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:10px 11px!important;
  resize:none!important;
  overflow:auto!important;
  border:1px solid rgba(143,198,255,.28)!important;
  border-radius:0!important;
  background:#020a12!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1.22!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 textarea::placeholder{
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  opacity:.9!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-notice{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  height:auto!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#b8c7d2!important;
  -webkit-text-fill-color:#b8c7d2!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.7px!important;
  line-height:1.18!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
  text-align:left!important;
  text-transform:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-notice span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  text-transform:none!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-updates-toggle{
  display:flex!important;
  flex:0 0 18px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d4e4ee!important;
  -webkit-text-fill-color:#d4e4ee!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-transform:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-block!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(191,218,236,.72)!important;
  border-radius:0!important;
  background:#03111d!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.52)!important;
  vertical-align:middle!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 input[type="checkbox"]:checked{
  background:var(--mpmh202-platform-green)!important;
  border-color:var(--mpmh202-platform-green)!important;
  box-shadow:0 0 8px rgba(11,249,158,.25)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-updates-toggle span{
  display:inline-block!important;
  white-space:nowrap!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-update-fields,
html body #publicShell #shellMain .mpmh-cause-feedback-v2:not(.is-receive-updates) .mpmh-card-feedback-update-fields{
  display:none!important;
  flex:0 0 0!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2:not(.is-receive-updates) .mpmh-card-feedback-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2.is-receive-updates .mpmh-card-feedback-update-fields{
  display:flex!important;
  flex-direction:column!important;
  flex:0 0 auto!important;
  gap:5px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2.is-receive-updates .mpmh-card-feedback-update-fields *{visibility:visible!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-name-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 input[type="text"],
html body #publicShell #shellMain .mpmh-cause-feedback-v2 input[type="email"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid rgba(143,198,255,.26)!important;
  border-radius:0!important;
  background:#020a12!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 input::placeholder{color:var(--mpmh202-platform-green)!important;-webkit-text-fill-color:var(--mpmh202-platform-green)!important;opacity:.92!important;text-transform:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-terms-consent{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#b8c7d2!important;
  -webkit-text-fill-color:#b8c7d2!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8px!important;
  line-height:1.18!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-terms-consent span{display:block!important;white-space:normal!important;text-transform:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-legal-link{display:inline!important;color:var(--mpmh202-tab-sky)!important;-webkit-text-fill-color:var(--mpmh202-tab-sky)!important;text-decoration:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  flex:0 0 18px!important;
  align-self:center!important;
  width:auto!important;
  height:18px!important;
  min-height:18px!important;
  margin:2px auto 0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:18px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-submit:focus{color:var(--mpmh202-tab-sky)!important;-webkit-text-fill-color:var(--mpmh202-tab-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-optout{
  display:none!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9dafbd!important;
  -webkit-text-fill-color:#9dafbd!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.7px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-v2.is-receive-updates .mpmh-card-feedback-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-status{display:block!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--mpmh202-muted)!important;-webkit-text-fill-color:var(--mpmh202-muted)!important;font-size:7px!important;line-height:1.05!important;overflow:hidden!important;text-align:center!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-status:empty{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-v2 .mpmh-card-feedback-company{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}

/* maximize control: dark/blue app-window square, one icon treatment */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(143,198,255,.55)!important;
  border-radius:0!important;
  background:rgba(3,18,32,.82)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
  cursor:pointer!important;
  z-index:6!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::before,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::after{content:none!important;display:none!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid rgba(195,222,240,.72)!important;
  border-radius:0!important;
  background:rgba(10,58,92,.22)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus{border-color:var(--mpmh202-tab-sky)!important;background:rgba(5,31,52,.92)!important;outline:0!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{border-color:var(--mpmh202-tab-sky)!important;background:rgba(143,198,255,.12)!important;box-shadow:0 0 7px rgba(143,198,255,.20)!important;}

/* footer active parity with upper tab selected/hover colors */
html body #publicShell .public-footer .footer-text-link:hover,
html body #publicShell .public-footer .footer-text-link:focus,
html body #publicShell footer .footer-text-link:hover,
html body #publicShell footer .footer-text-link:focus{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;text-decoration:none!important;}
html body #publicShell .public-footer .footer-text-link.active,
html body #publicShell .public-footer .footer-text-link.is-active,
html body #publicShell .public-footer .footer-text-link.mpmh-footer-active,
html body #publicShell .public-footer .footer-text-link[aria-current="page"],
html body #publicShell footer .footer-text-link.active,
html body #publicShell footer .footer-text-link.is-active,
html body #publicShell footer .footer-text-link.mpmh-footer-active,
html body #publicShell footer .footer-text-link[aria-current="page"]{color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;text-decoration:none!important;}

/* ========================================================================
   MPMH202 · Cause Feedback Clean Surface Hard Reset
   Purpose: stop old 193-201 boxed feedback/fallback owners from touching the
   cause-card feedback form. Keeps data hooks/tracking attributes intact.
   ======================================================================== */
html body #publicShell #shellMain{
  --mpmh202-tab-sky:#8fc6ff;
  --mpmh202-platform-green:#0bf99e;
  --mpmh202-muted:#9dafbd;
  --mpmh202-muted-soft:#b8c7d2;
  --mpmh202-panel:#03111d;
  --mpmh202-input:#020a12;
  --mpmh202-line:rgba(143,198,255,.24);
}

/* one five-link command rail everywhere on Cause cards */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(143,198,255,.20)!important;
  background:rgba(2,12,21,.74)!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > *,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > *{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0 1px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh202-muted)!important;
  -webkit-text-fill-color:var(--mpmh202-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail > *:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail > *:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > *:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > *:focus{
  color:var(--mpmh202-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky)!important;
  background:rgba(143,198,255,.045)!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail > .is-active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail > [aria-expanded="true"],
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > .is-active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > [aria-expanded="true"]{
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
}

/* Make the active overlay panel a true contained vertical stage. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 35px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--mpmh202-panel)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-panels{
  display:block!important;
  position:relative!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel]{
  position:absolute!important;
  inset:0!important;
  display:none!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--mpmh202-panel)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel].is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:6px!important;
  padding:8px 13px 8px!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:20px!important;
  min-height:20px!important;
  margin:0!important;
  padding:0 30px 5px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh202-line)!important;
  background:transparent!important;
  color:var(--mpmh202-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  overflow:hidden!important;
}

/* Fresh form classes only: no old .mpmh-card-feedback-* visual owners. */
html body #publicShell #shellMain .mpmh-cause-feedback-clean,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean{
  display:grid!important;
  grid-template-rows:52px auto 18px minmax(0,auto) 18px auto 0!important;
  gap:5px!important;
  align-content:start!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:5px 10px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
  color:var(--mpmh202-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh202-muted-soft)!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message{
  display:block!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:10px 11px!important;
  resize:none!important;
  overflow:auto!important;
  border:1px solid rgba(143,198,255,.30)!important;
  border-radius:0!important;
  background:var(--mpmh202-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message::placeholder{
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  opacity:.9!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh202-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh202-muted-soft)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8px!important;
  line-height:1.16!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  white-space:normal!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d4e4ee!important;
  -webkit-text-fill-color:#d4e4ee!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.7px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 12px!important;
  display:block!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(191,218,236,.78)!important;
  border-radius:0!important;
  background:#03111d!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.52)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]:checked{
  background:var(--mpmh202-platform-green)!important;
  border-color:var(--mpmh202-platform-green)!important;
  box-shadow:0 0 8px rgba(11,249,158,.25)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  white-space:normal!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates span{white-space:nowrap!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-update-fields,
html body #publicShell #shellMain .mpmh-cause-feedback-clean:not(.is-receive-updates) .mpmhcf-update-fields{
  display:none!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean:not(.is-receive-updates) .mpmhcf-update-fields *{display:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates{
  grid-template-rows:52px auto 16px auto 18px auto 0!important;
  gap:4px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-update-fields{
  display:grid!important;
  grid-template-rows:22px 22px auto!important;
  gap:4px!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-name-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(143,198,255,.28)!important;
  border-radius:0!important;
  background:var(--mpmh202-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input::placeholder{color:var(--mpmh202-platform-green)!important;-webkit-text-fill-color:var(--mpmh202-platform-green)!important;opacity:.92!important;text-transform:none!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms{
  align-items:flex-start!important;
  gap:6px!important;
  font-size:7.8px!important;
  line-height:1.14!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:var(--mpmh202-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh202-muted-soft)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link{
  display:inline!important;
  color:var(--mpmh202-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky)!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link:hover,
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link:focus{text-decoration:none!important;color:#d6ebff!important;-webkit-text-fill-color:#d6ebff!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  width:auto!important;
  height:18px!important;
  min-height:18px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh202-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh202-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit:hover,
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit:focus{color:var(--mpmh202-tab-sky)!important;-webkit-text-fill-color:var(--mpmh202-tab-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-optout{
  display:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh202-muted)!important;
  -webkit-text-fill-color:var(--mpmh202-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.3px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-status{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh202-muted)!important;
  -webkit-text-fill-color:var(--mpmh202-muted)!important;
  font-size:7px!important;
  line-height:1!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-status:not(:empty){height:auto!important;min-height:9px!important;overflow:visible!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-company{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}

/* maximize control reset: one familiar square icon, no double-box treatment */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:4px!important;
  right:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  z-index:8!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::before,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::after{content:none!important;display:none!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid rgba(195,222,240,.70)!important;
  border-radius:0!important;
  background:rgba(5,31,52,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.40)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{border-color:var(--mpmh202-tab-sky)!important;background:rgba(143,198,255,.12)!important;box-shadow:0 0 7px rgba(143,198,255,.20), inset 0 0 0 1px rgba(0,0,0,.40)!important;}

/* footer selected color parity: final hard owner */
html body #publicShell .public-footer .footer-text-link:hover,
html body #publicShell .public-footer .footer-text-link:focus,
html body #publicShell footer .footer-text-link:hover,
html body #publicShell footer .footer-text-link:focus{color:var(--mpmh202-tab-sky)!important;-webkit-text-fill-color:var(--mpmh202-tab-sky)!important;text-decoration:none!important;}
html body #publicShell .public-footer .footer-text-link.active,
html body #publicShell .public-footer .footer-text-link.is-active,
html body #publicShell .public-footer .footer-text-link.mpmh-footer-active,
html body #publicShell .public-footer .footer-text-link[aria-current="page"],
html body #publicShell footer .footer-text-link.active,
html body #publicShell footer .footer-text-link.is-active,
html body #publicShell footer .footer-text-link.mpmh-footer-active,
html body #publicShell footer .footer-text-link[aria-current="page"]{color:var(--mpmh202-platform-green)!important;-webkit-text-fill-color:var(--mpmh202-platform-green)!important;text-decoration:none!important;}

/* ========================================================================
   MPMH203 · Cause Feedback Fit + Rail Stability Final Owner
   Purpose: tighten the now-working feedback surface upward, keep the notice
   as one readable statement, reserve the bottom rail consistently across
   cause-card states, and center/lower the app-style maximize control.
   ======================================================================== */
html body #publicShell #shellMain{
  --mpmh203-tab-sky:#8fc6ff;
  --mpmh203-platform-green:#0bf99e;
  --mpmh203-muted:#9dafbd;
  --mpmh203-muted-soft:#b8c7d2;
  --mpmh203-panel:#03111d;
  --mpmh203-input:#020a12;
  --mpmh203-line:rgba(143,198,255,.23);
}

/* persistent five-link rail: identical size and rhythm in default, stats, share, and feedback */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(143,198,255,.18)!important;
  background:rgba(2,12,21,.76)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > span{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh203-muted)!important;
  -webkit-text-fill-color:var(--mpmh203-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.7px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.018em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:focus{
  color:var(--mpmh203-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh203-tab-sky)!important;
  background:rgba(143,198,255,.045)!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .is-active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > [aria-expanded="true"]{
  color:var(--mpmh203-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh203-platform-green)!important;
}

/* Overlay stage reserves the same rail height and stops content before it. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 32px!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:var(--mpmh203-panel)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel].is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:3px!important;
  padding:5px 13px 4px!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-title{
  height:16px!important;
  min-height:16px!important;
  margin:0!important;
  padding:0 28px 3px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh203-line)!important;
  color:var(--mpmh203-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh203-tab-sky)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-align:center!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel="feedback"]{
  padding-top:4px!important;
}

/* Cause feedback form: one compact vertical stack with room for consent when expanded. */
html body #publicShell #shellMain .mpmh-cause-feedback-clean,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean{
  display:grid!important;
  grid-template-rows:50px auto 17px 0 18px 0 0!important;
  gap:4px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:3px 10px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean.is-receive-updates{
  grid-template-rows:50px auto 16px auto 17px 9px 0!important;
  gap:3px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message{
  display:block!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(143,198,255,.30)!important;
  border-radius:0!important;
  background:var(--mpmh203-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  resize:none!important;
  overflow:auto!important;
  color:var(--mpmh203-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh203-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1.18!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message::placeholder{
  color:var(--mpmh203-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh203-platform-green)!important;
  opacity:.92!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0 1px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh203-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh203-muted-soft)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8px!important;
  line-height:1.18!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice span{
  display:inline!important;
  width:auto!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh203-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh203-muted-soft)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 12px!important;
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  margin:0!important;
  border:1px solid rgba(191,218,236,.78)!important;
  background:#03111d!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.50)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]:checked{
  background:var(--mpmh203-platform-green)!important;
  border-color:var(--mpmh203-platform-green)!important;
  box-shadow:0 0 8px rgba(11,249,158,.24)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates{
  min-height:16px!important;
  height:16px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates span{
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-update-fields,
html body #publicShell #shellMain .mpmh-cause-feedback-clean:not(.is-receive-updates) .mpmhcf-update-fields{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-update-fields{
  display:grid!important;
  grid-template-rows:22px 22px auto!important;
  gap:4px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-name-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  width:100%!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid rgba(143,198,255,.30)!important;
  border-radius:0!important;
  background:var(--mpmh203-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh203-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh203-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.3px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms{
  align-items:flex-start!important;
  gap:6px!important;
  min-height:0!important;
  height:auto!important;
  color:var(--mpmh203-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh203-muted-soft)!important;
  font-size:7.2px!important;
  line-height:1.13!important;
  font-weight:600!important;
  letter-spacing:0!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms span,
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check span{
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  white-space:normal!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link{
  display:inline!important;
  color:var(--mpmh203-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh203-tab-sky)!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  width:auto!important;
  height:17px!important;
  min-height:17px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh203-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh203-platform-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-optout{
  display:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh203-muted)!important;
  -webkit-text-fill-color:var(--mpmh203-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-optout{
  display:block!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-status{
  display:block!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  font-size:7px!important;
  line-height:1!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-status:not(:empty){
  height:auto!important;
  min-height:9px!important;
  overflow:visible!important;
}

/* Maximize: move down into the blue titlebar and keep one clean square icon. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  position:absolute!important;
  top:6px!important;
  right:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
  z-index:9!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::before,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::after{content:none!important;display:none!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid rgba(195,222,240,.72)!important;
  border-radius:0!important;
  background:rgba(5,31,52,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.42)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span{
  border-color:var(--mpmh203-tab-sky)!important;
  background:rgba(143,198,255,.12)!important;
  box-shadow:0 0 7px rgba(143,198,255,.20), inset 0 0 0 1px rgba(0,0,0,.42)!important;
}

/* ========================================================================
   MPMH205 · Cause Feedback Width + Spacing Polish
   Purpose: keep the now-working clean feedback component, but use more of
   the card width, improve form rhythm/readability, slightly enlarge fields,
   and preserve the persistent five-link rail without behavior/tracking changes.
   ======================================================================== */
html body #publicShell #shellMain{
  --mpmh204-tab-sky:#8fc6ff;
  --mpmh204-platform-green:#0bf99e;
  --mpmh204-muted:#9dafbd;
  --mpmh204-muted-soft:#c0ced8;
  --mpmh204-panel:#03111d;
  --mpmh204-input:#020a12;
  --mpmh204-line:rgba(143,198,255,.24);
}

/* More usable width inside the cause-card overlay body. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 [data-card-overlay-panel].is-active:not([hidden]){
  padding:5px 7px 3px!important;
  gap:2px!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-title{
  height:14px!important;
  min-height:14px!important;
  padding:0 26px 2px!important;
  margin:0!important;
  border-bottom:1px solid var(--mpmh204-line)!important;
  color:var(--mpmh204-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh204-tab-sky)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  text-align:center!important;
}

/* Width and vertical rhythm: the form now uses the available card stage. */
html body #publicShell #shellMain .mpmh-cause-feedback-clean,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean{
  display:grid!important;
  grid-template-rows:62px auto 18px 0 20px 0 0!important;
  gap:5px!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 9px 0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean.is-receive-updates{
  grid-template-rows:62px auto 18px auto 20px 10px 0!important;
  gap:4px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message{
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  padding:10px 12px!important;
  border:1px solid rgba(143,198,255,.34)!important;
  background:var(--mpmh204-input)!important;
  color:var(--mpmh204-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh204-platform-green)!important;
  font-size:9.3px!important;
  line-height:1.22!important;
  font-weight:700!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message::placeholder{
  color:var(--mpmh204-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh204-platform-green)!important;
  opacity:.92!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh204-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh204-muted-soft)!important;
  font-size:8.4px!important;
  line-height:1.24!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
}

html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check{
  gap:8px!important;
  font-size:8.5px!important;
  line-height:1.16!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]{
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates{
  height:18px!important;
  min-height:18px!important;
  align-items:center!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates span{
  font-size:8.6px!important;
  letter-spacing:.015em!important;
}

html body #publicShell #shellMain .mpmh-cause-feedback-clean:not(.is-receive-updates) .mpmhcf-update-fields{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-update-fields{
  display:grid!important;
  grid-template-rows:27px 27px auto!important;
  gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input{
  height:27px!important;
  min-height:27px!important;
  padding:0 10px!important;
  border:1px solid rgba(143,198,255,.34)!important;
  background:var(--mpmh204-input)!important;
  color:var(--mpmh204-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh204-platform-green)!important;
  font-size:9.1px!important;
  line-height:1!important;
  font-weight:700!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms{
  align-items:flex-start!important;
  gap:7px!important;
  font-size:7.7px!important;
  line-height:1.18!important;
  font-weight:600!important;
  padding-top:1px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link{
  color:var(--mpmh204-tab-sky)!important;
  -webkit-text-fill-color:var(--mpmh204-tab-sky)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit{
  height:20px!important;
  min-height:20px!important;
  margin:0 auto!important;
  padding:0 10px!important;
  color:var(--mpmh204-platform-green)!important;
  -webkit-text-fill-color:var(--mpmh204-platform-green)!important;
  font-size:9.4px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-optout{
  font-size:7.2px!important;
  line-height:1.05!important;
  color:var(--mpmh204-muted)!important;
  -webkit-text-fill-color:var(--mpmh204-muted)!important;
  text-align:center!important;
  white-space:normal!important;
}

/* Keep the five-link rail slightly clearer while preserving one-row fit. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail{
  height:33px!important;
  min-height:33px!important;
  max-height:33px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2 .mpmh-card-overlay-command-rail > span{
  font-size:8px!important;
  letter-spacing:.008em!important;
  padding:0 1px!important;
}

/* ========================================================================
   MPMH205 Cause Card Persistent Rail + Feedback Fit Owner
   Scope: Cause/charity cards only. One stable five-link rail across default,
   Stats, Share, and Feedback states; feedback form width/checkbox polish;
   browser-style maximize control. Behavior/tracking hooks unchanged.
   ======================================================================== */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card{
  --mpmh205-sky:#8fc6ff;
  --mpmh205-green:#0bf99e;
  --mpmh205-muted:#b7c6d2;
  --mpmh205-muted-dim:#8fa2b2;
  --mpmh205-panel:#03111d;
  --mpmh205-input:#020a12;
  --mpmh205-line:rgba(143,198,255,.26);
  --mpmh205-rail-h:34px;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-topline,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-record-topline{
  position:relative!important;
  min-height:38px!important;
  height:38px!important;
  padding-right:35px!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(183,205,220,.72)!important;
  border-radius:0!important;
  background:rgba(3,18,31,.88)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::before,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn::after{content:none!important;display:none!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn span{
  display:block!important;
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  min-height:11px!important;
  margin:0!important;
  padding:0!important;
  border:2px solid rgba(183,205,220,.78)!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible{
  border-color:var(--mpmh205-sky)!important;
  background:rgba(5,31,52,.94)!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:hover span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-maximize-btn:focus-visible span{
  border-color:var(--mpmh205-sky)!important;
  box-shadow:0 0 7px rgba(143,198,255,.22)!important;
}

/* One fixed card body contract: content swaps above the same rail height. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-body-frame{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-layer{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-rows:178px minmax(0,1fr) var(--mpmh205-rail-h)!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-pick-stats-panel.mpmh-cause-card-stats-sheet.open,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet.open{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  z-index:20!important;
  background:var(--mpmh205-panel)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-overlay-v2,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-stack{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0 0 var(--mpmh205-rail-h)!important;
  background:var(--mpmh205-panel)!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panels{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:var(--mpmh205-rail-h)!important;
  display:block!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel.is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:4px!important;
  padding:7px 10px 0!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-title{
  height:18px!important;
  min-height:18px!important;
  margin:0 26px 2px!important;
  padding:0 0 5px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh205-line)!important;
  color:var(--mpmh205-sky)!important;
  -webkit-text-fill-color:var(--mpmh205-sky)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

/* Same rail geometry and link treatment in default and overlay states. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-front-command-rail,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  height:var(--mpmh205-rail-h)!important;
  min-height:var(--mpmh205-rail-h)!important;
  max-height:var(--mpmh205-rail-h)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid var(--mpmh205-line)!important;
  background:rgba(2,13,22,.96)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:6!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail > a,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail > button,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-command-rail > span{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh205-muted)!important;
  -webkit-text-fill-color:var(--mpmh205-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:focus,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:focus{
  color:var(--mpmh205-sky)!important;
  -webkit-text-fill-color:var(--mpmh205-sky)!important;
  background:rgba(143,198,255,.045)!important;
  outline:0!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .is-active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > [aria-expanded="true"]{
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
}

/* Feedback panel: wider single stack, normal checked boxes, one-line legal row. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"].is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:4px!important;
  padding:7px 8px 0!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean,
html body #publicShell #shellMain form.mpmh-cause-feedback-clean{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:calc(100% - 6px)!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:3px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message{
  flex:0 0 58px!important;
  display:block!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(143,198,255,.34)!important;
  border-radius:0!important;
  background:var(--mpmh205-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  resize:none!important;
  overflow:auto!important;
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1.18!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-message::placeholder{
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
  opacity:.92!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-notice{
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 1px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh205-muted)!important;
  -webkit-text-fill-color:var(--mpmh205-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.55px!important;
  line-height:1.14!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:100%!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh205-muted)!important;
  -webkit-text-fill-color:var(--mpmh205-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.65px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  flex:0 0 13px!important;
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  min-height:13px!important;
  margin:0!important;
  border:1px solid rgba(191,218,236,.82)!important;
  border-radius:0!important;
  background-color:#03111d!important;
  background-image:none!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.50)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check input[type="checkbox"]:checked{
  border-color:var(--mpmh205-green)!important;
  background-color:var(--mpmh205-green)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.1 6.1 4.8 8.8 10 3.2' fill='none' stroke='%23020a12' stroke-width='2.1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:10px 10px!important;
  box-shadow:0 0 8px rgba(11,249,158,.24)!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates{
  min-height:16px!important;
  height:16px!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-updates span{white-space:nowrap!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-update-fields,
html body #publicShell #shellMain .mpmh-cause-feedback-clean:not(.is-receive-updates) .mpmhcf-update-fields{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-update-fields{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-rows:25px 25px 17px!important;
  gap:4px!important;
  width:100%!important;
  margin:1px 0 0!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input{
  display:block!important;
  width:100%!important;
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(143,198,255,.36)!important;
  border-radius:0!important;
  background:var(--mpmh205-input)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.55)!important;
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:700!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-input::placeholder{color:var(--mpmh205-green)!important;-webkit-text-fill-color:var(--mpmh205-green)!important;opacity:.9!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms{
  min-height:16px!important;
  height:16px!important;
  align-items:center!important;
  gap:6px!important;
  font-size:7.15px!important;
  line-height:1!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-terms span,
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-check span{
  display:inline!important;
  min-width:0!important;
  white-space:inherit!important;
  text-transform:none!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-legal-link{
  display:inline!important;
  color:var(--mpmh205-sky)!important;
  -webkit-text-fill-color:var(--mpmh205-sky)!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit{
  flex:0 0 auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  height:16px!important;
  min-height:16px!important;
  margin:1px auto 0!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit:hover,
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-submit:focus{color:var(--mpmh205-sky)!important;-webkit-text-fill-color:var(--mpmh205-sky)!important;outline:0!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-optout{
  flex:0 0 auto!important;
  display:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--mpmh205-muted-dim)!important;
  -webkit-text-fill-color:var(--mpmh205-muted-dim)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-cause-feedback-clean.is-receive-updates .mpmhcf-optout{display:block!important;}
html body #publicShell #shellMain .mpmh-cause-feedback-clean .mpmhcf-status{display:none!important;}
html body #publicShell #shellMain .mpmh-card-feedback-thanks{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  min-height:0!important;
  color:var(--mpmh205-muted)!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-thanks strong{
  color:var(--mpmh205-green)!important;
  -webkit-text-fill-color:var(--mpmh205-green)!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-card-feedback-thanks span{margin-top:8px!important;font-size:9px!important;color:var(--mpmh205-muted)!important;-webkit-text-fill-color:var(--mpmh205-muted)!important;}



/* ========================================================================
   MPMH206 · Cause Overlay Header + Placeholder Tone Final Owner
   Scope: Cause/charity card overlays only. Keeps the MPMH205 rail/form
   structure stable while polishing overlay labels and inactive placeholder
   values. No tracking, routing, or form behavior changes.
   ======================================================================== */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card{
  --mpmh206-green:#0bf99e;
  --mpmh206-sky:#8fc6ff;
  --mpmh206-muted:#8fa2b2;
  --mpmh206-muted-soft:#a9bac7;
  --mpmh206-line:rgba(143,198,255,.24);
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="signal"] .mpmh-card-overlay-title,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="feedback"] .mpmh-card-overlay-title{
  display:block!important;
  width:100%!important;
  height:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  margin:0 0 5px!important;
  padding:0 0 5px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh206-line)!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--mpmh206-green)!important;
  -webkit-text-fill-color:var(--mpmh206-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-align:left!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.is-coming-soon b,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.is-coming-soon.primary b,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.is-coming-soon.signal b{
  color:var(--mpmh206-muted)!important;
  -webkit-text-fill-color:var(--mpmh206-muted)!important;
  font-size:8.6px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  opacity:.88!important;
  text-shadow:none!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-overlay-readouts .stats-metric.is-coming-soon em{
  color:var(--mpmh206-muted-soft)!important;
  -webkit-text-fill-color:var(--mpmh206-muted-soft)!important;
}


/* ========================================================================
   MPMH214 · Brand Card Overlay Port / Persistent Rail Owner
   Scope: Brand/campaign cards only. Ports the stable cause-card overlay model
   to Brands with VISIT / STATS / SHARE / FEEDBACK, app-style maximize,
   compact STATS/FEEDBACK labels, and muted Coming Soon placeholders.
   ======================================================================== */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card{
  --mpmh207-sky:#8fc6ff;
  --mpmh207-green:#0bf99e;
  --mpmh207-muted:#b7c6d2;
  --mpmh207-muted-dim:#8fa2b2;
  --mpmh207-line:rgba(143,198,255,.26);
  --mpmh207-rail-h:34px;
  position:relative!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-pick-topline.mpmh-record-topline{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 34px!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  appearance:none!important;
  border:1px solid rgba(188,205,220,.72)!important;
  background:rgba(4,17,28,.72)!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)!important;
  cursor:pointer!important;
  z-index:6!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn::before,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn::after{content:none!important;display:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn span{
  display:block!important;
  width:11px!important;
  height:11px!important;
  border:2px solid rgba(194,211,224,.88)!important;
  background:rgba(143,198,255,.05)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus-visible{
  border-color:var(--mpmh207-sky)!important;
  outline:0!important;
  box-shadow:0 0 9px rgba(143,198,255,.18), inset 0 0 0 1px rgba(0,0,0,.45)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:hover span,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus span,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus-visible span{
  border-color:var(--mpmh207-sky)!important;
  background:rgba(143,198,255,.12)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-pick-actions.mpmh-card-command-rail,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail{
  height:var(--mpmh207-rail-h)!important;
  min-height:var(--mpmh207-rail-h)!important;
  max-height:var(--mpmh207-rail-h)!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(143,198,255,.14)!important;
  background:rgba(3,15,26,.62)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-pick-actions.mpmh-card-command-rail{
  position:relative!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail .mpmh-card-command{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  appearance:none!important;
  border:0!important;
  border-left:1px solid rgba(143,198,255,.055)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0 2px!important;
  margin:0!important;
  color:var(--mpmh207-muted)!important;
  -webkit-text-fill-color:var(--mpmh207-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.2px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:first-child,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:first-child,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail .mpmh-card-command:first-child{border-left:0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:focus,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:focus{
  color:var(--mpmh207-sky)!important;
  -webkit-text-fill-color:var(--mpmh207-sky)!important;
  outline:0!important;
  background:rgba(143,198,255,.045)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .is-active,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > [aria-expanded="true"]{
  color:var(--mpmh207-green)!important;
  -webkit-text-fill-color:var(--mpmh207-green)!important;
  background:rgba(11,249,158,.045)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .inert{opacity:.42!important;pointer-events:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer{
  grid-template-rows:minmax(0,1fr) minmax(0,92px) var(--mpmh207-rail-h)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-stack{
  display:grid!important;
  grid-template-rows:minmax(0,1fr) var(--mpmh207-rail-h)!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panels{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding:15px 17px 9px!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panel{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-title{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.20)!important;
  background:transparent!important;
  color:var(--mpmh207-green)!important;
  -webkit-text-fill-color:var(--mpmh207-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-readouts{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:22px!important;
  padding:4px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.14)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout em{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  color:rgba(194,211,224,.84)!important;
  -webkit-text-fill-color:rgba(194,211,224,.84)!important;
  font-size:9px!important;
  line-height:1.1!important;
  letter-spacing:.08em!important;
  text-align:left!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout b{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  color:#f2fbff!important;
  -webkit-text-fill-color:#f2fbff!important;
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:.015em!important;
  text-align:right!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout.is-coming-soon b{
  color:rgba(151,170,187,.74)!important;
  -webkit-text-fill-color:rgba(151,170,187,.74)!important;
  font-size:10px!important;
  letter-spacing:.025em!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-feedback-form{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-feedback-form textarea{
  width:100%!important;
  height:82px!important;
  min-height:82px!important;
  resize:none!important;
  padding:10px 12px!important;
  border:1px solid rgba(143,198,255,.28)!important;
  background:#020a12!important;
  color:var(--mpmh207-green)!important;
  -webkit-text-fill-color:var(--mpmh207-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-feedback-form textarea::placeholder{color:var(--mpmh207-green)!important;-webkit-text-fill-color:var(--mpmh207-green)!important;opacity:.9!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-feedback-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:rgba(194,211,224,.84)!important;
  -webkit-text-fill-color:rgba(194,211,224,.84)!important;
  font-size:8.5px!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-feedback-submit,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-share-button{
  justify-self:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:110px!important;
  height:24px!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh207-green)!important;
  -webkit-text-fill-color:var(--mpmh207-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9.5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-share-copy{
  margin:0!important;
  color:var(--mpmh207-sky)!important;
  -webkit-text-fill-color:var(--mpmh207-sky)!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
  text-align:left!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-share-button{margin-top:134px!important;}


/* ========================================================================
   MPMH214 · Brand Overlay Hard Reset + Cause Four-Line Trim
   ------------------------------------------------------------------------
   Scope: Brands/campaign overlays and cause-card description only. Escapes
   old brand feedback/form/footer visual owners, keeps all data hooks and
   tracking attributes intact, and gives cause card descriptions enough room
   for four clean lines.
   ======================================================================== */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card{
  --mpmh208-sky:#8fc6ff;
  --mpmh208-green:#0bf99e;
  --mpmh208-muted:#b7c6d2;
  --mpmh208-muted-dim:#8fa2b2;
  --mpmh208-line:rgba(143,198,255,.24);
  --mpmh208-panel:#03111d;
  --mpmh208-input:#020a12;
  --mpmh208-rail-h:34px;
  position:relative!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn{
  position:absolute!important;
  right:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  appearance:none!important;
  border:1px solid rgba(183,205,220,.72)!important;
  background:rgba(3,18,31,.88)!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.45)!important;
  z-index:8!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:before,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:after{content:none!important;display:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn span{
  width:11px!important;height:11px!important;display:block!important;border:2px solid rgba(183,205,220,.78)!important;background:transparent!important;box-shadow:none!important;pointer-events:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus{border-color:var(--mpmh208-sky)!important;background:rgba(5,31,52,.94)!important;outline:0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:hover span,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-maximize-btn:focus span{border-color:var(--mpmh208-sky)!important;box-shadow:0 0 7px rgba(143,198,255,.22)!important;}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-pick-stats-panel.mpmh-brand-card-stats-sheet.open,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet.open{
  position:absolute!important;
  inset:0!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:100%!important;height:100%!important;
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--mpmh208-panel)!important;
  border:0!important;
  border-top:1px solid rgba(143,198,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 12px 28px rgba(0,0,0,.42)!important;
  z-index:20!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .brand-stats-close{
  top:7px!important;right:8px!important;z-index:30!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-stack{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  display:block!important;
  min-height:0!important;
  padding:0 0 var(--mpmh208-rail-h)!important;
  overflow:hidden!important;
  background:var(--mpmh208-panel)!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panels{
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;bottom:var(--mpmh208-rail-h)!important;
  width:100%!important;height:auto!important;
  min-height:0!important;
  margin:0!important;padding:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panel{
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-panel.is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:7px!important;
  padding:28px 16px 0!important;
  box-sizing:border-box!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-title{
  display:block!important;
  width:100%!important;
  height:18px!important;min-height:18px!important;
  margin:0!important;
  padding:0 0 5px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh208-line)!important;
  background:transparent!important;
  color:var(--mpmh208-green)!important;
  -webkit-text-fill-color:var(--mpmh208-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet [data-card-overlay-panel="share"] .mpmh-card-overlay-title{text-transform:uppercase!important;color:var(--mpmh208-green)!important;-webkit-text-fill-color:var(--mpmh208-green)!important;}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-command-rail,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-pick-actions.mpmh-card-command-rail{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  height:var(--mpmh208-rail-h)!important;min-height:var(--mpmh208-rail-h)!important;max-height:var(--mpmh208-rail-h)!important;
  margin:0!important;padding:0!important;gap:0!important;
  border:0!important;border-top:1px solid var(--mpmh208-line)!important;
  background:rgba(2,13,22,.96)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-overlay-command-rail{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:12!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > a,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > button,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-overlay-command-rail > span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0 1px!important;
  border:0!important;border-left:1px solid rgba(143,198,255,.055)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--mpmh208-muted)!important;-webkit-text-fill-color:var(--mpmh208-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.6px!important;line-height:1!important;font-weight:800!important;letter-spacing:0!important;
  text-transform:uppercase!important;text-decoration:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:first-child,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:first-child,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > span:first-child{border-left:0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > a:focus,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > button:focus{color:var(--mpmh208-sky)!important;-webkit-text-fill-color:var(--mpmh208-sky)!important;background:rgba(143,198,255,.045)!important;outline:0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > .is-active,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-command-rail > [aria-expanded="true"]{color:var(--mpmh208-green)!important;-webkit-text-fill-color:var(--mpmh208-green)!important;background:rgba(11,249,158,.045)!important;}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout{min-height:22px!important;padding:4px 0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout.is-coming-soon b{color:rgba(151,170,187,.72)!important;-webkit-text-fill-color:rgba(151,170,187,.72)!important;font-size:10px!important;}

html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-feedback-clean{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-message{
  width:100%!important;
  height:92px!important;
  min-height:92px!important;
  max-height:92px!important;
  resize:none!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(143,198,255,.30)!important;
  border-radius:0!important;
  background:var(--mpmh208-input)!important;
  color:var(--mpmh208-green)!important;
  -webkit-text-fill-color:var(--mpmh208-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:10px!important;
  line-height:1.32!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-message::placeholder{color:var(--mpmh208-green)!important;-webkit-text-fill-color:var(--mpmh208-green)!important;opacity:.9!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(194,211,224,.86)!important;
  -webkit-text-fill-color:rgba(194,211,224,.86)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.7px!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-checkbox{appearance:auto!important;-webkit-appearance:auto!important;width:13px!important;height:13px!important;min-width:13px!important;margin:0!important;accent-color:var(--mpmh208-green)!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-consent span{display:block!important;white-space:normal!important;text-transform:none!important;color:inherit!important;-webkit-text-fill-color:inherit!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-submit{
  align-self:center!important;
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:var(--mpmh208-green)!important;
  -webkit-text-fill-color:var(--mpmh208-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9.6px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  height:22px!important;
  min-height:22px!important;
  padding:0 12px!important;
  margin:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-submit:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-submit:focus{color:var(--mpmh208-sky)!important;-webkit-text-fill-color:var(--mpmh208-sky)!important;outline:0!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmhbf-status{display:block!important;min-height:11px!important;color:var(--mpmh208-muted-dim)!important;-webkit-text-fill-color:var(--mpmh208-muted-dim)!important;font-size:8px!important;text-align:center!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-share-copy{width:100%!important;margin:0!important;color:var(--mpmh208-sky)!important;-webkit-text-fill-color:var(--mpmh208-sky)!important;font-size:9.5px!important;line-height:1.35!important;text-align:left!important;text-transform:none!important;}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-share-button{margin:0!important;margin-top:128px!important;}

/* Cause card: give four description lines a clean line box without changing card size. */
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc .cause-card-desc-link{
  font-size:10.35px!important;
  line-height:1.27!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc{
  height:53px!important;
  min-height:53px!important;
  max-height:53px!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc .cause-card-desc-link{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
  max-height:53px!important;
}
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-card-context{
  margin-top:5px!important;
  padding-top:4px!important;
  min-height:18px!important;
  max-height:24px!important;
}


/* ========================================================================
   MPMH215 · STATS UNIVERSE DASHBOARD
   Production stats/readout surface. Scope is the STATS tab only.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-stats-universe-v215,
html body #publicShell #shellMain .mpmh-stats-universe-v215 *{box-sizing:border-box;}
html body #publicShell #shellMain .mpmh-stats-universe-v215{background:#000!important;color:#dcecff!important;}
html body #publicShell #shellMain .mpmh-stats-head-v215{background:#071d32!important;border-top:1px solid rgba(126,183,255,.28)!important;border-bottom:1px solid rgba(126,183,255,.34)!important;color:#f4fbff!important;}
html body #publicShell #shellMain .mpmh-stats-head-v215 span:first-child{color:#f5fbff!important;letter-spacing:.18em!important;}
html body #publicShell #shellMain .mpmh-stats-head-v215 span:last-child{color:#8fb4cc!important;}
html body #publicShell #shellMain .mpmh-stats-body-v215{padding:16px 18px 26px!important;background:linear-gradient(180deg,#02070d 0%,#000 32%,#000 100%)!important;}
html body #publicShell #shellMain .mpmh-stats-hero-v215{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:14px;align-items:stretch;border:1px solid rgba(126,183,255,.24);background:linear-gradient(135deg,rgba(6,28,49,.96),rgba(0,0,0,.96));padding:18px 20px;margin:0 0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.32);}
html body #publicShell #shellMain .mpmh-stats-kicker-v215{font-size:10px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:#0bf99e;font-weight:900;margin:0 0 7px;}
html body #publicShell #shellMain .mpmh-stats-hero-copy-v215 h2{margin:0 0 7px;color:#f6fbff;font-size:24px;line-height:1.04;font-weight:900;letter-spacing:.045em;text-transform:uppercase;}
html body #publicShell #shellMain .mpmh-stats-hero-copy-v215 p{max-width:940px;margin:0;color:#a9c2d5;font-size:12.5px;line-height:1.48;letter-spacing:.025em;}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:118px;background:#020b12;border:1px solid rgba(11,249,158,.28);padding:15px 16px;box-shadow:inset 0 0 0 1px rgba(11,249,158,.035);}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215 span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#89cbb4;font-weight:900;}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215 strong{display:block;margin:6px 0 4px;color:#f8fff9;font-size:30px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215 small{color:#8196a5;font-size:10px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;}
html body #publicShell #shellMain .mpmh-stats-topline-v215{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 14px;}
html body #publicShell #shellMain .mpmh-stats-tile-v215{min-height:94px;border:1px solid rgba(126,183,255,.18);background:linear-gradient(180deg,rgba(5,18,30,.96),rgba(0,0,0,.94));padding:10px 11px;display:flex;flex-direction:column;justify-content:space-between;}
html body #publicShell #shellMain .mpmh-stats-tile-v215.primary{border-color:rgba(11,249,158,.38);box-shadow:inset 0 0 0 1px rgba(11,249,158,.05);}
html body #publicShell #shellMain .mpmh-stats-tile-v215 span{color:#8fb4cc;font-size:8.5px;line-height:1.15;letter-spacing:.13em;text-transform:uppercase;font-weight:900;}
html body #publicShell #shellMain .mpmh-stats-tile-v215 strong{color:#f4fbff;font-size:22px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;}
html body #publicShell #shellMain .mpmh-stats-tile-v215 small{color:#667d8e;font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.055em;}
html body #publicShell #shellMain .mpmh-stats-section-v215{border:1px solid rgba(126,183,255,.18);background:rgba(0,0,0,.92);margin:0 0 14px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02);}
html body #publicShell #shellMain .mpmh-stats-section-head-v215{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:-2px 0 10px;padding:0 0 8px;border-bottom:1px solid rgba(126,183,255,.16);}
html body #publicShell #shellMain .mpmh-stats-section-head-v215 span{color:#0bf99e;font-size:12px;line-height:1.1;font-weight:950;letter-spacing:.16em;text-transform:uppercase;}
html body #publicShell #shellMain .mpmh-stats-section-head-v215 small{color:#7f97a8;font-size:9px;line-height:1.25;letter-spacing:.10em;text-transform:uppercase;text-align:right;}
html body #publicShell #shellMain .mpmh-stats-grid-v215{display:grid;gap:10px;}
html body #publicShell #shellMain .mpmh-stats-grid-v215.three{grid-template-columns:repeat(3,minmax(0,1fr));}
html body #publicShell #shellMain .mpmh-stats-grid-v215.four{grid-template-columns:repeat(4,minmax(0,1fr));}
html body #publicShell #shellMain .mpmh-stats-split-v215{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:10px;}
html body #publicShell #shellMain .mpmh-stats-readout-card-v215{border:1px solid rgba(126,183,255,.16);background:linear-gradient(180deg,rgba(4,14,22,.98),rgba(0,0,0,.96));padding:12px;min-height:132px;}
html body #publicShell #shellMain .mpmh-stats-readout-card-v215 h3{margin:0 0 9px;color:#e6f3ff;font-size:11px;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;font-weight:950;}
html body #publicShell #shellMain .mpmh-stats-readout-card-v215 p{margin:7px 0 10px;color:#93aebe;font-size:11.5px;line-height:1.42;letter-spacing:.025em;}
html body #publicShell #shellMain .mpmh-stats-big-number-v215{font-size:34px;line-height:1;color:#f8fff9;font-weight:950;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px;}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 div{border:1px solid rgba(11,249,158,.16);background:#010605;padding:8px;min-height:60px;}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 span{display:block;color:#85ae9f;font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:5px;}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 strong{display:block;color:#f4fff9;font-size:15px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums;}
html body #publicShell #shellMain .mpmh-stats-lined-v215{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:29px;border-top:1px solid rgba(126,183,255,.10);padding:6px 0;}
html body #publicShell #shellMain .mpmh-stats-lined-v215:first-of-type{border-top:0;}
html body #publicShell #shellMain .mpmh-stats-lined-v215 span{color:#91aaba;font-size:10px;line-height:1.25;letter-spacing:.065em;text-transform:uppercase;}
html body #publicShell #shellMain .mpmh-stats-lined-v215 strong{color:#f4fbff;font-size:14px;line-height:1.1;font-weight:950;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
html body #publicShell #shellMain .mpmh-stats-lined-v215 strong.muted,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 strong.muted{color:#647887!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.09em;}
html body #publicShell #shellMain .mpmh-stats-note-v215{margin-top:8px;color:#6e8494;font-size:10.2px;line-height:1.45;border-left:3px solid rgba(11,249,158,.28);padding-left:8px;}
html body #publicShell #shellMain .mpmh-stats-relationship-v215{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
html body #publicShell #shellMain .mpmh-stats-relationship-v215 div{border:1px solid rgba(126,183,255,.14);background:linear-gradient(180deg,rgba(5,16,25,.96),rgba(0,0,0,.94));padding:11px;min-height:126px;display:flex;flex-direction:column;gap:7px;}
html body #publicShell #shellMain .mpmh-stats-relationship-v215 b{color:#e6f3ff;font-size:10px;line-height:1.25;letter-spacing:.10em;text-transform:uppercase;}
html body #publicShell #shellMain .mpmh-stats-relationship-v215 span{color:#819aaa;font-size:10.5px;line-height:1.38;}
html body #publicShell #shellMain .mpmh-stats-relationship-v215 strong{margin-top:auto;color:#f4fbff;font-size:15px;font-weight:950;}
html body #publicShell #shellMain .mpmh-stats-rank-v215{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid rgba(126,183,255,.10);padding:6px 0;}
html body #publicShell #shellMain .mpmh-stats-rank-v215:first-of-type{border-top:0;}
html body #publicShell #shellMain .mpmh-stats-rank-v215 span{color:#c2d7e5;font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html body #publicShell #shellMain .mpmh-stats-rank-v215 strong{color:#f4fbff;font-size:13px;font-weight:950;font-variant-numeric:tabular-nums;}
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215 span{border:1px solid rgba(126,183,255,.16);background:#020b12;color:#a7c4d6;font-size:9px;line-height:1.15;font-weight:900;letter-spacing:.09em;text-transform:uppercase;padding:8px;text-align:center;min-height:34px;display:flex;align-items:center;justify-content:center;}
html body #publicShell #shellMain .mpmh-stats-guardrail-v215{margin-top:10px;border:1px solid rgba(11,249,158,.18);background:#010605;color:#8fab9d;font-size:10.5px;line-height:1.45;padding:9px 10px;}
html body #publicShell #shellMain .mpmh-stats-actions-v215{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:16px 0 2px;padding:10px 0;border-top:1px solid rgba(126,183,255,.11);}
html body #publicShell #shellMain .mpmh-stats-actions-v215 button{appearance:none;border:0;background:transparent;color:#8fb4cc;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:4px 2px;}
html body #publicShell #shellMain .mpmh-stats-actions-v215 button:hover,
html body #publicShell #shellMain .mpmh-stats-actions-v215 button:focus{color:#7eb7ff;outline:0;}
@media(max-width:1180px){
  html body #publicShell #shellMain .mpmh-stats-topline-v215{grid-template-columns:repeat(3,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-grid-v215.four{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-relationship-v215{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:820px){
  html body #publicShell #shellMain .mpmh-stats-hero-v215,
  html body #publicShell #shellMain .mpmh-stats-split-v215,
  html body #publicShell #shellMain .mpmh-stats-grid-v215.three,
  html body #publicShell #shellMain .mpmh-stats-grid-v215.four,
  html body #publicShell #shellMain .mpmh-stats-relationship-v215{grid-template-columns:1fr;}
  html body #publicShell #shellMain .mpmh-stats-topline-v215{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-mini-grid-v215{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain .mpmh-stats-section-head-v215{display:block;}
  html body #publicShell #shellMain .mpmh-stats-section-head-v215 small{display:block;text-align:left;margin-top:4px;}
}

/* ========================================================================
   MPMH216 STATS DASHBOARD WIRING EXPANSION
   Public wording/freshness/readout polish only. No tracking, routing, or
   backend behavior changes.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-stats-fresh-v216{
  display:inline-flex!important;
  align-items:center!important;
  margin-top:10px!important;
  padding:5px 8px!important;
  border:1px solid rgba(126,183,255,.16)!important;
  background:rgba(0,0,0,.42)!important;
  color:#7f97a8!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-topline-v215{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body #publicShell #shellMain .mpmh-stats-section-v216{
  border-color:rgba(126,183,255,.20)!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 div{
  min-height:118px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  background:linear-gradient(180deg,rgba(5,16,25,.96),rgba(0,0,0,.94))!important;
  padding:11px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 b{
  color:#e6f3ff!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 span{
  color:#819aaa!important;
  font-size:10.5px!important;
  line-height:1.38!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 strong{
  margin-top:auto!important;
  color:#647887!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-expanded-leaders-v216 .mpmh-stats-readout-card-v215{
  min-height:150px!important;
}
html body #publicShell #shellMain .mpmh-stats-lined-v215 strong.muted{
  white-space:normal!important;
}
@media(max-width:1100px){
  html body #publicShell #shellMain .mpmh-stats-topline-v215{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh-stats-status-grid-v216{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  html body #publicShell #shellMain .mpmh-stats-status-grid-v216{grid-template-columns:1fr!important;}
}

/* MPMH222 Rollup-backed STATS readout polish */
html body #publicShell #shellMain .mpmh-stats-rollup-proof-v222{
  border-color:rgba(11,249,158,.24)!important;
  background:linear-gradient(180deg,rgba(3,20,16,.70),rgba(0,0,0,.96))!important;
}
html body #publicShell #shellMain .mpmh-stats-rollup-proof-v222 .mpmh-stats-section-head-v215 span{
  color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin:3px 0 8px;
}
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 div{
  border:1px solid rgba(126,183,255,.18);
  background:rgba(0,0,0,.30);
  padding:7px 6px;
  text-align:center;
  min-width:0;
}
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 span{
  display:block;
  color:#8fb4ca;
  font-size:9px;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 strong{
  display:block;
  color:#0bf99e;
  font-size:15px;
  line-height:1.1;
  margin:3px 0 1px;
}
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 small{
  display:block;
  color:#6e8999;
  font-size:9px;
  text-transform:uppercase;
}
html body #publicShell #shellMain .mpmh-stats-rollup-ranks-v222{
  margin-top:10px;
}
html body #publicShell #shellMain .mpmh-stats-rollup-ranks-v222 .mpmh-stats-rank-v215 span{
  max-width:68%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-stats-daily-trend-v222{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* MPMH224 Campaign Signal Universe Lens + Continuous Stats Surface
   Read-only public STATS presentation only. No tracking, routing, data, Signal, or backend changes. */
html body #publicShell #shellMain .mpmh-stats-universe-v215,
html body #publicShell #shellMain .mpmh-stats-universe-v215 *{box-sizing:border-box!important;}
html body #publicShell #shellMain .mpmh-stats-universe-v215{
  background:#06182a!important;
  color:#dcecff!important;
}
html body #publicShell #shellMain .mpmh-stats-head-v215{
  background:linear-gradient(90deg,#092846 0%,#08223c 52%,#061a2d 100%)!important;
  border-top:1px solid rgba(126,183,255,.26)!important;
  border-bottom:1px solid rgba(126,183,255,.30)!important;
  color:#f4fbff!important;
}
html body #publicShell #shellMain .mpmh-stats-head-v215 span:first-child{color:#f6fbff!important;}
html body #publicShell #shellMain .mpmh-stats-head-v215 span:last-child{color:#96bdd7!important;}
html body #publicShell #shellMain .mpmh-stats-body-v215{
  padding:18px 20px 28px!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(18,73,118,.34),rgba(18,73,118,0) 30%),
    radial-gradient(circle at 88% 12%,rgba(11,249,158,.10),rgba(11,249,158,0) 28%),
    linear-gradient(180deg,#071d32 0%,#06182a 38%,#051524 100%)!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-v215,
html body #publicShell #shellMain .mpmh-stats-section-v215,
html body #publicShell #shellMain .mpmh-stats-readout-card-v215,
html body #publicShell #shellMain .mpmh-stats-tile-v215,
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215,
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 div,
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 div,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 div,
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215 span,
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 div,
html body #publicShell #shellMain .mpmh-stats-guardrail-v215{
  border-radius:18px!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-v215{
  border:1px solid rgba(126,183,255,.22)!important;
  background:linear-gradient(135deg,rgba(11,45,78,.88),rgba(7,29,50,.84))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 16px 34px rgba(1,10,18,.22)!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215{
  background:linear-gradient(180deg,rgba(9,42,70,.92),rgba(7,31,53,.92))!important;
  border:1px solid rgba(11,249,158,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(11,249,158,.035)!important;
}
html body #publicShell #shellMain .mpmh-stats-topline-v215{gap:10px!important;}
html body #publicShell #shellMain .mpmh-stats-tile-v215{
  border:1px solid rgba(126,183,255,.15)!important;
  background:linear-gradient(180deg,rgba(9,38,66,.82),rgba(7,29,50,.74))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body #publicShell #shellMain .mpmh-stats-tile-v215.primary{
  border-color:rgba(11,249,158,.25)!important;
  background:linear-gradient(180deg,rgba(8,51,70,.88),rgba(7,33,53,.80))!important;
}
html body #publicShell #shellMain .mpmh-stats-section-v215{
  border:1px solid rgba(126,183,255,.15)!important;
  background:linear-gradient(180deg,rgba(8,33,57,.62),rgba(6,25,43,.50))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028)!important;
}
html body #publicShell #shellMain .mpmh-stats-readout-card-v215{
  border:1px solid rgba(126,183,255,.14)!important;
  background:linear-gradient(180deg,rgba(9,39,67,.72),rgba(7,30,51,.60))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 div,
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 div,
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 div,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 div,
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215 span{
  border:1px solid rgba(126,183,255,.12)!important;
  background:rgba(10,42,71,.48)!important;
}
html body #publicShell #shellMain .mpmh-stats-lined-v215,
html body #publicShell #shellMain .mpmh-stats-rank-v215{
  border-top-color:rgba(126,183,255,.12)!important;
}
html body #publicShell #shellMain .mpmh-stats-guardrail-v215,
html body #publicShell #shellMain .mpmh-stats-note-v215{
  background:rgba(8,38,58,.54)!important;
  border-color:rgba(11,249,158,.16)!important;
  color:#9ebdaf!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-grid-v223{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-card-v223{
  min-height:196px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:14px!important;
  border:1px solid rgba(126,183,255,.14)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(10,43,73,.76),rgba(7,31,53,.62))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-card-v223.primary{
  border-color:rgba(11,249,158,.26)!important;
  background:linear-gradient(180deg,rgba(9,54,76,.82),rgba(7,34,55,.66))!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-card-v223 > span{
  display:block!important;
  color:#0bf99e!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-card-v223 > strong{
  display:block!important;
  color:#f6fbff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-card-v223 > small{
  display:block!important;
  min-height:30px!important;
  color:#96b4c8!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-lines-v223{
  margin-top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  border-top:1px solid rgba(126,183,255,.13)!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-lines-v223 div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:28px!important;
  border-top:1px solid rgba(126,183,255,.10)!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-lines-v223 div:first-child{border-top:0!important;}
html body #publicShell #shellMain .mpmh-stats-lens-lines-v223 b{
  color:#9bb8ca!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-lines-v223 em{
  color:#f5fbff!important;
  font-style:normal!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-note-v223{
  margin-top:10px!important;
  padding:10px 12px!important;
  border:1px solid rgba(11,249,158,.15)!important;
  border-radius:16px!important;
  background:rgba(8,38,58,.46)!important;
  color:#9fb6c6!important;
  font-size:10.7px!important;
  line-height:1.45!important;
  letter-spacing:.025em!important;
}
@media(max-width:1100px){
  html body #publicShell #shellMain .mpmh-stats-lens-grid-v223{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body #publicShell #shellMain .mpmh-stats-lens-grid-v223{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-stats-lens-card-v223 > strong{font-size:26px!important;}
}


/* MPMH224 Campaign Signal Universe + cleaner continuous dark-blue STATS surface
   Presentation-only. Removes the heavy boxed feel from STATS and introduces line-based readout bands. */
html body #publicShell #shellMain .mpmh-stats-universe-v215{
  background:#061c31!important;
}
html body #publicShell #shellMain .mpmh-stats-body-v215{
  padding:18px 22px 30px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(18,73,118,.24),rgba(18,73,118,0) 34%),
    radial-gradient(circle at 86% 8%,rgba(11,249,158,.07),rgba(11,249,158,0) 30%),
    linear-gradient(180deg,#08233b 0%,#061c31 44%,#051827 100%)!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-v215,
html body #publicShell #shellMain .mpmh-stats-section-v215,
html body #publicShell #shellMain .mpmh-stats-readout-card-v215,
html body #publicShell #shellMain .mpmh-stats-tile-v215,
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215,
html body #publicShell #shellMain .mpmh-stats-lens-card-v223,
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 div,
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 div,
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 div,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 div,
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215 span,
html body #publicShell #shellMain .mpmh-stats-guardrail-v215{
  border-radius:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-v215{
  border:0!important;
  border-top:1px solid rgba(126,183,255,.24)!important;
  border-bottom:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(90deg,rgba(10,45,76,.48),rgba(7,30,51,.26))!important;
}
html body #publicShell #shellMain .mpmh-stats-hero-readout-v215{
  border:0!important;
  border-left:1px solid rgba(11,249,158,.28)!important;
  background:rgba(8,39,64,.34)!important;
}
html body #publicShell #shellMain .mpmh-stats-topline-v215{
  gap:0!important;
  border-top:1px solid rgba(126,183,255,.14)!important;
  border-bottom:1px solid rgba(126,183,255,.12)!important;
  background:rgba(7,31,52,.18)!important;
}
html body #publicShell #shellMain .mpmh-stats-tile-v215,
html body #publicShell #shellMain .mpmh-stats-tile-v215.primary{
  border:0!important;
  border-right:1px solid rgba(126,183,255,.10)!important;
  border-bottom:1px solid rgba(126,183,255,.08)!important;
  background:transparent!important;
  min-height:92px!important;
}
html body #publicShell #shellMain .mpmh-stats-section-v215{
  border:0!important;
  border-top:1px solid rgba(126,183,255,.16)!important;
  background:transparent!important;
  padding:15px 0 12px!important;
  margin-top:18px!important;
}
html body #publicShell #shellMain .mpmh-stats-section-head-v215{
  border-bottom:1px solid rgba(126,183,255,.11)!important;
  padding:0 0 8px!important;
  margin:0 0 12px!important;
}
html body #publicShell #shellMain .mpmh-stats-readout-card-v215{
  border:0!important;
  border-top:1px solid rgba(126,183,255,.13)!important;
  background:rgba(8,34,57,.20)!important;
  padding:13px 0 0!important;
}
html body #publicShell #shellMain .mpmh-stats-grid-v215.three,
html body #publicShell #shellMain .mpmh-stats-grid-v215.four,
html body #publicShell #shellMain .mpmh-stats-split-v215{
  gap:18px!important;
}
html body #publicShell #shellMain .mpmh-stats-mini-grid-v215 div,
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 div,
html body #publicShell #shellMain .mpmh-stats-daily-trend-v222 div,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 div,
html body #publicShell #shellMain .mpmh-stats-dimension-grid-v215 span{
  border:0!important;
  border-top:1px solid rgba(126,183,255,.12)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-stats-guardrail-v215,
html body #publicShell #shellMain .mpmh-stats-note-v215,
html body #publicShell #shellMain .mpmh-stats-lens-note-v224{
  border:0!important;
  border-left:2px solid rgba(11,249,158,.32)!important;
  background:rgba(8,36,57,.24)!important;
  color:#a9c4d3!important;
}
html body #publicShell #shellMain .mpmh-stats-signal-lens-v224{
  padding-top:17px!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-ledger-v224{
  display:grid!important;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  border-top:1px solid rgba(11,249,158,.17)!important;
  border-bottom:1px solid rgba(126,183,255,.13)!important;
  padding:14px 0!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-primary-v224{
  border-right:1px solid rgba(11,249,158,.18)!important;
  padding:3px 18px 3px 0!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-primary-v224 span,
html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224 span,
html body #publicShell #shellMain .mpmh-stats-lens-table-v224 span{
  display:block!important;
  color:#0bf99e!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-primary-v224 strong{
  display:block!important;
  color:#f7fcff!important;
  font-size:44px!important;
  line-height:.95!important;
  margin-top:9px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-primary-v224 small,
html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224 small,
html body #publicShell #shellMain .mpmh-stats-lens-table-v224 small{
  display:block!important;
  color:#9db8ca!important;
  font-size:10px!important;
  line-height:1.42!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  margin-top:7px!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224 div{
  padding:2px 14px 2px 0!important;
  border-right:1px solid rgba(126,183,255,.11)!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224 strong{
  display:block!important;
  color:#f7fcff!important;
  font-size:25px!important;
  line-height:1!important;
  margin-top:8px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-table-v224{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:13px!important;
  border-top:1px solid rgba(126,183,255,.13)!important;
  border-bottom:1px solid rgba(126,183,255,.10)!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-table-v224 div{
  min-height:112px!important;
  padding:12px 13px 12px 0!important;
  border-right:1px solid rgba(126,183,255,.10)!important;
  border-bottom:1px solid rgba(126,183,255,.08)!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-table-v224 strong{
  display:block!important;
  color:#f7fcff!important;
  font-size:24px!important;
  line-height:1!important;
  margin-top:8px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-split-v224{
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:22px!important;
  margin-top:14px!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-split-v224 > div{
  border-top:1px solid rgba(126,183,255,.13)!important;
  padding-top:10px!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-split-v224 h3{
  margin:0 0 7px!important;
  color:#9bd0ff!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-stats-lens-note-v224{
  margin-top:12px!important;
  padding:10px 12px!important;
  font-size:10.8px!important;
  line-height:1.48!important;
}
@media(max-width:1180px){
  html body #publicShell #shellMain .mpmh-stats-universe-ledger-v224{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-stats-universe-primary-v224{border-right:0!important;border-bottom:1px solid rgba(11,249,158,.16)!important;padding:0 0 14px!important;}
  html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224,
  html body #publicShell #shellMain .mpmh-stats-lens-table-v224{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh-stats-lens-split-v224{grid-template-columns:1fr!important;}
}
@media(max-width:680px){
  html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224,
  html body #publicShell #shellMain .mpmh-stats-lens-table-v224{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-stats-universe-primary-v224 strong{font-size:34px!important;}
  html body #publicShell #shellMain .mpmh-stats-universe-metrics-v224 strong,
  html body #publicShell #shellMain .mpmh-stats-lens-table-v224 strong{font-size:21px!important;}
}

/* MPMH225 Campaign scoped Signal Activity polish: keep the public STATS page as a continuous platform-blue readout surface while the campaign universe adapter fills larger mapped relationship totals. */
html body #publicShell #shellMain .mpmh-stats-signal-lens-v224 .mpmh-stats-section-head-v215 span{
  color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-stats-status-grid-v216 strong,
html body #publicShell #shellMain .mpmh-stats-relationship-v215 strong:not(.muted){
  color:#f7fcff!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh-stats-universe-primary-v224 small{
  max-width:760px!important;
}

/* MPMH231 · Stats Signal Definition Audit */
.mpmh-stats-definition-audit-v230{
  background:transparent!important;
  border-top:1px solid rgba(82,169,255,.22)!important;
  border-bottom:1px solid rgba(82,169,255,.16)!important;
}
.mpmh-stats-definition-ledger-v230{
  display:grid!important;
  grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.mpmh-stats-definition-policy-v230,
.mpmh-stats-definition-table-v230{
  background:rgba(4,28,58,.34)!important;
  border:1px solid rgba(82,169,255,.16)!important;
  border-radius:18px!important;
  padding:16px!important;
  box-shadow:none!important;
}
.mpmh-stats-definition-policy-v230 h3{
  margin:0 0 8px!important;
  color:#0bf99e!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mpmh-stats-definition-policy-v230 p{
  margin:0 0 14px!important;
  color:rgba(235,247,255,.82)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.mpmh-stats-definition-table-v230{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.mpmh-stats-definition-row-v230{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:4px 14px!important;
  align-items:center!important;
  padding:9px 0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.mpmh-stats-definition-row-v230:last-child{border-bottom:0!important;}
.mpmh-stats-definition-row-v230 span{
  color:rgba(246,251,255,.92)!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}
.mpmh-stats-definition-row-v230 span em{
  display:block!important;
  margin-top:2px!important;
  color:rgba(157,191,219,.72)!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:650!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.mpmh-stats-definition-row-v230 strong{
  color:#0bf99e!important;
  font-size:14px!important;
  white-space:nowrap!important;
}
.mpmh-stats-definition-row-v230 small{
  grid-column:1 / -1!important;
  color:rgba(209,230,245,.68)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.mpmh-stats-definition-row-v230.is-guarded strong{color:rgba(157,191,219,.86)!important;}
@media(max-width:900px){.mpmh-stats-definition-ledger-v230{grid-template-columns:1fr!important;}}


/* ========================================================================
   MPMH232 · CARD STATS CONTEXT + FRESHNESS FINAL OWNER
   Presentation only. Card dimensions, overlay positioning, command rails,
   routing hooks, tracking hooks, and Signal behavior remain unchanged.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="signal"] .mpmh-card-overlay-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  padding-right:22px!important;
}
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-overlay-panel[data-card-overlay-panel="signal"] .mpmh-card-overlay-title > span{
  flex:0 0 auto!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-stats-context{
  display:block!important;
  min-width:0!important;
  max-width:72%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:rgba(143,198,255,.78)!important;
  -webkit-text-fill-color:rgba(143,198,255,.78)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.4px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-stats-footer{
  display:block!important;
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:11px!important;
  margin:3px 0 0!important;
  padding:3px 0 0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(143,198,255,.10)!important;
  color:rgba(143,198,255,.62)!important;
  -webkit-text-fill-color:rgba(143,198,255,.62)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
/* Keep all eight approved rows plus the compact freshness line inside the
   existing overlay height; this does not alter the card or sheet geometry. */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-brand-card-stats-sheet .mpmh-card-readout,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-cause-card-stats-sheet .mpmh-card-readout{
  min-height:20px!important;
  padding:3px 0!important;
}
html body #publicShell #shellMain .mpmh-card-stats-sheet .mpmh-card-readout b{
  font-variant-numeric:tabular-nums!important;
}


/* ========================================================================
   MPMH236 · ISOLATED CARD COMPONENT OWNER
   One visual owner for the card pane, readouts, header, close control, and
   persistent default Brand-style rail. Historical overlay class names are
   intentionally absent from the generated component markup.
   ======================================================================== */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card{
  --mpmh236-rail-h:34px;
  --mpmh236-panel:#03111b;
  --mpmh236-panel-deep:#020d16;
  --mpmh236-line:rgba(143,198,255,.20);
  --mpmh236-line-soft:rgba(126,183,255,.14);
  --mpmh236-green:#0bf99e;
  --mpmh236-sky:#8fc6ff;
  --mpmh236-text:#dceeff;
  --mpmh236-muted:rgba(190,200,210,.76);
  --mpmh236-rail-text:#b7c6d2;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-body-frame,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-body-frame{
  position:relative!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-body-frame > .mpmh-card-default-layer,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-body-frame > .mpmh-card-default-layer{
  top:0!important;
  right:0!important;
  bottom:var(--mpmh236-rail-h)!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
}

/* Persistent rail: one Brand-style treatment, four or five columns only. */
html body #publicShell #shellMain .mpmh236-card-rail{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:60!important;
  display:grid!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:0!important;
  width:100%!important;
  height:var(--mpmh236-rail-h)!important;
  min-height:var(--mpmh236-rail-h)!important;
  max-height:var(--mpmh236-rail-h)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-top:1px solid rgba(143,198,255,.18)!important;
  background:rgba(2,13,22,.96)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh236-card-rail[data-mpmh236-card-rail="campaign"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html body #publicShell #shellMain .mpmh236-card-rail[data-mpmh236-card-rail="cause"]{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  border-left:1px solid rgba(143,198,255,.075)!important;
  background:transparent!important;
  color:var(--mpmh236-rail-text)!important;
  -webkit-text-fill-color:var(--mpmh236-rail-text)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.2px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command:first-child{border-left:0!important;}
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command:hover,
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command:focus{
  color:var(--mpmh236-sky)!important;
  -webkit-text-fill-color:var(--mpmh236-sky)!important;
  background:rgba(143,198,255,.045)!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command[aria-expanded="true"]{
  color:var(--mpmh236-green)!important;
  -webkit-text-fill-color:var(--mpmh236-green)!important;
  background:rgba(11,249,158,.045)!important;
}
html body #publicShell #shellMain .mpmh236-card-rail > .mpmh236-card-command.is-inert{
  cursor:default!important;
  opacity:.56!important;
}

/* Isolated replaceable content pane. */
html body #publicShell #shellMain .mpmh236-card-pane-surface{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:var(--mpmh236-rail-h)!important;
  left:0!important;
  z-index:40!important;
  display:none!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:var(--mpmh236-panel)!important;
  box-shadow:none!important;
  isolation:isolate!important;
  contain:layout paint!important;
}
html body #publicShell #shellMain .mpmh236-card-pane-surface.open{display:block!important;}
html body #publicShell #shellMain .mpmh236-card-pane-shell,
html body #publicShell #shellMain .mpmh236-card-pane-panels{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:var(--mpmh236-panel)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh236-pane-panel{
  position:absolute!important;
  inset:0!important;
  display:none!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:var(--mpmh236-panel)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh236-pane-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh236-pane-panel.is-active:not([hidden]){
  display:grid!important;
  grid-template-rows:28px minmax(0,1fr)!important;
  gap:6px!important;
  box-sizing:border-box!important;
  padding:7px 10px 8px!important;
}

/* Shared header: identical markup and geometry for Brand and Cause panes. */
html body #publicShell #shellMain .mpmh236-pane-header{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
}
html body #publicShell #shellMain .mpmh236-pane-heading{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  padding:0 5px!important;
  overflow:hidden!important;
  border:1px solid rgba(143,198,255,.22)!important;
  background:var(--mpmh236-panel-deep)!important;
  color:var(--mpmh236-green)!important;
  -webkit-text-fill-color:var(--mpmh236-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh236-pane-close{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  border:1px solid rgba(143,198,255,.42)!important;
  background:#061827!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh236-pane-close:hover,
html body #publicShell #shellMain .mpmh236-pane-close:focus{
  border-color:var(--mpmh236-sky)!important;
  color:var(--mpmh236-sky)!important;
  -webkit-text-fill-color:var(--mpmh236-sky)!important;
  outline:0!important;
}

html body #publicShell #shellMain .mpmh236-pane-body{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh236-pane-readouts{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:2px 0 0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh236-readout-row{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  width:100%!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0 1px!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--mpmh236-line-soft)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh236-readout-label{
  all:unset!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:var(--mpmh236-muted)!important;
  -webkit-text-fill-color:var(--mpmh236-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.55px!important;
  line-height:1.05!important;
  font-style:normal!important;
  font-weight:760!important;
  letter-spacing:.07em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}
html body #publicShell #shellMain .mpmh236-readout-row.is-long-label .mpmh236-readout-label{
  font-size:7.75px!important;
  letter-spacing:.035em!important;
}
html body #publicShell #shellMain .mpmh236-readout-value{
  all:unset!important;
  display:block!important;
  min-width:0!important;
  color:var(--mpmh236-text)!important;
  -webkit-text-fill-color:var(--mpmh236-text)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh236-readout-row.is-primary .mpmh236-readout-value{
  color:var(--mpmh236-green)!important;
  -webkit-text-fill-color:var(--mpmh236-green)!important;
}
html body #publicShell #shellMain .mpmh236-readout-row.is-signal .mpmh236-readout-value{
  color:var(--mpmh236-sky)!important;
  -webkit-text-fill-color:var(--mpmh236-sky)!important;
}
html body #publicShell #shellMain .mpmh236-readout-row.is-coming-soon .mpmh236-readout-value{
  color:rgba(151,170,187,.76)!important;
  -webkit-text-fill-color:rgba(151,170,187,.76)!important;
  font-size:9px!important;
  letter-spacing:.015em!important;
}
html body #publicShell #shellMain .mpmh236-pane-footer{
  all:unset!important;
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-height:13px!important;
  margin:4px 0 0!important;
  padding:4px 0 0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(143,198,255,.10)!important;
  color:rgba(143,198,255,.64)!important;
  -webkit-text-fill-color:rgba(143,198,255,.64)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:7.9px!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Feedback and Share retain their proven form/control classes, but the pane
   itself owns their available space and keeps them clear of the shared header. */
html body #publicShell #shellMain .mpmh236-pane-body-feedback,
html body #publicShell #shellMain .mpmh236-pane-body-share{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}


/* ========================================================================
   MPMH237 · SHARE COPY CONFIRMATION + BRAND BODY CLEARANCE
   - SHARE rail command copies immediately and the pane only confirms success.
   - Brand default layer no longer reserves the retired internal action row.
   - Brand explanation/context start lower beneath the white logo stage.
   ======================================================================== */
html body #publicShell #shellMain .mpmh236-pane-body-share{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  height:100%!important;
  padding:30px 14px 12px!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh237-share-confirmation{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:310px!important;
  min-height:128px!important;
  margin:0 auto!important;
  padding:18px 16px!important;
  border-top:1px solid rgba(11,249,158,.30)!important;
  border-bottom:1px solid rgba(143,198,255,.16)!important;
  background:rgba(2,13,22,.48)!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh237-share-title{
  all:unset!important;
  display:block!important;
  width:100%!important;
  color:var(--mpmh236-green)!important;
  -webkit-text-fill-color:var(--mpmh236-green)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh237-share-message{
  all:unset!important;
  display:block!important;
  width:100%!important;
  margin-top:14px!important;
  color:#dceeff!important;
  -webkit-text-fill-color:#dceeff!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:11.5px!important;
  line-height:1.55!important;
  font-weight:650!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh236-pane-panel[data-card-overlay-panel="share"][data-copy-state="failed"] .mpmh237-share-title{
  color:#f2cf75!important;
  -webkit-text-fill-color:#f2cf75!important;
}


/* ========================================================================
   MPMH238 · DEFAULT CARD BODY GEOMETRY CORRECTION
   One isolated two-row front-card owner for Brand and Cause cards.
   The persistent MPMH236 rail remains outside this surface; no retired
   internal action-row space is reserved. Descriptions and metadata occupy
   separate grid rows and cannot overlap.
   ======================================================================== */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-body-frame > .mpmh238-card-front-geometry,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-body-frame > .mpmh238-card-front-geometry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:var(--mpmh190-logo-h,178px) minmax(0,1fr)!important;
  min-height:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh238-card-front-geometry > .mpmh238-card-info{
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  row-gap:4px!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  margin:0!important;
  padding:9px 14px 7px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh238-card-front-geometry .mpmh238-card-description{
  grid-row:1!important;
  align-self:start!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .brand-pick-card .mpmh238-card-description,
html body #publicShell #shellMain .brand-pick-card .mpmh238-card-description .brand-card-desc-link{
  font-size:10.4px!important;
  line-height:1.34!important;
}
html body #publicShell #shellMain .brand-pick-card .mpmh238-card-description .brand-card-desc-link{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  max-height:4.02em!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .cause-pick-card .mpmh238-card-description,
html body #publicShell #shellMain .cause-pick-card .mpmh238-card-description .cause-card-desc-link{
  font-size:10.35px!important;
  line-height:1.27!important;
}
html body #publicShell #shellMain .cause-pick-card .mpmh238-card-description .cause-card-desc-link{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  max-height:5.08em!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh238-card-front-geometry .mpmh238-card-context{
  grid-row:2!important;
  align-self:end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:4px 0 0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-top:1px solid rgba(126,183,255,.16)!important;
}
html body #publicShell #shellMain .brand-pick-card .mpmh238-card-context{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
}
html body #publicShell #shellMain .cause-pick-card .mpmh238-card-context{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
}
html body #publicShell #shellMain .mpmh238-card-front-geometry .mpmh238-card-context .brand-card-category-country{
  margin-top:3px!important;
}


/* ========================================================================
   MPMH239 · SHARED INTERACTION LANGUAGE + LEFT VIEW SELECTOR
   One isolated owner for card paragraph/domain interaction states, top-tab
   color behavior, and the stacked CARD VIEW / TABLE VIEW selector.
   Geometry, routes, Signal capture, table/card rendering, and card bodies are
   unchanged.
   ======================================================================== */
:root{
  --mpmh239-muted:rgba(190,200,210,.72);
  --mpmh239-sky:#8fc6ff;
  --mpmh239-green:#0bf99e;
}

/* Card paragraph and destination links: neutral/default, sky hover/focus,
   green only while actively pressed. Visited links never turn purple. */
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .brand-pick-desc a.mpmh239-card-text-link,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .brand-pick-desc a.mpmh239-card-text-link:visited,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc a.mpmh239-card-text-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc a.mpmh239-card-text-link:visited{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:transparent!important;
  border-color:transparent!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .12s ease!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .brand-pick-desc a.mpmh239-card-text-link:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .brand-pick-desc a.mpmh239-card-text-link:focus-visible,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc a.mpmh239-card-text-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc a.mpmh239-card-text-link:focus-visible{
  color:var(--mpmh239-sky)!important;
  -webkit-text-fill-color:var(--mpmh239-sky)!important;
  background:transparent!important;
  border-color:transparent!important;
  text-decoration:none!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .brand-pick-desc a.mpmh239-card-text-link:active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .mpmh-card-default-layer .cause-pick-desc a.mpmh239-card-text-link:active{
  color:var(--mpmh239-green)!important;
  -webkit-text-fill-color:var(--mpmh239-green)!important;
  background:transparent!important;
  text-decoration:none!important;
  transform:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-context a.mpmh239-card-domain-link,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-context a.mpmh239-card-domain-link:visited,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context a.mpmh239-card-domain-link,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context a.mpmh239-card-domain-link:visited{
  color:#8fa7b6!important;
  -webkit-text-fill-color:#8fa7b6!important;
  background:transparent!important;
  border-color:transparent!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .12s ease!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-context a.mpmh239-card-domain-link:hover,
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-context a.mpmh239-card-domain-link:focus-visible,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context a.mpmh239-card-domain-link:hover,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context a.mpmh239-card-domain-link:focus-visible{
  color:var(--mpmh239-sky)!important;
  -webkit-text-fill-color:var(--mpmh239-sky)!important;
  background:transparent!important;
  border-color:transparent!important;
  text-decoration:none!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #publicShell #shellMain .brand-pick-card.mpmh-record-pick-card .brand-card-context a.mpmh239-card-domain-link:active,
html body #publicShell #shellMain .cause-pick-card.mpmh-record-pick-card .cause-card-context a.mpmh239-card-domain-link:active{
  color:var(--mpmh239-green)!important;
  -webkit-text-fill-color:var(--mpmh239-green)!important;
}

/* Main upper tabs use the same interaction language without underline,
   plate, movement, or font-weight shifts. */
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab,
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab:visited{
  color:var(--mpmh239-muted)!important;
  -webkit-text-fill-color:var(--mpmh239-muted)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
  transition:color .12s ease!important;
}
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab:not(.active):hover,
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab:not(.active):focus-visible{
  color:var(--mpmh239-sky)!important;
  -webkit-text-fill-color:var(--mpmh239-sky)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab:active,
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab.active,
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab.active:hover,
html body #mpmhUnifiedShell #tabs .tab-btn.mpmh240-platform-tab.active:focus-visible{
  color:var(--mpmh239-green)!important;
  -webkit-text-fill-color:var(--mpmh239-green)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}

/* ========================================================================
   MPMH240 UNIFIED DIRECTORY TOOLBAR

   One visual owner for Card View, Table View, and every sort tab.
   The two view choices share one compact two-line cell inside the original
   toolbar height. View and sort selection remain independent.
   ======================================================================== */
:root{
  --mpmh240-toolbar-muted:rgba(190,200,210,.76);
  --mpmh240-toolbar-sky:#8fc6ff;
  --mpmh240-toolbar-green:#0bf99e;
  --mpmh240-toolbar-separator:rgba(126,183,255,.19);
}

html body #publicShell #shellMain .mpmh240-directory-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin-top:0!important;
  padding:4px 8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh240-view-selector{
  flex:0 0 84px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:10px 10px!important;
  align-content:center!important;
  align-items:center!important;
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0 7px 0 0!important;
  padding:0 7px 0 0!important;
  border:0!important;
  border-right:1px solid var(--mpmh240-toolbar-separator)!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh240-sort-options{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}
html body #publicShell #shellMain .mpmh240-sort-options::-webkit-scrollbar{display:none!important;}

/* Exact same type and state language for view and sort controls. */
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:visited{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-left:1px solid transparent!important;
  border-right:1px solid transparent!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--mpmh240-toolbar-muted)!important;
  -webkit-text-fill-color:var(--mpmh240-toolbar-muted)!important;
  font-family:"Roboto Mono","Courier New",monospace!important;
  font-size:8.4px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transform:none!important;
  isolation:auto!important;
  overflow:visible!important;
  cursor:pointer!important;
  transition:color .12s ease!important;
}
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option::before,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option::after{
  content:none!important;
  display:none!important;
}
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:not(.active):hover,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:not(.active):focus-visible{
  color:var(--mpmh240-toolbar-sky)!important;
  -webkit-text-fill-color:var(--mpmh240-toolbar-sky)!important;
  background:transparent!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:active,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option.active,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option.active:hover,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option.active:focus-visible{
  color:var(--mpmh240-toolbar-green)!important;
  -webkit-text-fill-color:var(--mpmh240-toolbar-green)!important;
  background:transparent!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Two same-type view labels share the height of one normal toolbar tab. */
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-view-option{
  justify-content:flex-start!important;
  width:100%!important;
  height:10px!important;
  min-height:10px!important;
  max-height:10px!important;
  padding:0!important;
  line-height:10px!important;
  text-align:left!important;
}

@media(max-width:700px){
  html body #publicShell #shellMain .mpmh240-directory-controls{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  html body #publicShell #shellMain .mpmh240-view-selector{
    flex-basis:76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    margin-right:5px!important;
    padding-right:5px!important;
  }
  html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option{
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:7.8px!important;
  }
  html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-view-option{
    padding-left:0!important;
    padding-right:0!important;
  }
}