/* MPMH_EDITFRONT053 matched CSS asset: approved selected-Home, Charities, footer, and Definitions polish built directly from EDITFRONT052. */
/* MPMH_EDITFRONT049 matched CSS asset: Signals visual rhythm, alignment, scrollbar, header, and footer polish built directly from EDITFRONT048. */
/* MPMH_EDITFRONT045 matched CSS asset: byte-equivalent visual carry-forward from EDITFRONT044 for the dedicated clean navigation and browser-history pass. No selector, layout, color, responsive, animation, or Stats dashboard visual changes. */
/* MPMH_EDITFRONT044 matched CSS asset: visual carry-forward from MPMH_EDITFRONT040 under a new cache-isolated filename. Cause formula promotion and Basic Readout label changes use the existing component geometry; no global cascade or shell geometry change is intended. */
/* MPMH_EDITFRONT044 matched CSS asset: byte-equivalent visual carry-forward from MPMH_EDITFRONT044 under a new cache-isolated filename. The 040 repair changes state ownership only; no selector, declaration, cascade, responsive, animation, or visual geometry change is intended. */
/* MPMH_EDITFRONT044 matched CSS asset: byte-preserving visual carry-forward from MPMH_EDITFRONT036 under a new cache-isolated filename. The 039 delivery changes public copy in PHP/JavaScript only; no selector, declaration, cascade, responsive, animation, or visual ownership change is intended. */
/* MPMH_EDITFRONT036 matched CSS asset: closed-desktop Signal identity stack position correction and 80px full-color logo scale built directly from MPMH_EDITFRONT035. */
/* MPMH_EDITFRONT033 matched CSS asset: pure-black closed desktop with icon-sized MP identity/status block, plus Selected Cause / Platform-Wide Signals scope presentation built directly from live MPMH_EDITFRONT032. */
/* MPMH_EDITFRONT024 matched CSS asset: selected-Cause black surroundings, retained deep-blue active workspace, seamless black closed Cause panel, and purposeful closed-desktop wallpaper built directly from live MPMH_EDITFRONT023. */
/* MPMH_EDITFRONT023 matched CSS asset: active Leaderboard title-header acknowledgment and one-pixel Signal-status dot alignment built directly from live MPMH_EDITFRONT022. */
/* MPMH_EDITFRONT021 shared route-stage + directory lifecycle repair. The common shell canvas is neutral pure black for every route; intentional deep-blue remains inside owned modules. Directory lifecycle changes are JavaScript-only and add no visual continuation chrome. */
/* MPMH_EDITFRONT012 matched CSS asset: built directly from validated EDITFRONT005. Adds the 40px centered Leaderboard width adjustment, sticky pure-black three-logo rail, and refined route-arrival hierarchy while preserving table/detail components, responsive ownership, and Signal transport boundaries. */
/* MPMH_FRONT_SHELL017 matched CSS asset: adds exact Cause identity alignment and a clean expanded-row Leaderboard utility workspace while preserving established platform geometry, animation systems, data, routes, and tracking hooks. */
/* MPMH_FRONT_SHELL009 matched CSS asset: built directly from MPMH_FRONT_SHELL006. Adds one final scoped MP Signal Systems production-presentation owner and closed-desktop dormant-navigation owner while preserving the Cause panel shell, routes, forms, registry actions, Signal capture, exact batching, Leaderboards, ADMIN, and backend behavior. */
/* MPMH_FRONT_SHELL001 matched CSS asset: built directly from validated MPMH_LAUNCH005. Adds one final mobile-only shell owner for compact identity, restored platform search, disclosure of the existing navigation tabs, selected-cause context, and a compact live-section rail. Desktop, page content, Leaderboards, Signal capture, routes, forms, readouts, accounting, ADMIN, and backend behavior remain unchanged. */
/* MPMH_LAUNCH005 matched CSS asset: byte-identical visual cascade from validated LAUNCH004; runtime ownership pass is JavaScript-only. */
/*  MPMH_LAUNCH004 Exact Cascade Retirement Pass: built directly from validated MPMH_LAUNCH003. Removes 1032 earlier qualified-rule copies that are declaration-identical within the same at-rule context, preserves the final winning occurrence and cascade order, and makes no selector, property, value, media condition, JavaScript behavior, Signal transport, route, form, readout, accounting, ADMIN, or backend contract changes.  */
/* MPMH_LAUNCH003 matched CSS asset.
   Built directly from MPMH_LAUNCH001 with no selector, declaration, cascade,
   responsive, animation, or visual ownership changes. This pass is JavaScript
   render-lifecycle only; the new filename provides coordinated dragover cache isolation. */
/* MPMH314 matched CSS asset: built directly from MPMH313. Adds the scoped long-form Technology document surface and retires public Reporting-surface ownership while preserving the inherited frontend cascade. */
/* MPMH313 matched CSS asset: carries MPMH312 forward unchanged; the final scoped Charity Lander typography, alignment, and perspective-intake owner is intentionally appended inline in MPMH313.php after the inherited cascade for rollback-safe ownership. */
/* MPMH311 matched CSS asset: carries MPMH310 forward and adds left-half Categories geometry, category metric color hierarchy, and explicit seven-column leaderboard alignment. */
/* MPMH310 matched CSS asset: restores natural directory toolbar spacing and owns complete leaderboard typography, column balance, and centered dynamic explanation presentation. */
/* MPMH309 matched CSS asset: presentation carried forward unchanged from MPMH308 for the dynamic cause browser-title synchronization pass. */
/* MPMH308 matched CSS asset: full-width directory sort distribution and leaderboard row/header alignment polish built from MPMH307. */
/* MPMH302 matched CSS asset: inherited MPMH301 layout plus Featured logo plates, cause-action spacing, Contact alignment, and public metric-column alignment. */
/* MPMH299 matched frontend styles. */
/* MPMH298 matched frontend styles. */
/* MPMH296 CSS asset: full MPMH295 matched baseline retained; final scoped MPMH296 visual owner is loaded inline after the inherited stack to guarantee rollback-safe cascade order. */
/* MPMH263 matched CSS asset: root surface state and static application frame. Base MPMH261. */
/* MPMH259 matched CSS asset: direct MPMH256 base with corrected right-edge ownership, true-black Signals surface, and refined lower-right termination. */
/* MPMH254 matched CSS asset: direct card-view frame correction built from stable MPMH251; MPMH252/253 are not inherited. */
/* MPMH250 matched CSS asset: carries MPMH249 forward.  carries MPMH248 forward and adds a presentation-only pure-black outer application shell around the preserved dark-blue inner content canvas. */
/* MPMH245 matched CSS asset: carries MPMH244 forward; the final News/footer/detail correction owner is intentionally late-inline in MPMH245.php so it follows the legacy monolith's later inline cascade. */
/* MPMH243 Directory Typography + News Tone + Footer Polish: matched asset; preserves MPMH242 and adds presentation-only refinements. */
/* MPMH242 Horizontal World/Search Header Pass: matched asset; preserves MPMH241 and changes only wider-desktop header presentation. */
/* 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){
}
@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;
  }
}
@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-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;
}
@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-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 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){
}


/* 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-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 .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;}
}
@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){
}


/* 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;}
}
@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;}
}



/* 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-headline-world{height:94px!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;
  }
}


/* 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(-.75px)!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;
}
@media(max-width:900px){
  .mph-home-overview .mph-platform-intro-home .mph-platform-brand-marquee{padding:8px 0!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-technology{--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="technology"] .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="technology"] .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 .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 .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-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-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);
}
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 */

/* 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. */
@media(max-width:980px){
}
@media(max-width:640px){
}


/* 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:#ff7273;--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 */
.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: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 */


/* 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. */
@media(max-width:900px){
}


/* 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 */


/* v10d restore rounded panel header corners */


/* 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 */


/* v12c precise campaign clickout fixes */


/* v12e cause detail clickout and activation cleanup */




.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-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;}
}

/* CAUSES TAB PASS 12 - final dark top search source rule */
@media(min-width:901px){
}
@media(max-width:1100px) and (min-width:901px){
}
@media(max-width:900px){
}


/* 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,#0c2750 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,#0c2750,#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,#0f2750,#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 */
@media(max-width:1240px){}
@media(max-width:900px){}
@media(max-width:620px){}

/* BRANDS centered detail workspace */
@media(max-width:900px){}


/* 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 */
@media(max-width:900px){
}


/* 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-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;
}


/* 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-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 */


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
@media(max-width:900px){
}


/* v10 panel header label normalization */


/* v10d restore rounded panel header corners */


/* v12 actionability pass */


/* v12c precise campaign clickout fixes */


/* v12e cause detail clickout and activation cleanup */

/* 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 */


/* v40 Clean Compact Institutional Footer Rail
   Removes section labels and status/update copy; keeps only the documentation links. */
@media(max-width:900px){
}


/* v10 panel header label normalization */


/* v10d restore rounded panel header corners */


/* v12 actionability pass */


/* v12c precise campaign clickout fixes */


/* v12e cause detail clickout and activation cleanup */

/* 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="technology"] .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="technology"] .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="technology"],
.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 */
.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="technology"] > .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="technology"] > .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 .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="signals"]{grid-column:1!important;grid-row:2!important;}
  #mpmhUnifiedShell #tabs .tab-btn[data-tab="leaderboards"]{grid-column:2!important;grid-row:2!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="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 .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;}
}
@media(max-width:980px) and (min-width:901px){
  #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 .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;}
}
@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 #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;}
}
@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:44px!important;
    min-height:44px!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;
  }
  .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;
  }
  .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,#0c2752,#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;
  }
  .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,#0a275a,#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 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-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;
}
@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:43px!important;
    min-height:43px!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 .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 .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;
  }
}

@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;}
}


/* ========================================================================
   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-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 .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 .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:46px!important;
  min-height:46px!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){
}


/* === 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 > .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,#0a2750 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 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;}
}


/* === 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-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-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-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){
}


/* === 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;
  }

  /* 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-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-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.
   ======================================================================== */
@media (max-width:900px){
}



/* ========================================================================
   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 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 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-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;
}


/* ========================================================================
   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 .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. */


/* ========================================================================
   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;
  }
}


/* ========================================================================
   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 HISTORICAL BORDER WIPE
   Base: MPMH074.
   MPMH281 retains the broad border-cleanup portions that remain part of the
   public surface, but retires the obsolete clauses that destroyed, hid, and
   collapsed the live section-title rail. Routes, data, Signal, ADMIN, /go/to,
   cookies, attribution, and backend behavior remain 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;
}

/* 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;
  }

  /* 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;
  }
}
/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh091-controlled-deep-blue-shell-theme-late. */

/* ========================================================================
   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.
   ======================================================================== */

/* Paint the upper application chrome as one full-width deep-blue band without
   moving the world/search/tab layout. */

/* Historical shell-tone ownership. MPMH250 owns the final blue rail surface;
   MPMH282 owns the visible centered title inside it. */

/* Non-Signal tab stage fill. This is intentionally scoped away from Signal
   highway internals after the 090 overpaint. */

/* Brands/Causes control strip and button interiors: fill the black button area
   while keeping the existing accent language readable. */

/* 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. */

/* Legal/document pages: fill full active width. The readable document content
   remains padded, but the black theater margins are removed. */

/* Category / leaderboards / selected-cause panels: fill remaining black stage
   gaps while preserving their authored cards, table headers, and metric accents. */

/* Outer panel border normalization: replace black-looking outlines with the
   existing blue/cyan accent family rather than transparent/black. */

/* Signal page protection: only the outer panel/empty stage is blue; the highway
   component keeps its authored dark/colored layers. */

/* Keep logo wells and actual images clean white. */

/* Footer strip fill without altering its text/link behavior. */

/* ========================================================================
   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. */

/* 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. */

  /* 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){
}


/* ========================================================================
   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.
   ======================================================================== */
@media (min-width:901px){

  /* 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. */

  /* Keep the real lower blue rail as the first visible horizontal band. */

  /* Search remains the one intentional bordered control in the upper chrome. */
}

/* ========================================================================
   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;
  }
}
/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh114-card-gutter-footer-blue-fill. */

/* ========================================================================
   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.
   ======================================================================== */

/* 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){
}
@media (min-width:901px) and (max-height:820px){
}
@media (max-width:900px){
}

/* 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){
}

/* 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.
   ======================================================================== */


/* ========================================================================
   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;
}



/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh137-header-tab-compression-owner. */


/* ========================================================================
   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){
}

/* ========================================================================
   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.
   ======================================================================== */
@media(max-width:720px){
}


/* ========================================================================
   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){
}


/* ========================================================================
   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.
   ======================================================================== */


/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh143-header-tab-underline-null. */



/* ========================================================================
   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.
   ======================================================================== */

/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh144-header-tab-underline-hard-null. */

/* ========================================================================
   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){
}


/* ========================================================================
   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.
   ======================================================================== */

/* ========================================================================
   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.
   ======================================================================== */

@media (min-width:981px){
}


/* ========================================================================
   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){
}




/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh153-fixed-grid-tab-position-lock. */



/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh154-header-tab-spacing-compression, mpmh155-header-tab-edge-spread. */
/* ========================================================================
   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 */

/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh158-home-contact-insight-density-polish. */



/* ========================================================================
   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 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-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: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;}
}

/* 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-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;
}

/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh186-brand-card-blue-height-parity. */

/* ========================================================================
   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.
   ======================================================================== */

/* Front card command rail: clean text, no boxed buttons. */

/* Final absolute overlay geometry. */

/* Overlay bottom command rail: same language, no boxes. */

/* Feedback/share internal controls inherit the clean command language but stay readable inside panels. */

@media(max-width:560px){
}


/* ========================================================================
   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.
   ======================================================================== */

@media(min-width:561px){
}

/* Keep old direct-child logo shield scripts harmless after the card body-frame restructure. */

/* ========================================================================
   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.
   ======================================================================== */

/* ========================================================================
   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.
   ======================================================================== */
/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: inline-style-12. */

/* ========================================================================
   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.
   ======================================================================== */
/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh198-cause-feedback-footer-final-owner. */
/* ========================================================================
   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.
   ======================================================================== */

/* Front cause-card rail: five equal text commands, one row, no inherited boxed/table feel. */

/* Feedback overlay: one vertical owner with no grid overlap and no text clipping. */

/* Keep overlay footer rails clean. */

/* Footer links match upper-tab visual behavior: default gray, hover sky, active selected green. */
/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh200-cause-card-command-feedback-final-owner, mpmh200-footer-nav-color-parity, mpmh202-cause-card-component-reset-final. */
/* ========================================================================
   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-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 .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-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 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.
   ======================================================================== */

/* persistent five-link rail: identical size and rhythm in default, stats, share, and feedback */

/* Overlay stage reserves the same rail height and stops content before it. */

/* Cause feedback form: one compact vertical stack with room for consent when expanded. */

/* Maximize: move down into the blue titlebar and keep one clean square icon. */

/* ========================================================================
   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.
   ======================================================================== */

/* More usable width inside the cause-card overlay body. */

/* Width and vertical rhythm: the form now uses the available card stage. */

/* Keep the five-link rail slightly clearer while preserving one-row fit. */

/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh205-cause-card-persistent-rail-form-final. */


/* ========================================================================
   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.
   ======================================================================== */


/* ========================================================================
   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.
   ======================================================================== */

/* Cause card: give four description lines a clean line box without changing card size. */


/* ========================================================================
   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;
  }
}


/* ========================================================================
   MPMH241 LIVE VISUAL + SIGNAL INTEGRATION PASS
   Presentation only. No tracking, capture, routing, Signal math, or data changes.
   ======================================================================== */

/* Precise text-sized hit areas: preserve appearance, stop empty row/cell clicks. */
html body #mpmhUnifiedShell .mpmh-header-alignment{
  justify-content:flex-start!important;
  align-items:center!important;
}
html body #mpmhUnifiedShell .mpmh-header-alignment-link{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 112px)!important;
  align-self:center!important;
  vertical-align:baseline!important;
}
html body #publicShell #shellMain .brand-card-mpid-site{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:3px!important;
  width:100%!important;
}
html body #publicShell #shellMain .brand-card-mpid-site .brand-card-id-label{
  flex:0 0 auto!important;
}
html body #publicShell #shellMain .brand-card-mpid-site a.brand-card-domain-link,
html body #publicShell #shellMain .brand-card-mpid-site .brand-card-domain-link{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 58px)!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
}

/* News lives beside Contact Us and follows the shared footer link states. */
html body .public-footer.footer-flat-rail.footer-ultra-rail .mpmh-news-open-inline.is-active,
html body .public-footer.footer-flat-rail.footer-ultra-rail .mpmh-news-open-inline[aria-current="page"]{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.22)!important;
}
html body #shellMain .mpmh-news-panel{
  min-height:calc(100dvh - 190px)!important;
  padding:18px 22px 26px!important;
  background:#000!important;
}
html body #shellMain .mpmh-news-shell{
  width:min(1080px,100%)!important;
  margin:0 auto!important;
  border:1px solid rgba(74,145,205,.58)!important;
  background:linear-gradient(180deg,rgba(4,23,38,.98),rgba(1,7,13,.99))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.62),inset 0 1px 0 rgba(143,198,255,.08)!important;
}
html body #shellMain .mpmh-news-hero{
  padding:28px 30px 26px!important;
  border-bottom:1px solid rgba(74,145,205,.42)!important;
  background:linear-gradient(135deg,rgba(7,42,69,.94),rgba(2,14,24,.98))!important;
}
html body #shellMain .mpmh-news-kicker{
  display:block!important;
  margin-bottom:9px!important;
  color:#0bf99e!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
html body #shellMain .mpmh-news-hero h1{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(25px,3vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:.01em!important;
}
html body #shellMain .mpmh-news-hero p{
  max-width:850px!important;
  margin:0!important;
  color:#b9d8ef!important;
  font-size:15px!important;
  line-height:1.7!important;
}
html body #shellMain .mpmh-news-entry{
  padding:26px 30px 30px!important;
}
html body #shellMain .mpmh-news-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:13px!important;
  color:#79b6e8!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
html body #shellMain .mpmh-news-entry h2{
  margin:0 0 10px!important;
  color:#f7fbff!important;
  font-size:20px!important;
  line-height:1.25!important;
}
html body #shellMain .mpmh-news-entry p{
  max-width:900px!important;
  margin:0!important;
  color:#b7ccdc!important;
  font-size:14px!important;
  line-height:1.75!important;
}

/* Platform-blue Brand Overview. Keep the 58px header height and world at left. */
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel{
  border-color:#285f8c!important;
  background:#010812!important;
  box-shadow:0 0 0 1px rgba(101,175,236,.12),0 34px 120px rgba(0,0,0,.94),0 0 46px rgba(55,132,194,.13)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-head{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  border-bottom-color:#285f8c!important;
  background:linear-gradient(180deg,#0b2f4f,#061521)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-title-world-icon{
  filter:drop-shadow(0 0 12px rgba(126,183,255,.46))!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel #sideTitle .detail-title-label:before{
  background:#0bf99e!important;
  box-shadow:0 0 12px rgba(11,249,158,.64)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-close-x,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .close{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  border-left-color:#285f8c!important;
  color:#e9f6ff!important;
  background:#01070d!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-close-x:hover,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .close:hover{
  color:#8fcaff!important;
  border-left-color:#69b4ed!important;
  box-shadow:inset 0 0 22px rgba(80,159,220,.16)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:calc(100vh - 193px)!important;
  padding:24px 26px 34px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:linear-gradient(180deg,#020b15,#00050a 55%,#000)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-profile-hero{
  grid-template-columns:220px 1fr!important;
  gap:24px!important;
  margin:0 0 14px!important;
  padding:22px!important;
  border-color:#285f8c!important;
  background:linear-gradient(135deg,#061a2a,#010812)!important;
  box-shadow:inset 0 1px 0 rgba(143,198,255,.08)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-profile-hero:before{
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.72),transparent)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-logo{
  border-color:#61b6f0!important;
  box-shadow:0 18px 40px rgba(0,0,0,.62),0 0 24px rgba(74,154,216,.16)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-title-link:hover{
  color:#8fcaff!important;
  text-shadow:0 0 18px rgba(126,183,255,.24)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-meta{
  color:#b7d9ef!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-meta-site{
  display:inline-block!important;
  width:auto!important;
  color:#e5f4ff!important;
  text-decoration:none!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-meta-site:hover{
  color:#8fcaff!important;
  text-decoration:none!important;
  text-shadow:0 0 12px rgba(126,183,255,.24)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-badge{
  border-color:#285f8c!important;
  background:linear-gradient(180deg,#0c2d48,#061521)!important;
  color:#ddecf8!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-badge.green{
  border-color:#0bf99e!important;
  background:linear-gradient(180deg,#07583b,#03261a)!important;
  color:#fff!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-readout-label{
  margin:2px 0 7px!important;
  color:#80bfee!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-activity-label{
  margin-top:2px!important;
  color:#7898b0!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 13px!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid .metric{
  min-height:88px!important;
  padding:13px 10px!important;
  border-color:#245879!important;
  background:linear-gradient(180deg,#061a29,#010811)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-signal-grid .metric{
  border-color:#2c6f9f!important;
  background:linear-gradient(180deg,#08243a,#020c16)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-signal-grid .metric-total{
  border-color:#0bbd7b!important;
  box-shadow:inset 0 0 20px rgba(11,249,158,.035)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid .metric-label{
  color:#8fcaff!important;
  font-size:9px!important;
  line-height:1.25!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-activity-grid .metric-label{
  color:#8aa6ba!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid .metric-value{
  margin-top:7px!important;
  color:#fff!important;
  font-size:25px!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-signal-grid .metric-total .metric-value{
  color:#0bf99e!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-section{
  margin:0 0 12px!important;
  padding:15px 18px!important;
  border-color:#245879!important;
  background:linear-gradient(180deg,#051724,#010811)!important;
  color:#c4dceb!important;
  font-size:14px!important;
  line-height:1.65!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-section-title{
  margin-bottom:8px!important;
  color:#7fc2f2!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-actions{
  min-height:44px!important;
  margin:0!important;
  padding:12px 0 5px!important;
  border-top:1px solid rgba(76,151,209,.36)!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:visible!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-action-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:9px 18px!important;
  border-color:#60b4ed!important;
  background:linear-gradient(180deg,#12517e,#082d49)!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  box-shadow:0 0 18px rgba(67,145,205,.16)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-action-primary:hover,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-action-primary:focus{
  border-color:#0bf99e!important;
  color:#0bf99e!important;
  box-shadow:0 0 22px rgba(11,249,158,.16)!important;
}
@media(max-width:900px){
  html body #shellMain .mpmh-news-panel{padding:10px!important;}
  html body #shellMain .mpmh-news-hero,
  html body #shellMain .mpmh-news-entry{padding:20px!important;}
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-profile-hero{grid-template-columns:1fr!important;text-align:center!important;}
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid{grid-template-columns:1fr 1fr!important;}
}


/* ========================================================================
   MPMH242 · HORIZONTAL WORLD + SEARCH HEADER
   ------------------------------------------------------------------------
   Scope: wider desktop header presentation only.
   - Places the existing world/home control immediately left of the existing
     platform search field.
   - Preserves the established 56px context-row height so this first test does
     not compress the full header stack prematurely.
   - Keeps search behavior, CLEAR behavior, routes, selected-cause context,
     tab geometry, live-section centerline measurement, and all tracking intact.
   - Narrower desktop/tablet/mobile widths retain the MPMH241 arrangement.
   ======================================================================== */
@media (min-width:1240px){
  html body #mpmhUnifiedShell .mpmh-context-row,
  html body #mpmhUnifiedShell .mpmh-context-inner{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }

  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:462px!important;
    min-width:462px!important;
    max-width:462px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:82!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    order:1!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    pointer-events:auto!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    flex:0 0 31px!important;
    margin:0!important;
    transform:none!important;
    object-fit:contain!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  html body #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title,
  html body #mpmhUnifiedShell .mpmh-signal-core-tab{
    display:none!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-header-search-control,
  html body #mpmhUnifiedShell #topSearchWrap.mpmh-header-search-control{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 420px!important;
    width:420px!important;
    min-width:420px!important;
    max-width:420px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    pointer-events:auto!important;
  }
}

@media (min-width:1440px){
  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    width:598px!important;
    min-width:598px!important;
    max-width:598px!important;
    gap:12px!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex-basis:38px!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    flex-basis:36px!important;
  }

  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-header-search-control,
  html body #mpmhUnifiedShell #topSearchWrap.mpmh-header-search-control{
    flex-basis:548px!important;
    width:548px!important;
    min-width:548px!important;
    max-width:548px!important;
  }
}

/* ========================================================================
   MPMH243 · DIRECTORY TYPOGRAPHY + NEWS TONE + FOOTER POLISH
   ------------------------------------------------------------------------
   Presentation only.
   - Directory view/sort controls inherit the main navigation's Arial/Helvetica
     language at a slightly smaller scale while preserving existing states and
     the compact 30px control strip.
   - Brand card destination text returns to the right edge, remains text-sized,
     and gains a clearer neutral default with sky-blue hover.
   - News becomes a continuous borderless dark-blue editorial surface.
   - Copyright gains a restrained, brighter dark-green tone.
   ======================================================================== */

/* Secondary directory controls match the primary tab typography. */
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option,
html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option:visited{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9.4px!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:.047em!important;
  font-kerning:none!important;
  font-feature-settings:"kern" 0!important;
}

/* Preserve precise link targets while restoring the intended right alignment. */
html body #publicShell #shellMain .brand-card-mpid-site{
  justify-content:space-between!important;
  gap:8px!important;
}
html body #publicShell #shellMain .brand-card-mpid-site a.brand-card-domain-link,
html body #publicShell #shellMain .brand-card-mpid-site .brand-card-domain-link,
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{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 70px)!important;
  margin-left:auto!important;
  padding:0!important;
  color:#a9c1d2!important;
  -webkit-text-fill-color:#a9c1d2!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .brand-card-mpid-site a.brand-card-domain-link:hover,
html body #publicShell #shellMain .brand-card-mpid-site a.brand-card-domain-link:focus-visible,
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{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  text-decoration:none!important;
  outline:0!important;
}

/* Borderless platform-blue News surface; spacing and tone create hierarchy. */
html body #shellMain .mpmh-news-panel{
  background:#07121e!important;
}
html body #shellMain .mpmh-news-shell{
  border:0!important;
  background:#081827!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh-news-hero{
  border:0!important;
  background:#092039!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh-news-entry{
  border:0!important;
  background:#081827!important;
  box-shadow:none!important;
}

/* Brighter but still secondary copyright treatment. */
html body #publicShell .public-footer .footer-brand-line,
html body #publicShell footer.public-footer .footer-brand-line,
html body .public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  color:rgba(55,160,116,.84)!important;
  -webkit-text-fill-color:rgba(55,160,116,.84)!important;
  opacity:1!important;
  text-shadow:none!important;
}

@media(max-width:700px){
  html body #publicShell #shellMain .mpmh240-directory-controls .mpmh240-toolbar-option{
    font-size:8.8px!important;
  }
}


/* ========================================================================
   MPMH246 · LEADERBOARDS READOUT + SORTING POLISH — FINAL OWNER
   ------------------------------------------------------------------------
   Public presentation only. Normalizes the leaderboard workspace, table
   headers, expanded readout surfaces, selected row state, and footer accent.
   ======================================================================== */

/* Give the data table the available width and retire the isolated helper rail. */
html body #publicShell #shellMain .mpmh-leaderboards-native{
  --mpmh-lb-rail:186px!important;
  --mpmh-lb-gap:8px!important;
  --mpmh-lb-row:#03111d!important;
  --mpmh-lb-row-alt:#051724!important;
  --mpmh-lb-line:rgba(105,174,226,.28)!important;
  --mpmh-lb-detail:#071b2b!important;
  --mpmh-lb-detail-soft:#092238!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:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr)!important;
}
html body #publicShell #shellMain .mpmh-lb-top-tabs,
html body #publicShell #shellMain .mpmh-lb-hero > div,
html body #publicShell #shellMain .mpmh-lb-panels{
  grid-column:3!important;
}
html body #publicShell #shellMain .mpmh-lb-side-note{
  display:none!important;
}

/* Real sticky column headers with the same platform hover/selected language. */
html body #publicShell #shellMain .mpmh-lb-table-head{
  position:sticky!important;
  top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h) + var(--mpmh-lb-title-h))!important;
  z-index:1486!important;
  display:grid!important;
  grid-template-columns:42px minmax(220px,1fr) 120px 130px 80px 42px!important;
  align-items:center!important;
  min-height:25px!important;
  padding:0 6px!important;
  gap:8px!important;
  border-top:1px solid rgba(127,202,255,.48)!important;
  border-bottom:1px solid rgba(127,202,255,.44)!important;
  background:#08243a!important;
  box-shadow:0 5px 10px rgba(0,0,0,.24)!important;
}
html body #publicShell #shellMain .mpmh-lb-sort,
html body #publicShell #shellMain .mpmh-lb-detail-head{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9dbbd3!important;
  -webkit-text-fill-color:#9dbbd3!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html body #publicShell #shellMain .mpmh-lb-sort{
  cursor:pointer!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-lb-sort:first-child,
html body #publicShell #shellMain .mpmh-lb-detail-head{
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-lb-sort:nth-child(3),
html body #publicShell #shellMain .mpmh-lb-sort:nth-child(4){
  text-align:right!important;
}
html body #publicShell #shellMain .mpmh-lb-sort::after{
  content:""!important;
  display:inline-block!important;
  width:5px!important;
  margin-left:4px!important;
  color:#6baedb!important;
}
html body #publicShell #shellMain .mpmh-lb-sort[aria-sort="ascending"]::after{content:"↑"!important;}
html body #publicShell #shellMain .mpmh-lb-sort[aria-sort="descending"]::after{content:"↓"!important;}
html body #publicShell #shellMain .mpmh-lb-sort:hover,
html body #publicShell #shellMain .mpmh-lb-sort:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html body #publicShell #shellMain .mpmh-lb-sort.is-active{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}

/* Keep the table rows and header on the exact same column geometry. */
html body #publicShell #shellMain .mpmh-lb-row{
  grid-template-columns:42px minmax(220px,1fr) 120px 130px 80px 42px!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open{
  background:#071c2d!important;
  box-shadow:inset 3px 0 0 #0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-row{
  background:#0a263d!important;
  box-shadow:inset 0 -1px 0 rgba(143,198,255,.24)!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-name a,
html body #publicShell #shellMain .mpmh-lb-rowwrap.is-open .mpmh-lb-name span{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Expanded readout: one blue system surface; no duplicated black metric panel. */
html body #publicShell #shellMain .mpmh-lb-details{
  display:block!important;
  padding:8px 10px 10px 42px!important;
  border-top:1px solid rgba(100,169,220,.28)!important;
  background:#061827!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:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:8px!important;
  min-height:0!important;
  padding:10px 12px 9px!important;
  border:1px solid rgba(105,174,226,.42)!important;
  background:var(--mpmh-lb-detail)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-main{
  display:grid!important;
  grid-template-columns:minmax(285px,.78fr) minmax(0,1.6fr)!important;
  align-items:center!important;
  gap:16px!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo{
  width:100px!important;
  height:84px!important;
}
html body #publicShell #shellMain .mpmh-lb-readout-grid{
  grid-template-columns:repeat(4,minmax(94px,1fr))!important;
  gap:5px 10px!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout{
  min-height:34px!important;
  padding:4px 5px!important;
  border:0!important;
  background:rgba(3,16,27,.28)!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout b{
  color:#83caff!important;
  -webkit-text-fill-color:#83caff!important;
  font-size:8.3px!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout strong{
  color:#f6fbff!important;
  -webkit-text-fill-color:#f6fbff!important;
  font-size:12px!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-signal strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-strength strong{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-readout-economic.is-coming-soon strong{
  color:#7fb8dc!important;
  -webkit-text-fill-color:#7fb8dc!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-region{
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:6px 8px!important;
  border:0!important;
  background:var(--mpmh-lb-detail-soft)!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px 14px!important;
  min-height:30px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel p{
  color:#91c5e8!important;
  -webkit-text-fill-color:#91c5e8!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-readouts{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  justify-content:flex-end!important;
  padding:2px 0 0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-tool,
html body #publicShell #shellMain .mpmh-lb-overlay-btn{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!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;
}

/* Footer copyright: visible restrained platform blue, no green cast. */
html body #publicShell .public-footer .footer-brand-line,
html body #publicShell footer.public-footer .footer-brand-line,
html body .public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  color:rgba(77,151,205,.90)!important;
  -webkit-text-fill-color:rgba(77,151,205,.90)!important;
  opacity:1!important;
  text-shadow:none!important;
}

@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-table-head,
  html body #publicShell #shellMain .mpmh-lb-row{
    grid-template-columns:34px minmax(0,1fr) 84px 32px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-table-head > :nth-child(4),
  html body #publicShell #shellMain .mpmh-lb-table-head > :nth-child(5),
  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-detail-main{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-details{padding-left:9px!important;}
  html body #publicShell #shellMain .mpmh-lb-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh-lb-overlay-panel{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-tools{justify-content:flex-start!important;}
}


/* MPMH249: exact News canvas match + leaderboard detail logo link owner. */
html body.mpmh-tab-news #shellMain,
html body.mpmh-tab-news #shellMain.shell-main,
html body #shellMain .mpmh-news-panel,
html body #shellMain .mpmh-news-shell,
html body #shellMain .mpmh-news-hero,
html body #shellMain .mpmh-news-entry{
  background:#07121e!important;
  background-color:#07121e!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh-news-shell,
html body #shellMain .mpmh-news-hero,
html body #shellMain .mpmh-news-entry{
  border-color:transparent!important;
}
html body #shellMain .mpmh-lb-detail-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
  border:0!important;
  outline:0!important;
}
html body #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
  transition:filter .16s ease, box-shadow .16s ease, outline-color .16s ease!important;
}
html body #shellMain .mpmh-lb-detail-logo-link:hover .mpmh-lb-detail-logo,
html body #shellMain .mpmh-lb-detail-logo-link:focus-visible .mpmh-lb-detail-logo{
  filter:brightness(1.08)!important;
  outline:1px solid rgba(143,198,255,.72)!important;
  outline-offset:2px!important;
}


/* ========================================================================
   MPMH249 PURE-BLACK OUTER APPLICATION SHELL — VISUAL TEST
   Presentation only.
   - Pure black owns the browser canvas, application gutters, header, footer,
     and outer frame.
   - The existing #07121e inner work canvas remains unchanged.
   - Thin platform-blue divider lines remain to separate chrome from content.
   - No dimensions, routing, tracking, Signal capture, or content logic change.
   ======================================================================== */
:root{
  --mpmh249-outer:#000000;
  --mpmh249-inner:#07121e;
  --mpmh249-divider:rgba(77,151,205,.70);
  --mpmh249-divider-soft:rgba(77,151,205,.30);
}

/* Browser canvas and unused application gutters become true black. */
html,
body,
html body,
html body #publicShell.public-shell,
html body .public-shell{
  background:var(--mpmh249-outer)!important;
  background-color:var(--mpmh249-outer)!important;
  background-image:none!important;
}

/* Header chrome becomes one continuous black band. */
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-tab-group-left,
html body #mpmhUnifiedShell .mpmh-tab-group-right,
html body #mpmhUnifiedShell .mpmh-live-section-header,
html body #mpmhUnifiedShell #mpmhLiveSectionHeader,
html body #mpmhUnifiedShell .mpmh-live-section-inner{
  background:var(--mpmh249-outer)!important;
  background-color:var(--mpmh249-outer)!important;
  background-image:none!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(--mpmh249-outer)!important;
  background-color:var(--mpmh249-outer)!important;
  background-image:none!important;
}
html body #mpmhUnifiedShell .mpmh-nav-search-row{
  border-top-color:var(--mpmh249-divider-soft)!important;
  border-bottom-color:var(--mpmh249-divider)!important;
}
html body #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
  border-top-color:var(--mpmh249-divider-soft)!important;
  border-bottom-color:var(--mpmh249-divider)!important;
}

/* Preserve the established very dark-blue inner work canvas. */
html body #shellMain,
html body #shellMain.shell-main,
html body .shell-main{
  background:var(--mpmh249-inner)!important;
  background-color:var(--mpmh249-inner)!important;
  background-image:none!important;
}

/* Footer chrome and its full-width rails become true black. */
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-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(--mpmh249-outer)!important;
  background-color:var(--mpmh249-outer)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell .public-footer.footer-flat-rail.footer-ultra-rail{
  border-top:1px solid var(--mpmh249-divider-soft)!important;
}

/* Keep the outer scrollbar/gutter lane black while retaining the blue thumb. */
html body #publicShell{
  scrollbar-color:#175d91 var(--mpmh249-outer)!important;
}
html body #publicShell::-webkit-scrollbar-track,
html body #shellMain::-webkit-scrollbar-track{
  background:var(--mpmh249-outer)!important;
  background-color:var(--mpmh249-outer)!important;
}


/* Final specificity lock: later historical inline layers must not reclaim the
   outer chrome after the matched MPMH249 asset loads. */
html body.mpmh249-black-shell,
html body.mpmh249-black-shell #publicShell.public-shell#publicShell{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell.topbar,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-context-row,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell #mpmhContextRow,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-context-inner,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-nav-search-row,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-nav-search-inner,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell #tabs,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .tabs,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-tab-group,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-live-section-header,
html body.mpmh249-black-shell #publicShell #mpmhUnifiedShell .mpmh-live-section-inner{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.mpmh249-black-shell #publicShell #shellMain.shell-main#shellMain{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
}
html body.mpmh249-black-shell #publicShell footer.public-footer,
html body.mpmh249-black-shell #publicShell footer.public-footer .public-footer-inner,
html body.mpmh249-black-shell #publicShell footer.public-footer .footer-flat-nav,
html body.mpmh249-black-shell #publicShell footer.public-footer .footer-flat-row,
html body.mpmh249-black-shell #publicShell footer.public-footer .footer-brand-line{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ========================================================================
   MPMH250 · BLACK SHELL BOUNDARY CLEANUP — FINAL OWNER
   ------------------------------------------------------------------------
   Presentation only.
   - Restores the original platform-blue lower header rail beneath the black
     primary navigation.
   - Removes the 8px black gap between the dark-blue content canvas and footer.
   - Uses one bottom separator by retiring the older fixed bottom bridge.
   - Keeps the far-right vertical application spine and black footer intact.
   ======================================================================== */
:root{
  --mpmh250-rail-top:#07345b;
  --mpmh250-rail-bottom:#041e36;
  --mpmh250-rail-edge:rgba(77,151,205,.70);
  --mpmh250-inner:#07121e;
  --mpmh250-outer:#000000;
}

/* The lower strip belongs to the blue platform chrome, not the black header. */
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header,
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell .mpmh-live-section-header{
  background:linear-gradient(180deg,var(--mpmh250-rail-top) 0%,var(--mpmh250-rail-bottom) 100%)!important;
  background-color:var(--mpmh250-rail-bottom)!important;
  background-image:linear-gradient(180deg,var(--mpmh250-rail-top) 0%,var(--mpmh250-rail-bottom) 100%)!important;
  border-top:1px solid rgba(88,180,255,.24)!important;
  border-bottom:1px solid var(--mpmh250-rail-edge)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.55)!important;
}
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner,
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell .mpmh-live-section-header .mpmh-live-section-inner{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader::before,
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader::after,
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell .mpmh-live-section-header::before,
html body.mpmh250-shell-boundary-fix #publicShell #mpmhUnifiedShell .mpmh-live-section-header::after{
  content:none!important;
  display:none!important;
}

/* Let the blue work canvas meet the footer directly. The former 8px margin
   exposed the black application background as an unintended band. */
html body.mpmh250-shell-boundary-fix #publicShell #shellMain.shell-main#shellMain{
  margin-bottom:0!important;
  background:var(--mpmh250-inner)!important;
  background-color:var(--mpmh250-inner)!important;
  background-image:none!important;
}

/* The footer top edge is the sole bottom separator. The legacy fixed
   html::after bridge sat two pixels above it and produced the double line. */
@media (min-width:901px){
  html.mpmh250-shell-boundary-fix::after{
    content:none!important;
    display:none!important;
  }
}
html body.mpmh250-shell-boundary-fix #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
  background:var(--mpmh250-outer)!important;
  background-color:var(--mpmh250-outer)!important;
  background-image:none!important;
  border-top:1px solid rgba(77,151,205,.34)!important;
  box-shadow:none!important;
}
html body.mpmh250-shell-boundary-fix #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner,
html body.mpmh250-shell-boundary-fix #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-nav,
html body.mpmh250-shell-boundary-fix #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row,
html body.mpmh250-shell-boundary-fix #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  background:var(--mpmh250-outer)!important;
  background-color:var(--mpmh250-outer)!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh254-direct-directory-frame-owner. */


/* ========================================================================
   MPMH256 · LEFT-ORIGIN LOWER-RIGHT BORDER TERMINATION
   Base: MPMH254. MPMH255 is intentionally not inherited.
   ------------------------------------------------------------------------
   Completes the missing one-pixel bottom-border segment immediately LEFT of
   the existing right utility-lane divider. The gutter to the divider's right
   remains pure black. Frame-only; no geometry or behavior changes.
   ======================================================================== */
@media (min-width:901px){
}


/* ========================================================================
   MPMH259 · CORRECT RIGHT-EDGE OWNERSHIP + TRUE BLACK SIGNALS SURFACE
   Base: MPMH256. MPMH257/258 are intentionally not inherited.
   ------------------------------------------------------------------------
   Presentation only.
   - The selected-cause context/header bed is pure black.
   - The far-right browser gutter and farther full-height outer spine disappear
     into pure black.
   - The nearer application/utility divider remains the established blue line.
   - The inner application canvas and its scrollbar lane remain dark blue.
   - The active Signals module and its immediate wrapper are pure black edge to
     edge; non-animation module borders are black/transparent.
   - The left-origin lower-right completion line remains 1px and is lowered 2px.
   ======================================================================== */

/* Selected-cause/context area belongs to the black upper chrome. */

@media (min-width:901px){
  /* The farther-right full-height spine is outside the app frame. Hide it in
     the pure-black outer gutter. The nearer injected divider remains blue. */

  /* Finish the existing bottom line from the left. Same length/direction as
     MPMH256, now one thin pixel and two pixels lower. */
}

/* The inner work canvas and its own scrollbar lane stay platform dark blue;
   the browser gutter outside that boundary remains black. */

/* True-black Signals surface. Keep the surrounding application canvas blue,
   but make the active module and its immediate padding/wrapper black edge to
   edge. This selector follows the visible panel, not a potentially stale body
   tab class. */

/* Remove authored panel/box chrome while preserving the moving highway wells,
   rails, dots, waves, labels, and values. */


/* ========================================================================
   MPMH260 · SURFACE OWNERSHIP NORMALIZATION
   Base: MPMH259.
   ------------------------------------------------------------------------
   Presentation-only correction.
   1) The complete active Signals page (module + outer padding + lower floor +
      its own scrollbar track) is one continuous pure-black surface.
   2) Directory framing from MPMH254/259 is preserved unchanged.
   3) Narrative and specialized non-directory tabs receive their own final
      right/bottom boundary on the actual outer tab panel, rather than relying
      on the directory-only lower-right termination rule.
   No panel positioning, height, overflow, routing, tracking, or data changes.
   ======================================================================== */

/* The active Signals page owns the complete shellMain canvas. This removes
   the inherited dark-blue padding/floor that previously remained around the
   black Signals module. */

/* Narrative-family surface boundary. The inset boundary does not change box
   geometry and is independent of the directory scrollbar/corner solution. */

/* Specialized non-directory surfaces use the same outer-panel ownership.
   Signals is intentionally excluded because its requested perimeter is black. */


/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh261-single-frame-owner. */


/* LAUNCH001: external duplicate range removed; final owner(s) retained in consolidated late stack: mpmh263-final-surface-control, mpmh263-right-edge-coordinate. */

/* ========================================================================
   MPMH264 · COMPOUNDED RIGHT-INSET CORRECTION
   Base: MPMH263.
   Removes inherited stable scrollbar gutter reservation from root wrappers.
   The real scrolling surfaces retain their stable scrollbar lanes.
   ======================================================================== */
@media (min-width:901px){
}


/* ========================================================================
   MPMH266 · SURGICAL FRAME CLOSURE
   Base: stable MPMH264. Border-painting only.
   ======================================================================== */
@media (min-width:901px){
  html.mpmh266-surgical-frame body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    width:auto!important;max-width:none!important;min-width:0!important;
    margin-left:0!important;margin-right:var(--mpmh263-gutter)!important;
    box-sizing:border-box!important;
    border:1px solid var(--mpmh263-frame-strong)!important;
    outline:0!important;box-shadow:none!important;overflow:hidden!important;
  }
  html.mpmh266-surgical-frame body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    position:relative!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:hidden!important;
  }
}


/* ========================================================================
   MPMH267 · FINAL MICRO FRAME POLISH
   Base: MPMH266. Border-coordinate changes only.
   ======================================================================== */
@media (min-width:901px){
}


/* ========================================================================
   MPMH268 · HEADER HAIRLINE CLIP
   Base: MPMH267. One pseudo-element only.
   The blue rail already owns the correct lower separator and right endpoint.
   Retire the older full-width unified-header ::after line that continued
   across the 10px black gutter. Keep ::before and every box dimension intact.
   ======================================================================== */
@media (min-width:901px){
}


/* ========================================================================
   MPMH269 · FINAL RIGHT-ENDPOINT POLISH
   Base: MPMH268. Two horizontal endpoint corrections only.
   ======================================================================== */
@media (min-width:901px){
}


/* ========================================================================
   MPMH280 · TWO-STATE HOME MODULE
   Base shell: MPMH269. Scoped content styling only.
   No header, footer, frame, gutter, scrollbar, or viewport ownership.
   ======================================================================== */
.mpmh280-home-panel{background:#061421!important;color:#f7fbff!important;min-height:100%;}
.mpmh280-home{--h280-bg:#061421;--h280-bg2:#071a2a;--h280-blue:#79bfff;--h280-blue2:#2d8fca;--h280-green:#27f28b;--h280-white:#f7fbff;--h280-muted:#a9c0d2;--h280-line:rgba(91,157,207,.20);width:100%;min-height:100%;box-sizing:border-box;background:var(--h280-bg);color:var(--h280-white);font-family:inherit;overflow:visible;}
.mpmh280-home *{box-sizing:border-box;}
.mpmh280-home-state[hidden]{display:none!important;}
.mpmh280-hero,.mpmh280-section{position:relative;width:min(1480px,100%);margin:0 auto;padding:clamp(28px,3.25vw,54px) clamp(28px,5vw,86px);background:transparent;border:0;box-shadow:none;}
.mpmh280-section{padding-top:clamp(30px,3.7vw,58px);padding-bottom:clamp(30px,3.7vw,58px);}
.mpmh280-section::before{content:"";position:absolute;left:clamp(28px,5vw,86px);right:clamp(28px,5vw,86px);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--h280-line) 10%,var(--h280-line) 90%,transparent);}
.mpmh280-hero{min-height:clamp(470px,61vh,650px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.mpmh280-eyebrow,.mpmh280-kicker,.mpmh280-context-line{margin:0 0 12px;color:var(--h280-green);font-size:clamp(9.5px,.66vw,12px);line-height:1.15;font-weight:900;letter-spacing:.145em;text-transform:uppercase;}
.mpmh280-context-line{color:var(--h280-blue);font-size:clamp(9px,.61vw,10.5px);margin:0 0 12px;}
.mpmh280-hero h1{margin:0;max-width:1120px;color:var(--h280-white);font-size:clamp(38px,4.25vw,72px);line-height:.94;font-weight:950;letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;}
.mpmh280-hero-bridge-row{display:grid;grid-template-columns:clamp(210px,16.5vw,300px) minmax(0,1fr);align-items:center;gap:clamp(34px,3.7vw,60px);width:100%;max-width:1420px;margin:0;}
.mpmh280-hero-world-logo{display:flex;width:100%;align-items:center;justify-content:center;}
.mpmh280-hero-world-logo img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;}
.mpmh280-hero-copy-stack{display:flex;min-width:0;width:100%;max-width:1120px;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;}
.mpmh280-hero-copy-stack>.mpmh280-eyebrow{margin-bottom:18px;}
.mpmh280-hero-copy-stack>.mpmh280-context-line{margin:clamp(20px,1.8vw,28px) 0 10px;}
.mpmh280-hero-bridge{max-width:1080px;margin:clamp(20px,1.8vw,28px) 0 0;color:#dce9f2;font-size:clamp(13px,.92vw,16.5px);line-height:1.58;font-weight:520;letter-spacing:.008em;}
.mpmh280-context-line+.mpmh280-hero-bridge{margin-top:0;}
.mpmh280-signal-field{position:relative;width:100%;height:68px;margin:25px 0 14px;overflow:hidden;isolation:isolate;}
.mpmh280-signal-axis{position:absolute;left:0;right:0;top:31px;height:1px;background:linear-gradient(90deg,transparent 0,var(--h280-blue2) 12%,rgba(121,191,255,.65) 50%,var(--h280-blue2) 88%,transparent 100%);box-shadow:0 0 12px rgba(45,143,202,.2);}
.mpmh280-signal-node{position:absolute;top:25px;width:13px;height:13px;border:1px solid var(--h280-blue);border-radius:50%;background:#061421;box-shadow:0 0 0 5px rgba(121,191,255,.04),0 0 16px rgba(121,191,255,.25);}
.mpmh280-signal-node::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--h280-green);opacity:.8;box-shadow:0 0 9px var(--h280-green);}
.mpmh280-signal-node.n1{left:8%}.mpmh280-signal-node.n2{left:29%}.mpmh280-signal-node.n3{left:50%}.mpmh280-signal-node.n4{left:71%}.mpmh280-signal-node.n5{left:92%}
.mpmh280-signal-pulse{position:absolute;top:28px;width:36px;height:7px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--h280-green),transparent);filter:blur(.2px);opacity:.85;animation:mpmh280Pulse 8s linear infinite;}
.mpmh280-signal-pulse.p2{animation-delay:-4s;opacity:.45;}
.mpmh280-signal-status,.mpmh280-signal-context{position:absolute;bottom:0;color:var(--h280-muted);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;}
.mpmh280-signal-status{right:0}.mpmh280-signal-context{left:0;display:flex;max-width:calc(100% - 275px);align-items:center;gap:7px;color:var(--h280-muted);white-space:nowrap;}
.mpmh280-signal-status i,.mpmh280-signal-context i{display:inline-block;width:6px;height:6px;flex:0 0 6px;margin-right:0;border-radius:50%;background:var(--h280-green);box-shadow:0 0 8px var(--h280-green);vertical-align:1px;animation:mpmh280Online 2.4s ease-in-out infinite;}
.mpmh280-signal-status i{margin-right:7px}.mpmh280-signal-cause-link{display:inline;min-width:0;max-width:100%;padding:0;border:0;background:transparent;color:var(--h280-blue);font:inherit;font-weight:900;letter-spacing:inherit;text-transform:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.mpmh280-signal-cause-link:hover{color:var(--h280-green)}.mpmh280-signal-cause-link:active{color:var(--h280-green)}.mpmh280-signal-cause-link:focus-visible{color:var(--h280-blue);outline:1px solid var(--h280-blue);outline-offset:3px}
@keyframes mpmh280Pulse{from{left:-6%}to{left:103%}}@keyframes mpmh280Online{50%{opacity:.42;transform:scale(.82)}}
.mpmh280-scale-line{display:flex;align-self:stretch;width:100%;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:2px 11px;margin:0;text-align:center;color:#d6e5ef;font-size:clamp(9.5px,.69vw,12.5px);line-height:1.5;font-weight:760;letter-spacing:.052em;text-transform:uppercase;}
.mpmh280-scale-line strong{color:#bfe2f5;text-shadow:0 0 12px rgba(121,191,255,.08);font-weight:880}.mpmh280-scale-line strong>span{color:#eef8ff}.mpmh280-scale-line .mpmh280-scale-dot{margin:0;color:var(--h280-blue2)}.mpmh280-scale-line b{color:var(--h280-green);font-weight:900;letter-spacing:.09em;}
@media (min-width:1180px){.mpmh280-scale-line{flex-wrap:nowrap;white-space:nowrap;}}
.mpmh280-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:22px}.mpmh280-primary-actions.is-left{justify-content:flex-start}.mpmh280-cause-actions{justify-content:center;margin-top:30px;}
.mpmh280-action-primary,.mpmh280-text-action,.mpmh280-inline-route,.mpmh280-home button,.mpmh280-home a{font-family:inherit;}
.mpmh280-action-primary{min-height:42px;padding:0 26px;border:1px solid rgba(39,242,139,.72);background:rgba(39,242,139,.08);color:var(--h280-green);font-size:11px;font-weight:930;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;}
.mpmh280-text-action,.mpmh280-inline-route{display:inline-flex;align-items:center;min-height:34px;padding:0;border:0;background:transparent;color:var(--h280-blue);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;text-decoration:none;cursor:pointer;}
.mpmh280-action-primary:hover,.mpmh280-action-primary:focus-visible{background:var(--h280-green);color:#00120c;outline:0}.mpmh280-text-action:hover,.mpmh280-text-action:focus-visible,.mpmh280-inline-route:hover,.mpmh280-inline-route:focus-visible{color:var(--h280-green);outline:0;}
.mpmh280-section-head{max-width:1040px}.mpmh280-section-head h2{margin:0;max-width:820px;color:var(--h280-white);font-size:clamp(24px,2.45vw,39px);line-height:1;font-weight:930;letter-spacing:-.032em;text-transform:uppercase;text-wrap:balance;}
.mpmh280-section-head-split{display:grid;grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);gap:clamp(28px,5vw,78px);max-width:none;align-items:start;}
.mpmh280-section-title,.mpmh280-section-copy{min-width:0;}
.mpmh280-section-title>.mpmh280-kicker{margin-bottom:12px;}
.mpmh280-section-copy{padding-top:25px;}
.mpmh280-prose,.mpmh280-copy-columns{color:#c7d8e4;font-size:clamp(12.5px,.82vw,15px);line-height:1.62;font-weight:520;}
.mpmh280-prose{margin:0}.mpmh280-prose p{margin:0 0 13px}.mpmh280-prose p:last-child{margin-bottom:0}
.mpmh280-copy-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3.2vw,48px);margin-top:28px}.mpmh280-copy-columns p{margin:0;}
.mpmh280-cause-section .mpmh280-section-head{max-width:none;}
.mpmh280-cause-section .mpmh280-section-head h2{max-width:none;font-size:clamp(20px,1.6vw,27px);line-height:1.08;letter-spacing:-.024em;}
.mpmh280-cause-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:28px 0 0;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line);}
.mpmh280-cause-link{display:flex;min-height:116px;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:15px 12px;border:0;border-right:1px solid var(--h280-line);background:transparent;color:#cfe1ed;text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;}
.mpmh280-cause-link:nth-child(6n){border-right:0}.mpmh280-cause-link img{display:block;width:100%;max-width:120px;height:54px;object-fit:contain;filter:saturate(.92) brightness(.96);transition:transform .2s ease,filter .2s ease}.mpmh280-cause-link span{font-size:8px;line-height:1.2;font-weight:850;letter-spacing:.07em;text-transform:uppercase;max-width:150px}.mpmh280-cause-link:hover img,.mpmh280-cause-link:focus-visible img{transform:scale(1.06);filter:saturate(1.08) brightness(1.08)}.mpmh280-cause-link:hover,.mpmh280-cause-link:focus-visible{color:var(--h280-green);outline:1px solid rgba(39,242,139,.35);outline-offset:-1px;}
.mpmh280-cause-directory-route{display:flex;align-items:center;justify-content:center;margin:10px 0 -6px;text-align:center}.mpmh280-cause-directory-route>.mpmh280-inline-route{min-height:28px;line-height:1.2}
.mpmh280-entry-brand-preview{background:linear-gradient(180deg,transparent,rgba(7,26,42,.35),transparent)}
.mpmh280-principle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px 0 12px;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line);}.mpmh280-principle-cell{display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;gap:12px;min-width:0;padding:16px 22px 15px;border-right:1px solid var(--h280-line);text-align:center}.mpmh280-principle-cell:last-child{border-right:0}.mpmh280-principle-cell>span{display:block;color:var(--h280-white);font-size:clamp(10px,.72vw,12.5px);font-weight:950;letter-spacing:.095em;text-align:center}.mpmh280-principle-cell:last-child>span{color:var(--h280-green)}.mpmh280-principle-cell>.mpmh280-inline-route{min-height:auto;line-height:1.25;text-align:center}
.mpmh280-marquee{position:relative;width:100%;margin:28px 0 0;overflow:hidden;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);}
.mpmh280-marquee-track{display:flex;width:max-content;animation:mpmh280Marquee 100s linear infinite;will-change:transform}.mpmh280-marquee:hover .mpmh280-marquee-track,.mpmh280-marquee:focus-within .mpmh280-marquee-track,.mpmh280-marquee.is-offscreen .mpmh280-marquee-track{animation-play-state:paused}.mpmh280-marquee-group{display:flex;align-items:stretch;}
.mpmh280-marquee-logo{display:flex;width:156px;height:92px;flex:0 0 156px;align-items:center;justify-content:center;padding:14px 16px;border-right:1px solid var(--h280-line);background:transparent;color:var(--h280-muted);text-decoration:none;overflow:hidden;position:relative}.mpmh280-marquee-logo img{display:block;width:100%;height:60px;object-fit:contain;filter:saturate(.88) brightness(.96);transition:transform .2s ease,filter .2s ease}.mpmh280-marquee-logo>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.mpmh280-marquee-logo:not(.is-placeholder)>span{position:absolute;left:7px;right:7px;bottom:5px;opacity:0;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.mpmh280-marquee-logo:hover img,.mpmh280-marquee-logo:focus-visible img{transform:scale(1.06);filter:saturate(1.1) brightness(1.08)}.mpmh280-marquee-logo:hover>span,.mpmh280-marquee-logo:focus-visible>span{opacity:1;color:var(--h280-green)}.mpmh280-marquee-logo:focus-visible{outline:1px solid var(--h280-green);outline-offset:-2px}
@keyframes mpmh280Marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mpmh280-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line)}
.mpmh280-featured-brand{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;min-height:126px;padding:18px 22px;border-right:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line);background:transparent}.mpmh280-featured-brand:nth-child(3n){border-right:0}.mpmh280-featured-brand:nth-last-child(-n+3){border-bottom:0}.mpmh280-featured-logo{display:flex;width:90px;height:70px;align-items:center;justify-content:center;overflow:hidden;color:var(--h280-muted);text-decoration:none}.mpmh280-featured-logo img{max-width:100%;max-height:68px;object-fit:contain}.mpmh280-featured-logo>span{display:none;font-size:8px;line-height:1.25;font-weight:900;letter-spacing:.07em;text-align:center;text-transform:uppercase}.mpmh280-featured-logo.is-logo-missing>span{display:block}.mpmh280-featured-brand h3{margin:0 0 7px;color:var(--h280-white);font-size:14px;line-height:1.15;font-weight:900;text-transform:uppercase}.mpmh280-featured-brand p{margin:0 0 11px;color:var(--h280-muted);font-size:10px;line-height:1.35}.mpmh280-featured-brand a,.mpmh280-featured-brand>div>span{color:var(--h280-blue);font-size:8.5px;font-weight:900;letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.mpmh280-featured-brand a:hover{color:var(--h280-green)}.mpmh280-featured-placeholder{color:var(--h280-muted);font-size:10px;font-weight:900;letter-spacing:.1em;text-align:center}
.mpmh280-category-links,.mpmh280-platform-links,.mpmh280-get-involved-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:22px}.mpmh280-category-links strong{color:var(--h280-white);font-size:10px;letter-spacing:.11em}.mpmh280-category-links button,.mpmh280-platform-links button,.mpmh280-get-involved-links button{padding:0;border:0;background:transparent;color:var(--h280-muted);font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;cursor:pointer}.mpmh280-category-links button:hover,.mpmh280-category-links button:focus-visible,.mpmh280-platform-links button:hover,.mpmh280-platform-links button:focus-visible,.mpmh280-get-involved-links button:hover,.mpmh280-get-involved-links button:focus-visible{color:var(--h280-green);outline:0}.mpmh280-category-links button.all{color:var(--h280-blue)}
.mpmh280-inline-text-link{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;cursor:pointer}.mpmh280-inline-text-link:hover{color:var(--h280-blue)}.mpmh280-inline-text-link:active{color:var(--h280-green)}.mpmh280-inline-text-link:focus-visible{color:var(--h280-blue);outline:1px solid var(--h280-blue);outline-offset:2px;text-decoration:none}
.mpmh280-tool-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line)}.mpmh280-tool-row>button,.mpmh280-updates-form{min-height:132px;padding:21px 22px;border:0;border-right:1px solid var(--h280-line);background:transparent;color:var(--h280-white);text-align:left}.mpmh280-tool-row>button{cursor:pointer}.mpmh280-tool-row>button b,.mpmh280-updates-form b{display:block;margin-bottom:10px;color:var(--h280-white);font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.mpmh280-tool-row>button span,.mpmh280-updates-form label>span{display:block;color:var(--h280-muted);font-size:10px;line-height:1.45}.mpmh280-tool-row>button:hover,.mpmh280-tool-row>button:focus-visible{background:rgba(121,191,255,.035);outline:0}.mpmh280-tool-row>button:hover b,.mpmh280-tool-row>button:focus-visible b{color:var(--h280-green)}.mpmh280-updates-form{border-right:0}.mpmh280-updates-form>input[aria-hidden="true"]{position:absolute;left:-9999px}.mpmh280-updates-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:14px}.mpmh280-updates-form input[type="email"]{min-width:0;height:34px;border:1px solid rgba(121,191,255,.28);background:#020a10;color:var(--h280-green);padding:0 10px;font:inherit;font-size:10px}.mpmh280-updates-form>div button{border:1px solid rgba(121,191,255,.34);background:rgba(121,191,255,.05);color:var(--h280-blue);font-size:8px;font-weight:900;letter-spacing:.07em;cursor:pointer}.mpmh280-consent{display:flex!important;align-items:flex-start;gap:7px;margin-top:10px}.mpmh280-consent input{margin:2px 0 0}.mpmh280-consent span{font-size:7.8px!important;line-height:1.35!important}.mpmh280-consent button{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.mpmh280-updates-form output{display:block;min-height:14px;margin-top:6px;color:var(--h280-green);font-size:8px}.mpmh280-updates-form button[disabled]{opacity:.55;cursor:wait}.mpmh280-updates-form.is-complete{display:flex;flex-direction:column;justify-content:center}.mpmh280-updates-confirmation{display:flex;min-height:88px;flex-direction:column;justify-content:center}.mpmh280-updates-confirmation strong{display:block;margin:0 0 10px;color:var(--h280-green);font-size:12px;font-weight:950;letter-spacing:.105em;text-transform:uppercase}.mpmh280-updates-confirmation p{margin:0;max-width:330px;color:var(--h280-muted);font-size:10px;line-height:1.5}
.mpmh280-readout-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:25px;border-top:1px solid var(--h280-line);border-bottom:1px solid var(--h280-line)}.mpmh280-readout-row>div{padding:22px 22px;border-right:1px solid var(--h280-line)}.mpmh280-readout-row>div:last-child{border-right:0}.mpmh280-readout-row span{display:block;color:var(--h280-blue);font-size:8.5px;font-weight:900;letter-spacing:.095em;text-transform:uppercase}.mpmh280-readout-row strong{display:block;min-height:36px;margin:8px 0 5px;color:var(--h280-white);font-size:clamp(25px,2.15vw,37px);line-height:1;font-weight:950;letter-spacing:-.028em}.mpmh280-readout-row:not(.is-cause) strong{color:#d8e5ee;font-weight:760;letter-spacing:.02em}.mpmh280-readout-row small{display:block;color:var(--h280-muted);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.mpmh280-readout-row.is-cause>div:nth-child(3) strong,.mpmh280-readout-row.is-cause>div:nth-child(4) strong{color:var(--h280-green)}
.mpmh280-shared-participation{padding-bottom:clamp(24px,2.8vw,42px);background:linear-gradient(180deg,transparent,rgba(7,26,42,.32),transparent)}.mpmh280-get-involved{padding-top:clamp(24px,2.8vw,42px)}.mpmh280-tools-section .mpmh280-section-head h2,.mpmh280-readouts .mpmh280-section-head h2,.mpmh280-shared-participation .mpmh280-section-head h2,.mpmh280-get-involved .mpmh280-section-head h2{font-size:clamp(22px,2.1vw,34px);max-width:720px}
.mpmh280-get-involved-links{justify-content:center;padding-top:18px;border-top:1px solid var(--h280-line);text-align:center}.mpmh280-marquee-logo.is-logo-missing>span{position:static!important;opacity:1!important;color:var(--h280-muted);font-size:8px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.mpmh280-signal-field.is-offscreen .mpmh280-signal-pulse,.mpmh280-signal-field.is-offscreen .mpmh280-signal-status i,.mpmh280-signal-field.is-offscreen .mpmh280-signal-context i{animation-play-state:paused}
/* MPMH280 focused Entry Home cause-heading and closing-link refinement. */
.mpmh280-cause-section>.mpmh280-section-head{margin-left:auto;margin-right:auto;text-align:center;}
.mpmh280-cause-section>.mpmh280-section-head h2{margin-left:auto;margin-right:auto;}
.mpmh280-get-involved-links{gap:10px 26px;}
.mpmh280-get-involved-links button{color:var(--h280-blue);font-size:clamp(10px,.72vw,11.5px);letter-spacing:.085em;}
@media (min-width:1180px){.mpmh280-cause-section .mpmh280-section-head h2{white-space:nowrap;text-wrap:nowrap;}}
@media (max-width:1100px){.mpmh280-section-head-split{grid-template-columns:1fr;gap:0}.mpmh280-section-title{margin-bottom:18px}.mpmh280-section-copy{padding-top:0}.mpmh280-cause-rail{grid-template-columns:repeat(4,1fr)}.mpmh280-cause-link:nth-child(6n){border-right:1px solid var(--h280-line)}.mpmh280-cause-link:nth-child(4n){border-right:0}.mpmh280-featured-grid{grid-template-columns:repeat(2,1fr)}.mpmh280-featured-brand:nth-child(3n){border-right:1px solid var(--h280-line)}.mpmh280-featured-brand:nth-child(2n){border-right:0}.mpmh280-featured-brand:nth-last-child(-n+3){border-bottom:1px solid var(--h280-line)}.mpmh280-featured-brand:nth-last-child(-n+2){border-bottom:0}.mpmh280-tool-row{grid-template-columns:repeat(2,1fr)}.mpmh280-tool-row>button:nth-child(2){border-right:0}.mpmh280-tool-row>button{border-bottom:1px solid var(--h280-line)}.mpmh280-updates-form{border-top:0}.mpmh280-readout-row{grid-template-columns:repeat(2,1fr)}.mpmh280-readout-row>div:nth-child(2){border-right:0}.mpmh280-readout-row>div:nth-child(-n+2){border-bottom:1px solid var(--h280-line)}}
@media (max-width:720px){.mpmh280-hero,.mpmh280-section{padding-left:20px;padding-right:20px}.mpmh280-hero{min-height:auto;padding-top:38px;padding-bottom:40px}.mpmh280-hero h1{max-width:100%;font-size:clamp(32px,10.5vw,48px);line-height:.96}.mpmh280-section-head h2{font-size:clamp(23px,8.2vw,34px)}.mpmh280-cause-section .mpmh280-section-head h2{font-size:clamp(20px,7vw,28px)}.mpmh280-hero-bridge-row{grid-template-columns:1fr;justify-items:start;gap:18px;margin:0}.mpmh280-hero-world-logo{width:132px}.mpmh280-hero-world-logo img{max-height:132px}.mpmh280-hero-copy-stack{max-width:100%}.mpmh280-hero-copy-stack>.mpmh280-eyebrow{margin-bottom:14px}.mpmh280-hero-copy-stack>.mpmh280-context-line{margin-top:20px}.mpmh280-hero-bridge{font-size:13px;line-height:1.6;margin-top:20px}.mpmh280-context-line+.mpmh280-hero-bridge{margin-top:0}.mpmh280-scale-line{font-size:9.5px;line-height:1.55;gap:1px 6px}.mpmh280-scale-line .mpmh280-scale-dot{margin:0}.mpmh280-signal-field{height:66px;margin-top:22px}.mpmh280-copy-columns{grid-template-columns:1fr;gap:18px}.mpmh280-cause-rail{grid-template-columns:repeat(2,1fr)}.mpmh280-cause-link:nth-child(4n){border-right:1px solid var(--h280-line)}.mpmh280-cause-link:nth-child(2n){border-right:0}.mpmh280-principle{grid-template-columns:1fr}.mpmh280-principle-cell{border-right:0;border-bottom:1px solid var(--h280-line)}.mpmh280-principle-cell:last-child{border-bottom:0}.mpmh280-featured-grid{grid-template-columns:1fr}.mpmh280-featured-brand,.mpmh280-featured-brand:nth-child(n){border-right:0;border-bottom:1px solid var(--h280-line)}.mpmh280-featured-brand:last-child{border-bottom:0}.mpmh280-tool-row,.mpmh280-readout-row{grid-template-columns:1fr}.mpmh280-tool-row>button,.mpmh280-updates-form,.mpmh280-readout-row>div{border-right:0;border-bottom:1px solid var(--h280-line)}.mpmh280-updates-form,.mpmh280-readout-row>div:last-child{border-bottom:0}.mpmh280-marquee{mask-image:none;-webkit-mask-image:none}.mpmh280-marquee-track{animation-duration:125s}.mpmh280-marquee-logo{width:136px;flex-basis:136px;height:84px}.mpmh280-primary-actions{align-items:flex-start;flex-direction:column;gap:8px}.mpmh280-cause-actions{align-items:stretch}.mpmh280-action-primary{width:100%}}
@media (prefers-reduced-motion:reduce){.mpmh280-signal-pulse,.mpmh280-signal-status i,.mpmh280-signal-context i{animation:none!important}.mpmh280-marquee{overflow:visible;mask-image:none;-webkit-mask-image:none}.mpmh280-marquee-track{display:block;width:100%;animation:none!important}.mpmh280-marquee-group[data-mpmh280-marquee-group="primary"]{display:grid;grid-template-columns:repeat(4,1fr)}.mpmh280-marquee-group[data-mpmh280-marquee-group="clone"]{display:none}.mpmh280-marquee-logo{width:auto;height:90px;min-width:0}.mpmh280-home *{scroll-behavior:auto!important}}

/* MPMH280 focused marquee-position reversal and selected-cause Signal balance. */
.mpmh280-signal-field.is-selected .mpmh280-signal-axis{top:34px;}
.mpmh280-signal-field.is-selected .mpmh280-signal-node{top:28px;}
.mpmh280-signal-field.is-selected .mpmh280-signal-pulse{top:31px;}
.mpmh280-signal-field.is-selected .mpmh280-signal-context{
  top:0;
  bottom:auto;
  left:0;
  right:auto;
  width:clamp(210px,16.5vw,300px);
  max-width:none;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-items:center;
  justify-content:center;
  gap:4px 7px;
  overflow:visible;
  white-space:nowrap;
  text-align:center;
  line-height:1.15;
}
.mpmh280-signal-field.is-selected .mpmh280-signal-context>i{grid-column:1;grid-row:1;}
.mpmh280-signal-field.is-selected .mpmh280-signal-context>span{grid-column:2;grid-row:1;}
.mpmh280-signal-field.is-selected .mpmh280-signal-cause-link{
  grid-column:1 / -1;
  grid-row:2;
  justify-self:stretch;
  width:100%;
  text-align:center;
}
.mpmh280-signal-field.is-selected .mpmh280-signal-status{top:50px;bottom:auto;}

@media (max-width:720px){
  .mpmh280-signal-field.is-selected{height:82px;}
  .mpmh280-signal-field.is-selected .mpmh280-signal-axis{top:42px;}
  .mpmh280-signal-field.is-selected .mpmh280-signal-node{top:36px;}
  .mpmh280-signal-field.is-selected .mpmh280-signal-pulse{top:39px;}
  .mpmh280-signal-field.is-selected .mpmh280-signal-context{top:0;left:0;right:0;width:100%;max-width:100%;}
  .mpmh280-signal-field.is-selected .mpmh280-signal-status{top:60px;bottom:auto;left:0;right:auto;}
}


/* ========================================================================
   MPMH282 · DETERMINISTIC SITEWIDE SECTION-TITLE RAIL OWNER
   ------------------------------------------------------------------------
   One title, one centered rail, one controller. Restores title visibility
   after the retired 082/083 rail-absorption layers and deliberately leaves
   the existing 28px shell geometry, frame endpoints, tables, sticky headers,
   scrolling, routing, and tracking untouched.
   ======================================================================== */
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
  min-height:28px!important;
  height:28px!important;
  max-height:28px!important;
  padding:0!important;
  overflow:hidden!important;
}
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:26px!important;
  height:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0 18px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  max-width:calc(100% - 36px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#f2f6f7!important;
  font-size:clamp(12px,.78vw,15px)!important;
  line-height:26px!important;
  font-weight:950!important;
  letter-spacing:.28em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 10px rgba(126,183,255,.18)!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
}
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-title-length="long"] #mpmhLiveSectionTitle{
  font-size:13px!important;
  letter-spacing:.20em!important;
}
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-title-length="xlong"] #mpmhLiveSectionTitle{
  font-size:12px!important;
  letter-spacing:.12em!important;
}
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionSubtitle,
html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell .mpmh-live-section-subtitle{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}
@media(max-width:900px){
  html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
    max-width:calc(100% - 20px)!important;
    font-size:12px!important;
    letter-spacing:.16em!important;
  }
  html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-title-length="long"] #mpmhLiveSectionTitle,
  html.mpmh282-title-rail-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-title-length="xlong"] #mpmhLiveSectionTitle{
    font-size:11px!important;
    letter-spacing:.08em!important;
  }
}

/* ========================================================================
   MPMH285 · TITLE-RAIL CLOSE CONTROL + SHELL BLANK CANVAS
   ------------------------------------------------------------------------
   Preserves the existing 28px rail and shell geometry. The close control is
   independently positioned so the title remains truly centered. Blank mode
   changes presentation only; active panel/route/footer state remains intact.
   ======================================================================== */
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
  padding-left:46px!important;
  padding-right:46px!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
  max-width:calc(100% - 92px)!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose.mpmh-live-section-close{
  position:absolute!important;
  z-index:8!important;
  top:0!important;
  right:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  min-width:30px!important;
  height:26px!important;
  min-height:26px!important;
  margin:0!important;
  padding:0!important;
  color:rgba(223,237,244,.72)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:inherit!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose>span{
  display:block!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:18px!important;
  transform:translateY(-1px)!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose:hover{
  color:#8fc6ff!important;
  text-shadow:0 0 9px rgba(126,183,255,.36)!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose:active{
  color:#0bf99e!important;
  text-shadow:0 0 9px rgba(11,249,158,.32)!important;
}
html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose:focus-visible{
  color:#8fc6ff!important;
  outline:1px solid rgba(143,198,255,.88)!important;
  outline-offset:-4px!important;
}

/* The entire region from the live title rail to the footer reads as one black canvas. */
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header,
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:#000!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader::before,
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader::after{
  content:none!important;
  display:none!important;
}
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionTitle,
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionSubtitle,
html.mpmh285-shell-blank body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.mpmh285-shell-blank body #publicShell #shellMain.shell-main#shellMain{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-top-color:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
}
html.mpmh285-shell-blank body #publicShell #shellMain.shell-main#shellMain::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
html.mpmh285-shell-blank body #publicShell #shellMain.shell-main#shellMain::before,
html.mpmh285-shell-blank body #publicShell #shellMain.shell-main#shellMain::after{
  content:none!important;
  display:none!important;
}
html.mpmh285-shell-blank body #publicShell #shellMain.shell-main#shellMain>*{
  display:none!important;
}
@media(max-width:900px){
  html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{
    padding-left:42px!important;
    padding-right:42px!important;
  }
  html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
    max-width:calc(100% - 84px)!important;
  }
  html.mpmh285-blank-canvas-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionClose.mpmh-live-section-close{
    right:3px!important;
    width:30px!important;
  }
}

/* MPMH285 blank-state specificity lock: defeats retired title/frame rules without changing normal mode. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell #mpmhLiveSectionHeader.mpmh-live-section-header #mpmhLiveSectionTitle.mpmh-live-section-title,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell #mpmhLiveSectionHeader.mpmh-live-section-header #mpmhLiveSectionSubtitle.mpmh-live-section-subtitle,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell #mpmhLiveSectionHeader.mpmh-live-section-header #mpmhLiveSectionClose.mpmh-live-section-close{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  text-shadow:none!important;
  outline:0!important;
}

/* ========================================================================
   MPMH285 · TRUE-BLACK BLANK-CANVAS PAINT + FRAME OWNER
   ------------------------------------------------------------------------
   Blank mode must look identical regardless of the page that was active.
   Override the legacy surface variables themselves, then blacken every frame
   endpoint from the live title rail through the footer boundary. Normal mode
   remains entirely unchanged when the state class is removed.
   ======================================================================== */
html.mpmh285-shell-blank{
  --mpmh263-blue:#000!important;
  --mpmh263-surface:#000!important;
  --mpmh261-blue:#000!important;
  --mpmh261-surface:#000!important;
  --mpmh260-surface:#000!important;
  --mpmh-surface:#000!important;
}
html.mpmh285-shell-blank,
html.mpmh285-shell-blank body,
html.mpmh285-shell-blank body.mpmh285-shell-blank,
html.mpmh285-shell-blank body #publicShell.public-shell{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  outline-color:#000!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell{
  border-color:#000!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #mpmhLiveSectionHeader::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #mpmhLiveSectionHeader::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #shellMain::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #shellMain::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell #mpmhLiveSectionHeader.mpmh-live-section-header,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell #mpmhLiveSectionHeader.mpmh-live-section-header .mpmh-live-section-inner{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:#000!important;
  outline-color:#000!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-top-color:#000!important;
  border-right-color:#000!important;
  border-bottom-color:#000!important;
  border-left-color:#000!important;
  outline-color:#000!important;
  box-shadow:none!important;
  scrollbar-color:#000 #000!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > *,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .tab-panel,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .tab-panel:not([style*="display: none"]){
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:#000!important;
  outline-color:#000!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain::-webkit-scrollbar,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain::-webkit-scrollbar-track,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain::-webkit-scrollbar-corner,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain::-webkit-scrollbar-thumb{
  background:#000!important;
  background-color:#000!important;
  border-color:#000!important;
  box-shadow:none!important;
}
/* The footer remains usable, but its outer/top frame cannot outline the blank canvas. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail{
  border-top-color:#000!important;
  border-right-color:#000!important;
  border-left-color:#000!important;
  border-bottom-color:#000!important;
  box-shadow:none!important;
}

/* ========================================================================
   MPMH285 · FINAL BLANK-STATE FOOTER-BOTTOM EDGE LOCK
   ------------------------------------------------------------------------
   MPMH284 correctly blackened the blank canvas and outer frame. This final
   scoped rule catches the last footer-bottom owner (including inherited
   descendant/pseudo paint) without changing normal footer presentation,
   dimensions, links, routing, or close/reopen behavior.
   ======================================================================== */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #mpmhUnifiedShell.mpmh-unified-shell,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-inner,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-nav,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh-unified-footer-row,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  border-bottom-color:#000!important;
  outline-color:#000!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-inner::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-inner::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-nav::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-nav::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-flat-row::after,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line::after{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:#000!important;
  outline-color:#000!important;
  box-shadow:none!important;
}



/* ==========================================================================
   MPMH286 · PERSONALIZED HOME DISCOVERY CONTROLS
   - Brand/cause clarification remains visually subordinate to the main prose.
   - Existing Categories and Platform Tools are relocated beneath the marquee.
   - Existing routes, tracking attributes, updates intake, and success behavior remain intact.
   ========================================================================== */
html.mpmh280-home-states .mpmh286-brand-context-disclaimer{
  margin-top:10px!important;
  color:#7893a7!important;
  font-size:clamp(9.5px,.66vw,11.5px)!important;
  line-height:1.5!important;
  font-weight:520!important;
  letter-spacing:.005em!important;
}
html.mpmh280-home-states .mpmh286-brand-context-disclaimer em{
  font-style:normal;
}
html.mpmh280-home-states .mpmh286-discovery-controls{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:clamp(32px,4vw,68px);
  margin:0;
  padding:clamp(22px,2.4vw,34px) 0 clamp(24px,2.7vw,38px);
  border-bottom:1px solid var(--h280-line);
  align-items:start;
}
html.mpmh280-home-states .mpmh286-category-panel,
html.mpmh280-home-states .mpmh286-tools-panel{
  min-width:0;
}
html.mpmh280-home-states .mpmh286-tools-panel{
  padding-left:clamp(28px,3vw,48px);
  border-left:1px solid var(--h280-line);
}
html.mpmh280-home-states .mpmh286-control-heading{
  min-width:0;
  margin:0 0 16px;
}
html.mpmh280-home-states .mpmh286-control-heading>.mpmh280-kicker{
  margin:0 0 8px;
}
html.mpmh280-home-states .mpmh286-control-heading>h3{
  margin:0 0 8px;
  color:var(--h280-white);
  font-size:clamp(14px,1.05vw,18px);
  line-height:1.08;
  font-weight:930;
  letter-spacing:-.018em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh286-control-heading>p:not(.mpmh280-kicker){
  margin:0;
  max-width:650px;
  color:#9db4c6;
  font-size:clamp(10px,.7vw,12px);
  line-height:1.5;
  font-weight:520;
}
html.mpmh280-home-states .mpmh286-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px 18px;
  align-items:start;
}
html.mpmh280-home-states .mpmh286-category-grid button{
  display:block;
  width:max-content;
  max-width:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--h280-blue);
  font-size:9px;
  line-height:1.35;
  font-weight:850;
  letter-spacing:.07em;
  text-align:left;
  text-transform:uppercase;
  white-space:normal;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh286-category-grid button:hover,
html.mpmh280-home-states .mpmh286-category-grid button:focus-visible{
  color:var(--h280-green);
  outline:0;
}
html.mpmh280-home-states .mpmh286-category-grid button.all{
  color:var(--h280-green);
}
html.mpmh280-home-states .mpmh286-tool-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 18px;
  margin:0;
}
html.mpmh280-home-states .mpmh286-tool-actions>button{
  min-width:0;
  min-height:58px;
  padding:0 10px 10px 0;
  border:0;
  border-bottom:1px solid rgba(121,191,255,.14);
  background:transparent;
  color:var(--h280-white);
  text-align:left;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh286-tool-actions>button b{
  display:block;
  margin:0 0 5px;
  color:var(--h280-blue);
  font-size:9px;
  line-height:1.3;
  font-weight:950;
  letter-spacing:.075em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh286-tool-actions>button span{
  display:block;
  color:#7893a7;
  font-size:8.5px;
  line-height:1.38;
}
html.mpmh280-home-states .mpmh286-tool-actions>button:hover,
html.mpmh280-home-states .mpmh286-tool-actions>button:focus-visible{
  outline:0;
}
html.mpmh280-home-states .mpmh286-tool-actions>button:hover b,
html.mpmh280-home-states .mpmh286-tool-actions>button:focus-visible b{
  color:var(--h280-green);
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form{
  display:grid;
  grid-template-columns:minmax(150px,.55fr) minmax(280px,1.45fr);
  grid-template-areas:
    "label fields"
    "label consent"
    "label status";
  gap:7px 18px;
  min-height:0;
  margin:18px 0 0;
  padding:17px 0 0;
  border:0;
  border-top:1px solid rgba(121,191,255,.18);
  background:transparent;
  text-align:left;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>input[aria-hidden="true"]{
  position:absolute;
  left:-9999px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>label[for="mpmh280UpdatesEmail"]{
  grid-area:label;
  align-self:start;
  padding-top:2px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>label[for="mpmh280UpdatesEmail"] b{
  display:block;
  margin:0 0 5px;
  color:var(--h280-white);
  font-size:9.5px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>label[for="mpmh280UpdatesEmail"]>span{
  display:block;
  color:#7893a7;
  font-size:8.5px;
  line-height:1.4;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>div{
  grid-area:fields;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin:0;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form input[type="email"]{
  height:32px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>div button{
  min-width:120px;
  padding:0 12px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-consent{
  grid-area:consent;
  margin:0!important;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form output{
  grid-area:status;
  min-height:12px;
  margin:0;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form.is-complete{
  display:block;
  min-height:0;
  padding-top:17px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-confirmation{
  min-height:64px;
}
html.mpmh280-home-states .mpmh280-brand-discovery>.mpmh280-featured-grid{
  margin-top:0;
  border-top:0;
}

@media (max-width:1100px){
  html.mpmh280-home-states .mpmh286-discovery-controls{
    grid-template-columns:1fr;
    gap:26px;
  }
  html.mpmh280-home-states .mpmh286-tools-panel{
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid var(--h280-line);
  }
}
@media (max-width:720px){
  html.mpmh280-home-states .mpmh286-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html.mpmh280-home-states .mpmh286-tool-actions{
    grid-template-columns:1fr;
    gap:10px;
  }
  html.mpmh280-home-states .mpmh286-tool-actions>button{
    min-height:0;
    padding-bottom:10px;
  }
  html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form{
    grid-template-columns:1fr;
    grid-template-areas:
      "label"
      "fields"
      "consent"
      "status";
    gap:9px;
  }
  html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>div{
    grid-template-columns:1fr;
  }
  html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form>div button{
    min-height:32px;
  }
}


/* ==========================================================================
   MPMH287 · COMPACT PLATFORM TOOLS + IN-PLACE HERO CAUSE READOUT
   - No shell, router, canonical metric source, platform readout, or intake changes.
   - The lower selected-cause readout is replaced by a stable hero content switch.
   ========================================================================== */
html.mpmh280-home-states .mpmh287-tools-intro{
  margin-bottom:10px;
}
html.mpmh280-home-states .mpmh287-tools-intro>.mpmh280-kicker{
  margin-bottom:9px;
}
html.mpmh280-home-states .mpmh287-tools-intro-row{
  display:grid;
  grid-template-columns:minmax(155px,.74fr) minmax(0,1.26fr);
  gap:clamp(16px,2vw,28px);
  align-items:start;
}
html.mpmh280-home-states .mpmh287-tools-intro-row>h3{
  margin:0;
  color:var(--h280-white);
  font-size:clamp(14px,1.02vw,18px);
  line-height:1.04;
  font-weight:930;
  letter-spacing:-.018em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh287-tools-intro-row>p{
  margin:0;
  max-width:620px;
  color:#9db4c6;
  font-size:clamp(10px,.7vw,12px);
  line-height:1.5;
  font-weight:520;
}
html.mpmh280-home-states .mpmh286-tool-actions{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-rows:minmax(44px,auto);
  gap:7px 15px;
  margin-top:0;
}
html.mpmh280-home-states .mpmh286-tool-actions>button{
  min-height:44px;
  padding:0 7px 7px 0;
}
html.mpmh280-home-states .mpmh286-tool-actions>button b{
  margin-bottom:3px;
}
html.mpmh280-home-states .mpmh286-tool-actions>button span{
  line-height:1.3;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form{
  grid-template-columns:minmax(135px,.48fr) minmax(0,1.52fr);
  margin-top:12px;
  padding-top:13px;
  gap:6px 15px;
}
html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form.is-complete{
  padding-top:13px;
}

html.mpmh280-home-states .mpmh287-hero-context-switch{
  width:100%;
  min-height:clamp(158px,12.8vw,188px);
  margin-top:clamp(20px,1.8vw,28px);
}
html.mpmh280-home-states .mpmh287-hero-context-panel[hidden]{
  display:none!important;
}
html.mpmh280-home-states .mpmh287-hero-overview,
html.mpmh280-home-states .mpmh287-hero-readout{
  width:100%;
}
html.mpmh280-home-states .mpmh287-hero-overview>.mpmh280-context-line{
  margin:0 0 10px;
}
html.mpmh280-home-states .mpmh287-hero-overview>.mpmh280-hero-bridge{
  margin:0;
}
html.mpmh280-home-states .mpmh287-hero-view-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:28px;
  margin-top:12px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--h280-blue);
  font-family:inherit;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.095em;
  text-transform:uppercase;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh287-hero-view-link:hover,
html.mpmh280-home-states .mpmh287-hero-view-link:focus-visible{
  color:var(--h280-green);
  outline:0;
}
html.mpmh280-home-states .mpmh287-hero-readout-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
}
html.mpmh280-home-states .mpmh287-hero-readout-head .mpmh280-context-line{
  margin:0 0 6px;
}
html.mpmh280-home-states .mpmh287-hero-readout-head>.mpmh287-hero-view-link{
  flex:0 0 auto;
  margin-top:0;
}
html.mpmh280-home-states .mpmh287-hero-readout-cause{
  margin:0;
  color:var(--h280-white);
  font-size:clamp(16px,1.35vw,23px);
  line-height:1.05;
  font-weight:940;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:13px;
  border-top:1px solid var(--h280-line);
  border-bottom:1px solid var(--h280-line);
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics>div{
  min-width:0;
  padding:11px 13px 10px 0;
  border-right:1px solid var(--h280-line);
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:not(:first-child){
  padding-left:13px;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:last-child{
  border-right:0;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics span,
html.mpmh280-home-states .mpmh287-hero-readout-metrics small{
  display:block;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics span{
  color:var(--h280-blue);
  font-size:7.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.085em;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics strong{
  display:block;
  min-height:24px;
  margin:6px 0 3px;
  color:var(--h280-white);
  font-size:clamp(20px,1.8vw,30px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.025em;
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:nth-child(3) strong,
html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:nth-child(4) strong{
  color:var(--h280-green);
}
html.mpmh280-home-states .mpmh287-hero-readout-metrics small{
  color:var(--h280-muted);
  font-size:6.9px;
  line-height:1.2;
  letter-spacing:.055em;
}
html.mpmh280-home-states .mpmh287-hero-readout-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 18px;
  margin-top:9px;
}
html.mpmh280-home-states .mpmh287-hero-readout-actions button,
html.mpmh280-home-states .mpmh287-hero-readout-actions a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--h280-blue);
  font-family:inherit;
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.085em;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh287-hero-readout-actions button:hover,
html.mpmh280-home-states .mpmh287-hero-readout-actions button:focus-visible,
html.mpmh280-home-states .mpmh287-hero-readout-actions a:hover,
html.mpmh280-home-states .mpmh287-hero-readout-actions a:focus-visible{
  color:var(--h280-green);
  outline:0;
}

@media (max-width:1100px){
  html.mpmh280-home-states .mpmh287-hero-context-switch{
    min-height:218px;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:nth-child(2){
    border-right:0;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:nth-child(-n+2){
    border-bottom:1px solid var(--h280-line);
  }
}
@media (max-width:720px){
  html.mpmh280-home-states .mpmh287-tools-intro-row{
    grid-template-columns:1fr;
    gap:7px;
  }
  html.mpmh280-home-states .mpmh286-tool-actions{
    grid-template-columns:1fr;
  }
  html.mpmh280-home-states .mpmh286-tools-panel .mpmh280-updates-form{
    grid-template-columns:1fr;
  }
  html.mpmh280-home-states .mpmh287-hero-context-switch{
    min-height:276px;
    margin-top:20px;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-head{
    display:block;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-head>.mpmh287-hero-view-link{
    margin-top:8px;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-metrics>div{
    padding:10px 9px 9px 0;
  }
  html.mpmh280-home-states .mpmh287-hero-readout-metrics>div:not(:first-child){
    padding-left:9px;
  }
}

/* ========================================================================
   MPMH288 · CLOSED-CANVAS WATERMARK + FULL RIGHT-RAIL CAUSE READOUT
   ------------------------------------------------------------------------
   Focused refinement only:
   - keeps the MPMH285 pure-black closed shell and adds one static, subtle
     grayscale world-logo watermark;
   - keeps the Personalized Home world logo fixed while Overview / Cause
     Readout exchange the complete right-side hero content area;
   - keeps the readout controls beside the selected cause immediately above
     the Signal axis.
   ======================================================================== */
.mpmh288-blank-watermark{
  display:none;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain{
  position:relative!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
  user-select:none!important;
  overflow:hidden!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark img{
  display:block!important;
  width:min(68vw,760px)!important;
  max-width:76%!important;
  max-height:72%!important;
  height:auto!important;
  object-fit:contain!important;
  opacity:.048!important;
  filter:grayscale(1) saturate(0) brightness(.62) contrast(.82)!important;
  transform:translateY(-1.5%)!important;
}

html.mpmh280-home-states .mpmh280-selected-hero .mpmh280-hero-copy-stack{
  align-self:stretch;
}
html.mpmh280-home-states .mpmh288-full-hero-switch{
  display:flex;
  width:100%;
  min-height:clamp(286px,25vw,372px);
  margin-top:0;
  align-items:stretch;
}
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-context-panel{
  width:100%;
  min-height:inherit;
}
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview>.mpmh280-eyebrow{
  margin:0 0 18px;
}
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview>.mpmh280-context-line{
  margin:clamp(20px,1.8vw,28px) 0 10px;
}
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview>.mpmh280-hero-bridge{
  margin:0;
}
html.mpmh280-home-states .mpmh288-full-hero-readout{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-head{
  display:block;
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-cause{
  font-size:clamp(23px,2.15vw,38px);
  line-height:.98;
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-metrics{
  margin-top:clamp(18px,1.5vw,24px);
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-metrics>div{
  padding-top:clamp(14px,1.15vw,18px);
  padding-bottom:clamp(13px,1vw,16px);
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-metrics strong{
  font-size:clamp(24px,2.2vw,38px);
}
html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-actions{
  margin-top:clamp(12px,1vw,16px);
}

html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context{
  top:0;
  bottom:auto;
  left:0;
  right:auto;
  width:min(620px,calc(100% - 310px));
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  overflow:visible;
  white-space:normal;
  text-align:center;
  line-height:1.15;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context>.mpmh288-signal-context-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  color:var(--h280-muted);
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context>.mpmh288-signal-context-label>i{
  display:inline-block;
  width:6px;
  height:6px;
  flex:0 0 6px;
  margin:0;
  border-radius:50%;
  background:var(--h280-green);
  box-shadow:0 0 8px var(--h280-green);
  animation:mpmh280Online 2.4s ease-in-out infinite;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context>.mpmh288-signal-context-actions{
  display:flex;
  width:100%;
  min-width:0;
  align-items:center;
  justify-content:center;
  gap:8px 16px;
  white-space:nowrap;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context .mpmh280-signal-cause-link{
  display:block;
  width:auto;
  max-width:min(330px,60%);
  grid-column:auto;
  grid-row:auto;
  justify-self:auto;
  text-align:left;
}
html.mpmh280-home-states .mpmh288-signal-readout-toggle{
  display:inline-flex;
  flex:0 0 auto;
  width:auto;
  min-height:18px;
  margin:0;
  color:var(--h280-blue);
  font-size:8px;
  letter-spacing:.09em;
  white-space:nowrap;
}
html.mpmh280-home-states .mpmh288-signal-readout-toggle::before{
  content:"·";
  margin-right:12px;
  color:var(--h280-blue2);
}
html.mpmh280-home-states .mpmh288-signal-readout-toggle[hidden]{
  display:none!important;
}

@media (max-width:1100px){
  html.mpmh280-home-states .mpmh288-full-hero-switch{
    min-height:clamp(300px,36vw,390px);
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context{
    width:calc(100% - 240px);
  }
}
@media (max-width:720px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark img{
    width:min(86vw,520px)!important;
    max-width:86%!important;
    max-height:68%!important;
    opacity:.042!important;
  }
  html.mpmh280-home-states .mpmh288-full-hero-switch{
    min-height:360px;
  }
  html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview{
    justify-content:flex-start;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected{
    height:94px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-axis{
    top:54px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-node{
    top:48px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-pulse{
    top:51px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context{
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context>.mpmh288-signal-context-actions{
    flex-wrap:wrap;
    gap:3px 12px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context .mpmh280-signal-cause-link{
    max-width:68%;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-status{
    top:74px;
  }
  html.mpmh280-home-states .mpmh288-full-hero-readout .mpmh287-hero-readout-cause{
    font-size:clamp(22px,8vw,34px);
  }
}
@media (prefers-reduced-motion:reduce){
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh288-signal-context>.mpmh288-signal-context-label>i{
    animation:none!important;
  }
}
html.mpmh280-home-states .mpmh288-full-hero-switch>[hidden]{
  display:none!important;
}

/* ========================================================================
   MPMH289 · PERSONALIZED HERO WORKSPACE + STATE-AWARE HOME TITLE
   ------------------------------------------------------------------------
   Focused refinement only:
   - restores the selected-cause label to the fixed world-logo rail;
   - removes the ambient indicator from the cause-alignment label;
   - adds an independent four-view control row for Overview, Cause Readout,
     How Alignment Works, and Cause Actions;
   - preserves a stable right-side hero workspace and shell geometry.
   ======================================================================== */
html.mpmh280-home-states .mpmh289-hero-workspace{
  min-height:clamp(300px,25vw,372px);
}
html.mpmh280-home-states .mpmh289-hero-info-panel{
  display:flex;
  width:100%;
  min-height:inherit;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
html.mpmh280-home-states .mpmh289-hero-info-panel>.mpmh280-context-line{
  margin:0 0 13px;
}
html.mpmh280-home-states .mpmh289-hero-info-panel>h2{
  margin:0;
  max-width:920px;
  color:var(--h280-white);
  font-size:clamp(28px,2.75vw,46px);
  line-height:.98;
  font-weight:950;
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-wrap:balance;
}
html.mpmh280-home-states .mpmh289-hero-info-panel>p:not(.mpmh280-context-line){
  max-width:980px;
  margin:clamp(17px,1.45vw,23px) 0 0;
  color:#dce9f2;
  font-size:clamp(12.5px,.84vw,15px);
  line-height:1.58;
  font-weight:520;
}
html.mpmh280-home-states .mpmh289-hero-info-panel>.mpmh289-hero-note{
  margin-top:12px!important;
  color:#8faabd!important;
  font-size:clamp(9.5px,.65vw,11px)!important;
  line-height:1.5!important;
}
html.mpmh280-home-states .mpmh289-hero-panel-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 20px;
  margin-top:clamp(14px,1.2vw,19px);
}
html.mpmh280-home-states .mpmh289-hero-panel-actions button,
html.mpmh280-home-states .mpmh289-hero-panel-actions a{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--h280-blue);
  font-family:inherit;
  font-size:8.5px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh289-hero-panel-actions button:hover,
html.mpmh280-home-states .mpmh289-hero-panel-actions button:focus-visible,
html.mpmh280-home-states .mpmh289-hero-panel-actions a:hover,
html.mpmh280-home-states .mpmh289-hero-panel-actions a:focus-visible{
  color:var(--h280-green);
  outline:0;
}
html.mpmh280-home-states .mpmh289-hero-actions-panel>h2{
  color:var(--h280-white);
}

/* Keep the cause identity centered under the fixed world-logo rail. */
html.mpmh280-home-states .mpmh280-signal-field.is-selected{
  height:84px;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-axis{
  top:44px;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-node{
  top:38px;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-pulse{
  top:41px;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh289-signal-context{
  top:0;
  bottom:auto;
  left:0;
  right:auto;
  width:clamp(210px,16.5vw,300px);
  max-width:clamp(210px,16.5vw,300px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  overflow:visible;
  white-space:normal;
  text-align:center;
  line-height:1.12;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh289-signal-context-label{
  display:block;
  width:100%;
  min-width:0;
  color:var(--h280-muted);
  text-align:center;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh289-signal-context-label>i{
  display:none!important;
  animation:none!important;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh289-signal-context .mpmh280-signal-cause-link{
  display:block;
  width:100%;
  max-width:100%;
  min-height:16px;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-status{
  top:64px;
  bottom:auto;
}

/* Independent controls: their width never participates in cause centering. */
html.mpmh280-home-states .mpmh289-hero-view-nav{
  position:absolute;
  top:16px;
  left:calc(clamp(210px,16.5vw,300px) + clamp(34px,3.7vw,60px));
  right:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px clamp(13px,1.55vw,25px);
  min-width:0;
  text-align:center;
}
html.mpmh280-home-states .mpmh289-hero-view-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--h280-blue);
  font-family:inherit;
  font-size:clamp(7.5px,.56vw,9px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}
html.mpmh280-home-states .mpmh289-hero-view-control:hover,
html.mpmh280-home-states .mpmh289-hero-view-control:focus-visible{
  color:var(--h280-green);
  outline:0;
}
html.mpmh280-home-states .mpmh289-hero-view-control.is-active,
html.mpmh280-home-states .mpmh289-hero-view-control[aria-pressed="true"]{
  color:var(--h280-green);
}

@media (max-width:1100px){
  html.mpmh280-home-states .mpmh289-hero-workspace{
    min-height:clamp(318px,36vw,400px);
  }
  html.mpmh280-home-states .mpmh289-hero-view-nav{
    gap:3px 13px;
  }
}
@media (max-width:720px){
  html.mpmh280-home-states .mpmh289-hero-workspace{
    min-height:390px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected{
    height:122px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh289-signal-context{
    top:0;
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }
  html.mpmh280-home-states .mpmh289-hero-view-nav{
    top:40px;
    left:0;
    right:0;
    gap:3px 12px;
    padding:0 4px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-axis{
    top:82px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-node{
    top:76px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-pulse{
    top:79px;
  }
  html.mpmh280-home-states .mpmh280-signal-field.is-selected .mpmh280-signal-status{
    top:102px;
    left:0;
    right:auto;
  }
  html.mpmh280-home-states .mpmh289-hero-info-panel{
    justify-content:flex-start;
    padding-top:8px;
  }
  html.mpmh280-home-states .mpmh289-hero-info-panel>h2{
    font-size:clamp(25px,8vw,36px);
  }
}


/* ========================================================================
   MPMH290 · CLOSED-SHELL IDENTITY + CAUSE ACTIONS SHARE WORKSPACE
   ------------------------------------------------------------------------
   Focused refinement only:
   - adds the quiet desktop operating-system label to the blank canvas;
   - neutralizes selected navigation visually while preserving active state;
   - anchors workspace action rows near the lower boundary;
   - gives Share Your Cause a larger in-place clipboard-confirmation view.
   ======================================================================== */
.mpmh290-blank-system-label{
  display:none;
}
@media (min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh290-blank-system-label{
    position:absolute!important;
    left:clamp(18px,1.65vw,28px)!important;
    bottom:clamp(14px,1.45vw,22px)!important;
    z-index:2!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(181,190,198,.42)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:clamp(8px,.56vw,9.5px)!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:.065em!important;
    text-transform:none!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    user-select:none!important;
  }
}

/* Blank canvas has no visually selected destination, but route state remains intact. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn.active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn.active:active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn[aria-selected="true"]{
  color:rgba(190,200,210,.72)!important;
  -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  text-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn.active:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn.active:focus-visible,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn[aria-selected="true"]:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell nav#tabs .tab-btn[aria-selected="true"]:focus-visible{
  color:var(--mpmh202-tab-sky,#8fc6ff)!important;
  -webkit-text-fill-color:var(--mpmh202-tab-sky,#8fc6ff)!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link.active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link.is-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link.mpmh-footer-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link[aria-current="page"],
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link.active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link.is-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link.mpmh-footer-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link[aria-current="page"],
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh-news-open-inline.is-active{
  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-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link.active:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link.active:focus-visible,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link.active:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell footer .footer-text-link.active:focus-visible{
  color:var(--mpmh200-tab-sky,#8fc6ff)!important;
  -webkit-text-fill-color:var(--mpmh200-tab-sky,#8fc6ff)!important;
}

/* Reserve the upper workspace for changing information; keep actions low and compact. */
html.mpmh280-home-states .mpmh290-workspace-panel{
  justify-content:flex-start!important;
}
html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh290-workspace-actions,
html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh287-hero-readout-actions,
html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh289-hero-panel-actions{
  margin-top:auto!important;
  padding-top:clamp(12px,1vw,16px)!important;
  padding-bottom:2px!important;
}
html.mpmh280-home-states .mpmh290-cause-actions-stage{
  display:flex;
  width:100%;
  min-width:0;
  flex:1 1 auto;
  flex-direction:column;
  justify-content:flex-start;
}
html.mpmh280-home-states .mpmh290-cause-action-view{
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
html.mpmh280-home-states .mpmh290-cause-action-view[hidden]{
  display:none!important;
}
html.mpmh280-home-states .mpmh290-cause-action-view>.mpmh280-context-line{
  margin:0 0 13px;
}
html.mpmh280-home-states .mpmh290-cause-action-view>h2{
  margin:0;
  max-width:920px;
  color:var(--h280-white);
  font-size:clamp(28px,2.75vw,46px);
  line-height:.98;
  font-weight:950;
  letter-spacing:-.035em;
  text-transform:uppercase;
  text-wrap:balance;
}
html.mpmh280-home-states .mpmh290-cause-action-view>p:not(.mpmh280-context-line){
  max-width:980px;
  margin:clamp(17px,1.45vw,23px) 0 0;
  color:#dce9f2;
  font-size:clamp(12.5px,.84vw,15px);
  line-height:1.58;
  font-weight:520;
}
html.mpmh280-home-states .mpmh290-cause-share-view>p strong{
  color:inherit;
  font-weight:800;
}
html.mpmh280-home-states .mpmh290-share-url-label{
  display:block;
  margin-top:clamp(18px,1.5vw,24px);
  color:var(--h280-muted);
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
html.mpmh280-home-states .mpmh290-share-url{
  display:block;
  width:min(100%,940px);
  height:38px;
  margin-top:7px;
  padding:0 12px;
  border:1px solid rgba(143,198,255,.22);
  border-radius:0;
  outline:0;
  background:#020a12;
  color:#cfe7f7;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(10px,.72vw,12px);
  line-height:38px;
  letter-spacing:.015em;
  box-shadow:none;
}
html.mpmh280-home-states .mpmh290-share-url:focus{
  border-color:var(--h280-blue);
  box-shadow:0 0 0 1px rgba(143,198,255,.12);
}
html.mpmh280-home-states .mpmh290-share-status{
  display:block;
  min-height:16px;
  margin-top:8px;
  color:var(--h280-green);
  font-size:8.5px;
  line-height:1.3;
  font-weight:900;
  letter-spacing:.085em;
  text-transform:uppercase;
}
html.mpmh280-home-states #mpmh290ShareCauseAction.is-copying{
  color:var(--h280-muted);
}
html.mpmh280-home-states #mpmh290ShareCauseAction.is-copied{
  color:var(--h280-green);
}

@media (max-width:720px){
  html.mpmh280-home-states .mpmh290-cause-action-view>h2{
    font-size:clamp(25px,8vw,36px);
  }
  html.mpmh280-home-states .mpmh290-share-url{
    height:36px;
    padding:0 9px;
    font-size:10px;
    line-height:36px;
  }
  html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh290-workspace-actions,
  html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh287-hero-readout-actions,
  html.mpmh280-home-states .mpmh290-workspace-panel>.mpmh289-hero-panel-actions{
    padding-top:10px!important;
  }
}


/* MPMH291 · Production mixed Platform Search table + Cause directory vocabulary.
   This scoped owner supersedes the inherited search-table experiments without changing shell geometry. */
html.mpmh291-search-cause .panel.tab-panel[data-panel="global_search"],
html.mpmh291-search-cause .panel.tab-panel[data-panel="global_search"] .panel-body,
html.mpmh291-search-cause .global-search-body{
  background:#020812!important;
}
html.mpmh291-search-cause .global-search-body{
  padding:0!important;
}
html.mpmh291-search-cause .global-search-status{
  position:static!important;
  top:auto!important;
  min-height:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0 14px!important;
  background:#020812!important;
  color:#7991a5!important;
  border:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9.5px!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
}
html.mpmh291-search-cause .global-search-status strong,
html.mpmh291-search-cause .global-search-status b{
  color:#dcecff!important;
  font-weight:900!important;
}
html.mpmh291-search-cause .global-search-status .global-status-scope{
  color:#647b8d!important;
}
html.mpmh291-search-cause .global-search-shell{
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(71,126,164,.38)!important;
  background:#020812!important;
  box-shadow:none!important;
  overflow:auto!important;
  scrollbar-color:#25445d #020812;
}
html.mpmh291-search-cause .global-search-table.mpmh291-global-results{
  width:max(100%,1240px)!important;
  min-width:1240px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  background:#020812!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html.mpmh291-search-cause .global-search-table th:nth-child(1),
html.mpmh291-search-cause .global-search-table td:nth-child(1){width:118px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(2),
html.mpmh291-search-cause .global-search-table td:nth-child(2){width:278px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(3),
html.mpmh291-search-cause .global-search-table td:nth-child(3){width:170px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(4),
html.mpmh291-search-cause .global-search-table td:nth-child(4){width:220px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(5),
html.mpmh291-search-cause .global-search-table td:nth-child(5){width:132px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(6),
html.mpmh291-search-cause .global-search-table td:nth-child(6){width:148px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(7),
html.mpmh291-search-cause .global-search-table td:nth-child(7){width:132px!important;}
html.mpmh291-search-cause .global-search-table th:nth-child(8),
html.mpmh291-search-cause .global-search-table td:nth-child(8){width:88px!important;}
html.mpmh291-search-cause .global-search-table thead th,
html.mpmh291-search-cause .global-search-table thead th.global-sortable,
html.mpmh291-search-cause .global-search-table thead th.global-action-header{
  position:sticky!important;
  top:0!important;
  z-index:5!important;
  height:38px!important;
  padding:0 13px!important;
  background:#071724!important;
  color:#9fb8ca!important;
  border:0!important;
  border-bottom:1px solid rgba(11,249,158,.42)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.32)!important;
  text-align:left!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
html.mpmh291-search-cause .global-search-table thead th+th{
  border-left:1px solid rgba(117,161,193,.09)!important;
}
html.mpmh291-search-cause .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;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
html.mpmh291-search-cause .global-search-table th.global-readout-header,
html.mpmh291-search-cause .global-search-table th.global-readout-header button{
  text-align:right!important;
}
html.mpmh291-search-cause .global-search-table th.global-readout-header button{
  justify-content:flex-end!important;
}
html.mpmh291-search-cause .global-search-table th.global-action-header{
  color:#71899b!important;
  text-align:center!important;
  font-size:8.5px!important;
}
html.mpmh291-search-cause .global-search-table th.global-sortable:hover,
html.mpmh291-search-cause .global-search-table th.global-sortable.active,
html.mpmh291-search-cause .global-search-table th.global-sortable[aria-sort="ascending"],
html.mpmh291-search-cause .global-search-table th.global-sortable[aria-sort="descending"]{
  background:#0a2133!important;
  color:#d9edfa!important;
}
html.mpmh291-search-cause .global-search-table th.global-sortable:focus-within{
  outline:1px solid rgba(126,183,255,.75)!important;
  outline-offset:-2px!important;
}
html.mpmh291-search-cause .global-sort-mark{
  flex:0 0 auto!important;
  min-width:8px!important;
  color:#0bf99e!important;
  font-size:7px!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-result-row td{
  height:58px!important;
  padding:8px 13px!important;
  background:#030b14!important;
  color:#c8dae7!important;
  border:0!important;
  border-bottom:1px solid rgba(112,150,178,.13)!important;
  vertical-align:middle!important;
  transform:none!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-result-row:nth-child(even) td{
  background:#04101b!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-result-row:hover td{
  background:#081b2a!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-result-row:focus-within td{
  background:#0a2031!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-brand-row td:first-child{
  box-shadow:inset 2px 0 0 rgba(126,183,255,.88)!important;
}
html.mpmh291-search-cause .global-search-table tbody tr.global-charity-row td:first-child{
  box-shadow:inset 2px 0 0 rgba(11,249,158,.78)!important;
}
html.mpmh291-search-cause .global-type-cell{
  text-align:left!important;
  padding-left:15px!important;
}
html.mpmh291-search-cause .global-type-label,
html.mpmh291-search-cause .global-id-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html.mpmh291-search-cause .global-type-label{
  color:#89a1b3!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
html.mpmh291-search-cause .global-type-label.brand{color:#8fc6ff!important;}
html.mpmh291-search-cause .global-type-label.charity{color:#5be7b2!important;}
html.mpmh291-search-cause .global-id-label{
  margin-top:4px!important;
  color:#ecf6fc!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  font-variant-numeric:tabular-nums!important;
}
html.mpmh291-search-cause .global-name-entity{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:10px!important;
}
html.mpmh291-search-cause .global-result-logo-well,
html.mpmh291-search-cause .global-result-logo-fallback{
  position:relative!important;
  flex:0 0 38px!important;
  width:38px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(130,170,199,.17)!important;
  background:#fff!important;
}
html.mpmh291-search-cause .global-result-logo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:2px!important;
  object-fit:contain!important;
  background:#fff!important;
}
html.mpmh291-search-cause .global-result-logo-well.is-missing:after,
html.mpmh291-search-cause .global-result-logo-fallback{
  color:#51687a!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
html.mpmh291-search-cause .global-result-logo-well.is-missing:after{content:'—';}
html.mpmh291-search-cause .global-name-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
html.mpmh291-search-cause .global-name-main{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f3f8fb!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:.005em!important;
}
html.mpmh291-search-cause .global-name-sub{
  color:#6f8798!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html.mpmh291-search-cause .global-category-td,
html.mpmh291-search-cause .global-website-td{
  overflow:hidden!important;
  text-align:left!important;
}
html.mpmh291-search-cause .global-category-text{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#a9bdca!important;
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.015em!important;
}
html.mpmh291-search-cause .global-cell-empty,
html.mpmh291-search-cause .global-website-empty{
  color:#536a7b!important;
}
html.mpmh291-search-cause .global-website-link{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8fc6ff!important;
  border:0!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
html.mpmh291-search-cause .global-website-link:hover,
html.mpmh291-search-cause .global-website-link:focus-visible{
  color:#d9efff!important;
  text-decoration:none!important;
}
html.mpmh291-search-cause .global-website-link:active{color:#0bf99e!important;}
html.mpmh291-search-cause .global-readout-td{
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
html.mpmh291-search-cause .global-readout-value{
  color:#edf7fc!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
html.mpmh291-search-cause .global-total-td .global-readout-value{color:#cffff0!important;}
html.mpmh291-search-cause .global-readout-value.is-unavailable{
  color:#526a7a!important;
  font-weight:700!important;
}
html.mpmh291-search-cause .global-action-cell{
  text-align:center!important;
}
html.mpmh291-search-cause .global-detail-btn,
html.mpmh291-search-cause .global-detail-btn.brand,
html.mpmh291-search-cause .global-detail-btn.charity{
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0 auto!important;
  padding:4px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
}
html.mpmh291-search-cause .global-detail-btn:hover,
html.mpmh291-search-cause .global-detail-btn:focus-visible{
  color:#d9efff!important;
  background:transparent!important;
  outline:0!important;
  text-decoration:none!important;
}
html.mpmh291-search-cause .global-detail-btn:focus-visible{
  box-shadow:0 1px 0 #8fc6ff!important;
}
html.mpmh291-search-cause .global-detail-btn:active{color:#0bf99e!important;}
html.mpmh291-search-cause .global-search-table .empty-result-row td{
  height:150px!important;
  background:#030b14!important;
  border:0!important;
  border-bottom:1px solid rgba(112,150,178,.13)!important;
  text-align:center!important;
  transform:none!important;
}
html.mpmh291-search-cause .global-search-table .empty-result-title{
  color:#dcebf4!important;
}
html.mpmh291-search-cause .global-search-table .empty-result-copy{
  color:#718899!important;
}

/* Cause table column alignment follows the approved public sort/readout order. */
html.mpmh291-search-cause #charityTable th:nth-child(n+4):nth-child(-n+8),
html.mpmh291-search-cause #charityTable td:nth-child(n+4):nth-child(-n+8){
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
html.mpmh291-search-cause #charityTable th:nth-child(n+4):nth-child(-n+8) .sort-mark{
  margin-left:4px!important;
}

@media(max-width:900px){
  html.mpmh291-search-cause .global-search-table.mpmh291-global-results{
    width:1240px!important;
    min-width:1240px!important;
  }
  html.mpmh291-search-cause .global-search-table th:nth-child(n),
  html.mpmh291-search-cause .global-search-table td:nth-child(n){
    display:table-cell!important;
  }
  html.mpmh291-search-cause .global-search-status{
    justify-content:flex-start!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
}

/* MPMH291 final Details header restoration after inherited search cleanup hid its label. */
html.mpmh291-search-cause .global-search-table thead th.global-action-header span{
  display:inline!important;
  color:inherit!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
}


/* ========================================================================
   MPMH292 · CLOSED CANVAS LABEL / CONTEXT MENU + BRAND OUTCOME CONTROLS
   ======================================================================== */
@media (min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh290-blank-system-label{
    left:50%!important;
    right:auto!important;
    bottom:clamp(14px,1.45vw,22px)!important;
    transform:translateX(-50%)!important;
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:.22em!important;
    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    text-align:center!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh290-blank-system-label strong{
    color:rgba(202,209,215,.56)!important;
    font:inherit!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
  }
}

.mpmh292-blank-context-menu[hidden]{display:none!important;}
.mpmh292-blank-context-menu{
  position:fixed;
  z-index:2147482000;
  display:none;
  min-width:188px;
  padding:5px 0;
  border:1px solid rgba(117,145,169,.26);
  background:rgba(0,0,0,.965);
  box-shadow:0 16px 38px rgba(0,0,0,.62);
  color:rgba(205,215,224,.82);
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.085em;
  text-transform:uppercase;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank .mpmh292-blank-context-menu.is-open{
  display:block;
}
.mpmh292-blank-context-menu button{
  display:block;
  width:100%;
  min-height:30px;
  margin:0;
  padding:7px 14px;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:left;
  cursor:pointer;
}
.mpmh292-blank-context-menu button:hover,
.mpmh292-blank-context-menu button:focus-visible{
  background:rgba(25,68,101,.34);
  color:#8fc6ff;
}
.mpmh292-blank-context-menu button:active{
  color:#0bf99e;
}

html body #shellMain .mpmh292-brand-sort-group{
  align-items:center;
}
html body #shellMain .mpmh292-brand-category-route{
  position:relative;
  margin-left:clamp(6px,.7vw,12px)!important;
}
html body #shellMain .mpmh292-brand-category-route::before{
  content:"";
  position:absolute;
  left:calc(clamp(6px,.7vw,12px) * -1);
  top:25%;
  bottom:25%;
  width:1px;
  background:rgba(111,151,183,.22);
}
html body #shellMain .mpmh292-brand-category-route.active{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
html body #shellMain .mpmh292-tracked-outcomes-definition{
  max-width:1180px;
  margin:clamp(7px,.7vw,10px) auto 0;
  padding:0 clamp(12px,1.25vw,20px);
  color:rgba(188,202,214,.68);
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(9px,.68vw,11px);
  line-height:1.48;
  letter-spacing:.01em;
}
html body #shellMain .mpmh292-tracked-outcomes-definition strong{
  color:rgba(143,198,255,.9);
  font-weight:700;
}
html body #shellMain .mpmh292-tracked-outcomes-definition[hidden]{display:none!important;}

@media (max-width:900px){
  html body #shellMain .mpmh292-brand-category-route{
    margin-left:0!important;
  }
  html body #shellMain .mpmh292-brand-category-route::before{display:none!important;}
}


/* ========================================================================
   MPMH293 · CAUSE DETAIL PRODUCTION PANEL (preserved in MPMH294)
   Scope: Cause table/card Details workspace only. Brand detail panels, shell,
   directory tables/cards, routing, readout values, and tracking stay untouched.
   ======================================================================== */
:root{
  --mpmh293-cause-bg:#020912;
  --mpmh293-cause-surface:#061522;
  --mpmh293-cause-surface-soft:#081a2a;
  --mpmh293-cause-head:#06233f;
  --mpmh293-cause-edge:rgba(105,169,216,.34);
  --mpmh293-cause-edge-soft:rgba(105,169,216,.16);
  --mpmh293-cause-blue:#8fc6ff;
  --mpmh293-cause-text:#eef7fc;
  --mpmh293-cause-muted:#93a9b9;
  --mpmh293-cause-green:#0bf99e;
}

html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{
  border:1px solid var(--mpmh293-cause-edge)!important;
  border-radius:0!important;
  background:var(--mpmh293-cause-bg)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}

html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head{
  height:46px!important;
  min-height:46px!important;
  padding:0 50px 0 18px!important;
  border:0!important;
  border-bottom:1px solid var(--mpmh293-cause-edge)!important;
  background:linear-gradient(180deg,#082d50 0%,var(--mpmh293-cause-head) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel #sideTitle{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-world-icon{
  display:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-title-stack{
  min-width:0!important;
  max-width:calc(100% - 24px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  line-height:1!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-title-name{
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  text-transform:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-label{
  display:block!important;
  color:var(--mpmh293-cause-blue)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel #sideTitle::before,
html body.cause-detail-workspace #sidePanel.cause-profile-panel #sideTitle span::before,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-title-label::before{
  content:none!important;
  display:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  transform:none!important;
  width:46px!important;
  height:45px!important;
  min-height:45px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid var(--mpmh293-cause-edge-soft)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#bdd7e9!important;
  box-shadow:none!important;
  font-size:24px!important;
  font-weight:600!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x:hover,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close:hover,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x:focus-visible,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close:focus-visible{
  background:rgba(44,92,128,.24)!important;
  border-left-color:rgba(143,198,255,.46)!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:inset 0 0 0 1px rgba(143,198,255,.32)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x:active,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close:active{
  color:var(--mpmh293-cause-green)!important;
}

html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body{
  height:calc(100% - 46px)!important;
  max-height:none!important;
  padding:18px 20px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#285d82 #01060b!important;
  background:linear-gradient(180deg,var(--mpmh293-cause-surface) 0%,var(--mpmh293-cause-bg) 100%)!important;
  color:var(--mpmh293-cause-text)!important;
  box-sizing:border-box!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar{
  width:9px!important;
  height:9px!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-track{
  background:#01060b!important;
  border-left:1px solid rgba(105,169,216,.10)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-thumb{
  min-height:42px!important;
  border:2px solid #01060b!important;
  border-radius:0!important;
  background:#285d82!important;
  box-shadow:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-thumb:hover{
  background:#4c89b2!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-thumb:active{
  background:#6da8cf!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body::-webkit-scrollbar-corner{
  background:#01060b!important;
}

html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-summary-grid{
  display:grid!important;
  grid-template-columns:minmax(170px,210px) minmax(0,1fr) minmax(170px,210px)!important;
  grid-template-areas:"identity overview action"!important;
  align-items:start!important;
  gap:clamp(18px,2.2vw,34px)!important;
  margin:0 0 16px!important;
  padding:18px 20px!important;
  border:1px solid var(--mpmh293-cause-edge-soft)!important;
  background:linear-gradient(135deg,rgba(7,28,45,.92),rgba(2,9,18,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-identity-column{
  grid-area:identity!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  text-align:center!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-overview-column{
  grid-area:overview!important;
  min-width:0!important;
  padding-top:2px!important;
  display:flex!important;
  align-items:flex-start!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-action-column{
  grid-area:action!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  text-align:center!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-logo{
  width:clamp(126px,11vw,178px)!important;
  height:clamp(106px,9vw,142px)!important;
  max-width:100%!important;
  max-height:none!important;
  padding:10px!important;
  object-fit:contain!important;
  border:1px solid rgba(143,198,255,.44)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-logo-select-link:hover .detail-logo,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-logo-select-link:focus-visible .detail-logo{
  border-color:#8fc6ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.34),0 0 0 1px rgba(143,198,255,.20)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-logo-fallback{
  width:100%!important;
  min-height:118px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:14px!important;
  border:1px solid var(--mpmh293-cause-edge-soft)!important;
  background:#020912!important;
  color:#dcebf4!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-website{
  display:inline-block!important;
  max-width:100%!important;
  padding:2px 0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  color:var(--mpmh293-cause-blue)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-decoration:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-website:hover,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-website:focus-visible{
  color:#d9efff!important;
  text-decoration:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-website:active{
  color:var(--mpmh293-cause-green)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-overview-copy{
  color:#e3eef5!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-select-action{
  width:100%!important;
  min-width:0!important;
  max-width:190px!important;
  min-height:35px!important;
  height:35px!important;
  margin:2px 0 0!important;
  padding:0 16px!important;
  border:1px solid rgba(11,249,158,.44)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#0a4a35,#073126)!important;
  color:#f5fffb!important;
  box-shadow:0 8px 20px rgba(0,0,0,.25)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:33px!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-select-action:hover,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-select-action:focus-visible{
  border-color:var(--mpmh293-cause-green)!important;
  background:linear-gradient(180deg,#0d5d43,#083d2e)!important;
  color:#fff!important;
  outline:0!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-number{
  color:var(--mpmh293-cause-muted)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-readout-label{
  margin:0 0 5px!important;
  color:#b9cfdd!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.07em!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0 0 13px!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric{
  min-height:84px!important;
  padding:13px 10px!important;
  border:1px solid var(--mpmh293-cause-edge-soft)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,var(--mpmh293-cause-surface-soft),#030b14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric-label{
  color:#8fc6ff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:.07em!important;
  white-space:normal!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric-value{
  margin-top:9px!important;
  color:#fff!important;
  font-size:27px!important;
  font-weight:900!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric-total .metric-value{
  color:#cffff0!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-section,
html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-actions{
  display:none!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-system-status{
  min-height:24px!important;
  margin:auto 0 0!important;
  padding:8px 0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  color:#8aa5b8!important;
  font-size:8.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-system-indicator{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  display:block!important;
  border-radius:0!important;
  background:var(--mpmh293-cause-green)!important;
  box-shadow:0 0 8px rgba(11,249,158,.24)!important;
  animation:none!important;
}

@media(max-width:1100px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-summary-grid{
    grid-template-columns:minmax(145px,180px) minmax(0,1fr) minmax(145px,180px)!important;
    gap:18px!important;
    padding:16px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-overview-copy{
    font-size:14px!important;
    line-height:1.58!important;
  }
}
@media(max-width:800px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head{
    height:44px!important;
    min-height:44px!important;
    padding:0 44px 0 12px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-body{
    height:calc(100% - 44px)!important;
    padding:14px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-title-name{
    font-size:13px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-close-x,
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .side-head .close{
    width:42px!important;
    height:43px!important;
    min-height:43px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-summary-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"identity" "overview" "action"!important;
    gap:14px!important;
    padding:15px!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .cause-detail-overview-copy{
    text-align:left!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:520px){
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid{
    grid-template-columns:1fr!important;
  }
  html body.cause-detail-workspace #sidePanel.cause-profile-panel .detail-metric-grid .metric{
    min-height:74px!important;
  }
}


/* MPMH294 appended styles below. */


/* ========================================================================
   MPMH294 · CANONICAL HOME READOUT / NEUTRAL DESKTOP CONTEXT MENU
   ======================================================================== */
html body #shellMain .mpmh294-public-readout-row strong.is-unavailable{
  color:rgba(226,237,245,.72)!important;
  text-shadow:none!important;
}
html body #shellMain .mpmh294-public-readout-freshness{
  margin:clamp(8px,.8vw,13px) 0 0!important;
  padding:0!important;
  color:rgba(142,177,202,.74)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(9px,.58vw,11px)!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:.075em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #shellMain .mpmh294-public-readout-freshness.is-stale{color:rgba(188,196,203,.72)!important;}

.mpmh292-blank-context-menu{
  min-width:204px!important;
  padding:4px!important;
  overflow:hidden!important;
  border:1px solid #5b6168!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#34383d 0%,#2d3136 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.075)!important;
  color:#eef1f3!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
}
.mpmh292-blank-context-menu button{
  min-height:29px!important;
  padding:7px 12px!important;
  border:1px solid transparent!important;
  border-radius:2px!important;
  color:inherit!important;
}
.mpmh292-blank-context-menu button:hover,
.mpmh292-blank-context-menu button:focus-visible{
  border-color:rgba(142,198,255,.22)!important;
  background:linear-gradient(180deg,#50575f 0%,#454c54 100%)!important;
  color:#ffffff!important;
  outline:0!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.mpmh292-blank-context-menu button:active{
  background:#3f454c!important;
  color:#0bf99e!important;
}


/* ========================================================================
   MPMH295 · ADMIN-BACKED FEATURED CURATION + CLEAN MIXED SEARCH IDENTITY
   Dedicated Brand table is intentionally untouched.
   ======================================================================== */
html.mpmh291-search-cause .global-search-table.mpmh291-global-results{
  width:max(100%,1360px)!important;
  min-width:1360px!important;
}
html.mpmh291-search-cause .global-search-table th:nth-child(1),html.mpmh291-search-cause .global-search-table td:nth-child(1){width:82px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(2),html.mpmh291-search-cause .global-search-table td:nth-child(2){width:92px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(3),html.mpmh291-search-cause .global-search-table td:nth-child(3){width:62px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(4),html.mpmh291-search-cause .global-search-table td:nth-child(4){width:260px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(5),html.mpmh291-search-cause .global-search-table td:nth-child(5){width:176px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(6),html.mpmh291-search-cause .global-search-table td:nth-child(6){width:96px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(7),html.mpmh291-search-cause .global-search-table td:nth-child(7){width:136px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(8),html.mpmh291-search-cause .global-search-table td:nth-child(8){width:152px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(9),html.mpmh291-search-cause .global-search-table td:nth-child(9){width:136px!important}
html.mpmh291-search-cause .global-search-table th:nth-child(10),html.mpmh291-search-cause .global-search-table td:nth-child(10){width:88px!important}
html.mpmh291-search-cause .global-search-table tbody tr.global-result-row td{height:52px!important;padding:7px 11px!important}
html.mpmh291-search-cause .global-type-cell,html.mpmh291-search-cause .global-id-cell,html.mpmh291-search-cause .global-logo-cell{padding-left:11px!important;padding-right:8px!important}
html.mpmh291-search-cause .global-type-label,html.mpmh291-search-cause .global-id-label{display:inline-block!important;margin:0!important;line-height:1!important}
html.mpmh291-search-cause .global-type-label{font-size:8px!important;color:#9fb4c4!important}
html.mpmh291-search-cause .global-id-label{font-size:10px!important;color:#e8f3fa!important}
html.mpmh291-search-cause .global-logo-cell{text-align:center!important}
html.mpmh291-search-cause .global-result-logo-well,html.mpmh291-search-cause .global-result-logo-fallback{margin:0 auto!important;flex:none!important;width:40px!important;height:34px!important;border-color:rgba(130,170,199,.20)!important}
html.mpmh291-search-cause .global-name-td{overflow:hidden!important}
html.mpmh291-search-cause .global-name-main{font-size:12px!important;line-height:1.15!important}
html.mpmh291-search-cause .global-name-sub,html.mpmh291-search-cause .global-name-entity{display:contents!important}
html.mpmh291-search-cause .global-status-td{text-align:left!important}
html.mpmh291-search-cause .global-status-value{display:inline-block!important;padding:0!important;border:0!important;background:transparent!important;font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;line-height:1!important;text-transform:uppercase!important;color:#8da4b4!important}
html.mpmh291-search-cause .global-status-value.active{color:#7dffd0!important}
html.mpmh291-search-cause .global-status-value.indexed{color:#8fc6ff!important}
html.mpmh291-search-cause .global-status-value.listed{color:#5be7b2!important}
html.mpmh291-search-cause .global-search-table thead th.global-logo-header{text-align:center!important;color:#71899b!important}
@media(max-width:900px){html.mpmh291-search-cause .global-search-table.mpmh291-global-results{width:1360px!important;min-width:1360px!important}}

/* MPMH297 Group A serving uses existing logo geometry; no additional visual override required. */


/* ========================================================================
   MPMH298 · NAVIGATION / FEATURED / HOME / FOOTER / FEEDBACK POLISH
   ======================================================================== */
:root{--mpmh298-footer-muted:rgba(181,190,198,.44);}

/* One restrained footer signature tone. */
html body #publicShell .public-footer .mpmh296-footer-system-label,
html body #publicShell .public-footer .mpmh296-footer-system-label .mpmh298-system-version,
html body #publicShell .public-footer .footer-brand-line{
  color:var(--mpmh298-footer-muted)!important;
  -webkit-text-fill-color:var(--mpmh298-footer-muted)!important;
  font-weight:500!important;
  text-shadow:none!important;
}
html body #publicShell .public-footer .mpmh296-footer-system-label .mpmh298-system-version{font:inherit!important;letter-spacing:inherit!important;}

/* Safe shell-aware Back control. White, compact and subordinate to the centered lockup. */
html body #mpmhUnifiedShell .mpmh-context-inner{position:relative!important;}
html body #mpmhUnifiedShell #mpmh298ShellBack{
  position:absolute!important;left:8px!important;top:50%!important;z-index:50!important;
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  margin:0!important;padding:0!important;transform:translateY(-50%)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;
  font-size:22px!important;line-height:1!important;font-weight:400!important;cursor:pointer!important;
  opacity:.96!important;
}
html body #mpmhUnifiedShell #mpmh298ShellBack:hover,
html body #mpmhUnifiedShell #mpmh298ShellBack:focus-visible{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;outline:1px solid rgba(143,198,255,.48)!important;outline-offset:-2px!important;}
html body #mpmhUnifiedShell #mpmh298ShellBack:disabled{opacity:.18!important;cursor:default!important;outline:0!important;}
@media(min-width:901px){html body #mpmhUnifiedShell .mpmh-context-left{left:58px!important;max-width:360px!important;}}
@media(max-width:900px){html body #mpmhUnifiedShell #mpmh298ShellBack{left:4px!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;font-size:18px!important;}}

/* Actionable text-sized names in Platform Search. */
html.mpmh291-search-cause .global-search-table .global-name-link{
  display:inline!important;padding:0!important;border:0!important;background:transparent!important;
  color:#f2f7fb!important;-webkit-text-fill-color:#f2f7fb!important;text-decoration:none!important;
  font:inherit!important;font-weight:850!important;line-height:1.15!important;cursor:pointer!important;
}
html.mpmh291-search-cause .global-search-table .global-name-link:hover,
html.mpmh291-search-cause .global-search-table .global-name-link:focus-visible{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;outline:0!important;}
html.mpmh291-search-cause .global-search-table .global-cause-name-link:active,
html.mpmh291-search-cause .global-search-table .global-brand-name-link:active{color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;}

/* Home begins closer to the shell rail without changing other surfaces. */
html.mpmh280-home-states body #shellMain .mpmh280-home-state>.mpmh280-hero{
  min-height:clamp(420px,54vh,580px)!important;
  padding-top:clamp(14px,1.6vw,27px)!important;
  padding-bottom:clamp(22px,2.5vw,40px)!important;
}
@media(max-width:720px){html.mpmh280-home-states body #shellMain .mpmh280-home-state>.mpmh280-hero{padding-top:20px!important;padding-bottom:30px!important;}}

/* Group A marquee: one continuous clean white strip, larger logos, slower motion. */
html.mpmh280-home-states body #shellMain .mpmh280-marquee{
  width:calc(100% - 24px)!important;margin:28px auto 0!important;padding:3px 0!important;
  background:#fff!important;border:0!important;box-shadow:0 0 0 1px rgba(255,255,255,.92),0 8px 26px rgba(0,0,0,.16)!important;
  mask-image:none!important;-webkit-mask-image:none!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-track{animation-duration:120s!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo{
  width:178px!important;flex-basis:178px!important;height:104px!important;padding:13px 18px!important;
  background:#fff!important;border:0!important;color:#50606d!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo img{
  height:72px!important;max-width:100%!important;object-fit:contain!important;
  filter:saturate(.98) brightness(1) drop-shadow(0 0 1px rgba(7,18,30,.14))!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:hover img,
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:focus-visible img{filter:saturate(1.05) brightness(1.02) drop-shadow(0 0 2px rgba(7,18,30,.18))!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:hover>span,
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:focus-visible>span{color:#006f49!important;}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain .mpmh280-marquee{width:calc(100% - 12px)!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-marquee-track{animation-duration:150s!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo{width:154px!important;flex-basis:154px!important;height:92px!important;padding:10px 14px!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo img{height:64px!important;}
}

/* Main cause feedback success stays inside the native platform surface. */
html body #shellMain .mpmh298-cause-feedback-success{
  min-height:190px!important;width:100%!important;padding:28px 24px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  background:rgba(5,18,30,.78)!important;border:1px solid rgba(126,183,255,.24)!important;box-shadow:none!important;text-align:center!important;
}
html body #shellMain .mpmh298-cause-feedback-success strong{color:#0bf99e!important;font-size:15px!important;line-height:1!important;font-weight:900!important;letter-spacing:.15em!important;}
html body #shellMain .mpmh298-cause-feedback-success span{max-width:560px!important;color:#d8e6ef!important;font-size:12px!important;line-height:1.5!important;}
html body #shellMain .mpmh298-cause-feedback-success button{margin-top:5px!important;padding:0!important;border:0!important;background:transparent!important;color:#8fc6ff!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;cursor:pointer!important;}
html body #shellMain .mpmh298-cause-feedback-success button:hover,
html body #shellMain .mpmh298-cause-feedback-success button:focus-visible{color:#0bf99e!important;outline:0!important;}
html body #shellMain #causePositiveFeedbackStatus.is-error{color:#ffb6ad!important;-webkit-text-fill-color:#ffb6ad!important;}


/* ========================================================================
   MPMH299 · MATCHED ASSET OWNER
   The same scoped rules are repeated late-inline in MPMH299.php because the
   inherited monolith contains historical inline owners after the asset link.
   ======================================================================== */
html body #publicShell footer.public-footer .footer-brand-line{color:var(--mpmh299-footer-muted)!important;-webkit-text-fill-color:var(--mpmh299-footer-muted)!important;font-weight:500!important;text-shadow:none!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo{border:0!important;border-right:0!important;box-shadow:none!important;background:#fff!important;}
@media(min-width:1121px){
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail{display:block!important;grid-column:5!important;visibility:hidden!important;}
}


/* ========================================================================
   MPMH300 · PUBLIC METRIC TERMINOLOGY / ECONOMIC DISCLOSURE OWNER
   Compact by design: definitions live in FAQ/Definitions; transactional
   surfaces receive only one restrained line or native title tooltip.
   ======================================================================== */
html body #publicShell #shellMain .mpmh300-economic-disclosure{
  margin:4px 0 0!important;padding:0!important;border:0!important;background:transparent!important;
  color:rgba(205,218,228,.64)!important;-webkit-text-fill-color:rgba(205,218,228,.64)!important;
  font-size:8px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:.025em!important;text-align:left!important;
}
html body #publicShell #shellMain .mpmh300-cause-economics-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
html body #publicShell #shellMain [data-mpmh300-outcomes="1"] .mpmh236-readout-label{cursor:help!important;}
@media(max-width:980px){html body #publicShell #shellMain .mpmh300-cause-economics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:560px){html body #publicShell #shellMain .mpmh300-economic-disclosure{font-size:7.5px!important;}html body #publicShell #shellMain .mpmh300-cause-economics-grid{grid-template-columns:1fr!important;}}

/* ========================================================================
   MPMH301 · HOME COVERAGE + LEADERBOARD NAVIGATION OWNER
   Scoped presentation only. Category data, Signal formulas, conversion
   qualification, accounting, and ADMIN ownership remain unchanged.
   ======================================================================== */

/* Approved Group A marquee: another 20% slower than MPMH300. */
@media(max-width:720px){}

/* The selected-cause context begins on the same desktop grid line as HOME. */
@media(min-width:901px){
}

/* Category discovery now owns the full row after duplicate tools were removed. */
@media(max-width:1100px){}
@media(max-width:720px){}
@media(max-width:430px){}

/* Compact live published-campaign market readout beneath global/local copy. */
@media(max-width:1000px){}
@media(max-width:560px){}

/* One coherent Get Involved area: participation actions + compact signup. */
@media(max-width:980px){}
@media(max-width:620px){}

/* Compact navigation and percentage-value support for expanded leaderboard set. */


/* ========================================================================
   MPMH302 · LOGO / CONTACT / TABLE ALIGNMENT OWNER
   Public presentation only. No routes, data keys, metric formulas, or Signal
   ownership are changed by this block.
   ======================================================================== */

/* Featured Brand logos always sit on one fixed clean white image plate. */
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo{
  box-sizing:border-box!important;
  width:90px!important;
  height:70px!important;
  padding:8px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo:hover,
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo:focus-visible{
  background:#fff!important;
}
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo:focus-visible{
  outline:2px solid #8fc6ff!important;
  outline-offset:2px!important;
}

/* Personalized cause actions: evenly distributed, still text-sized targets. */
@media (min-width:721px){
  html.mpmh280-home-states #mpmh280Home .mpmh289-cause-action-grid{
    display:grid!important;
    grid-template-columns:repeat(4,max-content)!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:min(100%,760px)!important;
    column-gap:clamp(24px,3vw,52px)!important;
    row-gap:8px!important;
  }
}
@media (max-width:720px){
  html.mpmh280-home-states #mpmh280Home .mpmh289-cause-action-grid{
    gap:8px 22px!important;
    justify-content:flex-start!important;
  }
}

/* Contact header and form alignment. */
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-close,
html body #publicShell #shellMain #mpmhContactModal button#mpmhContactClose{
  order:99!important;
  margin-left:auto!important;
  margin-right:0!important;
  inset:auto!important;
  position:relative!important;
  right:auto!important;
  left:auto!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  font-weight:600!important;
  text-align:left!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  align-self:center!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent span{
  display:block!important;
  margin:0!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  line-height:1.45!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh302-contact-privacy-note{
  grid-column:1/-1!important;
  margin:0!important;
  padding:2px 0 4px!important;
  text-align:center!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit{
  grid-column:1/-1!important;
  justify-self:center!important;
  margin:2px auto 0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-status{
  text-align:center!important;
}

/* Shared public data-table metric grid: header and values share one centerline. */
html body #publicShell #shellMain .data-table th.num,
html body #publicShell #shellMain .data-table td.num,
html body #publicShell #shellMain #campaignTable th:nth-child(n+6):nth-child(-n+10),
html body #publicShell #shellMain #campaignTable td:nth-child(n+6):nth-child(-n+10),
html body #publicShell #shellMain #charityTable th:nth-child(n+4):nth-child(-n+9),
html body #publicShell #shellMain #charityTable td:nth-child(n+4):nth-child(-n+9),
html.mpmh291-search-cause body #publicShell #shellMain #globalSearchTable th:nth-child(n+6):nth-child(-n+10),
html.mpmh291-search-cause body #publicShell #shellMain #globalSearchTable td:nth-child(n+6):nth-child(-n+10){
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain #campaignTable th:nth-child(n+6):nth-child(-n+10) .sort-mark,
html body #publicShell #shellMain #charityTable th:nth-child(n+4):nth-child(-n+9) .sort-mark{
  display:inline-block!important;
  margin-left:5px!important;
}


/* ========================================================================
   MPMH307 · BRAND / CAUSE TABLE NAME LINK MATCH
   Base: MPMH306 (MPMH302 geometry preserved).
   ------------------------------------------------------------------------
   Root ownership:
   - Brand identity wrapper is structural flex only, matching Cause logo/name spacing.
   - Only visible name anchors own pointer/click behavior.
   - Resting name links are regular weight with no underline.
   - Hover/focus is sky blue + underline; selected/active is green + underline.
   ======================================================================== */
html body #publicShell #shellMain #campaignTable .brand-table-identity{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  cursor:default!important;
}
html body #publicShell #shellMain #campaignTable .brand-table-name-link,
html body #publicShell #shellMain #charityTable .charity-select-link{
  display:inline!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#dffff2!important;
  font-weight:400!important;
  text-decoration:none!important;
  text-decoration-thickness:auto!important;
  text-underline-offset:2px!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain #campaignTable .brand-table-name-fallback{
  color:#dffff2!important;
  font-weight:400!important;
}
html body #publicShell #shellMain #campaignTable .brand-table-name-link:hover,
html body #publicShell #shellMain #campaignTable .brand-table-name-link:focus-visible,
html body #publicShell #shellMain #charityTable .charity-select-link:hover,
html body #publicShell #shellMain #charityTable .charity-select-link:focus-visible{
  color:#8fc6ff!important;
  text-decoration:underline!important;
  text-decoration-color:currentColor!important;
  outline:none!important;
}
html body #publicShell #shellMain #campaignTable .brand-table-name-link:active,
html body #publicShell #shellMain #charityTable .charity-select-link:active,
html body #publicShell #shellMain #charityTable tr.active-cause-row .charity-select-link{
  color:#0bf99e!important;
  text-decoration:underline!important;
  text-decoration-color:currentColor!important;
}

/* ========================================================================
   MPMH310 · DIRECTORY TOOLBAR REVERT + COMPLETE LEADERBOARD HIERARCHY
   Base: MPMH309.
   ------------------------------------------------------------------------
   - Directory controls return to the preserved MPMH240 natural-width rhythm.
   - Brand A-Z renders immediately before Featured; Featured remains initial.
   - All leaderboard body rows use regular-weight typography.
   - Rank is wide enough to display in full.
   - Entity names are substantially compacted and remaining width goes Details.
   - The active leaderboard explanation is centered, smaller, and regular weight.
   ======================================================================== */

/* MPMH308 full-width distribution is intentionally retired. The inherited
   MPMH240 flex-start toolbar, 8px text padding, category divider, and natural
   horizontal location now own both Brand and Cause directory controls again. */

/* Keep numeric and percentage headers/readouts on shared centerlines. */
html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:nth-child(3),
html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:nth-child(4),
html body #publicShell #shellMain .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-signal{
  text-align:center!important;
}

/* Center the metric-specific explanation while retaining LEADERBOARDS as the
   stable left section identity. The text is synchronized by the active metric
   owner in the matched JS asset. */
html body #publicShell #shellMain .mpmh-lb-hero > div{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:20px!important;
}
html body #publicShell #shellMain .mpmh-lb-hero span{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
html body #publicShell #shellMain .mpmh-lb-hero h2{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 118px!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Desktop table geometry: full Rank label, compact entity lane, and a Details
   lane that receives the remaining width. Header and rows share one template. */
@media (min-width:1121px){
  html body #publicShell #shellMain .mpmh-lb-table-head,
  html body #publicShell #shellMain .mpmh-lb-row{
    grid-template-columns:52px minmax(260px,420px) 120px 130px 84px minmax(160px,1fr)!important;
    gap:6px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:first-child{
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* Regular body-row typography across Campaigns, Causes, Categories, Signals,
   and Tracked Outcomes. Header/title emphasis and expanded readout labels stay. */
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-rank,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-name a,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-name span,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-name .mpmh-lb-category-link.category-btn,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-signal,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-status{
  font-weight:400!important;
}

@media (max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-hero > div{
    display:grid!important;
    justify-items:center!important;
    gap:3px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-hero span{
    position:static!important;
    transform:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-hero h2{
    padding:0 8px!important;
    white-space:normal!important;
  }
}


/* ========================================================================
   MPMH311 · CATEGORY DIRECTORY + LEADERBOARD SIGNAL COLUMN RECONCILIATION
   Base: MPMH310.
   ------------------------------------------------------------------------
   - Desktop Categories occupy the left half in a three-column grid.
   - Active category count is sky blue; Indexed preserves its inherited tone;
     Total is bright green.
   - Every leaderboard row explicitly exposes selected metric, Primary Signals,
     Total Signals, Status, and Details on one shared header/row template.
   ======================================================================== */

/* Desktop Categories: reserve the right half as an intentionally empty future
   content lane. Existing category buttons remain the only interactive elements. */
@media (min-width:1101px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    width:50%!important;
    max-width:50%!important;
    margin-left:0!important;
    margin-right:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:1100px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:700px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:430px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    grid-template-columns:1fr!important;
  }
}

/* Metric colors apply to numeric readouts only. Indexed intentionally inherits
   the current muted green treatment from the preserved category-card cascade. */
html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-counts > span:nth-child(1) > strong{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  text-shadow:0 0 10px rgba(126,198,255,.30)!important;
}
html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-counts > span:nth-child(3) > strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.36)!important;
}

/* Shared seven-column leaderboard geometry. The selected leaderboard metric
   remains the active third column; Primary and Total Signals are separately
   bound and separately sortable in columns four and five. */
html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:nth-child(3),
html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:nth-child(4),
html body #publicShell #shellMain .mpmh-lb-table-head .mpmh-lb-sort:nth-child(5),
html body #publicShell #shellMain .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-signal-primary,
html body #publicShell #shellMain .mpmh-lb-signal-total{
  text-align:center!important;
}
@media (min-width:1121px){
  html body #publicShell #shellMain .mpmh-lb-table-head,
  html body #publicShell #shellMain .mpmh-lb-row{
    grid-template-columns:52px minmax(220px,340px) 112px 112px 112px 84px minmax(180px,1fr)!important;
    gap:6px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
}
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-signal-primary,
html body #publicShell #shellMain .mpmh-lb-panel .mpmh-lb-row .mpmh-lb-signal-total{
  font-weight:400!important;
}

/* Compact/mobile owner: keep the selected metric visible and expose both Signal
   columns before Status/Details collapse under the existing narrow layout. */
@media (max-width:1120px) and (min-width:761px){
  html body #publicShell #shellMain .mpmh-lb-table-head,
  html body #publicShell #shellMain .mpmh-lb-row{
    grid-template-columns:46px minmax(180px,1fr) 104px 104px 104px 76px 42px!important;
  }
}
@media (max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-table-head,
  html body #publicShell #shellMain .mpmh-lb-row{
    grid-template-columns:34px minmax(0,1fr) 78px 78px 78px 32px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-table-head > :nth-child(6),
  html body #publicShell #shellMain .mpmh-lb-row > :nth-child(6){
    display:none!important;
  }
}

/* Re-open the explicit Signal columns hidden by the inherited compact owner. */
@media (max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-table-head > :nth-child(4),
  html body #publicShell #shellMain .mpmh-lb-table-head > :nth-child(5),
  html body #publicShell #shellMain .mpmh-lb-row .mpmh-lb-signal-primary,
  html body #publicShell #shellMain .mpmh-lb-row .mpmh-lb-signal-total{
    display:block!important;
  }
}
@media (max-width:1120px) and (min-width:761px){
  html body #publicShell #shellMain .mpmh-lb-row .mpmh-lb-status{
    display:block!important;
  }
}


/* ========================================================================
   MPMH312 · STACKED LEADERBOARD WORKSPACE + DIRECTORY CLEANUP
   Base: MPMH311.
   ======================================================================== */

/* Categories return to a centered full-canvas four-wide desktop grid. */
@media (min-width:1101px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (max-width:1100px) and (min-width:701px){
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] #categoryDiscoveryGrid,
  html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-grid-az{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
/* Numeric-only category hierarchy: Active green, Indexed inherited, Total blue. */
html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-counts > span:nth-child(1) > strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  text-shadow:0 0 10px rgba(11,249,158,.36)!important;
}
html body #publicShell #shellMain .tab-panel[data-panel="categories"] .category-counts > span:nth-child(3) > strong{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  text-shadow:0 0 10px rgba(126,198,255,.30)!important;
}

/* One selected top group at a time; every metric board in that group is visible
   in the same top-to-bottom order as its sticky left navigation. */
html body #publicShell #shellMain .mpmh-leaderboards-native{
  min-height:calc(100vh - 110px)!important;
  padding-bottom:280px!important;
}
html body #publicShell #shellMain .mpmh-lb-panel:not([hidden]){
  display:block!important;
  margin:0 0 200px!important;
  padding:0!important;
  scroll-margin-top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
}
html body #publicShell #shellMain .mpmh-lb-panel:not([hidden]).is-stack-last{
  margin-bottom:0!important;
}
html body #publicShell #shellMain .mpmh-lb-panel.is-scroll-active .mpmh-lb-panel-head{
  border-color:rgba(143,198,255,.72)!important;
}
html body #publicShell #shellMain .mpmh-lb-rowwrap[hidden]{display:none!important;}

/* The table and title headers retain their existing sticky offsets and are
   naturally bounded by each board/table before the 200px inter-board space. */
html body #publicShell #shellMain .mpmh-lb-panel-head,
html body #publicShell #shellMain .mpmh-lb-table-head{
  transform:translateZ(0)!important;
}

/* Per-board expansion is a small natural-width text target, not a box. */
html body #publicShell #shellMain .mpmh-lb-board-more{
  appearance:none!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:10px auto 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:400!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-board-more:hover,
html body #publicShell #shellMain .mpmh-lb-board-more:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-board-more[disabled]{
  color:rgba(143,198,255,.55)!important;
  -webkit-text-fill-color:rgba(143,198,255,.55)!important;
  cursor:wait!important;
  text-decoration:none!important;
}

@media (max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-panel:not([hidden]){margin-bottom:120px!important;}
  html body #publicShell #shellMain .mpmh-leaderboards-native{padding-bottom:220px!important;}
}

/* ========================================================================
   MPMH_LAUNCH001 CONSOLIDATED LATE OWNER STACK
   Formerly 50 separate PHP <style> blocks. Contents remain in their exact
   original order after the inherited external cascade. Dynamic PHP values
   were not present in any block. This creates one stylesheet owner without
   changing selector specificity, declaration values, or final cascade order.
   ======================================================================== */

/* LAUNCH001 former inline style 01: inline-style-01 (MPMH314.php lines 3168-6865) */
/* ========================================================================
   V045 CLEAN REUSABLE STATE SLATES
   ------------------------------------------------------------------------
   The selected-cause world path is now a blank full-width state system.
   States 1-100 render as clean centered labels only: State: #.
   Commercial/video development has been moved out of the main public surface.
   ======================================================================== */
.mph-home-overview.mpmh-world-step-active{
  display:block!important;
  width:100%!important;
  min-height:calc(100dvh - 132px)!important;
  background:#000!important;
  color:#fff!important;
  overflow:hidden!important;
}
.mpmh-world-step-canvas{
  display:none;
  width:100%;
  min-height:calc(100dvh - 132px);
  margin:0;
  padding:0;
  place-items:center;
  background:#000;
  color:#fff;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
.mph-home-overview[data-home-mode="world-step"] .mpmh-world-step-canvas,
.mpmh-world-step-canvas.is-active{
  display:grid!important;
}
.mpmh-world-step-inner{
  display:grid;
  place-items:center;
  width:100%;
  min-height:inherit;
  margin:0;
  padding:0;
  background:#000;
}
.mpmh-state-slate{
  display:grid;
  place-items:center;
  width:100%;
  min-height:inherit;
  margin:0;
  padding:0;
  background:#000;
  color:#fff;
  text-align:center;
}
.mpmh-state-slate span{
  display:inline-block;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(12px,1.15vw,18px);
  line-height:1;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:none;
  text-shadow:none;
}
.mpmh-state-slate strong{
  color:#fff;
  font:inherit;
  font-weight:500;
}
body.mpmh-world-stage-active .mph-home-overview[data-home-mode="world-step"]{
  min-height:calc(100dvh - 96px)!important;
}
body.mpmh-world-stage-active .mpmh-world-step-canvas,
body.mpmh-world-stage-active .mpmh-world-step-inner,
body.mpmh-world-stage-active .mpmh-state-slate{
  min-height:calc(100dvh - 96px)!important;
}
.mpmh-state-slate[hidden],
.mpmh-state-page[hidden]{display:none!important;}
#mpmhWorldStepCanvas[data-world-step="1"],
#mpmhWorldStepCanvas[data-world-step="2"],
#mpmhWorldStepCanvas[data-world-step="3"],
#mpmhWorldStepCanvas[data-world-step="4"]{
  place-items:stretch;
  align-items:start;
  justify-items:stretch;
  overflow:auto;
}
#mpmhWorldStepCanvas[data-world-step="1"] .mpmh-world-step-inner,
#mpmhWorldStepCanvas[data-world-step="2"] .mpmh-world-step-inner,
#mpmhWorldStepCanvas[data-world-step="3"] .mpmh-world-step-inner,
#mpmhWorldStepCanvas[data-world-step="4"] .mpmh-world-step-inner{
  place-items:stretch;
  align-items:start;
  justify-items:center;
  min-height:calc(100dvh - 96px);
  overflow:visible;
}
.mpmh-state-page{
  width:100%;
  max-width:1180px;
  min-height:calc(100dvh - 96px);
  margin:0 auto;
  padding:22px 24px 34px;
  box-sizing:border-box;
  background:#000;
  color:#f4fbff;
}
.mpmh-state-advertisers-page{
  max-width:1500px;
}
.mpmh-state-advertisers-surface{
  position:relative;
  width:100%;
  max-width:1420px;
  margin:0 auto;
  padding:0;
  color:#d7e6f2;
  background:#000;
  overflow:hidden;
}
.mpmh-state-advertisers-surface:before{
  content:none;
  display:none;
}
.mpmh-state-advertisers-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:150px minmax(0,805px) 350px;
  gap:28px;
  align-items:start;
  justify-content:center;
}
.mpmh-state-brand-rail{
  width:100%;
  min-height:calc(100dvh - 190px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  align-self:stretch;
  pointer-events:none;
  user-select:none;
  overflow:visible;
  padding-top:108px;
  gap:0;
  background:linear-gradient(180deg,transparent,rgba(126,183,255,.018),transparent);
}
.mpmh-state-rail-path{
  position:relative;
  width:100%;
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:7px 0 7px 24px;
  box-sizing:border-box;
}
.mpmh-state-rail-path:before{
  content:"";
  position:absolute;
  left:8px;
  top:9px;
  bottom:9px;
  width:1px;
  background:linear-gradient(180deg,rgba(126,183,255,.08),rgba(11,249,158,.32),rgba(126,183,255,.08));
}
.mpmh-state-rail-node{
  position:relative;
  min-height:38px;
}
.mpmh-state-rail-node:before{
  content:"";
  position:absolute;
  left:-20px;
  top:5px;
  width:7px;
  height:7px;
  border:1px solid rgba(11,249,158,.52);
  background:#000;
  box-shadow:0 0 13px rgba(11,249,158,.14);
}
.mpmh-state-brand-rail .mpmh-state-rail-node span,
.mpmh-state-brand-rail .mpmh-state-rail-node small{
  writing-mode:horizontal-tb;
  transform:none;
  display:block;
  white-space:normal;
  text-align:left;
  text-shadow:none;
}
.mpmh-state-brand-rail .mpmh-state-rail-node span{
  color:rgba(143,198,255,.54);
  font-size:9.2px;
  line-height:1.15;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mpmh-state-brand-rail .mpmh-state-rail-node small{
  margin-top:5px;
  color:rgba(11,249,158,.38);
  font-size:7.8px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.mpmh-state-advertisers-copy{
  min-width:0;
  width:100%;
}
.mpmh-state-advertisers-hero,
.mpmh-state-advertisers-section,
.mpmh-state-advertisers-cta{
  background:#000;
  border:0;
  box-shadow:none;
  padding:0;
  margin:0 0 26px;
}
.mpmh-state-advertisers-hero{
  text-align:left;
  max-width:790px;
  margin:0 0 30px;
  padding-left:0;
}
.mpmh-state-advertisers-lead{
  margin:0 0 14px!important;
  color:#8fc6ff!important;
  font-size:14px!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
  text-transform:none;
}
.mpmh-state-advertisers-surface p{
  margin:0 0 14px;
  color:#cdddea;
  font-size:13.4px;
  line-height:1.68;
  letter-spacing:.018em;
}
.mpmh-state-advertisers-surface p:last-child{margin-bottom:0;}
.mpmh-state-advertisers-section{
  padding-top:18px;
  border-top:1px solid rgba(126,183,255,.16);
}
.mpmh-state-advertisers-section h3{
  margin:0 0 11px;
  color:#8fc6ff;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mpmh-state-advertisers-signal-section{
  border-top-color:rgba(11,249,158,.24);
}
.mpmh-state-advertisers-signal-section h3{color:#0bf99e;}
.mpmh-state-account-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin:12px auto 0;
  padding:8px 18px;
  border:1px solid rgba(126,183,255,.48);
  border-radius:0;
  background:#000;
  color:#f4fbff;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
}
.mpmh-state-account-btn:hover,
.mpmh-state-account-btn:focus{
  border-color:rgba(126,183,255,.82);
  color:#fff;
  outline:0;
}
.mpmh-state-advertisers-cta{
  text-align:left;
  padding-top:20px;
  border-top:1px solid rgba(126,183,255,.16);
}
.mpmh-state-advertisers-cta .mpmh-state-account-btn{margin-top:0;margin-bottom:11px;margin-left:0;margin-right:0;}
.mpmh-state-advertisers-hero .mpmh-state-account-btn{margin-left:0;margin-right:0;}
.mpmh-state-contact-helper{
  max-width:560px;
  margin:0 0 0!important;
  color:rgba(205,221,234,.70)!important;
  font-size:10.6px!important;
  line-height:1.52!important;
  letter-spacing:.055em!important;
}
.mpmh-state-signal-rail{
  position:relative;
  overflow:hidden;
  width:100%;
  margin-top:4px;
  padding:17px 17px 18px;
  border:1px solid rgba(126,183,255,.18);
  background:linear-gradient(180deg,rgba(18,22,26,.82),rgba(5,7,9,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  color:#d9e7f2;
}
.mpmh-state-signal-rail:before{
  content:"";
  position:absolute;
  right:-72px;
  top:36px;
  width:210px;
  height:210px;
  border-radius:50%;
  opacity:.26;
  background:
    radial-gradient(circle,transparent 0 22%,rgba(126,183,255,.18) 23%,transparent 24% 44%,rgba(126,183,255,.13) 45%,transparent 46% 64%,rgba(126,183,255,.09) 65%,transparent 66%),
    conic-gradient(from 18deg,rgba(11,249,158,.18),transparent 48deg 360deg);
  pointer-events:none;
}
.mpmh-state-signal-rail:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(126,183,255,.045),transparent);
  opacity:.62;
  pointer-events:none;
}
.mpmh-state-signal-rail-inner{
  position:relative;
  z-index:1;
}
.mpmh-state-signal-rail-kicker{
  margin:0 0 5px;
  color:#8fc6ff;
  font-size:8.5px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mpmh-state-signal-rail-title{
  margin:0 0 6px;
  color:#f4fbff;
  font-size:13px;
  line-height:1.18;
  font-weight:750;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.mpmh-state-signal-rail-subtitle{
  margin:0 0 10px!important;
  color:rgba(205,221,234,.70)!important;
  font-size:10px!important;
  line-height:1.42!important;
  letter-spacing:.055em!important;
}
.mpmh-state-signal-rail-sample{
  margin:0 0 13px!important;
  padding:9px 10px 9px 11px;
  border-left:2px solid rgba(11,249,158,.34);
  background:rgba(0,0,0,.28);
  color:rgba(218,235,245,.74)!important;
  font-size:9.3px!important;
  line-height:1.48!important;
  letter-spacing:.038em!important;
}
.mpmh-state-signal-rail-stack{
  display:grid;
  gap:7px;
}
.mpmh-state-signal-pill{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:27px;
  padding:7px 9px;
  border:1px solid rgba(126,183,255,.13);
  background:rgba(0,0,0,.34);
}
.mpmh-state-signal-pill span{
  color:#cdddea;
  font-size:8.5px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mpmh-state-signal-pill small{
  color:rgba(11,249,158,.78);
  font-size:7.8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.mpmh-state-signal-pill-strong{
  border-color:rgba(11,249,158,.30);
  background:rgba(11,249,158,.055);
}
.mpmh-state-signal-pill-strong span{color:#f4fbff;}
.mpmh-state-signal-rail-action{
  margin:14px 0 0;
  padding-top:13px;
  border-top:1px solid rgba(11,249,158,.16);
}
.mpmh-state-signal-rail-action .mpmh-state-account-btn{
  width:100%;
  margin:0 0 9px;
}
.mpmh-state-signal-rail-action .mpmh-state-contact-helper{
  max-width:none;
  margin:0!important;
  text-align:left;
}
.mpmh-state-signal-rail-note{
  margin:12px 0 0;
  padding-top:11px;
  border-top:1px solid rgba(126,183,255,.14);
  color:rgba(205,221,234,.68);
  font-size:10.2px;
  line-height:1.52;
  letter-spacing:.03em;
}

/* MPMH017 STATES 2-4 — INTERNAL WORKING CONCEPT BOARDS */
.mpmh-state-concept-page{
  max-width:1500px;
  padding-top:18px;
}
.mpmh-state-concept{
  width:100%;
  max-width:1420px;
  margin:0 auto;
  color:#d9e8f4;
}
.mpmh-state-draft-label{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin:0 0 18px;
  padding:5px 10px;
  border:1px solid rgba(11,249,158,.28);
  background:rgba(11,249,158,.045);
  color:#0bf99e;
  font-size:8.8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.mpmh-state-concept-hero{
  padding:28px 30px 30px;
  border:1px solid rgba(126,183,255,.22);
  background:
    linear-gradient(135deg,rgba(126,183,255,.08),transparent 46%),
    linear-gradient(180deg,rgba(12,17,22,.92),rgba(2,4,6,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.mpmh-state-concept-kicker{
  margin:0 0 9px!important;
  color:#0bf99e!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase;
}
.mpmh-state-concept-hero h2{
  max-width:1120px;
  margin:0;
  color:#f5fbff;
  font-size:clamp(25px,3.25vw,52px);
  line-height:1.04;
  font-weight:780;
  letter-spacing:-.025em;
  text-transform:uppercase;
}
.mpmh-state-concept-deck{
  max-width:980px;
  margin:17px 0 0!important;
  color:rgba(218,234,245,.78)!important;
  font-size:13.5px!important;
  line-height:1.62!important;
  letter-spacing:.025em!important;
}
.mpmh-state-win-grid,
.mpmh-state-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-top:18px;
}
.mpmh-state-win-card,
.mpmh-state-product-card{
  min-height:150px;
  padding:18px 18px 17px;
  border:1px solid rgba(126,183,255,.16);
  background:linear-gradient(180deg,rgba(14,19,24,.76),rgba(2,4,6,.96));
}
.mpmh-state-win-card strong,
.mpmh-state-product-card strong{
  display:block;
  margin:0 0 9px;
  color:#8fc6ff;
  font-size:11px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:.115em;
  text-transform:uppercase;
}
.mpmh-state-win-card p,
.mpmh-state-product-card p{
  margin:0!important;
  color:rgba(214,230,241,.76)!important;
  font-size:11.2px!important;
  line-height:1.56!important;
  letter-spacing:.025em!important;
}
.mpmh-state-big-statement{
  margin-top:18px;
  padding:22px 24px;
  border-left:3px solid rgba(11,249,158,.62);
  background:rgba(11,249,158,.045);
}
.mpmh-state-big-statement p{
  margin:0!important;
  color:#eef8ff!important;
  font-size:clamp(16px,1.65vw,24px)!important;
  line-height:1.42!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
}
.mpmh-state-universe-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,520px);
  gap:20px;
  align-items:stretch;
  margin-top:18px;
}
.mpmh-state-universe-core{
  position:relative;
  min-height:510px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(126,183,255,.22);
  background:
    radial-gradient(circle at center,rgba(11,249,158,.11),transparent 21%),
    radial-gradient(circle at center,transparent 0 30%,rgba(126,183,255,.13) 30.3%,transparent 30.7% 46%,rgba(126,183,255,.08) 46.3%,transparent 46.7%),
    #030609;
}
.mpmh-state-universe-center{
  position:relative;
  z-index:2;
  width:min(70%,410px);
  padding:28px 24px;
  border:1px solid rgba(11,249,158,.40);
  background:rgba(0,0,0,.86);
  text-align:center;
  box-shadow:0 0 48px rgba(11,249,158,.075);
}
.mpmh-state-universe-center small{
  display:block;
  margin-bottom:8px;
  color:#0bf99e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.mpmh-state-universe-center strong{
  display:block;
  color:#fff;
  font-size:clamp(24px,3vw,46px);
  line-height:.98;
  letter-spacing:-.04em;
}
.mpmh-state-universe-center span{
  display:block;
  margin-top:9px;
  color:#8fc6ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mpmh-state-universe-context{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  align-content:start;
  padding:18px;
  border:1px solid rgba(126,183,255,.18);
  background:linear-gradient(180deg,rgba(12,17,22,.86),rgba(2,4,6,.97));
}
.mpmh-state-context-chip{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 11px;
  border:1px solid rgba(126,183,255,.14);
  background:rgba(0,0,0,.36);
}
.mpmh-state-context-chip span{
  color:#d5e4ef;
  font-size:8.7px;
  line-height:1.22;
  font-weight:750;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.mpmh-state-context-chip small{
  color:rgba(11,249,158,.75);
  font-size:7.4px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.mpmh-state-compare-strip{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:16px;
  align-items:center;
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(126,183,255,.16);
  background:#04070a;
}
.mpmh-state-compare-side{
  text-align:center;
}
.mpmh-state-compare-side strong{
  display:block;
  color:#f4fbff;
  font-size:15px;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mpmh-state-compare-side small{
  display:block;
  margin-top:6px;
  color:rgba(205,221,234,.64);
  font-size:9px;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.mpmh-state-compare-vs{
  color:#0bf99e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.mpmh-state-client-close{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:16px;
  margin-top:18px;
}
.mpmh-state-client-close-main,
.mpmh-state-client-close-side{
  padding:22px 24px;
  border:1px solid rgba(126,183,255,.17);
  background:rgba(3,6,9,.92);
}
.mpmh-state-client-close-main h3,
.mpmh-state-client-close-side h3{
  margin:0 0 10px;
  color:#8fc6ff;
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.mpmh-state-client-close-main p,
.mpmh-state-client-close-side p{
  margin:0!important;
  color:rgba(222,237,247,.78)!important;
  font-size:12px!important;
  line-height:1.62!important;
}
.mpmh-state-client-close-side{
  border-color:rgba(11,249,158,.24);
  background:rgba(11,249,158,.04);
}

/* MPMH018 STATES 5-14 — CONTENT LABORATORY */
.mpmh-state-lab-page{max-width:1500px;padding-top:18px;}
.mpmh-state-lab{width:100%;max-width:1420px;margin:0 auto;color:#d9e8f4;}
.mpmh-lab-hero{position:relative;overflow:hidden;padding:30px;border:1px solid rgba(126,183,255,.22);background:linear-gradient(135deg,rgba(126,183,255,.08),transparent 48%),linear-gradient(180deg,rgba(11,17,23,.94),rgba(1,3,5,.99));}
.mpmh-lab-hero:after{content:"";position:absolute;right:-120px;top:-150px;width:340px;height:340px;border:1px solid rgba(126,183,255,.10);border-radius:50%;box-shadow:0 0 0 50px rgba(126,183,255,.025),0 0 0 100px rgba(126,183,255,.018);pointer-events:none;}
.mpmh-lab-hero>*{position:relative;z-index:1;}
.mpmh-lab-kicker{margin:0 0 9px!important;color:#0bf99e!important;font-size:9px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:.18em!important;text-transform:uppercase;}
.mpmh-lab-hero h2{max-width:1140px;margin:0;color:#f6fbff;font-size:clamp(26px,3.1vw,50px);line-height:1.05;font-weight:790;letter-spacing:-.03em;text-transform:uppercase;}
.mpmh-lab-deck{max-width:1000px;margin:17px 0 0!important;color:rgba(219,234,245,.78)!important;font-size:13.5px!important;line-height:1.66!important;letter-spacing:.022em!important;}
.mpmh-lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px;}
.mpmh-lab-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mpmh-lab-card{min-height:144px;padding:18px;border:1px solid rgba(126,183,255,.16);background:linear-gradient(180deg,rgba(13,19,24,.78),rgba(2,4,6,.97));}
.mpmh-lab-card strong{display:block;margin:0 0 9px;color:#8fc6ff;font-size:10.5px;line-height:1.3;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.mpmh-lab-card p{margin:0!important;color:rgba(214,230,241,.76)!important;font-size:11.2px!important;line-height:1.58!important;letter-spacing:.022em!important;}
.mpmh-lab-card-green{border-color:rgba(11,249,158,.25);background:linear-gradient(180deg,rgba(8,31,26,.50),rgba(1,7,6,.97));}
.mpmh-lab-card-green strong{color:#0bf99e;}
.mpmh-lab-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;}
.mpmh-lab-flow-step{position:relative;min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:16px 16px 16px 52px;border:1px solid rgba(126,183,255,.17);background:#05090d;}
.mpmh-lab-flow-step b{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#0bf99e;font-size:25px;line-height:1;font-variant-numeric:tabular-nums;}
.mpmh-lab-flow-step strong{color:#f2f9ff;font-size:10px;letter-spacing:.11em;text-transform:uppercase;}
.mpmh-lab-flow-step small{margin-top:7px;color:rgba(202,221,234,.63);font-size:9.5px;line-height:1.45;}
.mpmh-lab-banner{margin-top:18px;padding:22px 24px;border-left:3px solid rgba(11,249,158,.64);background:rgba(11,249,158,.045);color:#eef9ff;font-size:clamp(16px,1.6vw,23px);line-height:1.45;font-weight:680;letter-spacing:.012em;}
.mpmh-lab-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
.mpmh-lab-panel{padding:22px 24px;border:1px solid rgba(126,183,255,.17);background:rgba(3,6,9,.94);}
.mpmh-lab-panel h3{margin:0 0 12px;color:#8fc6ff;font-size:10px;letter-spacing:.15em;text-transform:uppercase;}
.mpmh-lab-panel p{margin:0 0 11px!important;color:rgba(218,233,243,.77)!important;font-size:11.7px!important;line-height:1.64!important;}
.mpmh-lab-panel p:last-child{margin-bottom:0!important;}
.mpmh-lab-checklist{display:grid;gap:8px;margin-top:13px;}
.mpmh-lab-check{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border:1px solid rgba(126,183,255,.12);background:rgba(0,0,0,.30);color:rgba(221,235,245,.78);font-size:10.5px;line-height:1.45;}
.mpmh-lab-check:before{content:"✓";color:#0bf99e;font-weight:900;}
.mpmh-lab-table-wrap{margin-top:18px;overflow:auto;border:1px solid rgba(126,183,255,.18);background:#020508;}
.mpmh-lab-table{width:100%;border-collapse:collapse;min-width:820px;}
.mpmh-lab-table th,.mpmh-lab-table td{padding:13px 14px;border-bottom:1px solid rgba(126,183,255,.11);text-align:left;vertical-align:top;}
.mpmh-lab-table th{background:rgba(9,35,61,.65);color:#8fc6ff;font-size:9px;letter-spacing:.12em;text-transform:uppercase;}
.mpmh-lab-table td{color:rgba(219,233,243,.76);font-size:10.5px;line-height:1.5;}
.mpmh-lab-table td:nth-child(2){font-weight:850;color:#f5fbff;white-space:nowrap;}
.mpmh-lab-table .yes{color:#0bf99e;}.mpmh-lab-table .no{color:#9fb4c3;}
.mpmh-lab-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;}
.mpmh-lab-metric{padding:17px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,26,43,.72),rgba(1,4,7,.98));}
.mpmh-lab-metric small{display:block;color:#8fc6ff;font-size:8.2px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}
.mpmh-lab-metric strong{display:block;margin-top:8px;color:#fff;font-size:24px;line-height:1;font-variant-numeric:tabular-nums;}
.mpmh-lab-metric span{display:block;margin-top:7px;color:rgba(193,215,230,.58);font-size:8.5px;line-height:1.35;text-transform:uppercase;letter-spacing:.07em;}
.mpmh-lab-evidence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;}
.mpmh-lab-evidence-card{padding:20px;border-top:3px solid rgba(126,183,255,.45);background:rgba(4,8,11,.95);border-left:1px solid rgba(126,183,255,.14);border-right:1px solid rgba(126,183,255,.14);border-bottom:1px solid rgba(126,183,255,.14);}
.mpmh-lab-evidence-card:nth-child(1){border-top-color:#0bf99e;}.mpmh-lab-evidence-card:nth-child(2){border-top-color:#8fc6ff;}.mpmh-lab-evidence-card:nth-child(3){border-top-color:#c5a8ff;}.mpmh-lab-evidence-card:nth-child(4){border-top-color:#ffcc79;}
.mpmh-lab-evidence-card strong{color:#f4fbff;font-size:12px;letter-spacing:.13em;text-transform:uppercase;}
.mpmh-lab-evidence-card small{display:block;margin-top:5px;color:rgba(205,224,237,.58);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;}
.mpmh-lab-evidence-card p{margin:14px 0 0!important;color:rgba(215,230,240,.72)!important;font-size:10.7px!important;line-height:1.56!important;}
.mpmh-lab-lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:16px;margin-top:18px;}
.mpmh-lab-lane-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.mpmh-lab-lane{padding:16px;border:1px solid rgba(126,183,255,.15);background:#05090d;}
.mpmh-lab-lane strong{color:#8fc6ff;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;}.mpmh-lab-lane p{margin:8px 0 0!important;color:rgba(210,227,238,.70)!important;font-size:10.2px!important;line-height:1.5!important;}
.mpmh-lab-engine{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:28px;border:1px solid rgba(11,249,158,.30);background:radial-gradient(circle,rgba(11,249,158,.10),transparent 55%),#020705;text-align:center;}
.mpmh-lab-engine small{color:#0bf99e;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase;}.mpmh-lab-engine strong{margin-top:11px;color:#fff;font-size:clamp(24px,2.6vw,40px);line-height:1;text-transform:uppercase;}.mpmh-lab-engine span{margin-top:12px;color:rgba(213,232,242,.65);font-size:10px;line-height:1.5;}
.mpmh-lab-guardrails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;}
.mpmh-lab-guardrail{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid rgba(126,183,255,.14);background:rgba(2,5,8,.96);}
.mpmh-lab-guardrail b{flex:0 0 auto;color:#0bf99e;font-size:17px;line-height:1;}.mpmh-lab-guardrail span{color:rgba(220,235,244,.78);font-size:10.8px;line-height:1.52;}
.mpmh-lab-universe{position:relative;min-height:580px;margin-top:18px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(126,183,255,.20);background:radial-gradient(circle at center,rgba(11,249,158,.11),transparent 18%),radial-gradient(circle at center,transparent 0 26%,rgba(126,183,255,.11) 26.3%,transparent 26.8% 41%,rgba(126,183,255,.07) 41.3%,transparent 41.8%),#020508;}
.mpmh-lab-universe-core{position:relative;z-index:2;width:min(58%,460px);padding:31px 25px;border:1px solid rgba(11,249,158,.38);background:rgba(0,0,0,.88);text-align:center;box-shadow:0 0 60px rgba(11,249,158,.07);}.mpmh-lab-universe-core small{display:block;color:#0bf99e;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;}.mpmh-lab-universe-core strong{display:block;margin-top:10px;color:#fff;font-size:clamp(27px,3vw,46px);line-height:1;text-transform:uppercase;}.mpmh-lab-universe-core span{display:block;margin-top:12px;color:#8fc6ff;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.mpmh-lab-orbit{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:14px;padding:25px;align-items:center;}.mpmh-lab-orbit span{justify-self:center;max-width:180px;padding:9px 11px;border:1px solid rgba(126,183,255,.16);background:rgba(0,0,0,.62);color:rgba(219,234,244,.78);font-size:8.5px;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase;}.mpmh-lab-orbit span:nth-child(5),.mpmh-lab-orbit span:nth-child(6),.mpmh-lab-orbit span:nth-child(7),.mpmh-lab-orbit span:nth-child(8){align-self:end}.mpmh-lab-orbit span:nth-child(9),.mpmh-lab-orbit span:nth-child(10),.mpmh-lab-orbit span:nth-child(11),.mpmh-lab-orbit span:nth-child(12){align-self:end}
/* MPMH019 STATES 15-24 — STATIC EDITORIAL VISUALS */
.mpmh19-compare{display:grid;grid-template-columns:1fr 58px 1fr;gap:14px;align-items:stretch;margin-top:18px}
.mpmh19-compare-side{padding:22px;border:1px solid rgba(126,183,255,.18);background:linear-gradient(180deg,rgba(12,20,28,.88),rgba(2,5,8,.98))}
.mpmh19-compare-side.is-mpmh{border-color:rgba(11,249,158,.28);background:linear-gradient(180deg,rgba(11,249,158,.055),rgba(2,7,6,.98))}
.mpmh19-compare-side h3{margin:0 0 15px;color:#8fc6ff;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.mpmh19-compare-side.is-mpmh h3{color:#54ffc0}
.mpmh19-compare-side ol{margin:0;padding:0;list-style:none;counter-reset:mpmh19}
.mpmh19-compare-side li{counter-increment:mpmh19;position:relative;padding:11px 10px 11px 44px;border-top:1px solid rgba(126,183,255,.11);color:rgba(225,238,247,.82);font-size:12px;line-height:1.48}
.mpmh19-compare-side li:before{content:counter(mpmh19,decimal-leading-zero);position:absolute;left:8px;top:11px;color:#5f8caf;font-size:9px;font-weight:900;letter-spacing:.08em}
.mpmh19-compare-side.is-mpmh li:before{color:#0bf99e}
.mpmh19-compare-vs{display:grid;place-items:center;color:#0bf99e;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mpmh19-chain{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:18px}
.mpmh19-chain-step{position:relative;min-height:112px;padding:16px 12px;border:1px solid rgba(126,183,255,.17);background:#050a0f;text-align:center}
.mpmh19-chain-step:not(:last-child):after{content:"›";position:absolute;right:-9px;top:39px;z-index:2;color:#0bf99e;font-size:23px;font-weight:300}
.mpmh19-chain-step b{display:block;color:#0bf99e;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.mpmh19-chain-step strong{display:block;margin-top:10px;color:#f1f8ff;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.mpmh19-chain-step small{display:block;margin-top:8px;color:rgba(204,221,233,.62);font-size:9px;line-height:1.45}
.mpmh19-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.mpmh19-stat{position:relative;overflow:hidden;min-height:210px;padding:25px;border:1px solid rgba(126,183,255,.2);background:radial-gradient(circle at 85% 15%,rgba(126,183,255,.10),transparent 34%),#04080c}
.mpmh19-stat:nth-child(2){border-color:rgba(11,249,158,.22);background:radial-gradient(circle at 85% 15%,rgba(11,249,158,.09),transparent 34%),#04080c}
.mpmh19-stat b{display:block;color:#f6fbff;font-size:clamp(34px,4vw,62px);line-height:1;font-weight:800;letter-spacing:-.045em}
.mpmh19-stat strong{display:block;margin-top:14px;color:#8fc6ff;font-size:10px;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}
.mpmh19-stat:nth-child(2) strong{color:#54ffc0}
.mpmh19-stat p{margin:12px 0 0!important;color:rgba(215,231,242,.70)!important;font-size:11px!important;line-height:1.58!important}
.mpmh19-source-note{margin-top:12px;padding:13px 16px;border-left:2px solid rgba(126,183,255,.42);background:rgba(4,9,14,.84);color:rgba(193,211,225,.62);font-size:9.5px;line-height:1.55;letter-spacing:.035em}
.mpmh19-supply{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:18px}
.mpmh19-supply article{position:relative;min-height:188px;padding:18px 15px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(11,18,25,.92),rgba(2,4,7,.98))}
.mpmh19-supply article:not(:last-child):after{content:"";position:absolute;right:-11px;top:50%;width:11px;height:1px;background:#0bf99e;box-shadow:6px 0 0 #0bf99e}
.mpmh19-supply b{display:block;color:#0bf99e;font-size:9px;letter-spacing:.14em}
.mpmh19-supply strong{display:block;margin-top:12px;color:#f3f9ff;font-size:11px;line-height:1.35;letter-spacing:.09em;text-transform:uppercase}
.mpmh19-supply p{margin:10px 0 0!important;color:rgba(209,226,238,.67)!important;font-size:10px!important;line-height:1.55!important}
.mpmh19-context{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:18px;margin-top:18px}
.mpmh19-event-core{display:grid;place-items:center;min-height:390px;border:1px solid rgba(11,249,158,.26);background:radial-gradient(circle,rgba(11,249,158,.12),rgba(6,14,17,.65) 34%,#020507 70%)}
.mpmh19-event-core div{text-align:center}
.mpmh19-event-core small{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.mpmh19-event-core b{display:block;margin:7px 0;color:#f9fffd;font-size:112px;line-height:.92;letter-spacing:-.08em}
.mpmh19-event-core strong{display:block;color:#0bf99e;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.mpmh19-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mpmh19-context-grid span{display:flex;min-height:76px;align-items:center;justify-content:center;padding:12px;border:1px solid rgba(126,183,255,.16);background:#050a0f;color:#dceaf4;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.mpmh19-question-table{margin-top:18px;border:1px solid rgba(126,183,255,.18);background:#03070a}
.mpmh19-question-row{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);border-top:1px solid rgba(126,183,255,.12)}
.mpmh19-question-row:first-child{border-top:0}
.mpmh19-question-row div{padding:15px 18px;color:rgba(222,235,245,.78);font-size:11px;line-height:1.48}
.mpmh19-question-row div:first-child{background:rgba(126,183,255,.045);color:#f1f8ff;font-weight:750}
.mpmh19-question-row div:last-child{border-left:1px solid rgba(126,183,255,.12);color:#8fc6ff}
.mpmh19-consumer-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}
.mpmh19-consumer-step{padding:22px 18px;border:1px solid rgba(126,183,255,.17);background:#050a0f;text-align:center}
.mpmh19-consumer-step b{display:grid;width:34px;height:34px;margin:0 auto 14px;place-items:center;border:1px solid rgba(11,249,158,.48);border-radius:50%;color:#0bf99e;font-size:11px}
.mpmh19-consumer-step strong{display:block;color:#f2f8fc;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.mpmh19-consumer-step p{margin:10px 0 0!important;color:rgba(209,226,238,.68)!important;font-size:10.5px!important;line-height:1.55!important}
.mpmh19-layers{display:grid;gap:9px;margin-top:18px}
.mpmh19-layer{display:grid;grid-template-columns:190px 1fr;min-height:76px;border:1px solid rgba(126,183,255,.16);background:linear-gradient(90deg,rgba(126,183,255,.055),transparent 42%),#03070b}
.mpmh19-layer strong{display:flex;align-items:center;padding:16px 18px;border-right:1px solid rgba(126,183,255,.14);color:#8fc6ff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.mpmh19-layer span{display:flex;align-items:center;padding:16px 20px;color:rgba(218,233,243,.75);font-size:11px;line-height:1.5}
.mpmh19-flywheel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:18px}
.mpmh19-flywheel div{position:relative;display:grid;min-height:126px;place-items:center;padding:14px;border:1px solid rgba(126,183,255,.17);background:#050a0f;color:#dceaf4;font-size:9px;font-weight:850;line-height:1.5;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.mpmh19-flywheel div:not(:last-child):after{content:"→";position:absolute;right:-13px;z-index:2;color:#0bf99e;font-size:15px}
.mpmh19-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.mpmh19-status{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}
.mpmh19-status.is-live{border-top:3px solid #0bf99e}.mpmh19-status.is-guarded{border-top:3px solid #f2cf75}.mpmh19-status.is-next{border-top:3px solid #7eb7ff}
.mpmh19-status h3{margin:0 0 13px;color:#f3f9ff;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.mpmh19-status.is-live h3{color:#54ffc0}.mpmh19-status.is-guarded h3{color:#f2cf75}.mpmh19-status.is-next h3{color:#8fc6ff}
.mpmh19-status ul{margin:0;padding:0;list-style:none}
.mpmh19-status li{position:relative;padding:10px 4px 10px 20px;border-top:1px solid rgba(126,183,255,.10);color:rgba(220,234,244,.72);font-size:10.5px;line-height:1.45}
.mpmh19-status li:before{content:"";position:absolute;left:4px;top:15px;width:5px;height:5px;border-radius:50%;background:#6e92ad}
.mpmh19-status.is-live li:before{background:#0bf99e}.mpmh19-status.is-guarded li:before{background:#f2cf75}.mpmh19-status.is-next li:before{background:#7eb7ff}

/* MPMH020 STATES 25-34 — STATIC PRODUCT + AUDIENCE DEMONSTRATIONS */
.mpmh20-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}
.mpmh20-journey-step{position:relative;min-height:154px;padding:20px 17px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(7,21,33,.74),rgba(2,5,8,.98))}
.mpmh20-journey-step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;z-index:3;transform:translateY(-50%);color:#0bf99e;font-size:17px;font-weight:900}
.mpmh20-journey-step b{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(11,249,158,.45);border-radius:50%;color:#0bf99e;font-size:10px}
.mpmh20-journey-step strong{display:block;margin-top:15px;color:#f4faff;font-size:10px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}
.mpmh20-journey-step p{margin:9px 0 0!important;color:rgba(211,228,239,.68)!important;font-size:10.2px!important;line-height:1.52!important}
.mpmh20-cause-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:18px;align-items:stretch}
.mpmh20-cause-node{min-height:112px;display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid rgba(126,183,255,.16);background:#050a0f;text-align:center}
.mpmh20-cause-node strong{color:#8fc6ff;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase}
.mpmh20-cause-node span{margin-top:8px;color:rgba(213,230,241,.68);font-size:10px;line-height:1.5}
.mpmh20-cause-core{grid-column:2;grid-row:1 / span 2;min-height:235px;border-color:rgba(11,249,158,.36);background:radial-gradient(circle,rgba(11,249,158,.12),transparent 54%),#020705}
.mpmh20-cause-core small{color:#0bf99e;font-size:8.5px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.mpmh20-cause-core strong{margin-top:12px;color:#fff;font-size:clamp(23px,2.4vw,38px);line-height:1.05}
.mpmh20-cause-core span{margin-top:13px;color:rgba(214,233,242,.70);font-size:10.5px}
.mpmh20-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.mpmh20-pillar{min-height:220px;padding:26px 22px;border:1px solid rgba(126,183,255,.18);background:linear-gradient(180deg,rgba(10,29,47,.60),rgba(2,5,8,.98));text-align:center}
.mpmh20-pillar b{display:grid;width:48px;height:48px;margin:0 auto 17px;place-items:center;border:1px solid rgba(11,249,158,.42);border-radius:50%;color:#0bf99e;font-size:17px}
.mpmh20-pillar strong{display:block;color:#f4faff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.mpmh20-pillar p{margin:13px 0 0!important;color:rgba(213,229,240,.70)!important;font-size:11px!important;line-height:1.62!important}
.mpmh20-signal-families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}
.mpmh20-signal-family{min-height:238px;padding:22px 19px;border:1px solid rgba(126,183,255,.18);background:#04090d}
.mpmh20-signal-family:nth-child(1){border-top:3px solid #8fc6ff}.mpmh20-signal-family:nth-child(2){border-top:3px solid #0bf99e}.mpmh20-signal-family:nth-child(3){border-top:3px solid #c5a8ff}.mpmh20-signal-family:nth-child(4){border-top:3px solid #f2cf75}
.mpmh20-signal-family small{display:block;color:rgba(202,220,232,.52);font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.mpmh20-signal-family strong{display:block;margin-top:13px;color:#f4faff;font-size:19px;line-height:1.05;text-transform:uppercase}
.mpmh20-signal-family p{margin:14px 0 0!important;color:rgba(215,230,240,.72)!important;font-size:10.8px!important;line-height:1.58!important}
.mpmh20-signal-family span{display:block;margin-top:18px;padding-top:13px;border-top:1px solid rgba(126,183,255,.12);color:#8fc6ff;font-size:8.5px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.mpmh20-knowledge{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}
.mpmh20-knowledge-panel{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}
.mpmh20-knowledge-panel.is-limit{border-color:rgba(242,207,117,.26);background:linear-gradient(180deg,rgba(46,37,15,.23),rgba(3,5,7,.98))}
.mpmh20-knowledge-panel h3{margin:0 0 13px;color:#8fc6ff;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.mpmh20-knowledge-panel.is-limit h3{color:#f2cf75}
.mpmh20-knowledge-panel ul{margin:0;padding:0;list-style:none}
.mpmh20-knowledge-panel li{position:relative;padding:10px 5px 10px 21px;border-top:1px solid rgba(126,183,255,.10);color:rgba(219,233,243,.74);font-size:10.5px;line-height:1.48}
.mpmh20-knowledge-panel li:before{content:"+";position:absolute;left:4px;color:#0bf99e;font-weight:900}.mpmh20-knowledge-panel.is-limit li:before{content:"—";color:#f2cf75}
.mpmh20-campaign-card{margin-top:18px;border:1px solid rgba(126,183,255,.22);background:linear-gradient(180deg,rgba(8,23,37,.78),rgba(1,4,7,.99));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.mpmh20-campaign-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(126,183,255,.15);background:rgba(9,35,61,.46)}
.mpmh20-campaign-id small{display:block;color:#0bf99e;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mpmh20-campaign-id strong{display:block;margin-top:8px;color:#fff;font-size:clamp(20px,2.4vw,34px);line-height:1}.mpmh20-campaign-id span{display:block;margin-top:8px;color:rgba(200,220,233,.62);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.mpmh20-campaign-badge{padding:10px 12px;border:1px solid rgba(242,207,117,.34);color:#f2cf75;font-size:8.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.mpmh20-campaign-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid rgba(126,183,255,.14)}
.mpmh20-campaign-metric{padding:18px;border-left:1px solid rgba(126,183,255,.12)}.mpmh20-campaign-metric:first-child{border-left:0}
.mpmh20-campaign-metric small{display:block;color:#8fc6ff;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh20-campaign-metric strong{display:block;margin-top:9px;color:#fff;font-size:24px;font-variant-numeric:tabular-nums}.mpmh20-campaign-metric span{display:block;margin-top:6px;color:rgba(194,215,229,.53);font-size:8px;line-height:1.4;text-transform:uppercase}
.mpmh20-campaign-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.mpmh20-campaign-section{padding:21px;border-left:1px solid rgba(126,183,255,.12)}.mpmh20-campaign-section:first-child{border-left:0}
.mpmh20-campaign-section h3{margin:0 0 11px;color:#8fc6ff;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.mpmh20-campaign-section p{margin:0!important;color:rgba(214,230,241,.72)!important;font-size:10.4px!important;line-height:1.58!important}
.mpmh20-dimension-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.mpmh20-dimension{display:grid;min-height:92px;place-items:center;padding:13px;border:1px solid rgba(126,183,255,.16);background:#050a0f;color:#dceaf4;font-size:8.8px;font-weight:850;line-height:1.4;letter-spacing:.10em;text-align:center;text-transform:uppercase}
.mpmh20-dimension-core{grid-column:2 / span 2;grid-row:2 / span 2;min-height:194px;border-color:rgba(11,249,158,.36);background:radial-gradient(circle,rgba(11,249,158,.12),transparent 58%),#020705}
.mpmh20-dimension-core div{text-align:center}.mpmh20-dimension-core small{display:block;color:#0bf99e;font-size:8px;letter-spacing:.14em}.mpmh20-dimension-core strong{display:block;margin-top:12px;color:#fff;font-size:clamp(23px,2.5vw,39px);line-height:1.05}.mpmh20-dimension-core span{display:block;margin-top:10px;color:#8fc6ff;font-size:9px}
.mpmh20-evidence-ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-top:18px}
.mpmh20-evidence-step{position:relative;min-height:178px;padding:20px 15px;border:1px solid rgba(126,183,255,.16);background:#05090d}
.mpmh20-evidence-step:not(:last-child):after{content:"→";position:absolute;right:-12px;top:44%;z-index:2;color:#0bf99e;font-size:15px}
.mpmh20-evidence-step small{display:inline-block;padding:5px 7px;border:1px solid rgba(126,183,255,.24);color:#8fc6ff;font-size:7.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.mpmh20-evidence-step.is-guarded small{border-color:rgba(242,207,117,.34);color:#f2cf75}.mpmh20-evidence-step.is-verified small{border-color:rgba(11,249,158,.38);color:#0bf99e}
.mpmh20-evidence-step strong{display:block;margin-top:15px;color:#fff;font-size:10px;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}.mpmh20-evidence-step p{margin:10px 0 0!important;color:rgba(208,225,237,.66)!important;font-size:9.8px!important;line-height:1.52!important}
.mpmh20-credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}
.mpmh20-credit-stage{min-height:245px;padding:24px;border:1px solid rgba(126,183,255,.18);background:#04090d}
.mpmh20-credit-stage:nth-child(1){border-top:3px solid #8fc6ff}.mpmh20-credit-stage:nth-child(2){border-top:3px solid #c5a8ff}.mpmh20-credit-stage:nth-child(3){border-top:3px solid #0bf99e}
.mpmh20-credit-stage b{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(126,183,255,.34);border-radius:50%;color:#fff;font-size:10px}.mpmh20-credit-stage strong{display:block;margin-top:17px;color:#f4faff;font-size:15px;letter-spacing:.12em;text-transform:uppercase}.mpmh20-credit-stage p{margin:13px 0 0!important;color:rgba(215,230,241,.72)!important;font-size:10.8px!important;line-height:1.62!important}.mpmh20-credit-stage span{display:block;margin-top:17px;padding-top:13px;border-top:1px solid rgba(126,183,255,.12);color:#8fc6ff;font-size:8.5px;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}
.mpmh20-product-compare{display:grid;grid-template-columns:1fr 54px 1fr;gap:0;margin-top:18px;align-items:stretch}
.mpmh20-product-panel{padding:24px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh20-product-panel.is-intelligence{border-color:rgba(11,249,158,.27);background:linear-gradient(180deg,rgba(7,33,26,.31),rgba(2,6,7,.99))}
.mpmh20-product-panel h3{margin:0;color:#8fc6ff;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.mpmh20-product-panel.is-intelligence h3{color:#0bf99e}
.mpmh20-product-panel ul{margin:16px 0 0;padding:0;list-style:none}.mpmh20-product-panel li{position:relative;padding:10px 4px 10px 20px;border-top:1px solid rgba(126,183,255,.10);color:rgba(219,233,243,.72);font-size:10.5px;line-height:1.46}.mpmh20-product-panel li:before{content:"·";position:absolute;left:5px;color:#8fc6ff;font-weight:900}.mpmh20-product-panel.is-intelligence li:before{color:#0bf99e}
.mpmh20-product-vs{display:grid;place-items:center;color:#0bf99e;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1180px){.mpmh20-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh20-journey-step:nth-child(3):after{display:none}.mpmh20-evidence-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh20-evidence-step:nth-child(3):after{display:none}.mpmh20-signal-families{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mpmh20-pillars,.mpmh20-credit-grid{grid-template-columns:1fr}.mpmh20-campaign-body{grid-template-columns:1fr}.mpmh20-campaign-section{border-left:0;border-top:1px solid rgba(126,183,255,.12)}.mpmh20-campaign-section:first-child{border-top:0}.mpmh20-campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mpmh20-campaign-metric:nth-child(3){border-left:0;border-top:1px solid rgba(126,183,255,.12)}.mpmh20-campaign-metric:nth-child(4){border-top:1px solid rgba(126,183,255,.12)}.mpmh20-product-compare{grid-template-columns:1fr}.mpmh20-product-vs{min-height:42px}.mpmh20-knowledge{grid-template-columns:1fr}}
@media(max-width:700px){.mpmh20-journey,.mpmh20-signal-families,.mpmh20-evidence-ladder,.mpmh20-dimension-stage,.mpmh20-cause-map{grid-template-columns:1fr}.mpmh20-journey-step:after,.mpmh20-evidence-step:after{display:none!important}.mpmh20-cause-core,.mpmh20-dimension-core{grid-column:auto;grid-row:auto}.mpmh20-campaign-head{grid-template-columns:1fr}.mpmh20-campaign-badge{justify-self:start}.mpmh20-campaign-metrics{grid-template-columns:1fr}.mpmh20-campaign-metric{border-left:0;border-top:1px solid rgba(126,183,255,.12)}.mpmh20-campaign-metric:first-child{border-top:0}}


/* MPMH021 STATES 35-44 — STATIC ADVERTISER DECISION-TOOL DEMONSTRATIONS */
.mpmh21-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:18px}
.mpmh21-health-card{min-height:214px;padding:20px 17px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,24,39,.64),rgba(2,5,8,.98))}
.mpmh21-health-card small{display:inline-flex;padding:5px 7px;border:1px solid rgba(126,183,255,.28);color:#8fc6ff;font-size:7.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.mpmh21-health-card.is-active small{border-color:rgba(11,249,158,.38);color:#0bf99e}.mpmh21-health-card.is-review small{border-color:rgba(242,207,117,.36);color:#f2cf75}.mpmh21-health-card.is-limited small{border-color:rgba(197,168,255,.34);color:#c5a8ff}
.mpmh21-health-card strong{display:block;margin-top:17px;color:#f4faff;font-size:12px;line-height:1.3;letter-spacing:.11em;text-transform:uppercase}
.mpmh21-health-meter{height:6px;margin:16px 0 14px;background:rgba(126,183,255,.10);overflow:hidden}.mpmh21-health-meter span{display:block;height:100%;background:#7eb7ff}.mpmh21-health-card.is-active .mpmh21-health-meter span{background:#0bf99e}.mpmh21-health-card.is-review .mpmh21-health-meter span{background:#f2cf75}.mpmh21-health-card.is-limited .mpmh21-health-meter span{background:#c5a8ff}
.mpmh21-health-card p{margin:0!important;color:rgba(213,229,240,.68)!important;font-size:10.2px!important;line-height:1.55!important}
.mpmh21-movement{margin-top:18px;border:1px solid rgba(126,183,255,.18);background:#03070a}
.mpmh21-movement-head,.mpmh21-movement-row{display:grid;grid-template-columns:minmax(150px,1.1fr) repeat(2,minmax(105px,.72fr)) minmax(155px,1fr);align-items:center}
.mpmh21-movement-head{background:rgba(9,35,61,.46);color:#8fc6ff;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.mpmh21-movement-head span,.mpmh21-movement-row>span,.mpmh21-movement-row>strong{padding:13px 15px;border-left:1px solid rgba(126,183,255,.11)}.mpmh21-movement-head span:first-child,.mpmh21-movement-row>strong:first-child{border-left:0}
.mpmh21-movement-row{border-top:1px solid rgba(126,183,255,.10)}.mpmh21-movement-row>strong{color:#f2f8fc;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mpmh21-movement-row>span{color:rgba(213,229,240,.69);font-size:10px;font-variant-numeric:tabular-nums}
.mpmh21-direction{display:flex!important;gap:9px;align-items:center;color:#8fc6ff!important;font-weight:800}.mpmh21-direction b{font-size:15px}.mpmh21-direction.is-up{color:#0bf99e!important}.mpmh21-direction.is-down{color:#f2cf75!important}.mpmh21-direction.is-new{color:#c5a8ff!important}
.mpmh21-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.mpmh21-change-panel{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh21-change-panel.is-up{border-top:3px solid #0bf99e}.mpmh21-change-panel.is-down{border-top:3px solid #f2cf75}.mpmh21-change-panel.is-new{border-top:3px solid #c5a8ff}
.mpmh21-change-panel h3{margin:0 0 14px;color:#f4faff;font-size:12px;letter-spacing:.13em;text-transform:uppercase}.mpmh21-change-panel.is-up h3{color:#0bf99e}.mpmh21-change-panel.is-down h3{color:#f2cf75}.mpmh21-change-panel.is-new h3{color:#c5a8ff}
.mpmh21-change-panel ul{margin:0;padding:0;list-style:none}.mpmh21-change-panel li{padding:12px 4px;border-top:1px solid rgba(126,183,255,.10);color:rgba(217,232,242,.72);font-size:10.5px;line-height:1.48}.mpmh21-change-panel li strong{display:block;margin-bottom:4px;color:#fff;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.mpmh21-creative-table{margin-top:18px;border:1px solid rgba(126,183,255,.18);background:#03070a}
.mpmh21-creative-row{display:grid;grid-template-columns:minmax(180px,1.25fr) repeat(5,minmax(95px,.75fr));align-items:stretch;border-top:1px solid rgba(126,183,255,.10)}.mpmh21-creative-row:first-child{border-top:0;background:rgba(9,35,61,.46)}
.mpmh21-creative-row>div{display:flex;align-items:center;padding:14px 13px;border-left:1px solid rgba(126,183,255,.11);color:rgba(214,230,241,.70);font-size:9.5px;line-height:1.35}.mpmh21-creative-row>div:first-child{border-left:0;color:#f3f9ff;font-weight:800}.mpmh21-creative-row.is-head>div{color:#8fc6ff;font-size:7.8px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.mpmh21-score{gap:8px}.mpmh21-score i{display:block;width:42px;height:5px;background:rgba(126,183,255,.11);overflow:hidden}.mpmh21-score i:after{content:"";display:block;height:100%;width:var(--score,50%);background:#7eb7ff}.mpmh21-score.is-strong i:after{background:#0bf99e}.mpmh21-score.is-watch i:after{background:#f2cf75}.mpmh21-score b{color:#dceaf4;font-size:8px;text-transform:uppercase}
.mpmh21-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.mpmh21-placement{padding:19px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,23,37,.66),rgba(2,5,8,.98))}.mpmh21-placement h3{margin:0;color:#f4faff;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.mpmh21-placement>p{margin:8px 0 15px!important;color:rgba(202,221,234,.60)!important;font-size:9.5px!important;line-height:1.45!important}
.mpmh21-placement-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mpmh21-placement-metrics span{padding:9px 5px;border:1px solid rgba(126,183,255,.11);background:rgba(0,0,0,.28);color:#8fc6ff;font-size:7px;line-height:1.3;text-align:center;text-transform:uppercase}.mpmh21-placement-metrics b{display:block;margin-bottom:4px;color:#fff;font-size:10px}
.mpmh21-channel-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:18px}
.mpmh21-channel{position:relative;display:grid;min-height:98px;place-items:center;padding:12px;border:1px solid rgba(126,183,255,.16);background:#050a0f;color:#dceaf4;font-size:8.3px;font-weight:850;line-height:1.4;letter-spacing:.09em;text-align:center;text-transform:uppercase}.mpmh21-channel:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:1px;background:#0bf99e}
.mpmh21-channel-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.mpmh21-channel-summary div{padding:16px;border:1px solid rgba(126,183,255,.14);background:#03070a;text-align:center}.mpmh21-channel-summary strong{display:block;color:#8fc6ff;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.mpmh21-channel-summary span{display:block;margin-top:7px;color:rgba(216,231,241,.69);font-size:10px;line-height:1.45}
.mpmh21-cause-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.mpmh21-cause-pattern{min-height:226px;padding:20px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh21-cause-pattern small{display:block;color:#0bf99e;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.mpmh21-cause-pattern h3{margin:11px 0 0;color:#fff;font-size:13px;line-height:1.25}.mpmh21-cause-pattern p{margin:13px 0 0!important;color:rgba(212,228,239,.68)!important;font-size:10px!important;line-height:1.55!important}.mpmh21-cause-signal{margin-top:17px;padding-top:13px;border-top:1px solid rgba(126,183,255,.11);color:#8fc6ff;font-size:8px;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}
.mpmh21-opportunity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.mpmh21-opportunity-panel{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh21-opportunity-panel.is-established{border-top:3px solid #0bf99e}.mpmh21-opportunity-panel.is-emerging{border-top:3px solid #8fc6ff}.mpmh21-opportunity-panel.is-untapped{border-top:3px solid #c5a8ff}.mpmh21-opportunity-panel h3{margin:0;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mpmh21-opportunity-panel p{margin:9px 0 14px!important;color:rgba(202,220,233,.61)!important;font-size:9.8px!important;line-height:1.48!important}.mpmh21-opportunity-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 3px;border-top:1px solid rgba(126,183,255,.10);color:#dceaf4;font-size:10px}.mpmh21-opportunity-item b{color:#8fc6ff;font-size:8px;letter-spacing:.07em;text-transform:uppercase}
.mpmh21-quality-ladder{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:18px}.mpmh21-quality-step{position:relative;min-height:164px;padding:17px 13px;border:1px solid rgba(126,183,255,.16);background:#05090d}.mpmh21-quality-step:not(:last-child):after{content:"→";position:absolute;right:-11px;top:45%;z-index:2;color:#0bf99e;font-size:13px}.mpmh21-quality-step b{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(126,183,255,.34);border-radius:50%;color:#8fc6ff;font-size:8px}.mpmh21-quality-step strong{display:block;margin-top:14px;color:#fff;font-size:8.5px;line-height:1.35;letter-spacing:.09em;text-transform:uppercase}.mpmh21-quality-step p{margin:9px 0 0!important;color:rgba(205,223,235,.62)!important;font-size:8.8px!important;line-height:1.48!important}
.mpmh21-quality-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.mpmh21-quality-summary div{padding:15px;border:1px solid rgba(126,183,255,.14);background:#03070a;text-align:center}.mpmh21-quality-summary strong{display:block;color:#fff;font-size:19px;font-variant-numeric:tabular-nums}.mpmh21-quality-summary span{display:block;margin-top:6px;color:#8fc6ff;font-size:7.5px;letter-spacing:.09em;text-transform:uppercase}
.mpmh21-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.mpmh21-action{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh21-action.is-protect{border-top:3px solid #0bf99e}.mpmh21-action.is-investigate{border-top:3px solid #f2cf75}.mpmh21-action.is-expand{border-top:3px solid #8fc6ff}.mpmh21-action h3{margin:0;color:#fff;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.mpmh21-action p{margin:10px 0 0!important;color:rgba(210,227,238,.68)!important;font-size:10.3px!important;line-height:1.55!important}.mpmh21-action ul{margin:15px 0 0;padding:0;list-style:none}.mpmh21-action li{padding:11px 3px;border-top:1px solid rgba(126,183,255,.10);color:#dceaf4;font-size:10px;line-height:1.45}.mpmh21-action li strong{color:#8fc6ff;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.mpmh21-recommendation{display:grid;grid-template-columns:170px 1fr auto;gap:18px;align-items:center;margin-top:13px;padding:18px 20px;border:1px solid rgba(11,249,158,.24);background:linear-gradient(90deg,rgba(11,249,158,.07),transparent 62%),#020706}.mpmh21-recommendation strong{color:#0bf99e;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.mpmh21-recommendation p{margin:0!important;color:rgba(220,234,243,.78)!important;font-size:10.5px!important;line-height:1.52!important}.mpmh21-recommendation span{padding:8px 10px;border:1px solid rgba(126,183,255,.25);color:#8fc6ff;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
@media(max-width:1180px){.mpmh21-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh21-channel-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mpmh21-channel:nth-child(4):after{display:none}.mpmh21-quality-ladder{grid-template-columns:repeat(4,minmax(0,1fr))}.mpmh21-quality-step:nth-child(4):after{display:none}.mpmh21-creative-row{grid-template-columns:minmax(150px,1.1fr) repeat(5,minmax(78px,.72fr))}}
@media(max-width:900px){.mpmh21-change-grid,.mpmh21-placement-grid,.mpmh21-opportunity,.mpmh21-action-grid{grid-template-columns:1fr}.mpmh21-cause-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}.mpmh21-channel-summary,.mpmh21-quality-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mpmh21-recommendation{grid-template-columns:1fr}.mpmh21-recommendation span{justify-self:start}.mpmh21-creative-table{overflow-x:auto}.mpmh21-creative-row{min-width:760px}}
@media(max-width:700px){.mpmh21-health-grid,.mpmh21-cause-patterns,.mpmh21-channel-strip,.mpmh21-quality-ladder{grid-template-columns:1fr}.mpmh21-channel:after,.mpmh21-quality-step:after{display:none!important}.mpmh21-movement{overflow-x:auto}.mpmh21-movement-head,.mpmh21-movement-row{min-width:650px}.mpmh21-channel-summary,.mpmh21-quality-summary{grid-template-columns:1fr}}

/* MPMH022 STATES 45-54 — STATIC CHARITY INTELLIGENCE + SHARED VALUE DEMONSTRATIONS */
.mpmh22-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.mpmh22-service-card{min-height:210px;padding:21px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,24,39,.62),rgba(2,5,8,.98))}
.mpmh22-service-card small{display:block;color:#0bf99e;font-size:7.8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh22-service-card h3{margin:11px 0 0;color:#fff;font-size:12px;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}.mpmh22-service-card p{margin:12px 0 0!important;color:rgba(214,230,241,.69)!important;font-size:10.2px!important;line-height:1.58!important}.mpmh22-service-card span{display:block;margin-top:16px;padding-top:12px;border-top:1px solid rgba(126,183,255,.11);color:#8fc6ff;font-size:8px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.mpmh22-account{margin-top:18px;border:1px solid rgba(126,183,255,.20);background:#03070a;box-shadow:0 18px 42px rgba(0,0,0,.20)}
.mpmh22-account-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:19px 21px;border-bottom:1px solid rgba(126,183,255,.14);background:rgba(9,35,61,.46)}.mpmh22-account-head small{display:block;color:#0bf99e;font-size:7.8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh22-account-head strong{display:block;margin-top:7px;color:#fff;font-size:18px}.mpmh22-account-status{padding:8px 10px;border:1px solid rgba(11,249,158,.30);color:#0bf99e;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.mpmh22-account-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid rgba(126,183,255,.13)}.mpmh22-account-metric{padding:17px 13px;border-left:1px solid rgba(126,183,255,.11);text-align:center}.mpmh22-account-metric:first-child{border-left:0}.mpmh22-account-metric strong{display:block;color:#fff;font-size:21px;font-variant-numeric:tabular-nums}.mpmh22-account-metric span{display:block;margin-top:6px;color:#8fc6ff;font-size:7.2px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
.mpmh22-account-body{display:grid;grid-template-columns:1.2fr .8fr;gap:0}.mpmh22-account-panel{padding:21px}.mpmh22-account-panel+ .mpmh22-account-panel{border-left:1px solid rgba(126,183,255,.12)}.mpmh22-account-panel h3{margin:0 0 12px;color:#8fc6ff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-account-panel ul{margin:0;padding:0;list-style:none}.mpmh22-account-panel li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:11px 3px;border-top:1px solid rgba(126,183,255,.09);color:rgba(219,233,243,.72);font-size:9.8px}.mpmh22-account-panel li b{color:#fff}.mpmh22-account-panel li span{color:#0bf99e;font-size:8px;text-transform:uppercase}
.mpmh22-source-map{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-top:18px;align-items:stretch}.mpmh22-source{position:relative;display:grid;min-height:112px;place-items:center;padding:14px;border:1px solid rgba(126,183,255,.16);background:#050a0f;color:#dceaf4;font-size:8.4px;font-weight:850;line-height:1.4;letter-spacing:.09em;text-align:center;text-transform:uppercase}.mpmh22-source:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;width:10px;height:1px;background:#0bf99e}.mpmh22-source-core{border-color:rgba(11,249,158,.34);background:radial-gradient(circle,rgba(11,249,158,.12),transparent 58%),#020705;color:#0bf99e}
.mpmh22-contribution-table{margin-top:18px;border:1px solid rgba(126,183,255,.18);background:#03070a;overflow:hidden}.mpmh22-contribution-row{display:grid;grid-template-columns:minmax(170px,1.2fr) repeat(4,minmax(105px,.8fr));align-items:stretch;border-top:1px solid rgba(126,183,255,.10)}.mpmh22-contribution-row:first-child{border-top:0;background:rgba(9,35,61,.46)}.mpmh22-contribution-row>div{display:flex;align-items:center;padding:13px 14px;border-left:1px solid rgba(126,183,255,.10);color:rgba(218,233,243,.70);font-size:9.5px}.mpmh22-contribution-row>div:first-child{border-left:0;color:#fff;font-weight:800}.mpmh22-contribution-row.is-head>div{color:#8fc6ff;font-size:7.5px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mpmh22-contribution-row b{color:#0bf99e;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.mpmh22-cause-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.mpmh22-cause-step{position:relative;min-height:190px;padding:20px 16px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh22-cause-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:44%;z-index:2;color:#0bf99e;font-size:15px}.mpmh22-cause-step b{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(126,183,255,.30);border-radius:50%;color:#8fc6ff;font-size:8px}.mpmh22-cause-step strong{display:block;margin-top:15px;color:#fff;font-size:9.5px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}.mpmh22-cause-step p{margin:10px 0 0!important;color:rgba(207,225,237,.65)!important;font-size:9.4px!important;line-height:1.52!important}
.mpmh22-momentum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.mpmh22-momentum-panel{padding:21px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh22-momentum-panel.is-rise{border-top:3px solid #0bf99e}.mpmh22-momentum-panel.is-watch{border-top:3px solid #f2cf75}.mpmh22-momentum-panel.is-new{border-top:3px solid #c5a8ff}.mpmh22-momentum-panel h3{margin:0;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-momentum-item{display:grid;grid-template-columns:1fr auto;gap:11px;padding:12px 3px;border-top:1px solid rgba(126,183,255,.10);color:#dceaf4;font-size:9.8px}.mpmh22-momentum-item:first-of-type{margin-top:13px}.mpmh22-momentum-item b{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.mpmh22-momentum-panel.is-rise b{color:#0bf99e}.mpmh22-momentum-panel.is-watch b{color:#f2cf75}.mpmh22-momentum-panel.is-new b{color:#c5a8ff}
.mpmh22-brief{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}.mpmh22-brief-main,.mpmh22-brief-side{border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh22-brief-head{padding:20px 21px;border-bottom:1px solid rgba(126,183,255,.13);background:rgba(9,35,61,.42)}.mpmh22-brief-head small{display:block;color:#0bf99e;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-brief-head strong{display:block;margin-top:8px;color:#fff;font-size:19px}.mpmh22-brief-section{padding:18px 21px;border-top:1px solid rgba(126,183,255,.10)}.mpmh22-brief-section:first-of-type{border-top:0}.mpmh22-brief-section h3{margin:0;color:#8fc6ff;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase}.mpmh22-brief-section p{margin:10px 0 0!important;color:rgba(218,232,242,.72)!important;font-size:10.2px!important;line-height:1.58!important}.mpmh22-brief-list{padding:18px 21px}.mpmh22-brief-list h3{margin:0 0 11px;color:#8fc6ff;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase}.mpmh22-brief-list ul{margin:0;padding:0;list-style:none}.mpmh22-brief-list li{padding:11px 2px;border-top:1px solid rgba(126,183,255,.10);color:rgba(218,232,242,.70);font-size:9.8px;line-height:1.45}.mpmh22-brief-list li strong{display:block;margin-bottom:4px;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.mpmh22-share-card{max-width:880px;margin:18px auto 0;border:1px solid rgba(11,249,158,.27);background:radial-gradient(circle at 50% 0,rgba(11,249,158,.10),transparent 46%),linear-gradient(180deg,#07131a,#020507);box-shadow:0 24px 55px rgba(0,0,0,.28)}.mpmh22-share-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:21px 23px;border-bottom:1px solid rgba(126,183,255,.13)}.mpmh22-share-head small{display:block;color:#0bf99e;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-share-head strong{display:block;margin-top:8px;color:#fff;font-size:21px}.mpmh22-share-period{color:#8fc6ff;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.mpmh22-share-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mpmh22-share-metric{padding:22px 15px;border-left:1px solid rgba(126,183,255,.11);text-align:center}.mpmh22-share-metric:first-child{border-left:0}.mpmh22-share-metric strong{display:block;color:#fff;font-size:25px;font-variant-numeric:tabular-nums}.mpmh22-share-metric span{display:block;margin-top:7px;color:#8fc6ff;font-size:7.4px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.mpmh22-share-foot{padding:17px 23px;border-top:1px solid rgba(126,183,255,.11);color:rgba(209,227,239,.65);font-size:8.8px;line-height:1.5;text-align:center}
.mpmh22-dual{display:grid;grid-template-columns:1fr 86px 1fr;gap:0;margin-top:18px;align-items:stretch}.mpmh22-dual-panel{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh22-dual-panel.is-cause{border-color:rgba(11,249,158,.27);background:linear-gradient(180deg,rgba(5,35,26,.28),rgba(2,6,7,.99))}.mpmh22-dual-panel h3{margin:0;color:#8fc6ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-dual-panel.is-cause h3{color:#0bf99e}.mpmh22-dual-panel ul{margin:15px 0 0;padding:0;list-style:none}.mpmh22-dual-panel li{padding:10px 3px 10px 19px;position:relative;border-top:1px solid rgba(126,183,255,.10);color:rgba(218,232,242,.71);font-size:10px;line-height:1.44}.mpmh22-dual-panel li:before{content:"·";position:absolute;left:5px;color:#8fc6ff;font-weight:900}.mpmh22-dual-panel.is-cause li:before{color:#0bf99e}.mpmh22-dual-core{display:grid;place-items:center;color:#0bf99e;font-size:8px;font-weight:900;line-height:1.45;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.mpmh22-network{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.mpmh22-network-node{min-height:235px;padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d;text-align:center}.mpmh22-network-node b{display:grid;width:43px;height:43px;margin:0 auto;place-items:center;border:1px solid rgba(126,183,255,.31);border-radius:50%;color:#8fc6ff;font-size:11px}.mpmh22-network-node h3{margin:16px 0 0;color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-network-node p{margin:12px 0 0!important;color:rgba(212,229,240,.68)!important;font-size:10.2px!important;line-height:1.58!important}.mpmh22-network-core{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:21px 24px;border:1px solid rgba(11,249,158,.29);background:linear-gradient(90deg,rgba(11,249,158,.06),transparent 50%,rgba(126,183,255,.06))}.mpmh22-network-core:before,.mpmh22-network-core:after{content:"";height:1px;background:linear-gradient(90deg,transparent,#0bf99e)}.mpmh22-network-core:after{background:linear-gradient(90deg,#0bf99e,transparent)}.mpmh22-network-core div{text-align:center}.mpmh22-network-core small{display:block;color:#0bf99e;font-size:7.8px;letter-spacing:.12em;text-transform:uppercase}.mpmh22-network-core strong{display:block;margin-top:7px;color:#fff;font-size:18px}.mpmh22-boundary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}.mpmh22-boundary{padding:14px;border:1px solid rgba(242,207,117,.18);background:rgba(39,31,11,.16);color:rgba(234,224,190,.75);font-size:8.5px;line-height:1.5;text-align:center;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1180px){.mpmh22-account-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh22-account-metric:nth-child(4){border-left:0;border-top:1px solid rgba(126,183,255,.11)}.mpmh22-source-map{grid-template-columns:repeat(4,minmax(0,1fr))}.mpmh22-source:nth-child(4):after{display:none}.mpmh22-cause-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh22-cause-step:nth-child(3):after{display:none}.mpmh22-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mpmh22-service-grid,.mpmh22-momentum,.mpmh22-network{grid-template-columns:1fr}.mpmh22-account-body,.mpmh22-brief{grid-template-columns:1fr}.mpmh22-account-panel+ .mpmh22-account-panel{border-left:0;border-top:1px solid rgba(126,183,255,.12)}.mpmh22-dual{grid-template-columns:1fr}.mpmh22-dual-core{min-height:54px}.mpmh22-contribution-table{overflow-x:auto}.mpmh22-contribution-row{min-width:720px}.mpmh22-network-core{grid-column:auto;grid-template-columns:1fr}.mpmh22-network-core:before,.mpmh22-network-core:after{display:none}}
@media(max-width:700px){.mpmh22-account-metrics,.mpmh22-source-map,.mpmh22-cause-journey,.mpmh22-share-metrics,.mpmh22-boundary-grid{grid-template-columns:1fr}.mpmh22-account-metric{border-left:0;border-top:1px solid rgba(126,183,255,.11)}.mpmh22-account-metric:first-child{border-top:0}.mpmh22-source:after,.mpmh22-cause-step:after{display:none!important}.mpmh22-share-head{grid-template-columns:1fr}.mpmh22-share-metric{border-left:0;border-top:1px solid rgba(126,183,255,.11)}.mpmh22-share-metric:first-child{border-top:0}}

@media(max-width:1180px){.mpmh19-chain,.mpmh19-flywheel{grid-template-columns:repeat(4,minmax(0,1fr))}.mpmh19-supply{grid-template-columns:repeat(3,minmax(0,1fr))}.mpmh19-chain-step:nth-child(4):after,.mpmh19-flywheel div:nth-child(4):after{display:none}}
@media(max-width:900px){.mpmh19-stat-grid,.mpmh19-status-grid{grid-template-columns:1fr}.mpmh19-context{grid-template-columns:1fr}.mpmh19-consumer-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.mpmh19-compare{grid-template-columns:1fr}.mpmh19-compare-vs{min-height:34px}.mpmh19-question-row{grid-template-columns:1fr}.mpmh19-question-row div:last-child{border-left:0;border-top:1px solid rgba(126,183,255,.12)}}
@media(max-width:700px){.mpmh19-chain,.mpmh19-supply,.mpmh19-flywheel,.mpmh19-context-grid,.mpmh19-consumer-flow{grid-template-columns:1fr}.mpmh19-chain-step:after,.mpmh19-supply article:after,.mpmh19-flywheel div:after{display:none!important}.mpmh19-layer{grid-template-columns:1fr}.mpmh19-layer strong{border-right:0;border-bottom:1px solid rgba(126,183,255,.14)}}
@media(max-width:1120px){.mpmh-lab-grid,.mpmh-lab-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.mpmh-lab-flow,.mpmh-lab-dashboard,.mpmh-lab-evidence{grid-template-columns:repeat(2,minmax(0,1fr));}.mpmh-lab-lanes{grid-template-columns:1fr}.mpmh-lab-engine{min-height:260px}.mpmh-lab-universe{min-height:670px}.mpmh-lab-orbit{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}}
@media(max-width:700px){.mpmh-lab-hero{padding:22px 18px}.mpmh-lab-grid,.mpmh-lab-grid-4,.mpmh-lab-flow,.mpmh-lab-columns,.mpmh-lab-dashboard,.mpmh-lab-evidence,.mpmh-lab-lane-stack,.mpmh-lab-guardrails{grid-template-columns:1fr}.mpmh-lab-universe{min-height:auto;padding:20px}.mpmh-lab-universe-core{width:100%}.mpmh-lab-orbit{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:16px 0 0}.mpmh-lab-orbit span{align-self:auto!important;justify-self:stretch;max-width:none}.mpmh-lab-table{min-width:720px}}

@media(max-width:1120px){
  .mpmh-state-win-grid,.mpmh-state-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mpmh-state-universe-layout,.mpmh-state-client-close{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .mpmh-state-concept-hero{padding:21px 18px 23px;}
  .mpmh-state-win-grid,.mpmh-state-product-grid{grid-template-columns:1fr;}
  .mpmh-state-universe-core{min-height:390px;}
  .mpmh-state-universe-context{grid-template-columns:1fr;}
  .mpmh-state-compare-strip{grid-template-columns:1fr;}
  .mpmh-state-compare-vs{padding:3px 0;}
}

@media(max-width:1180px){
  .mpmh-state-advertisers-page{max-width:1180px;}
  .mpmh-state-advertisers-surface{max-width:1160px;}
  .mpmh-state-brand-rail{display:none;}
  .mpmh-state-advertisers-layout{grid-template-columns:minmax(0,760px) 340px;gap:30px;}
}
@media(max-width:980px){
  .mpmh-state-brand-rail{display:none;}
  .mpmh-state-advertisers-layout{grid-template-columns:1fr;gap:20px;}
  .mpmh-state-signal-rail{max-width:790px;margin:0 auto 4px;}
}
@media (prefers-reduced-motion: reduce){
  .mpmh-state-signal-rail:before{background:radial-gradient(circle,transparent 0 24%,rgba(126,183,255,.14) 25%,transparent 26% 46%,rgba(126,183,255,.10) 47%,transparent 48%);}
}
@media(max-width:900px){
  .mpmh-state-page{padding:14px 12px 24px;}
  .mpmh-state-advertisers-hero,
  .mpmh-state-advertisers-section,
  .mpmh-state-advertisers-cta{padding-left:0;padding-right:0;}
  .mpmh-state-advertisers-section{padding-top:15px;}
}

@media(max-width:900px){
  .mph-home-overview.mpmh-world-step-active,
  .mpmh-world-step-canvas,
  .mpmh-world-step-inner,
  .mpmh-state-slate{min-height:calc(100dvh - 72px)!important;}
}

/* V046 retained: centered SIGNALS control stays a plain clean link, with small spacing restored below the translated title. */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup .mpmh-signal-core-tab,
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup .mpmh-signal-core-tab.active,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab.active{
    position:static!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    margin:4px auto 0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(6px)!important;
    color:#00ffbf!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:8.8px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-shadow:0 0 8px rgba(0,255,191,.22),0 1px 0 rgba(0,0,0,.95)!important;
    opacity:.95!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab:hover,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab:focus-visible,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab.active:hover,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab.active:focus-visible{
    color:#bffff0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:translateY(6px)!important;
    opacity:1!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab::before,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab::after,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab.active::before,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab.active::after{
    content:none!important;
    display:none!important;
  }
}

/* V047: lift only the centered world/title visuals 4px; SIGNALS remains anchored in its V046 position. */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    position:relative!important;
    top:-4px!important;
  }
}

/* V049: SIGNALS is now a normal information tab beside LEADERBOARDS. The centered brand lockup no longer carries a third line. */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
    gap:0!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab{
    display:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{
    gap:11px!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-info-signal-tab{
    display:inline-flex!important;
  }
}
@media (max-width:980px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-signal-core-tab{
    display:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-info-signal-tab{
    display:inline-flex!important;
  }
}

/* V050: centered compact search directly under MP MEDIA HOLDINGS.
   The existing #globalSearch control is moved visually into the center lockup,
   while the left rail keeps only the selected-cause alignment text. */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-context-left{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    top:0!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-context-left .mpmh-cause-search-stack,
  #mpmhUnifiedShell .mpmh-cause-search-stack{
    grid-template-rows:16px!important;
    row-gap:0!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    top:10px!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-header-alignment{
    grid-row:1!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    line-height:16px!important;
  }
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    height:86px!important;
    min-height:86px!important;
    max-height:86px!important;
    width:min(510px,42vw)!important;
    min-width:360px!important;
    max-width:510px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    z-index:96!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    order:1!important;
    position:relative!important;
    top:-7px!important;
    transform:translateY(4px)!important;
    margin:0!important;
    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;
  }
  #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{
    order:2!important;
    position:relative!important;
    top:-9px!important;
    transform:none!important;
    margin:-1px auto 0!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-context-search#topSearchWrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-platform-search-control-v185{
    order:3!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:-6px!important;
    bottom:auto!important;
    transform:none!important;
    width:min(455px,100%)!important;
    max-width:455px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    margin:4px auto 0!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    z-index:98!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap #globalSearch.search{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    line-height:26px!important;
    font-size:10.8px!important;
    padding:0 10px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap .top-search-clear{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    flex-basis:24px!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner,
  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    padding-top:0!important;
    padding-bottom:3px!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    width:min(430px,40vw)!important;
    min-width:330px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-context-search#topSearchWrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-platform-search-control-v185{
    width:min(415px,100%)!important;
    max-width:415px!important;
  }
}
@media (max-width:980px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap{
    display:none!important;
  }
}


/* ========================================================================
   V051 HEADER IDENTITY TRIM + CLEAN SLATE ROUTE REPAIR
   ------------------------------------------------------------------------
   Scope: desktop header only + world-logo click ownership.
   - The top MP MEDIA HOLDINGS wordmark is hidden to recover vertical space.
   - The world/search stack is lowered enough to avoid clipping.
   - The centered search gets explicit pointer/z-index ownership.
   - The header bottom rule is cleaned up into one calm blue line.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell.topbar,
  #mpmhUnifiedShell.mpmh-top-shell{
    overflow:visible!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .mpmh-context-row,
  #mpmhUnifiedShell .mpmh-context-inner{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell .mpmh-context-copy{
    pointer-events:none!important;
    z-index:10!important;
  }
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    position:absolute!important;
    left:50%!important;
    top:2px!important;
    transform:translateX(-50%)!important;
    width:min(460px,42vw)!important;
    min-width:340px!important;
    max-width:460px!important;
    height:66px!important;
    min-height:66px!important;
    max-height:66px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    z-index:240!important;
    pointer-events:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    display:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    order:1!important;
    position:relative!important;
    top:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    flex:0 0 38px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:visible!important;
    z-index:260!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    display:block!important;
    width:37px!important;
    min-width:37px!important;
    max-width:37px!important;
    height:37px!important;
    min-height:37px!important;
    max-height:37px!important;
    flex:0 0 37px!important;
    object-fit:contain!important;
    transform:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-context-search#topSearchWrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-platform-search-control-v185{
    order:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(438px,100%)!important;
    max-width:438px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    z-index:270!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    gap:6px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap #globalSearch.search{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    line-height:28px!important;
    font-size:10.8px!important;
    padding:0 10px!important;
    pointer-events:auto!important;
    background:#000!important;
    color:#f4fbff!important;
    font-family:inherit!important;
    letter-spacing:.02em!important;
    border:1px solid rgba(126,183,255,.30)!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap #globalSearch.search::placeholder{
    color:rgba(210,218,226,.70)!important;
    opacity:1!important;
    font-family:inherit!important;
    letter-spacing:.02em!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap:focus-within{
    border-color:transparent!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap #globalSearch.search: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;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap .top-search-clear{
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    flex-basis:54px!important;
    pointer-events:auto!important;
    background:#000!important;
    color:rgba(220,238,255,.78)!important;
    border:1px solid rgba(126,183,255,.30)!important;
    border-radius:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
    font-family:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap .top-search-clear::before{
    content:none!important;
    display:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap .top-search-clear:hover,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap .top-search-clear:focus{
    border-color:rgba(157,209,255,.70)!important;
    color:#f4fbff!important;
    box-shadow:0 0 0 1px rgba(126,183,255,.16), inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner,
  #mpmhUnifiedShell .tabs,
  #mpmhUnifiedShell #tabs.tabs{
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
  }
  #mpmhUnifiedShell .mpmh-nav-search-row{
    position:relative!important;
    z-index:210!important;
    border-top:0!important;
    border-bottom:1px solid rgba(126,183,255,.24)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.85)!important;
    background:#000!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    padding-top:0!important;
    padding-bottom:4px!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    width:min(420px,42vw)!important;
    min-width:320px!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.search-wrap.top-search-wrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-context-search#topSearchWrap,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-platform-search-control-v185{
    width:min(390px,100%)!important;
    max-width:390px!important;
  }
}


/* ========================================================================
   V052 WORLD STATE SLATE ROUTER OWNERSHIP REPAIR
   ------------------------------------------------------------------------
   When the centered world mark is clicked in a selected-cause context, the
   blank State slate must visibly own HOME. This body class is intentionally
   stronger than legacy selected-cause HOME presentation rules.
   ======================================================================== */
body.mpmh-state-slate-owned .mph-home-overview[data-panel="overview"]{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.mpmh-state-slate-owned #selectedCauseHero,
body.mpmh-state-slate-owned #platformIntroHome,
body.mpmh-state-slate-owned .mph-home-stage-alignment,
body.mpmh-state-slate-owned [data-home-state-only="selected-cause"],
body.mpmh-state-slate-owned [data-home-surface="selected-cause"],
body.mpmh-state-slate-owned [data-home-surface="platform"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.mpmh-state-slate-owned #mpmhWorldStepCanvas,
body.mpmh-state-slate-owned .mph-home-overview[data-home-mode="world-step"] #mpmhWorldStepCanvas{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100dvh - 96px)!important;
}
body.mpmh-state-slate-owned #mpmhWorldStepCanvas .mpmh-world-step-inner,
body.mpmh-state-slate-owned #mpmhWorldStepCanvas .mpmh-state-slate{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:calc(100dvh - 96px)!important;
}


/* ========================================================================
   V057 HEADER SEARCH + POSITIVE FEEDBACK FORM POLISH
   ------------------------------------------------------------------------
   Scope: visual/form behavior only. Terminal-style centered search, tighter
   positive-feedback header, and one-row feedback textarea that expands only
   when the typed message needs more room.
   ======================================================================== */

/* ========================================================================
   V059 HEADER SEARCH STRUCTURE CLEANUP
   ------------------------------------------------------------------------
   The header search now uses its own clean component classes instead of the
   legacy .search / .top-search-wrap / .top-search-clear stack. This prevents
   old white search-control styling from owning the field while preserving the
   existing #globalSearch / #globalSearchClear JavaScript behavior.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control{
    order:2!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(438px,100%)!important;
    max-width:438px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow:visible!important;
    z-index:270!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-input{
    appearance:none!important;
    -webkit-appearance:none!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    background:#000!important;
    border:1px solid rgba(126,183,255,.30)!important;
    border-radius:0!important;
    color:#f4fbff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
    outline:0!important;
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
    font-size:14px!important;
    line-height:1.55!important;
    letter-spacing:0!important;
    font-weight:400!important;
    pointer-events:auto!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-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;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-clear{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    align-self:stretch!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    background:#000!important;
    border:1px solid rgba(126,183,255,.30)!important;
    border-radius:0!important;
    color:rgba(220,238,255,.78)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
    outline:0!important;
    text-shadow:none!important;
    font-family:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-align:center!important;
    cursor:pointer!important;
    pointer-events:auto!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control.has-value .mpmh-header-search-clear,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-clear[style*="flex"]{
    display:flex!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-clear:hover,
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-clear:focus{
    border-color:rgba(157,209,255,.70)!important;
    color:#f4fbff!important;
    box-shadow:0 0 0 1px rgba(126,183,255,.16), inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
}
@media (min-width:981px) and (max-width:1180px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control{
    width:min(390px,100%)!important;
    max-width:390px!important;
  }
}
@media (max-width:980px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control{
    display:none!important;
  }
}

#selectedCauseHero .mph-cause-feedback-head{
  margin:0 auto 14px!important;
}
#selectedCauseHero .mph-cause-feedback-head h2{
  font-size:clamp(18px,1.18vw,24px)!important;
  line-height:1.12!important;
  letter-spacing:.052em!important;
}
#selectedCauseHero .mph-cause-feedback-head p{
  margin-top:8px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#selectedCauseHero .mph-cause-feedback-inner{
  padding-top:22px!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea#causeFeedbackMessage{
  min-height:38px!important;
  height:38px!important;
  max-height:170px!important;
  resize:none!important;
  overflow:hidden!important;
  padding:9px 12px!important;
  line-height:1.35!important;
}


/* ========================================================================
   V061 LEFT COLUMN + SEARCH TEXT CLEANUP
   ------------------------------------------------------------------------
   Keeps the V060 header/search structure, but matches the header search text
   to the positive-feedback message input typography. The left selected-cause
   column is split into a white logo well followed by a separate black/blue
   Signal readout module underneath, instead of letting the white well carry
   behind the readout.
   ======================================================================== */
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-input{
    font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-input::placeholder{
    color:rgba(210,218,226,.70)!important;
    opacity:1!important;
  }
}
#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:stretch!important;
  justify-content:flex-start!important;
  gap:14px!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#selectedCauseHero .mph-home-cause-logo-well,
#mpmhUnifiedShell #selectedCauseHero .mph-home-cause-logo-well,
.public-shell #selectedCauseHero .mph-home-cause-logo-well{
  width:100%!important;
  display:grid!important;
  grid-template-rows:1fr auto auto!important;
  gap:0!important;
  min-height:250px!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-cause-left-readout-wrap,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-signal-dashboard,
#mpmhUnifiedShell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-signal-dashboard,
.public-shell #selectedCauseHero .mph-cause-left-readout-wrap .mph-cause-signal-dashboard{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
@media (max-width:1180px){
  #selectedCauseHero .mph-home-cause-rail,
  #mpmhUnifiedShell #selectedCauseHero .mph-home-cause-rail,
  .public-shell #selectedCauseHero .mph-home-cause-rail{
    gap:12px!important;
  }
}


/* ========================================================================
   V074 INPUT TEXT + FAST SURFACE HANDOFF
   ------------------------------------------------------------------------
   Typed user-entered text stays Signal green while placeholders stay muted.
   The heavy always-visible loader is replaced by a quick surface handoff.
   The black world overlay is delayed by JS and only appears for non-immediate
   renders, so fast page changes do not feel artificially paused.
   ======================================================================== */
#mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-input,
#selectedCauseHero .mph-cause-feedback-form textarea,
#selectedCauseHero .mph-cause-update-grid input,
.public-shell input[type="text"].mpmh-user-entry,
.public-shell input[type="email"].mpmh-user-entry,
.public-shell textarea.mpmh-user-entry{
  color:#0bf99e!important;
  caret-color:#0bf99e!important;
}
#mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control .mpmh-header-search-input::placeholder,
#selectedCauseHero .mph-cause-feedback-form textarea::placeholder,
#selectedCauseHero .mph-cause-update-grid input::placeholder,
.public-shell input[type="text"].mpmh-user-entry::placeholder,
.public-shell input[type="email"].mpmh-user-entry::placeholder,
.public-shell textarea.mpmh-user-entry::placeholder{
  color:rgba(210,218,226,.70)!important;
  opacity:1!important;
}
#shellMain{
  position:relative!important;
}
#shellMain.mpmh-surface-handoff{
  transition:filter .12s ease, opacity .12s ease!important;
}
#shellMain.mpmh-surface-handoff .tab-panel{
  transition:opacity .12s ease!important;
}
.black-loading,
.public-shell .black-loading{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:clamp(22px,7vh,70px)!important;
  box-sizing:border-box!important;
  background:#000!important;
  background-image:none!important;
  color:#f4fbff!important;
  z-index:120!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .14s ease, visibility 0s linear .14s!important;
}
.black-loading.show,
.public-shell .black-loading.show{
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .12s ease!important;
  pointer-events:auto!important;
}
.black-loading.leaving,
.public-shell .black-loading.leaving{
  opacity:0!important;
  visibility:visible!important;
  transition:opacity .14s ease!important;
}
.black-loading .loading-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  background:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.black-loading .loading-card:before,
.black-loading .loading-card:after,
.black-loading .loading-line,
.black-loading .loading-kicker{
  content:none!important;
  display:none!important;
}
.black-loading .loading-world-wrap{
  width:264px!important;
  height:264px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  opacity:1!important;
}
.black-loading .loading-world{
  width:236px!important;
  height:236px!important;
  max-width:236px!important;
  max-height:236px!important;
  object-fit:contain!important;
  filter:none!important;
  animation:none!important;
  transform:none!important;
  opacity:1!important;
}
.black-loading .loading-message{
  display:block!important;
  margin:0!important;
  color:#f4fbff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  text-shadow:none!important;
}

@media (max-width:700px){
  .black-loading,
  .public-shell .black-loading{
    padding-top:clamp(22px,7vh,54px)!important;
  }
  .black-loading .loading-world-wrap{
    width:190px!important;
    height:190px!important;
  }
  .black-loading .loading-world{
    width:170px!important;
    height:170px!important;
    max-width:170px!important;
    max-height:170px!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;
  }
}


/* MPMH023 STATES 55-64 — STATIC PRESS + ANNOUNCEMENT LABORATORY */
.mpmh23-release{max-width:1040px;margin:18px auto 0;border:1px solid rgba(126,183,255,.19);background:linear-gradient(180deg,rgba(7,18,29,.96),rgba(2,5,8,.99));box-shadow:0 20px 46px rgba(0,0,0,.24)}
.mpmh23-release-head{padding:25px 28px;border-bottom:1px solid rgba(126,183,255,.14);background:linear-gradient(90deg,rgba(9,35,61,.52),rgba(2,7,12,.34))}.mpmh23-release-head small{display:block;color:#0bf99e;font-size:7.8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.mpmh23-release-head h3{margin:10px 0 0;color:#fff;font-size:23px;line-height:1.22}.mpmh23-release-head p{margin:11px 0 0!important;color:#9fc8e8!important;font-size:11.1px!important;line-height:1.55!important}.mpmh23-release-body{padding:25px 28px}.mpmh23-release-body p{margin:0 0 15px!important;color:rgba(222,234,243,.78)!important;font-size:11px!important;line-height:1.72!important}.mpmh23-release-body p:last-child{margin-bottom:0!important}.mpmh23-dateline{color:#fff!important;font-weight:800}.mpmh23-release-body h4{margin:24px 0 11px;color:#8fc6ff;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.mpmh23-quote{margin:21px 0;padding:19px 21px;border-left:3px solid #0bf99e;background:rgba(11,249,158,.045);color:#f3f9fc;font-size:12px;line-height:1.68}.mpmh23-quote cite{display:block;margin-top:10px;color:#8fc6ff;font-size:8px;font-style:normal;letter-spacing:.09em;text-transform:uppercase}.mpmh23-release-note{padding:16px 22px;border-top:1px solid rgba(242,207,117,.18);background:rgba(39,31,11,.17);color:rgba(235,225,192,.72);font-size:8.8px;line-height:1.55;text-align:center}
.mpmh23-angle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:18px}.mpmh23-angle{padding:21px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh23-angle small{display:block;color:#0bf99e;font-size:7.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh23-angle h3{margin:10px 0 0;color:#fff;font-size:13px;line-height:1.4}.mpmh23-angle p{margin:11px 0 0!important;color:rgba(211,228,239,.68)!important;font-size:10px!important;line-height:1.56!important}.mpmh23-angle footer{margin-top:14px;padding-top:11px;border-top:1px solid rgba(126,183,255,.11);color:#8fc6ff;font-size:8px;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}
.mpmh23-lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.mpmh23-lead{padding:22px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,24,39,.54),rgba(2,5,8,.98))}.mpmh23-lead b{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.mpmh23-lead h3{margin:10px 0 0;color:#fff;font-size:12px}.mpmh23-lead p{margin:12px 0 0!important;color:rgba(219,232,241,.72)!important;font-size:10.2px!important;line-height:1.63!important}.mpmh23-lead span{display:block;margin-top:15px;padding-top:11px;border-top:1px solid rgba(126,183,255,.11);color:#0bf99e;font-size:7.8px;line-height:1.45;text-transform:uppercase;letter-spacing:.07em}
.mpmh23-quote-lab{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:18px}.mpmh23-quote-primary,.mpmh23-quote-options{border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh23-quote-primary{padding:25px}.mpmh23-quote-primary small,.mpmh23-quote-options>h3{display:block;margin:0;color:#0bf99e;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.mpmh23-quote-primary blockquote{margin:16px 0 0;color:#fff;font-size:15px;line-height:1.62}.mpmh23-quote-primary p{margin:14px 0 0!important;color:rgba(211,228,239,.65)!important;font-size:9.5px!important;line-height:1.52!important}.mpmh23-quote-options{padding:22px}.mpmh23-quote-option{padding:15px 2px;border-top:1px solid rgba(126,183,255,.11)}.mpmh23-quote-option:first-of-type{margin-top:10px}.mpmh23-quote-option b{display:block;color:#8fc6ff;font-size:7.7px;letter-spacing:.09em;text-transform:uppercase}.mpmh23-quote-option p{margin:8px 0 0!important;color:rgba(224,235,243,.75)!important;font-size:9.8px!important;line-height:1.55!important}
.mpmh23-announcement{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-top:18px}.mpmh23-announcement-main,.mpmh23-announcement-side{border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh23-announcement-main{padding:24px}.mpmh23-announcement-main small{color:#0bf99e;font-size:7.8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh23-announcement-main h3{margin:11px 0 0;color:#fff;font-size:20px;line-height:1.28}.mpmh23-announcement-main .mpmh23-subhead{margin:10px 0 18px!important;color:#8fc6ff!important;font-size:10.5px!important;line-height:1.5!important}.mpmh23-announcement-main p{margin:0 0 13px!important;color:rgba(218,232,241,.74)!important;font-size:10.4px!important;line-height:1.65!important}.mpmh23-announcement-side{padding:21px}.mpmh23-announcement-side h3{margin:0;color:#8fc6ff;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.mpmh23-announcement-side ul{margin:12px 0 0;padding:0;list-style:none}.mpmh23-announcement-side li{padding:11px 2px;border-top:1px solid rgba(126,183,255,.10);color:rgba(218,232,241,.69);font-size:9.6px;line-height:1.47}.mpmh23-announcement-side li strong{display:block;margin-bottom:4px;color:#fff;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.mpmh23-consumer-card{max-width:900px;margin:18px auto 0;padding:30px;border:1px solid rgba(11,249,158,.25);background:radial-gradient(circle at 50% 0,rgba(11,249,158,.10),transparent 45%),linear-gradient(180deg,#07131a,#020507);text-align:center}.mpmh23-consumer-card small{color:#0bf99e;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mpmh23-consumer-card h3{max-width:760px;margin:13px auto 0;color:#fff;font-size:26px;line-height:1.2}.mpmh23-consumer-card p{max-width:760px;margin:15px auto 0!important;color:rgba(220,233,242,.75)!important;font-size:11.2px!important;line-height:1.65!important}.mpmh23-consumer-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}.mpmh23-consumer-points div{padding:16px;border:1px solid rgba(126,183,255,.14);background:rgba(0,0,0,.25)}.mpmh23-consumer-points strong{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.mpmh23-consumer-points span{display:block;margin-top:7px;color:rgba(220,233,242,.69);font-size:9.4px;line-height:1.46}
.mpmh23-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mpmh23-fact{padding:20px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh23-fact small{display:block;color:#0bf99e;font-size:7.4px;letter-spacing:.11em;text-transform:uppercase}.mpmh23-fact h3{margin:10px 0 0;color:#fff;font-size:11px;line-height:1.35}.mpmh23-fact p{margin:10px 0 0!important;color:rgba(212,229,240,.68)!important;font-size:9.8px!important;line-height:1.55!important}.mpmh23-fact.is-verify{border-color:rgba(242,207,117,.25);background:rgba(39,31,11,.14)}.mpmh23-fact.is-verify small{color:#f2cf75}
.mpmh23-boilerplate{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.mpmh23-boilerplate>section{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh23-boilerplate h3{margin:0;color:#8fc6ff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.mpmh23-boilerplate p{margin:13px 0 0!important;color:rgba(220,233,242,.74)!important;font-size:10.3px!important;line-height:1.65!important}.mpmh23-lock-list{margin:13px 0 0;padding:0;list-style:none}.mpmh23-lock-list li{padding:11px 3px;border-top:1px solid rgba(126,183,255,.10);color:rgba(216,231,241,.70);font-size:9.7px;line-height:1.5}.mpmh23-lock-list strong{color:#fff}.mpmh23-lock-list em{color:#f2cf75;font-style:normal;font-size:7.8px;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:1000px){.mpmh23-lead-grid,.mpmh23-fact-grid{grid-template-columns:1fr}.mpmh23-announcement,.mpmh23-quote-lab,.mpmh23-boilerplate{grid-template-columns:1fr}.mpmh23-consumer-points{grid-template-columns:1fr}.mpmh23-angle-grid{grid-template-columns:1fr}}
@media(max-width:700px){.mpmh23-release-head,.mpmh23-release-body{padding:21px 18px}.mpmh23-release-head h3{font-size:19px}.mpmh23-consumer-card{padding:24px 18px}.mpmh23-consumer-card h3{font-size:21px}}

/* MPMH024 STATES 65-74 — STATIC ENTERPRISE INTEGRATION + DATA GOVERNANCE LABORATORY */
.mpmh24-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.mpmh24-compare>section{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh24-compare>section.is-owned{border-color:rgba(11,249,158,.24);background:linear-gradient(180deg,rgba(6,34,29,.30),#030708)}.mpmh24-compare small{display:block;color:#0bf99e;font-size:7.6px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mpmh24-compare h3{margin:10px 0 0;color:#fff;font-size:15px;line-height:1.35}.mpmh24-compare p{margin:12px 0 0!important;color:rgba(216,231,241,.71)!important;font-size:10.2px!important;line-height:1.62!important}.mpmh24-list{margin:14px 0 0;padding:0;list-style:none}.mpmh24-list li{position:relative;padding:10px 4px 10px 16px;border-top:1px solid rgba(126,183,255,.10);color:rgba(216,231,241,.68);font-size:9.5px;line-height:1.48}.mpmh24-list li:before{content:'›';position:absolute;left:2px;color:#0bf99e}.mpmh24-list strong{display:block;margin-bottom:3px;color:#fff;font-size:7.9px;letter-spacing:.07em;text-transform:uppercase}
.mpmh24-lineage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:20px}.mpmh24-lineage article{position:relative;min-height:152px;padding:17px 14px;border:1px solid rgba(126,183,255,.18);background:linear-gradient(180deg,rgba(8,29,47,.56),#030608)}.mpmh24-lineage article:not(:last-child):after{content:'→';position:absolute;right:-9px;top:50%;z-index:2;color:#0bf99e;font-size:15px;transform:translateY(-50%)}.mpmh24-lineage b{display:block;color:#0bf99e;font-size:7.5px;letter-spacing:.11em;text-transform:uppercase}.mpmh24-lineage h3{margin:9px 0 0;color:#fff;font-size:10.5px;line-height:1.35}.mpmh24-lineage p{margin:9px 0 0!important;color:rgba(213,229,239,.66)!important;font-size:8.8px!important;line-height:1.5!important}
.mpmh24-graph{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1030px;margin:20px auto 0;padding:18px;border:1px solid rgba(126,183,255,.16);background:radial-gradient(circle at 50% 50%,rgba(11,249,158,.08),transparent 37%),#020507}.mpmh24-graph-node{padding:17px;border:1px solid rgba(126,183,255,.17);background:#06101a;text-align:center}.mpmh24-graph-node strong{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.mpmh24-graph-node span{display:block;margin-top:6px;color:rgba(219,232,241,.67);font-size:8.7px;line-height:1.42}.mpmh24-graph-core{grid-column:2/4;padding:25px;border:1px solid rgba(11,249,158,.38);background:linear-gradient(180deg,rgba(11,249,158,.11),rgba(5,14,16,.94));text-align:center}.mpmh24-graph-core small{color:#0bf99e;font-size:7.7px;letter-spacing:.13em;text-transform:uppercase}.mpmh24-graph-core h3{margin:9px 0 0;color:#fff;font-size:18px}.mpmh24-graph-core p{margin:9px auto 0!important;max-width:520px;color:rgba(221,234,242,.72)!important;font-size:9.5px!important;line-height:1.5!important}
.mpmh24-provenance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:19px}.mpmh24-proof{padding:20px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh24-proof small{display:block;color:#0bf99e;font-size:7.4px;letter-spacing:.11em;text-transform:uppercase}.mpmh24-proof h3{margin:9px 0 0;color:#fff;font-size:11px}.mpmh24-proof p{margin:10px 0 0!important;color:rgba(215,230,240,.68)!important;font-size:9.3px!important;line-height:1.5!important}.mpmh24-proof code{display:block;margin-top:12px;padding:10px;border:1px solid rgba(126,183,255,.10);background:#010304;color:#8fc6ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;line-height:1.55;white-space:normal}
.mpmh24-permission{display:grid;grid-template-columns:1.05fr 1.35fr 1.35fr;gap:1px;margin-top:19px;border:1px solid rgba(126,183,255,.18);background:rgba(126,183,255,.12)}.mpmh24-permission>div{padding:16px;background:#04090d;color:rgba(216,231,241,.68);font-size:9.2px;line-height:1.48}.mpmh24-permission .is-head{background:#071827;color:#8fc6ff;font-size:7.7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mpmh24-permission strong{color:#fff}.mpmh24-permission em{color:#f2cf75;font-style:normal}
.mpmh24-integration{display:grid;grid-template-columns:1fr;gap:9px;max-width:980px;margin:20px auto 0}.mpmh24-layer{display:grid;grid-template-columns:180px 1fr 190px;gap:15px;align-items:center;padding:17px 19px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(90deg,rgba(7,29,48,.50),#030608)}.mpmh24-layer strong{color:#8fc6ff;font-size:8px;letter-spacing:.11em;text-transform:uppercase}.mpmh24-layer p{margin:0!important;color:rgba(218,232,241,.69)!important;font-size:9.6px!important;line-height:1.48!important}.mpmh24-layer span{padding:7px 9px;border:1px solid rgba(11,249,158,.19);color:#0bf99e;font-size:7.5px;text-align:center;letter-spacing:.07em;text-transform:uppercase}
.mpmh24-ai{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}.mpmh24-ai article{padding:18px;border:1px solid rgba(126,183,255,.17);background:#04090d}.mpmh24-ai b{display:block;color:#0bf99e;font-size:7.4px;letter-spacing:.1em;text-transform:uppercase}.mpmh24-ai h3{margin:9px 0 0;color:#fff;font-size:10px}.mpmh24-ai p{margin:9px 0 0!important;color:rgba(214,230,240,.67)!important;font-size:8.8px!important;line-height:1.5!important}.mpmh24-ai article:last-child{border-color:rgba(242,207,117,.26);background:rgba(39,31,11,.14)}.mpmh24-ai article:last-child b{color:#f2cf75}
.mpmh24-network{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-top:20px}.mpmh24-network article{position:relative;padding:16px 11px;border:1px solid rgba(126,183,255,.17);background:#04090d;text-align:center}.mpmh24-network article:not(:last-child):after{content:'›';position:absolute;right:-7px;top:50%;z-index:2;color:#0bf99e;font-size:14px;transform:translateY(-50%)}.mpmh24-network strong{display:block;color:#8fc6ff;font-size:7.2px;letter-spacing:.08em;text-transform:uppercase}.mpmh24-network span{display:block;margin-top:7px;color:rgba(216,231,241,.66);font-size:8.1px;line-height:1.42}
.mpmh24-pilot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}.mpmh24-pilot article{padding:21px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,27,44,.52),#030608)}.mpmh24-pilot small{display:block;color:#0bf99e;font-size:7.5px;letter-spacing:.12em;text-transform:uppercase}.mpmh24-pilot h3{margin:9px 0 0;color:#fff;font-size:11.5px}.mpmh24-pilot p{margin:10px 0 0!important;color:rgba(216,231,241,.68)!important;font-size:9.3px!important;line-height:1.52!important}.mpmh24-pilot ul{margin:12px 0 0;padding:0;list-style:none}.mpmh24-pilot li{padding:7px 0;border-top:1px solid rgba(126,183,255,.09);color:rgba(211,228,239,.64);font-size:8.5px;line-height:1.4}
.mpmh24-maturity{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}.mpmh24-maturity article{position:relative;padding:21px 15px;border:1px solid rgba(126,183,255,.17);background:#04090d;text-align:center}.mpmh24-maturity article:not(:last-child):after{content:'→';position:absolute;right:-9px;top:31px;z-index:2;color:#0bf99e}.mpmh24-maturity small{color:#0bf99e;font-size:7.2px;letter-spacing:.1em;text-transform:uppercase}.mpmh24-maturity h3{margin:9px 0 0;color:#fff;font-size:10.5px}.mpmh24-maturity p{margin:9px 0 0!important;color:rgba(214,230,240,.66)!important;font-size:8.6px!important;line-height:1.48!important}.mpmh24-maturity article:nth-child(-n+2){border-color:rgba(11,249,158,.23)}.mpmh24-maturity article:nth-child(3){border-color:rgba(242,207,117,.25)}
@media(max-width:1050px){.mpmh24-lineage{grid-template-columns:repeat(3,1fr)}.mpmh24-lineage article:after{display:none}.mpmh24-provenance,.mpmh24-pilot{grid-template-columns:repeat(2,1fr)}.mpmh24-ai{grid-template-columns:repeat(2,1fr)}.mpmh24-network{grid-template-columns:repeat(4,1fr)}.mpmh24-network article:after{display:none}.mpmh24-maturity{grid-template-columns:1fr}.mpmh24-maturity article:after{display:none}}
@media(max-width:760px){.mpmh24-compare,.mpmh24-graph,.mpmh24-provenance,.mpmh24-ai,.mpmh24-network,.mpmh24-pilot{grid-template-columns:1fr}.mpmh24-graph-core{grid-column:auto}.mpmh24-lineage{grid-template-columns:1fr}.mpmh24-permission{grid-template-columns:1fr}.mpmh24-layer{grid-template-columns:1fr}.mpmh24-layer span{text-align:left}}



/* MPMH025 STATES 75-84 — STATIC CROSS-NETWORK CAMPAIGN INTELLIGENCE LABORATORY */
.mpmh25-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}.mpmh25-flow article{position:relative;min-height:118px;padding:18px 15px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,25,42,.65),rgba(2,6,9,.98));text-align:center}.mpmh25-flow article:not(:last-child):after{content:'›';position:absolute;right:-9px;top:42%;z-index:2;color:#0bf99e;font-size:21px;font-weight:900}.mpmh25-flow small,.mpmh25-card small,.mpmh25-owner small,.mpmh25-command small{display:block;color:#0bf99e;font-size:7.4px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.mpmh25-flow h3,.mpmh25-card h3,.mpmh25-owner h3,.mpmh25-command h3{margin:9px 0 0;color:#fff;font-size:11px;line-height:1.35}.mpmh25-flow p,.mpmh25-card p,.mpmh25-owner p,.mpmh25-command p{margin:9px 0 0!important;color:rgba(214,230,240,.69)!important;font-size:9.5px!important;line-height:1.52!important}
.mpmh25-depth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.mpmh25-depth article{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-depth article:first-child{border-color:rgba(11,249,158,.28);background:linear-gradient(180deg,rgba(11,249,158,.055),#04090d)}.mpmh25-depth b{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.mpmh25-depth h3{margin:11px 0 0;color:#fff;font-size:14px}.mpmh25-depth p{margin:10px 0 0!important;color:rgba(216,231,241,.71)!important;font-size:10px!important;line-height:1.56!important}.mpmh25-depth ul,.mpmh25-adapter ul,.mpmh25-command ul{margin:14px 0 0;padding:0;list-style:none}.mpmh25-depth li,.mpmh25-adapter li,.mpmh25-command li{padding:8px 0;border-top:1px solid rgba(126,183,255,.10);color:rgba(211,228,239,.67);font-size:9.2px;line-height:1.42}
.mpmh25-adapter{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;margin-top:20px}.mpmh25-adapter>section{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-adapter h3{margin:0;color:#8fc6ff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.mpmh25-adapter p{margin:12px 0 0!important;color:rgba(216,231,241,.72)!important;font-size:10px!important;line-height:1.6!important}.mpmh25-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.mpmh25-fields span{padding:10px;border:1px solid rgba(126,183,255,.12);background:rgba(8,25,42,.38);color:#c9dfef;font-size:8.3px;line-height:1.35;text-align:center}.mpmh25-code{margin-top:15px;padding:14px 16px;border:1px solid rgba(11,249,158,.18);background:#010405;color:#0bf99e;font:8.8px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.mpmh25-record{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:20px}.mpmh25-card{padding:20px;border:1px solid rgba(126,183,255,.17);background:linear-gradient(180deg,rgba(8,25,42,.52),rgba(2,6,9,.98))}.mpmh25-card strong{display:block;margin-top:11px;color:#fff;font-size:17px}.mpmh25-card span{display:block;margin-top:7px;color:#8fc6ff;font-size:8.4px;line-height:1.4}.mpmh25-card.is-center{border-color:rgba(11,249,158,.28);box-shadow:inset 0 0 0 1px rgba(11,249,158,.04)}
.mpmh25-owners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:20px}.mpmh25-owner{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-owner.is-source{border-left:3px solid #8fc6ff}.mpmh25-owner.is-derived{border-left:3px solid #0bf99e}.mpmh25-owner dl{margin:15px 0 0}.mpmh25-owner dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:9px 0;border-top:1px solid rgba(126,183,255,.10)}.mpmh25-owner dt{color:#8fc6ff;font-size:7.8px;text-transform:uppercase;letter-spacing:.07em}.mpmh25-owner dd{margin:0;color:rgba(218,232,241,.72);font-size:9px;line-height:1.4}
.mpmh25-benchmark{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.mpmh25-benchmark section{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-benchmark section:first-child{border-color:rgba(242,207,117,.25);background:rgba(39,31,11,.14)}.mpmh25-benchmark h3{margin:0;color:#fff;font-size:13px}.mpmh25-benchmark p{margin:11px 0 0!important;color:rgba(216,231,241,.70)!important;font-size:10px!important;line-height:1.58!important}.mpmh25-benchmark ul{margin:14px 0 0;padding:0;list-style:none}.mpmh25-benchmark li{padding:9px 0;border-top:1px solid rgba(126,183,255,.10);color:rgba(211,228,239,.67);font-size:9.3px;line-height:1.45}.mpmh25-benchmark strong{color:#8fc6ff}
.mpmh25-command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:20px}.mpmh25-command{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-command-table{margin-top:15px;border:1px solid rgba(126,183,255,.12)}.mpmh25-command-row{display:grid;grid-template-columns:1.25fr repeat(4,.75fr);gap:1px;background:rgba(126,183,255,.08)}.mpmh25-command-row span{padding:10px 8px;background:#03080c;color:rgba(216,231,241,.70);font-size:8.3px;line-height:1.35;text-align:center}.mpmh25-command-row span:first-child{text-align:left;color:#fff}.mpmh25-command-row.is-head span{color:#8fc6ff;font-size:7.3px;letter-spacing:.07em;text-transform:uppercase}.mpmh25-up{color:#0bf99e!important}.mpmh25-watch{color:#f2cf75!important}
.mpmh25-partner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.mpmh25-partner article{padding:22px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-partner b{display:block;color:#8fc6ff;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.mpmh25-partner h3{margin:10px 0 0;color:#fff;font-size:12px}.mpmh25-partner p{margin:10px 0 0!important;color:rgba(213,229,240,.70)!important;font-size:9.8px!important;line-height:1.55!important}.mpmh25-partner footer{margin-top:14px;padding-top:11px;border-top:1px solid rgba(126,183,255,.10);color:#0bf99e;font-size:7.7px;line-height:1.42;text-transform:uppercase;letter-spacing:.06em}
.mpmh25-cause-map{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-top:20px}.mpmh25-cause-map>section{padding:23px;border:1px solid rgba(126,183,255,.18);background:#04090d}.mpmh25-cause-map h3{margin:0;color:#fff;font-size:13px}.mpmh25-cause-map p{margin:11px 0 0!important;color:rgba(216,231,241,.70)!important;font-size:10px!important;line-height:1.58!important}.mpmh25-cause-map ul{margin:14px 0 0;padding:0;list-style:none}.mpmh25-cause-map li{padding:8px 0;border-top:1px solid rgba(126,183,255,.10);color:rgba(211,228,239,.67);font-size:9.2px}.mpmh25-cause-core{display:flex;min-width:180px;padding:24px;border:1px solid rgba(11,249,158,.28);background:radial-gradient(circle,rgba(11,249,158,.10),rgba(2,6,9,.98));align-items:center;justify-content:center;text-align:center}.mpmh25-cause-core strong{color:#fff;font-size:14px;line-height:1.35}.mpmh25-cause-core span{display:block;margin-top:8px;color:#0bf99e;font-size:7.5px;letter-spacing:.09em;text-transform:uppercase}
.mpmh25-final{max-width:1040px;margin:20px auto 0;padding:28px;border:1px solid rgba(11,249,158,.25);background:radial-gradient(circle at 50% 0,rgba(11,249,158,.08),transparent 48%),linear-gradient(180deg,#07131a,#020507)}.mpmh25-final-core{text-align:center}.mpmh25-final-core small{color:#0bf99e;font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.mpmh25-final-core h3{max-width:790px;margin:13px auto 0;color:#fff;font-size:23px;line-height:1.25}.mpmh25-final-core p{max-width:800px;margin:14px auto 0!important;color:rgba(219,232,241,.73)!important;font-size:10.8px!important;line-height:1.65!important}.mpmh25-final-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:23px}.mpmh25-final-strip span{padding:14px 9px;border:1px solid rgba(126,183,255,.14);background:rgba(0,0,0,.28);color:#c9dfef;font-size:8px;line-height:1.4;text-align:center;text-transform:uppercase;letter-spacing:.05em}.mpmh25-final-rule{margin-top:20px;padding-top:16px;border-top:1px solid rgba(126,183,255,.13);color:#8fc6ff;font-size:9px;line-height:1.55;text-align:center}
@media(max-width:1050px){.mpmh25-flow,.mpmh25-final-strip{grid-template-columns:1fr}.mpmh25-flow article:not(:last-child):after{content:'↓';right:auto;left:50%;top:auto;bottom:-17px}.mpmh25-record{grid-template-columns:repeat(2,minmax(0,1fr))}.mpmh25-partner,.mpmh25-fields{grid-template-columns:1fr}.mpmh25-command-grid,.mpmh25-adapter,.mpmh25-cause-map{grid-template-columns:1fr}.mpmh25-cause-core{min-height:130px}.mpmh25-command-row{grid-template-columns:1.3fr repeat(4,.7fr)}}
@media(max-width:760px){.mpmh25-depth,.mpmh25-record,.mpmh25-owners,.mpmh25-benchmark{grid-template-columns:1fr}.mpmh25-owner dl div{grid-template-columns:1fr}.mpmh25-command-table{overflow-x:auto}.mpmh25-command-row{min-width:590px}}



/* ========================================================================
   MPMH027 SUBTLE CONTRAST + SIGNAL SWEEP POLISH
   Frontend visual polish only. No layout ownership, routing, data, Signal,
   token, ledger, or campaign destination behavior changes.
   ======================================================================== */
:root{
  --mpmh027-black:#000000;
  --mpmh027-shell:#02070d;
  --mpmh027-header:#061b32;
  --mpmh027-header2:#08233f;
  --mpmh027-panel:#050b12;
  --mpmh027-panel2:#07111b;
  --mpmh027-card:#08131f;
  --mpmh027-card2:#061018;
  --mpmh027-blue:#58b4ff;
  --mpmh027-blue-soft:rgba(88,180,255,.22);
  --mpmh027-green:#00f99e;
  --mpmh027-green-soft:rgba(0,249,158,.18);
  --mpmh027-text:#eaf7ff;
  --mpmh027-muted:#9cb7c8;
}
body{
  background:var(--mpmh027-black)!important;
}
.app-shell,
.public-shell,
.mph-home-overview,
.tab-panel{
  background:linear-gradient(180deg,#000 0%, var(--mpmh027-shell) 100%)!important;
}
#mpmhLiveSectionHeader,
.panel-head,
.side-head,
.mpmh-contact-head,
.leaderboard-card h3,
.mpmh-legal-doc h1,
.mpmh-state-section-title{
  background:linear-gradient(180deg,var(--mpmh027-header2),var(--mpmh027-header))!important;
  border-top:1px solid rgba(123,199,255,.20)!important;
  border-bottom:1px solid rgba(0,249,158,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 8px 22px rgba(0,0,0,.30)!important;
}
#mpmhLiveSectionTitle,
.panel-head > span:first-child,
.mpmh-contact-head h2{
  color:var(--mpmh027-text)!important;
  text-shadow:0 0 12px rgba(88,180,255,.16)!important;
}
#mpmhLiveSectionSubtitle,
.panel-head > span:last-child{
  color:rgba(190,225,245,.76)!important;
}
.panel-body,
.doc-body,
.mpmh-legal-doc,
.mph-front-hero-card,
.mph-selected-cause-card,
.mph-selected-cause-lower,
.mph-cause-signal-readout,
.global-search-panel,
.leaderboard-card,
.doc-card,
.mpmh-contact-card,
.category-card,
.category-tile{
  background:linear-gradient(180deg,var(--mpmh027-panel2),var(--mpmh027-panel))!important;
  border-color:rgba(88,180,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.026), 0 14px 30px rgba(0,0,0,.22)!important;
}
.mph-front-logo-stage,
.mph-cause-feedback-shell,
.leaderboard-lines,
.cause-card,
.brand-card,
.cause-table-wrap,
.brand-table-wrap,
.global-search-table-wrap,
.mpmh-readout-grid,
.signal-highway-wrap,
.mpmh-flow-strip,
.mpmh-public-methodology,
.mpmh-state-advertisers-copy,
.mpmh-state-advertisers-rail{
  background:linear-gradient(180deg,var(--mpmh027-card),var(--mpmh027-card2))!important;
  border-color:rgba(88,180,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.leaderLine,
.global-search-table tbody tr,
.brand-table-view tbody tr,
.cause-table-view tbody tr{
  border-color:rgba(88,180,255,.13)!important;
}
.tab-btn,
.mph-front-world-action,
.mph-front-choice-card,
.mph-front-inline-trigger,
.mph-home-signal-action,
.brand-sort-chip,
.cause-sort-chip,
.brand-view-toggle,
.cause-view-toggle,
.leaderboard-toggle,
.doc-link-row button,
.doc-link-row a,
.footer-text-link,
.mph-cause-feedback-submit,
.mpmh-contact-submit,
.mpmh-contact-close,
.mpmh-header-search-clear,
.mph-front-view-all-causes button,
.cause-participation-links button{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#eaf7ff!important;
  border-color:rgba(88,180,255,.32)!important;
  background:linear-gradient(180deg,#09223a,#03101d)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 0 0 1px rgba(0,249,158,.035)!important;
  text-shadow:0 0 8px rgba(88,180,255,.12)!important;
  transition:border-color .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease!important;
}
.tab-btn,
.footer-text-link,
.doc-link-row button,
.doc-link-row a,
.brand-sort-chip,
.cause-sort-chip,
.brand-view-toggle,
.cause-view-toggle,
.leaderboard-toggle{
  font-size:clamp(11px,.72vw,13px)!important;
  letter-spacing:.055em!important;
  font-weight:650!important;
}
.tab-btn::after,
.mph-front-world-action::after,
.mph-front-choice-card::after,
.mph-front-inline-trigger::after,
.mph-home-signal-action::after,
.brand-sort-chip::after,
.cause-sort-chip::after,
.brand-view-toggle::after,
.cause-view-toggle::after,
.leaderboard-toggle::after,
.doc-link-row button::after,
.doc-link-row a::after,
.footer-text-link::after,
.mph-cause-feedback-submit::after,
.mpmh-contact-submit::after,
.mpmh-contact-close::after,
.mpmh-header-search-clear::after,
.mph-front-view-all-causes button::after,
.cause-participation-links button::after{
  content:'';
  position:absolute;
  inset:-35% auto -35% -70%;
  width:52%;
  z-index:-1;
  opacity:0;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(88,180,255,.20),rgba(0,249,158,.18),transparent);
  pointer-events:none;
}
.tab-btn:hover,
.tab-btn.active,
.mph-front-world-action:hover,
.mph-front-world-action.active,
.mph-front-choice-card:hover,
.mph-front-choice-card.active,
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger.active,
.mph-home-signal-action:hover,
.brand-sort-chip:hover,
.brand-sort-chip.active,
.cause-sort-chip:hover,
.cause-sort-chip.active,
.brand-view-toggle:hover,
.cause-view-toggle:hover,
.leaderboard-toggle:hover,
.doc-link-row button:hover,
.doc-link-row a:hover,
.footer-text-link:hover,
.mph-cause-feedback-submit:hover,
.mpmh-contact-submit:hover,
.mpmh-contact-close:hover,
.mpmh-header-search-clear:hover,
.mph-front-view-all-causes button:hover,
.cause-participation-links button:hover{
  color:#ffffff!important;
  border-color:rgba(0,249,158,.42)!important;
  background:linear-gradient(180deg,#0b2d4a,#041622)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 0 18px rgba(0,249,158,.08), 0 0 0 1px rgba(88,180,255,.10)!important;
}
.tab-btn:hover::after,
.tab-btn.active::after,
.mph-front-world-action:hover::after,
.mph-front-world-action.active::after,
.mph-front-choice-card:hover::after,
.mph-front-choice-card.active::after,
.mph-front-inline-trigger:hover::after,
.mph-front-inline-trigger.active::after,
.mph-home-signal-action:hover::after,
.brand-sort-chip:hover::after,
.brand-sort-chip.active::after,
.cause-sort-chip:hover::after,
.cause-sort-chip.active::after,
.brand-view-toggle:hover::after,
.cause-view-toggle:hover::after,
.leaderboard-toggle:hover::after,
.doc-link-row button:hover::after,
.doc-link-row a:hover::after,
.footer-text-link:hover::after,
.mph-cause-feedback-submit:hover::after,
.mpmh-contact-submit:hover::after,
.mpmh-contact-close:hover::after,
.mpmh-header-search-clear:hover::after,
.mph-front-view-all-causes button:hover::after,
.cause-participation-links button:hover::after{
  opacity:1;
  animation:mpmh027SignalSweep 1.05s ease-out 1;
}
#mpmhLiveSectionHeader::after,
.panel-head::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(88,180,255,.44),rgba(0,249,158,.25),transparent);
  opacity:.68;
  pointer-events:none;
}
#mpmhLiveSectionHeader,
.panel-head{position:relative!important;overflow:hidden!important;}
#mpmhLiveSectionHeader[data-active-tab="signals"]::before,
#mpmhLiveSectionHeader[data-active-tab="leaderboards"]::before{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  left:-35%;
  width:30%;
  transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(0,249,158,.10),rgba(88,180,255,.12),transparent);
  animation:mpmh027RailSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes mpmh027SignalSweep{
  0%{left:-70%;opacity:0;}
  20%{opacity:1;}
  100%{left:118%;opacity:0;}
}
@keyframes mpmh027RailSweep{
  0%,45%{left:-35%;opacity:0;}
  58%{opacity:.65;}
  82%{left:108%;opacity:0;}
  100%{left:108%;opacity:0;}
}
@media (prefers-reduced-motion:reduce){
  .tab-btn::after,
  .mph-front-world-action::after,
  .mph-front-choice-card::after,
  .mph-front-inline-trigger::after,
  .mph-home-signal-action::after,
  .brand-sort-chip::after,
  .cause-sort-chip::after,
  .brand-view-toggle::after,
  .cause-view-toggle::after,
  .leaderboard-toggle::after,
  .doc-link-row button::after,
  .doc-link-row a::after,
  .footer-text-link::after,
  .mph-cause-feedback-submit::after,
  .mpmh-contact-submit::after,
  .mpmh-contact-close::after,
  .mpmh-header-search-clear::after,
  #mpmhLiveSectionHeader[data-active-tab="signals"]::before,
  #mpmhLiveSectionHeader[data-active-tab="leaderboards"]::before{
    animation:none!important;
  }
}



/* MPMH028 selected-cause feedback keyboard focus containment.
   Up/Down arrows should move focus back to the form container rather than
   toggling the updates Yes/No radio group while reviewing the page. */
#selectedCauseHero .mph-cause-positive-feedback,
#selectedCauseHero .mph-cause-feedback-inner,
#selectedCauseHero .mph-cause-updates-fieldset{
  scroll-margin-top:120px!important;
}
#selectedCauseHero .mph-cause-updates-fieldset.mpmh-feedback-container-focus,
#selectedCauseHero .mph-cause-feedback-inner.mpmh-feedback-container-focus{
  outline:1px solid rgba(11,249,158,.36)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px rgba(88,180,255,.16), 0 0 24px rgba(0,249,158,.055)!important;
}


/* ========================================================================
   MPMH029 PUBLIC FRONTEND PRESENTATION POLISH
   ------------------------------------------------------------------------
   Calmer launch/showcase pass. Removes the general button/header signal sweep
   from MPMH027, preserves the darker contrast layer, and tightens public shell
   spacing without touching routing, data, Signal, tokens, ledger, or ADMIN.
   ======================================================================== */
:root{
  --mpmh029-rail:#06182b;
  --mpmh029-rail2:#08213a;
  --mpmh029-panel:#050c14;
  --mpmh029-panel2:#07131f;
  --mpmh029-edge:rgba(88,180,255,.22);
  --mpmh029-edge-soft:rgba(88,180,255,.14);
  --mpmh029-green:rgba(0,249,158,.36);
  --mpmh029-text:#f3fbff;
  --mpmh029-muted:rgba(198,224,240,.76);
}
/* Remove the general MPMH027 sweep/shimmer layer. Signals-page highway
   animations remain untouched because they use their own signal-highway markup. */
.tab-btn::after,
.mph-front-world-action::after,
.mph-front-choice-card::after,
.mph-front-inline-trigger::after,
.mph-home-signal-action::after,
.brand-sort-chip::after,
.cause-sort-chip::after,
.brand-view-toggle::after,
.cause-view-toggle::after,
.leaderboard-toggle::after,
.doc-link-row button::after,
.doc-link-row a::after,
.footer-text-link::after,
.mph-cause-feedback-submit::after,
.mpmh-contact-submit::after,
.mpmh-contact-close::after,
.mpmh-header-search-clear::after,
.mph-front-view-all-causes button::after,
.cause-participation-links button::after,
#mpmhLiveSectionHeader[data-active-tab="signals"]::before,
#mpmhLiveSectionHeader[data-active-tab="leaderboards"]::before{
  content:none!important;
  display:none!important;
  animation:none!important;
  opacity:0!important;
}
/* Static, show-ready button polish. */
.tab-btn,
.mph-front-world-action,
.mph-front-choice-card,
.mph-front-inline-trigger,
.mph-home-signal-action,
.brand-sort-chip,
.cause-sort-chip,
.brand-view-toggle,
.cause-view-toggle,
.leaderboard-toggle,
.doc-link-row button,
.doc-link-row a,
.footer-text-link,
.mph-cause-feedback-submit,
.mpmh-contact-submit,
.mpmh-contact-close,
.mpmh-header-search-clear,
.mph-front-view-all-causes button,
.cause-participation-links button{
  overflow:visible!important;
  isolation:auto!important;
  border-color:rgba(88,180,255,.30)!important;
  background:linear-gradient(180deg,#071b30,#020a13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(0,0,0,.35)!important;
  text-shadow:none!important;
}
.tab-btn:hover,
.tab-btn.active,
.mph-front-world-action:hover,
.mph-front-world-action.active,
.mph-front-choice-card:hover,
.mph-front-choice-card.active,
.mph-front-inline-trigger:hover,
.mph-front-inline-trigger.active,
.mph-home-signal-action:hover,
.brand-sort-chip:hover,
.brand-sort-chip.active,
.cause-sort-chip:hover,
.cause-sort-chip.active,
.brand-view-toggle:hover,
.cause-view-toggle:hover,
.leaderboard-toggle:hover,
.doc-link-row button:hover,
.doc-link-row a:hover,
.footer-text-link:hover,
.mph-cause-feedback-submit:hover,
.mpmh-contact-submit:hover,
.mpmh-contact-close:hover,
.mpmh-header-search-clear:hover,
.mph-front-view-all-causes button:hover,
.cause-participation-links button:hover{
  border-color:rgba(0,249,158,.34)!important;
  background:linear-gradient(180deg,#09243c,#03101c)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(88,180,255,.10),0 0 16px rgba(0,249,158,.045)!important;
}
/* Public shell rhythm. */
.public-shell,
#shellMain{
  background:#000!important;
}
#shellMain{
  scroll-padding-top:112px!important;
}
#mpmhLiveSectionHeader{
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,var(--mpmh029-rail2),var(--mpmh029-rail))!important;
  border-top:1px solid rgba(88,180,255,.28)!important;
  border-bottom:1px solid rgba(0,249,158,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 16px rgba(0,0,0,.34)!important;
}
#mpmhLiveSectionHeader .mpmh-live-section-inner{
  width:100%!important;
  min-height:28px!important;
  padding:4px 14px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  box-sizing:border-box!important;
}
#mpmhLiveSectionTitle{
  font-size:clamp(12px,.78vw,15px)!important;
  line-height:1.05!important;
  letter-spacing:.20em!important;
  font-weight:900!important;
  text-align:center!important;
}
#mpmhLiveSectionSubtitle{
  margin:0!important;
  font-size:clamp(8px,.55vw,10px)!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
  text-align:center!important;
  color:var(--mpmh029-muted)!important;
}
.tab-panel,
.mph-home-overview{
  padding-top:clamp(8px,1.1vh,14px)!important;
  padding-bottom:clamp(12px,1.8vh,22px)!important;
}
.panel-head,
.side-head,
.mpmh-contact-head,
.leaderboard-card h3,
.mpmh-legal-doc h1,
.mpmh-state-section-title{
  min-height:26px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  background:linear-gradient(180deg,#08203a,#06182b)!important;
}
.panel-body,
.doc-body,
.mpmh-legal-doc,
.global-search-panel,
.leaderboard-card,
.doc-card,
.mpmh-contact-card,
.category-card,
.category-tile,
.mph-selected-cause-card,
.mph-selected-cause-lower,
.mph-cause-signal-readout{
  border-color:var(--mpmh029-edge-soft)!important;
  background:linear-gradient(180deg,var(--mpmh029-panel2),var(--mpmh029-panel))!important;
}
/* HOME first-fold spacing. */
.mph-platform-intro-home,
.mph-front-hero-lock{
  margin-top:clamp(6px,1vh,12px)!important;
  margin-bottom:clamp(10px,1.5vh,18px)!important;
}
.mph-front-hero-layout{
  gap:clamp(18px,2.1vw,34px)!important;
  padding-top:clamp(12px,1.6vh,22px)!important;
  padding-bottom:clamp(12px,1.6vh,22px)!important;
}
.mph-front-entry-title{
  margin-top:0!important;
  margin-bottom:clamp(8px,1vh,12px)!important;
  line-height:1.08!important;
}
.mph-front-entry-subtitle,
.mph-front-hero-lead,
.mph-front-hero-support{
  margin-top:clamp(6px,.8vh,10px)!important;
  margin-bottom:0!important;
}
.mph-front-choice-module,
.mph-front-world-actions{
  gap:10px!important;
}
.mph-front-choice-card,
.mph-front-world-action{
  min-height:38px!important;
  padding:9px 13px!important;
}
.mph-front-logo-stage{
  margin-top:clamp(8px,1.1vh,14px)!important;
  padding-top:clamp(10px,1.2vh,16px)!important;
  padding-bottom:clamp(10px,1.2vh,16px)!important;
}
/* Selected-cause and feedback spacing. */
#selectedCauseHero{
  padding-top:clamp(8px,1.1vh,14px)!important;
}
#selectedCauseHero .mph-home-cause-rail{
  gap:10px!important;
}
#selectedCauseHero .mph-home-cause-logo-well{
  min-height:220px!important;
}
#selectedCauseHero .mph-cause-feedback-inner{
  padding:18px!important;
}
#selectedCauseHero .mph-cause-feedback-head{
  margin-bottom:10px!important;
}
#selectedCauseHero .mph-cause-feedback-form{
  gap:10px!important;
}
#selectedCauseHero .mph-cause-update-grid{
  gap:10px!important;
}
@media (min-width:981px){
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn{
    min-height:18px!important;
    padding:3px 8px!important;
    line-height:1!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-discovery,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{
    gap:10px!important;
  }
}
@media (max-width:980px){
  #mpmhLiveSectionHeader .mpmh-live-section-inner{
    padding:6px 12px!important;
  }
  .tab-panel,
  .mph-home-overview{
    padding-top:10px!important;
  }
  .mph-front-hero-layout{
    padding:14px!important;
  }
}



/* ========================================================================
   MPMH030 PUBLIC FRONTEND FORM / CONTAINER POLISH
   ------------------------------------------------------------------------
   Removes raw browser-looking feedback/container outlines while keeping
   intentional keyboard focus states on real controls. Keeps the selected-
   cause feedback module polished without changing intake/routing behavior.
   ======================================================================== */
#selectedCauseHero .mph-cause-main-feedback-wrap,
#selectedCauseHero .mph-cause-positive-feedback,
#selectedCauseHero .mph-cause-feedback-inner,
#selectedCauseHero .mph-cause-updates-fieldset{
  outline:0!important;
}
#selectedCauseHero .mph-cause-positive-feedback{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-cause-feedback-inner{
  border:1px solid rgba(88,180,255,.24)!important;
  border-radius:3px!important;
  background:
    radial-gradient(circle at 50% -18%, rgba(30,118,190,.16), transparent 38%),
    linear-gradient(180deg, rgba(3,18,31,.98), rgba(0,8,14,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 18px 42px rgba(0,0,0,.30)!important;
}
#selectedCauseHero .mph-cause-feedback-label,
#selectedCauseHero .mph-cause-updates-fieldset legend,
#selectedCauseHero .mph-cause-update-grid label{
  color:#f2fbff!important;
  text-shadow:0 0 10px rgba(88,180,255,.16)!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea#causeFeedbackMessage,
#selectedCauseHero .mph-cause-update-grid input[type="text"],
#selectedCauseHero .mph-cause-update-grid input[type="email"]{
  border:1px solid rgba(88,180,255,.28)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#00050b,#000000)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-feedback-form textarea#causeFeedbackMessage:focus,
#selectedCauseHero .mph-cause-update-grid input[type="text"]:focus,
#selectedCauseHero .mph-cause-update-grid input[type="email"]:focus{
  border-color:rgba(0,249,158,.55)!important;
  box-shadow:0 0 0 1px rgba(88,180,255,.16), 0 0 22px rgba(0,249,158,.075), inset 0 1px 0 rgba(255,255,255,.035)!important;
  outline:0!important;
}
#selectedCauseHero .mph-cause-checkbox-row{
  border:0!important;
  outline:0!important;
  color:rgba(224,243,255,.92)!important;
}
#selectedCauseHero .mph-cause-checkbox-row input[type="checkbox"],
#selectedCauseHero .mph-cause-updates-fieldset input[type="radio"]{
  accent-color:#0bf99e!important;
  outline:0!important;
  box-shadow:none!important;
}
#selectedCauseHero .mph-cause-checkbox-row input[type="checkbox"]:focus-visible,
#selectedCauseHero .mph-cause-updates-fieldset input[type="radio"]:focus-visible{
  outline:1px solid rgba(88,180,255,.58)!important;
  outline-offset:3px!important;
  box-shadow:0 0 16px rgba(0,249,158,.12)!important;
}
#selectedCauseHero .mph-cause-updates-fieldset{
  position:relative!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px 34px!important;
  margin:4px 0 10px!important;
  padding:13px 16px 15px!important;
  min-width:0!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg, rgba(2,14,25,.72), rgba(0,6,12,.78))!important;
  box-shadow:inset 0 0 0 1px rgba(88,180,255,.18), inset 0 1px 0 rgba(255,255,255,.018)!important;
}
#selectedCauseHero .mph-cause-updates-fieldset legend{
  float:none!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 8px!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  line-height:1.18!important;
}
#selectedCauseHero .mph-cause-updates-fieldset label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:72px!important;
  margin:0!important;
  padding:2px 4px!important;
  color:#f5fbff!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
#selectedCauseHero .mph-cause-updates-fieldset.mpmh-feedback-container-focus,
#selectedCauseHero .mph-cause-feedback-inner.mpmh-feedback-container-focus{
  outline:0!important;
}
#selectedCauseHero .mph-cause-updates-fieldset.mpmh-feedback-container-focus{
  box-shadow:inset 0 0 0 1px rgba(88,180,255,.22), 0 0 18px rgba(0,249,158,.045)!important;
}
#selectedCauseHero .mph-cause-feedback-inner.mpmh-feedback-container-focus{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 18px 42px rgba(0,0,0,.30), 0 0 0 1px rgba(88,180,255,.10)!important;
}
#selectedCauseHero .mph-cause-feedback-form button:focus-visible,
#selectedCauseHero .mph-cause-feedback-form a:focus-visible{
  outline:1px solid rgba(0,249,158,.55)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 1px rgba(88,180,255,.18), 0 0 22px rgba(0,249,158,.10)!important;
}
#selectedCauseHero .mph-cause-feedback-note{
  color:rgba(178,217,242,.86)!important;
}


/* ========================================================================
   MPMH031 SELECTED-CAUSE HEADER CONSOLIDATION
   ------------------------------------------------------------------------
   The active cause name now lives as the strong white title inside the blue
   live section rail. The duplicate large internal selected-cause banner is
   removed so the logo/readout/feedback content opens immediately below.
   ======================================================================== */
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"]{
  min-height:58px!important;
  background:linear-gradient(180deg,#0a3155 0%, #082946 52%, #061c31 100%)!important;
  border-top:1px solid rgba(116,190,255,.34)!important;
  border-bottom:1px solid rgba(88,180,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 8px 18px rgba(0,0,0,.34)!important;
}
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
  min-height:58px!important;
  padding:8px 18px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
  color:#fff!important;
  font-size:clamp(24px,2.35vw,38px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.88),0 0 22px rgba(88,180,255,.18)!important;
}
#selectedCauseHero .mph-cause-lander-head,
#selectedCauseHero .mph-home-stage-head.mph-cause-lander-head{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#selectedCauseHero{
  padding-top:0!important;
}
#selectedCauseHero .mph-home-stage-body{
  margin-top:0!important;
  padding-top:0!important;
}
@media (max-width:780px){
  #mpmhLiveSectionHeader[data-active-tab="cause_alignment"]{
    min-height:48px!important;
  }
  #mpmhLiveSectionHeader[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
    min-height:48px!important;
    padding:7px 12px 8px!important;
  }
  #mpmhLiveSectionHeader[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
    font-size:clamp(17px,5.2vw,27px)!important;
    letter-spacing:.10em!important;
  }
}



/* ========================================================================
   MPMH032 HEADER MATCH + HOVER STABILITY
   ------------------------------------------------------------------------
   Keeps the selected-cause title in the public blue rail, but matches the
   standard white section-header scale instead of using a large internal
   banner. Also removes hover-driven movement from header/footer links so
   the page surface does not visually shake when links are moused over.
   ======================================================================== */
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"]{
  min-height:28px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,var(--mpmh029-rail2),var(--mpmh029-rail))!important;
  border-top:1px solid rgba(88,180,255,.28)!important;
  border-bottom:1px solid rgba(0,249,158,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 16px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"] .mpmh-live-section-inner{
  width:100%!important;
  min-height:28px!important;
  height:auto!important;
  padding:4px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  box-sizing:border-box!important;
}
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
  color:#ffffff!important;
  font-size:clamp(15px,1.05vw,19px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:.20em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.92),0 0 13px rgba(88,180,255,.16)!important;
  margin:0!important;
  padding:0!important;
  max-width:calc(100vw - 32px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mpmhLiveSectionHeader[data-active-tab="cause_alignment"] #mpmhLiveSectionSubtitle{
  display:none!important;
}
#selectedCauseHero{
  padding-top:clamp(6px,.8vh,10px)!important;
}
@media(max-width:780px){
  #mpmhLiveSectionHeader[data-active-tab="cause_alignment"] #mpmhLiveSectionTitle{
    font-size:clamp(13px,4.1vw,17px)!important;
    letter-spacing:.12em!important;
  }
}

/* Hover stability: keep header/footer controls visually polished without
   changing geometry, transform, margins, letter spacing, or border width. */
#mpmhUnifiedShell #tabs,
#mpmhUnifiedShell #tabs.mpmh-split-tabs,
#mpmhUnifiedShell #tabs .mpmh-tab-group,
.public-footer .footer-flat-row,
.public-footer .mpmh-unified-footer-row{
  align-items:center!important;
  box-sizing:border-box!important;
  contain:paint!important;
}
#mpmhUnifiedShell .tab-btn,
#mpmhUnifiedShell .tab-btn:hover,
#mpmhUnifiedShell .tab-btn:focus,
#mpmhUnifiedShell .tab-btn:focus-visible,
#mpmhUnifiedShell .tab-btn.active,
.public-footer .footer-text-link,
.public-footer .footer-text-link:hover,
.public-footer .footer-text-link:focus,
.public-footer .footer-text-link:focus-visible,
.doc-link-row button,
.doc-link-row button:hover,
.doc-link-row a,
.doc-link-row a:hover{
  box-sizing:border-box!important;
  transform:none!important;
  top:auto!important;
  bottom:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  border-width:1px!important;
  letter-spacing:.055em!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  transition:color .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease!important;
}
#mpmhUnifiedShell .tab-btn,
#mpmhUnifiedShell .tab-btn:hover,
#mpmhUnifiedShell .tab-btn.active{
  min-height:18px!important;
  height:18px!important;
  line-height:1!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
  border-style:solid!important;
}
.public-footer .footer-text-link,
.public-footer .footer-text-link:hover,
.public-footer .footer-text-link:focus-visible{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:14px!important;
  height:14px!important;
  line-height:1!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.public-footer .footer-text-link:hover,
.public-footer .footer-text-link:focus-visible{
  color:#ffffff!important;
  text-shadow:0 0 9px rgba(0,249,158,.18)!important;
  outline:0!important;
}
#mpmhUnifiedShell .tab-btn::before,
#mpmhUnifiedShell .tab-btn::after,
.public-footer .footer-text-link::before,
.public-footer .footer-text-link::after,
.doc-link-row button::before,
.doc-link-row button::after,
.doc-link-row a::before,
.doc-link-row a::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.public-shell,
#shellMain{
  overflow-x:hidden!important;
}



/* ========================================================================
   MPMH033 SELECTED-CAUSE HEADER OWNERSHIP REPAIR
   ------------------------------------------------------------------------
   Final selected-cause rail styling is owned by a stable class/lock instead
   of only by data-active-tab, because older HOME/route sync scripts can
   temporarily rewrite the active-tab attribute. This keeps the cause rail
   white, centered, and matched to the public section-header style.
   ======================================================================== */
#mpmhLiveSectionHeader.mpmh-selected-cause-rail-active,
#mpmhLiveSectionHeader[data-selected-cause-lock="1"]{
  min-height:28px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,var(--mpmh029-rail2),var(--mpmh029-rail))!important;
  border-top:1px solid rgba(88,180,255,.28)!important;
  border-bottom:1px solid rgba(0,249,158,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 16px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
#mpmhLiveSectionHeader.mpmh-selected-cause-rail-active .mpmh-live-section-inner,
#mpmhLiveSectionHeader[data-selected-cause-lock="1"] .mpmh-live-section-inner{
  width:100%!important;
  min-height:28px!important;
  height:auto!important;
  padding:4px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  box-sizing:border-box!important;
}
#mpmhLiveSectionHeader.mpmh-selected-cause-rail-active #mpmhLiveSectionTitle,
#mpmhLiveSectionHeader[data-selected-cause-lock="1"] #mpmhLiveSectionTitle{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:none!important;
  font-size:clamp(15px,1.05vw,19px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:.20em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 rgba(0,0,0,.92),0 0 13px rgba(88,180,255,.16)!important;
  margin:0!important;
  padding:0!important;
  max-width:calc(100vw - 32px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#mpmhLiveSectionHeader.mpmh-selected-cause-rail-active #mpmhLiveSectionSubtitle,
#mpmhLiveSectionHeader[data-selected-cause-lock="1"] #mpmhLiveSectionSubtitle{
  display:none!important;
}
@media(max-width:780px){
  #mpmhLiveSectionHeader.mpmh-selected-cause-rail-active #mpmhLiveSectionTitle,
  #mpmhLiveSectionHeader[data-selected-cause-lock="1"] #mpmhLiveSectionTitle{
    font-size:clamp(13px,4.1vw,17px)!important;
    letter-spacing:.12em!important;
  }
}



/* ========================================================================
   MPMH034 ACTIVE NAV PLATE CLEANUP
   ------------------------------------------------------------------------
   The selected top nav tab inherited older active-tab plate styling, plus the
   later hover-stability layer. On the active SIGNALS tab that produced a
   cramped/double-outline look. Keep the nav geometry stable and use a calm
   text + micro-underline state instead of a boxed active plate.
   ======================================================================== */
#mpmhUnifiedShell #tabs .tab-btn,
#mpmhUnifiedShell #tabs .tab-btn:hover,
#mpmhUnifiedShell #tabs .tab-btn:focus,
#mpmhUnifiedShell #tabs .tab-btn:focus-visible,
#mpmhUnifiedShell #tabs .tab-btn.active{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
  text-decoration:none!important;
}
#mpmhUnifiedShell #tabs .tab-btn.active,
#mpmhUnifiedShell #tabs .tab-btn.active:hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 0 9px rgba(126,183,255,.24)!important;
}
#mpmhUnifiedShell #tabs .tab-btn.active::before,
#mpmhUnifiedShell #tabs .tab-btn.active::after,
#mpmhUnifiedShell #tabs .tab-btn:hover::before,
#mpmhUnifiedShell #tabs .tab-btn:hover::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}
#mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active,
#mpmhUnifiedShell #tabs .tab-btn[data-tab="signals"].active:hover{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  border-bottom:1px solid rgba(0,249,158,.58)!important;
  text-shadow:0 0 8px rgba(0,249,158,.18),0 0 10px rgba(126,183,255,.18)!important;
}
#mpmhUnifiedShell #tabs .tab-btn:not(.active):hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 0 7px rgba(126,183,255,.18)!important;
}
#mpmhUnifiedShell #tabs .tab-btn:focus-visible{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-bottom:1px solid rgba(126,183,255,.55)!important;
  box-shadow:0 1px 0 rgba(0,249,158,.15)!important;
}



/* ========================================================================
   MPMH035 HEADER NAVIGATION GEOMETRY LOCK
   ------------------------------------------------------------------------
   The upper navigation was subtly shifting because active/hover tab state and
   page scrollbar changes could alter perceived or actual header width. Freeze
   the nav groups into a fixed desktop grid, reserve the scroll gutter, and
   make selected/hover states paint-only instead of geometry-changing.
   ======================================================================== */
html,
body,
.public-shell,
#publicShell,
#shellMain{
  scrollbar-gutter:stable!important;
}
@media (min-width:981px){
  #mpmhUnifiedShell .mpmh-nav-search-row,
  #mpmhUnifiedShell .mpmh-nav-search-inner,
  #mpmhUnifiedShell .mpmh-nav-only-inner{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0 28px 4px!important;
    display:grid!important;
    grid-template-columns:minmax(320px,1fr) minmax(360px,460px) minmax(460px,1fr)!important;
    align-items:end!important;
    justify-items:stretch!important;
    gap:0!important;
    box-sizing:border-box!important;
    contain:layout paint!important;
    overflow:visible!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    transform:none!important;
    transition:none!important;
    contain:layout paint!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-discovery{
    grid-column:1!important;
    justify-content:flex-start!important;
    justify-self:stretch!important;
    text-align:left!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group-info{
    grid-column:3!important;
    justify-content:flex-end!important;
    justify-self:stretch!important;
    text-align:right!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    height:18px!important;
    min-height:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:3px 0!important;
    border:1px solid transparent!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    translate:none!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    line-height:1!important;
    font-size:clamp(11px,.72vw,13px)!important;
    font-weight:800!important;
    letter-spacing:.055em!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
    transition:color .12s ease,text-shadow .12s ease,box-shadow .12s ease!important;
    contain:paint!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="charities"]{width:72px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="campaigns"]{width:72px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="categories"]{width:112px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"]{width:82px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="leaderboards"]{width:132px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="howitworks"]{width:120px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="faq"]{width:48px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::before,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn::after,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::before,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover::after,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::before,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active::after,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::before,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible::after{
    content:none!important;
    display:none!important;
    animation:none!important;
    transform:none!important;
    opacity:0!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active),
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):visited{
    color:#f1f7ff!important;
    -webkit-text-fill-color:#f1f7ff!important;
    text-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:hover,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:not(.active):hover{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    text-shadow:0 0 7px rgba(126,183,255,.16)!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn.active:hover,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"].active:hover{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border-color:transparent!important;
    border-bottom-color:transparent!important;
    background:transparent!important;
    text-shadow:0 0 9px rgba(126,183,255,.20)!important;
    box-shadow:none!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn:focus-visible{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    border-color:transparent!important;
    outline:0!important;
    box-shadow:none!important;
    text-shadow:0 0 7px rgba(126,183,255,.18)!important;
  }
}
@media (min-width:981px) and (max-width:1220px){
  #mpmhUnifiedShell #tabs.mpmh-split-tabs{
    padding-left:18px!important;
    padding-right:18px!important;
    grid-template-columns:minmax(290px,1fr) minmax(320px,420px) minmax(420px,1fr)!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:hover,
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .mpmh-tab-group:focus-within{
    gap:8px!important;
  }
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="charities"]{width:64px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="campaigns"]{width:64px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="categories"]{width:104px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="signals"]{width:74px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="leaderboards"]{width:116px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="howitworks"]{width:108px!important;}
  #mpmhUnifiedShell #tabs.mpmh-split-tabs .tab-btn[data-tab="faq"]{width:42px!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"] .mpmh-card-overlay-title{
  color:var(--mpmh194-green)!important;
  -webkit-text-fill-color:var(--mpmh194-green)!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;
}

/* LAUNCH001 former inline style 02: mpmh036-campaign-fallback-cta-style (MPMH314.php lines 6868-6871) */
.mpmh036-campaign-cta-link{color:#ffffff!important;text-decoration:underline!important;text-decoration-color:rgba(0,249,158,.72)!important;text-underline-offset:2px!important;font-weight:800!important;}
  .mpmh036-campaign-cta-link:hover{color:#0bf99e!important;text-decoration-color:#0bf99e!important;}

/* LAUNCH001 former inline style 03: mpmh038-category-readout-contrast-polish (MPMH314.php lines 6875-6987) */
/* MPMH038 Categories Readout Contrast Polish
   Scope: Categories page card/readout visibility only. No routing, campaign-card, data, /go/to, ADMIN, Signal, or ledger changes. */
#mpmhUnifiedShell [data-panel="categories"] .category-clean-body{
  background:linear-gradient(180deg,rgba(3,13,23,.98),rgba(0,5,10,1))!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{
  gap:clamp(9px,1vw,13px)!important;
  align-items:stretch!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid > *,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *,
#mpmhUnifiedShell [data-panel="categories"] .category-card,
#mpmhUnifiedShell [data-panel="categories"] .category-tile,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a{
  min-height:0!important;
  color:#edf8ff!important;
  background:
    linear-gradient(180deg,rgba(12,37,62,.96) 0%,rgba(5,19,34,.98) 42%,rgba(1,9,15,1) 100%)!important;
  border:1px solid rgba(111,190,255,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,249,158,.05),
    0 10px 22px rgba(0,0,0,.28)!important;
  border-radius:0!important;
  outline:0!important;
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid > *:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-card:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-tile:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a:hover{
  transform:none!important;
  border-color:rgba(41,255,185,.44)!important;
  background:
    linear-gradient(180deg,rgba(14,48,78,.98) 0%,rgba(6,23,39,.99) 44%,rgba(1,10,17,1) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,249,158,.08),
    0 12px 24px rgba(0,0,0,.32),
    0 0 0 1px rgba(0,249,158,.035)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid button:focus-visible,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a:focus-visible,
#mpmhUnifiedShell [data-panel="categories"] .category-card:focus-visible,
#mpmhUnifiedShell [data-panel="categories"] .category-tile:focus-visible{
  outline:0!important;
  border-color:rgba(41,255,185,.58)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 2px rgba(0,249,158,.14),
    0 12px 24px rgba(0,0,0,.32)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid button > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-card > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-tile > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-name,
#mpmhUnifiedShell [data-panel="categories"] .category-title,
#mpmhUnifiedShell [data-panel="categories"] h3,
#mpmhUnifiedShell [data-panel="categories"] h4{
  color:#ffffff!important;
  text-shadow:0 0 11px rgba(126,199,255,.17)!important;
  letter-spacing:.055em!important;
  font-weight:950!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid small,
#mpmhUnifiedShell [data-panel="categories"] .category-card small,
#mpmhUnifiedShell [data-panel="categories"] .category-tile small,
#mpmhUnifiedShell [data-panel="categories"] .category-label,
#mpmhUnifiedShell [data-panel="categories"] .category-sub,
#mpmhUnifiedShell [data-panel="categories"] .category-meta,
#mpmhUnifiedShell [data-panel="categories"] .category-count-label{
  color:rgba(188,218,236,.78)!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-counts,
#mpmhUnifiedShell [data-panel="categories"] .category-stats,
#mpmhUnifiedShell [data-panel="categories"] .category-metrics,
#mpmhUnifiedShell [data-panel="categories"] .category-readouts,
#mpmhUnifiedShell [data-panel="categories"] .category-count-row,
#mpmhUnifiedShell [data-panel="categories"] .category-meta-row,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button > div,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a > div{
  background:linear-gradient(180deg,rgba(0,44,31,.64),rgba(0,14,10,.92))!important;
  border:1px solid rgba(0,249,158,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.032), inset 0 0 18px rgba(0,249,158,.035)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid strong,
#mpmhUnifiedShell [data-panel="categories"] .category-grid b,
#mpmhUnifiedShell [data-panel="categories"] .category-card strong,
#mpmhUnifiedShell [data-panel="categories"] .category-card b,
#mpmhUnifiedShell [data-panel="categories"] .category-tile strong,
#mpmhUnifiedShell [data-panel="categories"] .category-tile b,
#mpmhUnifiedShell [data-panel="categories"] .category-count,
#mpmhUnifiedShell [data-panel="categories"] .category-total,
#mpmhUnifiedShell [data-panel="categories"] .category-value,
#mpmhUnifiedShell [data-panel="categories"] .count-value,
#mpmhUnifiedShell [data-panel="categories"] .metric-value{
  color:#29ffb9!important;
  text-shadow:0 0 14px rgba(0,249,158,.24)!important;
  font-weight:950!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid button span,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a span{
  border-color:rgba(126,183,255,.13)!important;
}

/* LAUNCH001 former inline style 04: mpmh091-controlled-deep-blue-shell-theme-late (MPMH314.php lines 6990-7322) */
/* ========================================================================
   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="technology"],
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;
}

/* LAUNCH001 former inline style 05: mpmh114-card-gutter-footer-blue-fill (MPMH314.php lines 7324-7499) */
/* ========================================================================
   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;
}

/* LAUNCH001 former inline style 06: mpmh137-header-tab-compression-owner (MPMH314.php lines 7502-7675) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 07: mpmh139-header-tabs-and-insight-owner (MPMH314.php lines 7679-7801) */
/* ========================================================================
   MPMH140 INSIGHT STICKY NAVIGATION RAILS
   ------------------------------------------------------------------------
   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 #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;
}

/* LAUNCH001 former inline style 08: mpmh141-insight-floor-lock-owner (MPMH314.php lines 7804-7876) */
/* ========================================================================
   MPMH141 · INSIGHT BOTTOM RAIL FLOOR LOCK
   ------------------------------------------------------------------------
   Keeps the MPMH139/140 outside-frame scrollbar and sticky top/bottom Insight
   rails. This pass does not create an inner scroller. It simply makes the
   Insights shell tall enough for short panels so Previous / Next lands at the
   bottom of the visible content area while remaining sticky during longer
   pages.
   ======================================================================== */
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;
  }
}

/* LAUNCH001 former inline style 09: mpmh142-header-tab-hover-lock (MPMH314.php lines 7879-8035) */
/* MPMH142 final inline owner: prevents legacy hover/active tab plate rules from moving the main nav row. */
@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;
  }
}

/* LAUNCH001 former inline style 10: mpmh151-insight-scale-tab-reset (MPMH314.php lines 8037-8418) */
/* ========================================================================
   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[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;
  }
}

/* LAUNCH001 former inline style 11: mpmh186-brand-card-blue-height-parity (MPMH314.php lines 8419-8642) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 12: inline-style-12 (MPMH314.php lines 8644-9245) */
/* ========================================================================
   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"] .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 .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"] .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-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-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.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-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 .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;
}

/* LAUNCH001 former inline style 13: mpmh198-cause-feedback-footer-final-owner (MPMH314.php lines 9247-9625) */
/* ========================================================================
   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-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"]: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-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.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 .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 .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;}

/* 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;
}

/* 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;
}

/* LAUNCH001 former inline style 14: mpmh200-cause-card-command-feedback-final-owner (MPMH314.php lines 9627-10143) */
/* ========================================================================
   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-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: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.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-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 .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-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;}

/* LAUNCH001 former inline style 15: mpmh200-footer-nav-color-parity (MPMH314.php lines 10145-10181) */
/* 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;
}

/* LAUNCH001 former inline style 16: mpmh254-direct-directory-frame-owner (MPMH314.php lines 10183-10223) */
/* ========================================================================
   MPMH254 · DIRECT BRAND / CAUSE CARD-VIEW FRAME CORRECTION
   Base: MPMH251. MPMH252 and MPMH253 are intentionally not inherited.
   ------------------------------------------------------------------------
   Presentation-only, card-view-only correction.
   - Uses the actual visible panel/card-view state rather than unreliable
     body tab classes.
   - Releases the inherited Brand card-view body from the stale 44px-shorter
     fixed-height calculation so Brand and Cause card view share one viewport.
   - Reserves each card-view scrollbar lane from first paint.
   - Removes only the two stacked bottom paddings while a Brand/Cause card
     directory is active, letting the existing scroller border meet the footer.
   - Table view, cards, routing, tracking, Signal capture, and data are untouched.
   ======================================================================== */
@media (min-width:901px){
  html body #publicShell #shellMain:has(> .brands-discovery-panel:not([style*="display: none"]) .brand-discovery-scroll.card-view),
  html body #publicShell #shellMain:has(> .causes-discovery-panel:not([style*="display: none"]) .cause-discovery-scroll.card-view){
    padding-bottom:0!important;
  }

  html body #publicShell #shellMain .brands-discovery-panel > .panel-body.brands-discovery-body:has(> .brand-discovery-scroll.card-view),
  html body #publicShell #shellMain .causes-discovery-panel > .panel-body.causes-discovery-body:has(> .cause-discovery-scroll.card-view){
    padding-bottom:0!important;
  }

  html body #publicShell #shellMain .brands-discovery-panel > .panel-body.brands-discovery-body:has(> .brand-discovery-scroll.card-view){
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    flex:1 1 auto!important;
  }

  html body #publicShell #shellMain .brand-discovery-scroll.card-view,
  html body #publicShell #shellMain .cause-discovery-scroll.card-view{
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable!important;
  }
}

/* LAUNCH001 former inline style 17: mpmh256-left-bottom-border-termination (MPMH314.php lines 10225-10252) */
/* ========================================================================
   MPMH256 · LEFT-ORIGIN LOWER-RIGHT BORDER TERMINATION
   Base: MPMH254. MPMH255 is intentionally not inherited.
   ------------------------------------------------------------------------
   Frame-only correction. The missing bottom segment belongs immediately to
   the LEFT of the existing right utility-lane divider. Complete that segment
   toward the divider and leave the area to the divider's right pure black.
   No sizing, overflow, scrollbar, card, table, routing, tracking, Signal,
   data, rollup, accounting, or backend behavior changes.
   ======================================================================== */
@media (min-width:901px){
  html body.mpmh256-left-bottom-termination #mpmh102RightUtilityDivider::before{
    content:""!important;
    position:absolute!important;
    right:1px!important;
    bottom:0!important;
    width:var(--mpmh102-lane-width,26px)!important;
    height:1px!important;
    display:block!important;
    background:rgba(88,247,255,.28)!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
    z-index:1!important;
  }
}

/* LAUNCH001 former inline style 18: mpmh259-right-edge-signals-owner (MPMH314.php lines 10253-10591) */
/* ========================================================================
   MPMH259 · CORRECT RIGHT-EDGE OWNERSHIP + TRUE BLACK SIGNALS SURFACE
   Base: MPMH256. MPMH257/258 are intentionally not inherited.
   ------------------------------------------------------------------------
   Presentation only.
   - The selected-cause context/header bed is pure black.
   - The far-right browser gutter and farther full-height outer spine disappear
     into pure black.
   - The nearer application/utility divider remains the established blue line.
   - The inner application canvas and its scrollbar lane remain dark blue.
   - The active Signals module and its immediate wrapper are pure black edge to
     edge; non-animation module borders are black/transparent.
   - The left-origin lower-right completion line remains 1px and is lowered 2px.
   ======================================================================== */
:root{
  --mpmh259-outer:#000000;
  --mpmh259-inner:#07121e;
  --mpmh259-inner-line:rgba(126,183,255,.30);
  --mpmh259-inner-line-soft:rgba(126,183,255,.18);
}

/* Selected-cause/context area belongs to the black upper chrome. */
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-row,
html body.mpmh259-layer-owner #mpmhUnifiedShell #mpmhContextRow,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-inner,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-left,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-copy,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-cause-search-stack,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-header-alignment{
  background:var(--mpmh259-outer)!important;
  background-color:var(--mpmh259-outer)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-row::before,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-row::after,
html body.mpmh259-layer-owner #mpmhUnifiedShell #mpmhContextRow::before,
html body.mpmh259-layer-owner #mpmhUnifiedShell #mpmhContextRow::after,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-left::before,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-context-left::after,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-cause-search-stack::before,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-cause-search-stack::after,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-header-alignment::before,
html body.mpmh259-layer-owner #mpmhUnifiedShell .mpmh-header-alignment::after{
  background:var(--mpmh259-outer)!important;
  background-color:var(--mpmh259-outer)!important;
  background-image:none!important;
  box-shadow:none!important;
}

@media (min-width:901px){
  /* The farther-right full-height spine is outside the app frame. Hide it in
     the pure-black outer gutter. The nearer injected divider remains blue. */
  html body.mpmh259-layer-owner::after{
    background:var(--mpmh259-outer)!important;
    background-color:var(--mpmh259-outer)!important;
    background-image:none!important;
    box-shadow:none!important;
    opacity:1!important;
  }
  html body.mpmh259-layer-owner #mpmh102RightUtilityDivider{
    background:linear-gradient(180deg,
      rgba(126,183,255,0) 0,
      var(--mpmh259-inner-line-soft) 10px,
      var(--mpmh259-inner-line) 32px,
      var(--mpmh259-inner-line-soft) calc(100% - 22px),
      rgba(126,183,255,0) 100%)!important;
    background-color:transparent!important;
    box-shadow:none!important;
    opacity:.62!important;
  }

  /* Finish the existing bottom line from the left. Same length/direction as
     MPMH256, now one thin pixel and two pixels lower. */
  html body.mpmh259-layer-owner #mpmh102RightUtilityDivider::before{
    right:1px!important;
    bottom:-2px!important;
    width:var(--mpmh102-lane-width,26px)!important;
    height:1px!important;
    background:rgba(77,151,205,.18)!important;
    background-color:rgba(77,151,205,.18)!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
  }
}

/* The inner work canvas and its own scrollbar lane stay platform dark blue;
   the browser gutter outside that boundary remains black. */
html body.mpmh259-layer-owner #publicShell #shellMain.shell-main#shellMain{
  background:var(--mpmh259-inner)!important;
  background-color:var(--mpmh259-inner)!important;
  background-image:none!important;
}
html body.mpmh259-layer-owner #publicShell #shellMain::-webkit-scrollbar-track,
html body.mpmh259-layer-owner #publicShell #shellMain::-webkit-scrollbar-corner{
  background:var(--mpmh259-inner)!important;
  background-color:var(--mpmh259-inner)!important;
  border-color:var(--mpmh259-inner)!important;
}
html body.mpmh259-layer-owner #publicShell #shellMain{
  scrollbar-color:#175d91 var(--mpmh259-inner)!important;
}

/* True-black Signals surface. Keep the surrounding application canvas blue,
   but make the active module and its immediate padding/wrapper black edge to
   edge. This selector follows the visible panel, not a potentially stale body
   tab class. */
html body.mpmh259-layer-owner #publicShell #shellMain:has(> .signals-panel:not([style*="display: none"])){
  background:var(--mpmh259-inner)!important;
  background-color:var(--mpmh259-inner)!important;
  background-image:none!important;
}
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel > .panel-body,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel > .data-shell,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel > .data-shell.mpmh-signals-public-panel,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  background:var(--mpmh259-outer)!important;
  background-color:var(--mpmh259-outer)!important;
  background-image:none!important;
  border-color:var(--mpmh259-outer)!important;
  outline-color:var(--mpmh259-outer)!important;
  box-shadow:none!important;
}
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel::after,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel > .data-shell::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel > .data-shell::after{
  background:var(--mpmh259-outer)!important;
  background-color:var(--mpmh259-outer)!important;
  background-image:none!important;
  border-color:var(--mpmh259-outer)!important;
  box-shadow:none!important;
}

/* Remove authored panel/box chrome while preserving the moving highway wells,
   rails, dots, waves, labels, and values. */
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-head-v05,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-stage-v05,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-field-v05,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-public-highway-note,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-readout-cell,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-signal-method-note,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card{
  background:var(--mpmh259-outer)!important;
  background-color:var(--mpmh259-outer)!important;
  background-image:none!important;
  border-color:var(--mpmh259-outer)!important;
  outline-color:var(--mpmh259-outer)!important;
  box-shadow:none!important;
}
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05::after,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-head-v05::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-head-v05::after,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05::after,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-readout-cell::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-readout-cell::after,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card::before,
html body.mpmh259-layer-owner #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card::after{
  border-color:var(--mpmh259-outer)!important;
  box-shadow:none!important;
}

/* ========================================================================
   MPMH260 · SURFACE OWNERSHIP NORMALIZATION
   Base: MPMH259.
   ------------------------------------------------------------------------
   Presentation-only correction.
   1) The complete active Signals page (module + outer padding + lower floor +
      its own scrollbar track) is one continuous pure-black surface.
   2) Directory framing from MPMH254/259 is preserved unchanged.
   3) Narrative and specialized non-directory tabs receive their own final
      right/bottom boundary on the actual outer tab panel, rather than relying
      on the directory-only lower-right termination rule.
   No panel positioning, height, overflow, routing, tracking, or data changes.
   ======================================================================== */
:root{
  --mpmh260-black:#000000;
  --mpmh260-frame:rgba(77,151,205,.28);
}

/* The active Signals page owns the complete shellMain canvas. This removes
   the inherited dark-blue padding/floor that previously remained around the
   black Signals module. */
html body.mpmh260-surface-owner #publicShell #shellMain:has(> .signals-panel:not([style*="display: none"])){
  background:var(--mpmh260-black)!important;
  background-color:var(--mpmh260-black)!important;
  background-image:none!important;
  border-color:var(--mpmh260-black)!important;
  box-shadow:none!important;
}
html body.mpmh260-surface-owner #publicShell #shellMain:has(> .signals-panel:not([style*="display: none"]))::-webkit-scrollbar-track,
html body.mpmh260-surface-owner #publicShell #shellMain:has(> .signals-panel:not([style*="display: none"]))::-webkit-scrollbar-corner{
  background:var(--mpmh260-black)!important;
  background-color:var(--mpmh260-black)!important;
  border-color:var(--mpmh260-black)!important;
}
html body.mpmh260-surface-owner #publicShell #shellMain:has(> .signals-panel:not([style*="display: none"])){
  scrollbar-color:#175d91 var(--mpmh260-black)!important;
}
html body.mpmh260-surface-owner #publicShell #shellMain > .signals-panel,
html body.mpmh260-surface-owner #publicShell #shellMain > .signals-panel > .data-shell,
html body.mpmh260-surface-owner #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  min-height:100%!important;
  background:var(--mpmh260-black)!important;
  background-color:var(--mpmh260-black)!important;
  background-image:none!important;
  border-color:var(--mpmh260-black)!important;
  outline-color:var(--mpmh260-black)!important;
  box-shadow:none!important;
}

/* Narrative-family surface boundary. The inset boundary does not change box
   geometry and is independent of the directory scrollbar/corner solution. */
html body.mpmh260-surface-owner #publicShell #shellMain > .mpmh-public-insights-panel:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > .mpmh-news-panel:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="faq"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="howitworks"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="definitions"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="privacy"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="terms"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="advertisers"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="charities_org"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="measurement"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="technology"]:not([style*="display: none"]){
  box-shadow:inset -1px 0 0 var(--mpmh260-frame),inset 0 -1px 0 var(--mpmh260-frame)!important;
}

/* Specialized non-directory surfaces use the same outer-panel ownership.
   Signals is intentionally excluded because its requested perimeter is black. */
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="leaderboards"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="categories"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="stats"]:not([style*="display: none"]),
html body.mpmh260-surface-owner #publicShell #shellMain > [data-panel="search"]:not([style*="display: none"]){
  box-shadow:inset -1px 0 0 var(--mpmh260-frame),inset 0 -1px 0 var(--mpmh260-frame)!important;
}


/* MPMH263 · ROOT SURFACE STATE + STATIC APPLICATION FRAME */
@media (min-width:901px){
}

/* LAUNCH001 former inline style 19: mpmh263-right-edge-coordinate (MPMH314.php lines 10593-10717) */
/* ========================================================================
   MPMH263 · RIGHT-EDGE COORDINATE CLEANUP
   Base: MPMH262.
   ------------------------------------------------------------------------
   Presentation-only refinement.
   - Moves the established shared application endpoint closer to the browser
     edge, leaving a compact 10px pure-black outer gutter.
   - Keeps the blue rail, active canvas, scrollbar lane, and footer on the
     same exact right coordinate.
   - Ensures active panels fill the canvas rather than leaving a nested blue
     or black sliver at the right edge.
   - Preserves all heights, scroll ownership, card geometry, routing, and
     tracking behavior from MPMH262.
   ======================================================================== */
:root{
  --mpmh263-gutter:10px;
  --mpmh263-blue:#07121e;
  --mpmh263-black:#000000;
  --mpmh263-frame:rgba(77,151,205,.46);
  --mpmh263-frame-strong:rgba(77,151,205,.68);
}
@media (min-width:901px){
  html.mpmh263-root-surface{
    --mpmh263-gutter:10px;
  }

  /* One shared endpoint: rail, work canvas, and footer. */
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader,
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell .mpmh-live-section-header,
  html.mpmh263-root-surface body #publicShell #shellMain.shell-main#shellMain,
  html.mpmh263-root-surface body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    width:calc(100% - var(--mpmh263-gutter))!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:var(--mpmh263-gutter)!important;
    box-sizing:border-box!important;
  }

  /* The blue rail owns one complete thin frame and ends on the shared edge. */
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader,
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell .mpmh-live-section-header{
    border:1px solid var(--mpmh263-frame-strong)!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  /* The application canvas owns the permanent left/right boundary. */
  html.mpmh263-root-surface body #publicShell #shellMain.shell-main#shellMain{
    border-left:1px solid var(--mpmh263-frame)!important;
    border-right:1px solid var(--mpmh263-frame)!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }

  /* Footer closes on exactly the same coordinate. */
  html.mpmh263-root-surface body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    border-left:1px solid var(--mpmh263-frame)!important;
    border-right:1px solid var(--mpmh263-frame)!important;
    border-top:1px solid var(--mpmh263-frame)!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }

  /* Panels fill the canvas; they do not create a second right endpoint. */
  html.mpmh263-root-surface body #publicShell #shellMain > .tab-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    border-right-color:transparent!important;
    box-sizing:border-box!important;
  }
  html.mpmh263-root-surface body #publicShell #shellMain .brands-discovery-panel,
  html.mpmh263-root-surface body #publicShell #shellMain .causes-discovery-panel,
  html.mpmh263-root-surface body #publicShell #shellMain .brands-discovery-panel > .brands-discovery-body,
  html.mpmh263-root-surface body #publicShell #shellMain .causes-discovery-panel > .causes-discovery-body,
  html.mpmh263-root-surface body #publicShell #shellMain .brand-discovery-scroll,
  html.mpmh263-root-surface body #publicShell #shellMain .cause-discovery-scroll{
    max-width:100%!important;
    min-width:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Surface tone reaches the frame edge, including the scrollbar lane. */
  html.mpmh263-root-surface[data-mpmh-surface-tone="blue"] body #publicShell #shellMain,
  html.mpmh263-root-surface[data-mpmh-surface-tone="blue"] body #publicShell #shellMain > .tab-panel:not([style*="display: none"]){
    background:var(--mpmh263-black)!important;
    background-color:var(--mpmh263-black)!important;
    background-image:none!important;
  }
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain,
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain > .tab-panel:not([style*="display: none"]){
    background:var(--mpmh263-black)!important;
    background-color:var(--mpmh263-black)!important;
    background-image:none!important;
  }
  html.mpmh263-root-surface[data-mpmh-surface-tone="blue"] body #publicShell #shellMain::-webkit-scrollbar-track,
  html.mpmh263-root-surface[data-mpmh-surface-tone="blue"] body #publicShell #shellMain::-webkit-scrollbar-corner{
    background:var(--mpmh263-black)!important;
    background-color:var(--mpmh263-black)!important;
  }
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain::-webkit-scrollbar-track,
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain::-webkit-scrollbar-corner{
    background:var(--mpmh263-black)!important;
    background-color:var(--mpmh263-black)!important;
  }

  /* Everything beyond the one frame boundary is unambiguously black. */
}

/* LAUNCH001 former inline style 20: mpmh296-shell-form-governance-polish (MPMH314.php lines 10719-10954) */
/* MPMH296 final scoped owner. */

/* Closed canvas signature now belongs immediately above the footer links. */
html body #publicShell .public-footer .mpmh296-footer-system-label{display:none!important;}
@media (min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .public-footer-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    row-gap:2px!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh296-footer-system-label{
    position:static!important;
    display:inline-flex!important;
    grid-column:1/-1!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:.22em!important;
    width:max-content!important;
    max-width:calc(100% - 36px)!important;
    margin:0 0 1px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    color:rgba(181,190,198,.44)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:clamp(8px,.55vw,9.5px)!important;
    line-height:1.15!important;
    font-weight:500!important;
    letter-spacing:.06em!important;
    text-align:center!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh296-footer-system-label strong{
    color:rgba(209,216,222,.60)!important;
    font:inherit!important;
    font-weight:800!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-flat-nav,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-brand-line{
    grid-column:1/-1!important;
  }
}

/* Personalized Home: remove duplicate identity space, widen the four-view row, and lower panel actions. */
html.mpmh280-home-states .mpmh288-full-hero-switch>.mpmh287-hero-overview{justify-content:center!important;}
html.mpmh280-home-states .mpmh289-hero-workspace>.mpmh290-workspace-panel,
html.mpmh280-home-states .mpmh289-hero-info-panel{
  justify-content:flex-start!important;
  padding-top:clamp(16px,1.25vw,22px)!important;
  padding-bottom:4px!important;
}
html.mpmh280-home-states .mpmh289-hero-workspace .mpmh290-workspace-actions{
  margin-top:auto!important;
  padding-top:clamp(10px,.9vw,15px)!important;
  padding-bottom:2px!important;
}
@media (min-width:721px){
  html.mpmh280-home-states .mpmh289-hero-view-nav{
    top:13px!important;
    left:calc(clamp(210px,16.5vw,300px) + clamp(28px,2.8vw,46px))!important;
    right:clamp(18px,2.1vw,36px)!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:clamp(12px,1.6vw,28px)!important;
  }
  html.mpmh280-home-states .mpmh289-hero-view-control{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
  }
}
@media (max-width:720px){
  html.mpmh280-home-states .mpmh289-hero-workspace>.mpmh290-workspace-panel,
  html.mpmh280-home-states .mpmh289-hero-info-panel{padding-top:8px!important;}
}

/* Open Brand/Cause detail workspaces own the upper plane; the cloned table header yields. */
html body.detail-open .mpmh-floating-table-header-v203,
html body.brand-detail-workspace .mpmh-floating-table-header-v203,
html body.cause-detail-workspace .mpmh-floating-table-header-v203{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Contact becomes a compact platform-native intake surface. Dynamic title owner is retained but reserved. */
html body #publicShell #shellMain #mpmhContactModal .mpmh296-contact-title-reserved{display:none!important;}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head{
  min-height:34px!important;
  padding:4px clamp(12px,1.3vw,20px)!important;
  justify-content:flex-end!important;
  background:#061522!important;
  border-bottom:1px solid rgba(126,183,255,.16)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-close{
  width:30px!important;min-width:30px!important;max-width:30px!important;
  height:28px!important;min-height:28px!important;max-height:28px!important;
  padding:0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box form{
  width:min(1260px,calc(100% - 32px))!important;
  max-width:1260px!important;
  margin:0 auto!important;
  padding:12px 0 18px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px 12px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-form-row{
  margin:0!important;
  padding:8px 10px!important;
  background:#071827!important;
  border:1px solid rgba(126,183,255,.18)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-form-row.mpmh296-contact-wide{
  grid-column:1/-1!important;
}
html body #publicShell #shellMain #mpmhContactModal #mpmhContactReasonHelper{
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box input,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box select,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  min-height:34px!important;
  padding:7px 9px!important;
  background:#020a13!important;
  border-color:rgba(126,183,255,.24)!important;
  font-size:11.5px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  min-height:clamp(112px,18vh,168px)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row,
html body #publicShell #shellMain #mpmhContactModal form>.mpmh-small,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-status{
  grid-column:1/-1!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row{
  margin:0!important;
  padding:9px 10px!important;
  background:#071827!important;
  border:1px solid rgba(126,183,255,.18)!important;
  font-size:10px!important;
  line-height:1.4!important;
}
html body #publicShell #shellMain #mpmhContactModal form>.mpmh-small{
  margin:0!important;
  padding:0 2px!important;
  text-align:left!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit{
  justify-self:end!important;
  width:auto!important;
  min-width:168px!important;
  margin-top:1px!important;
}

/* One legal-language treatment across every public submission surface. */
html body #publicShell .mpmh296-legal-consent a,
html body #publicShell .mpmh296-legal-consent button,
html body #publicShell .mpmhcf-legal-consent a,
html body #publicShell .cause-form .mpmh296-legal-consent a{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-decoration:none!important;
  text-transform:none!important;
  cursor:pointer!important;
}
html body #publicShell .mpmh296-legal-consent a:hover,
html body #publicShell .mpmh296-legal-consent a:focus-visible,
html body #publicShell .mpmh296-legal-consent button:hover,
html body #publicShell .mpmh296-legal-consent button:focus-visible,
html body #publicShell .mpmhcf-legal-consent a:hover,
html body #publicShell .mpmhcf-legal-consent a:focus-visible,
html body #publicShell .cause-form .mpmh296-legal-consent a:hover,
html body #publicShell .cause-form .mpmh296-legal-consent a:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  outline:0!important;
}
html body #publicShell .mpmhcf-legal-consent{
  display:grid!important;
  grid-template-columns:11px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  margin:3px 0 0!important;
  color:#b8c7d2!important;
  font-size:8.2px!important;
  line-height:1.35!important;
}
html body #publicShell .cause-form .mpmh296-legal-consent{
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:start!important;
  margin:10px 0!important;
  color:#b8c7d2!important;
  font-size:10px!important;
  line-height:1.4!important;
}
@media(max-width:720px){
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box form{
    width:min(100%,calc(100% - 20px))!important;
    grid-template-columns:1fr!important;
    padding:10px 0 16px!important;
  }
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit{
    justify-self:stretch!important;
    width:100%!important;
  }
}

/* LAUNCH001 former inline style 21: mpmh299-final-owner (MPMH314.php lines 10957-11022) */
/* MPMH299 final scoped visual owner. */
:root{--mpmh299-footer-muted:rgba(181,190,198,.44);}

/* Back belongs inside the blue live-section rail, opposite the existing X. */
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner{position:relative!important;padding-left:46px!important;padding-right:46px!important;}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack.mpmh299-shell-back{
  position:absolute!important;z-index:9!important;top:0!important;left:5px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:30px!important;min-width:30px!important;height:26px!important;min-height:26px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.96!important;
  font:inherit!important;line-height:1!important;text-align:center!important;cursor:pointer!important;
  appearance:none!important;-webkit-appearance:none!important;
}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack>span{display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:400!important;line-height:18px!important;transform:translateY(-1px)!important;}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack:hover{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;text-shadow:0 0 9px rgba(126,183,255,.36)!important;}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack:active{color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;text-shadow:0 0 9px rgba(11,249,158,.32)!important;}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack:focus-visible{color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;outline:1px solid rgba(143,198,255,.88)!important;outline-offset:-4px!important;}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack:disabled{visibility:hidden!important;opacity:0!important;pointer-events:none!important;cursor:default!important;}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
@media(max-width:900px){html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader #mpmh299ShellBack{left:3px!important;width:30px!important;min-width:30px!important;}}

/* Copyright must use the exact same restrained gray as the Web Operating System signature. */
html body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line,
html body #publicShell .public-footer .footer-brand-line,
html body .public-footer.footer-flat-rail.footer-ultra-rail .footer-brand-line{
  color:var(--mpmh299-footer-muted)!important;-webkit-text-fill-color:var(--mpmh299-footer-muted)!important;
  opacity:1!important;font-weight:500!important;text-shadow:none!important;
}
html body #publicShell footer.public-footer .mpmh296-footer-system-label,
html body #publicShell footer.public-footer .mpmh296-footer-system-label .mpmh298-system-version{
  color:var(--mpmh299-footer-muted)!important;-webkit-text-fill-color:var(--mpmh299-footer-muted)!important;font-weight:500!important;text-shadow:none!important;
}

/* Continuous white logo river: no default tile divider/box. Hover and focus remain. */
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo{
  border:0!important;border-right:0!important;outline:0!important;box-shadow:none!important;background:#fff!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:hover{background:#fff!important;box-shadow:none!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:focus-visible{outline:1px solid rgba(0,111,73,.72)!important;outline-offset:-3px!important;}

/* Balanced desktop Leaderboards stack: left metric rail + centered board + empty future rail. */
@media(min-width:1121px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{--mpmh-lb-rail:186px!important;--mpmh-lb-gap:8px!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:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) var(--mpmh-lb-rail)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-top-tabs,
  html body #publicShell #shellMain .mpmh-lb-hero>div,
  html body #publicShell #shellMain .mpmh-lb-panels{grid-column:3!important;}
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail{
    display:block!important;grid-column:5!important;grid-row:1!important;position:relative!important;top:auto!important;
    min-width:0!important;min-height:1px!important;margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;box-shadow:none!important;visibility:hidden!important;pointer-events:none!important;
  }
}
@media(max-width:1120px){html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail{display:none!important;}}

/* The ninth campaign-card readout remains inside the fixed overlay. */
html body #publicShell #shellMain .brand-pick-card .mpmh236-pane-readouts .mpmh236-readout-row[data-mpmh299-outcomes="1"]{border-bottom:0!important;}
html body #publicShell #shellMain .brand-pick-card .mpmh236-pane-readouts .mpmh236-readout-row[data-mpmh299-outcomes="1"] .mpmh236-readout-value{font-variant-numeric:tabular-nums!important;}

/* LAUNCH001 former inline style 22: mpmh040-card-contrast-readability-repair (MPMH314.php lines 15031-15220) */
/* MPMH040 Card Contrast / Readability Repair
   Scope: public visual polish only. Stronger Categories readouts and calmer campaign card contrast.
   No campaign data, routing, /go/to, ADMIN, Signal, or ledger changes. */

/* CATEGORY DIRECTORY — stronger separation and brighter readout numbers */
#mpmhUnifiedShell [data-panel="categories"] .category-clean-body{
  background:linear-gradient(180deg,#020b13 0%,#000408 100%)!important;
  padding:clamp(8px,.75vw,12px)!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{
  gap:clamp(8px,.75vw,12px)!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid > *,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *,
#mpmhUnifiedShell [data-panel="categories"] .category-card,
#mpmhUnifiedShell [data-panel="categories"] .category-tile,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-height:94px!important;
  padding:0!important;
  overflow:hidden!important;
  color:#f4fbff!important;
  background:linear-gradient(180deg,#09223a 0%,#051524 100%)!important;
  border:1px solid rgba(93,185,255,.36)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 8px 18px rgba(0,0,0,.38)!important;
  border-radius:0!important;
}
#mpmhUnifiedShell [data-panel="categories"] #categoryDiscoveryGrid > *:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-card:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-tile:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a:hover{
  transform:none!important;
  border-color:rgba(36,255,184,.52)!important;
  background:linear-gradient(180deg,#0b2d4d 0%,#061a2e 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065), 0 10px 22px rgba(0,0,0,.42), 0 0 0 1px rgba(0,249,158,.055)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid button > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-card > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-tile > span:first-child,
#mpmhUnifiedShell [data-panel="categories"] .category-name,
#mpmhUnifiedShell [data-panel="categories"] .category-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:34px!important;
  padding:7px 10px!important;
  margin:0!important;
  background:linear-gradient(180deg,#0d4f83 0%,#09375e 100%)!important;
  border-bottom:1px solid rgba(70,193,255,.30)!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:clamp(12px,.75vw,14px)!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  line-height:1.15!important;
  text-align:center!important;
  text-shadow:0 0 8px rgba(126,203,255,.24)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-counts,
#mpmhUnifiedShell [data-panel="categories"] .category-stats,
#mpmhUnifiedShell [data-panel="categories"] .category-metrics,
#mpmhUnifiedShell [data-panel="categories"] .category-readouts,
#mpmhUnifiedShell [data-panel="categories"] .category-count-row,
#mpmhUnifiedShell [data-panel="categories"] .category-meta-row,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button > div,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a > div{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
  padding:9px 10px 10px!important;
  background:linear-gradient(180deg,#041a16 0%,#03110f 100%)!important;
  border-top:1px solid rgba(0,249,158,.12)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-counts > *,
#mpmhUnifiedShell [data-panel="categories"] .category-stats > *,
#mpmhUnifiedShell [data-panel="categories"] .category-metrics > *,
#mpmhUnifiedShell [data-panel="categories"] .category-readouts > *,
#mpmhUnifiedShell [data-panel="categories"] .category-count-row > *,
#mpmhUnifiedShell [data-panel="categories"] .category-meta-row > *,
#mpmhUnifiedShell [data-panel="categories"] .category-grid button > div > *,
#mpmhUnifiedShell [data-panel="categories"] .category-grid a > div > *{
  min-width:0!important;
  padding:7px 5px!important;
  background:linear-gradient(180deg,rgba(0,40,31,.88),rgba(0,21,17,.94))!important;
  border:1px solid rgba(0,249,158,.20)!important;
  color:#d8fff1!important;
  text-align:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid strong,
#mpmhUnifiedShell [data-panel="categories"] .category-grid b,
#mpmhUnifiedShell [data-panel="categories"] .category-card strong,
#mpmhUnifiedShell [data-panel="categories"] .category-card b,
#mpmhUnifiedShell [data-panel="categories"] .category-tile strong,
#mpmhUnifiedShell [data-panel="categories"] .category-tile b,
#mpmhUnifiedShell [data-panel="categories"] .category-count,
#mpmhUnifiedShell [data-panel="categories"] .category-total,
#mpmhUnifiedShell [data-panel="categories"] .category-value{
  color:#39ffc0!important;
  -webkit-text-fill-color:#39ffc0!important;
  font-size:clamp(14px,.92vw,17px)!important;
  font-weight:950!important;
  line-height:1!important;
  text-shadow:0 0 10px rgba(0,249,158,.36)!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid small,
#mpmhUnifiedShell [data-panel="categories"] .category-card small,
#mpmhUnifiedShell [data-panel="categories"] .category-tile small,
#mpmhUnifiedShell [data-panel="categories"] .category-label,
#mpmhUnifiedShell [data-panel="categories"] .category-count-label{
  color:rgba(178,238,218,.78)!important;
  -webkit-text-fill-color:rgba(178,238,218,.78)!important;
  font-size:clamp(8px,.52vw,9.5px)!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
}

/* CAMPAIGN / BRAND CARDS — contrast-only stabilization, no DOM rewrite */
#mpmhUnifiedShell [data-panel="campaigns"] #brandCardGrid,
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card-grid{
  gap:clamp(8px,.75vw,12px)!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card,
#brandCardGrid .brand-card,
#brandCardGrid .campaign-card{
  background:linear-gradient(180deg,#08233b 0%,#061827 45%,#04111d 100%)!important;
  border:1px solid rgba(102,190,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 10px 22px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card:hover,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card:hover,
#brandCardGrid .brand-card:hover,
#brandCardGrid .campaign-card:hover{
  transform:none!important;
  border-color:rgba(41,255,185,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 12px 24px rgba(0,0,0,.38), 0 0 0 1px rgba(0,249,158,.05)!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card img,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card img,
#brandCardGrid .brand-card img,
#brandCardGrid .campaign-card img{
  max-width:min(150px,72%)!important;
  max-height:96px!important;
  object-fit:contain!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card p,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card p,
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card .brand-card-body,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card .campaign-card-body,
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card .card-body,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card .card-body,
#brandCardGrid .brand-card p,
#brandCardGrid .campaign-card p{
  color:rgba(231,247,255,.88)!important;
  -webkit-text-fill-color:rgba(231,247,255,.88)!important;
  line-height:1.45!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card a,
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card a,
#brandCardGrid .brand-card a,
#brandCardGrid .campaign-card a{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-decoration-color:rgba(0,249,158,.62)!important;
}
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card [class*="detail"],
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card [class*="detail"],
#mpmhUnifiedShell [data-panel="campaigns"] .brand-card [class*="stat"],
#mpmhUnifiedShell [data-panel="campaigns"] .campaign-card [class*="stat"],
#brandCardGrid .brand-card [class*="detail"],
#brandCardGrid .campaign-card [class*="detail"],
#brandCardGrid .brand-card [class*="stat"],
#brandCardGrid .campaign-card [class*="stat"]{
  border-color:rgba(88,180,255,.30)!important;
  background:linear-gradient(180deg,rgba(7,37,60,.92),rgba(3,18,31,.96))!important;
}

/* LAUNCH001 former inline style 23: mpmh092-deep-blue-gap-fill-width-polish (MPMH314.php lines 15222-15630) */
/* ========================================================================
   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="technology"]{
  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;
}



/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 24: mpmh122-stability-owner-inline (MPMH314.php lines 15634-15755) */
/* ========================================================================
   MPMH122 · Stability Owner: Cause Detail, Logo Wells, Stats Panels
   Base: MPMH122 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;
  }
}

/* LAUNCH001 former inline style 25: mpmh123-brand-logo-white-owner-inline (MPMH314.php lines 15757-15810) */
/* ========================================================================
   MPMH125 · Brand Card Logo-Stage White Owner
   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;
}

/* LAUNCH001 former inline style 26: mpmh143-header-tab-underline-null (MPMH314.php lines 15814-15951) */
/* 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;
  }
}

/* LAUNCH001 former inline style 27: mpmh144-header-tab-underline-hard-null (MPMH314.php lines 15953-16127) */
/* 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;
  }
}

/* LAUNCH001 former inline style 28: mpmh145-final-body-end-tab-insight-owner (MPMH314.php lines 16330-16560) */
/* ========================================================================
   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;
}


/* ========================================================================
   MPMH148 · EMERGENCY RECOVERY FROM STABLE 146
   ------------------------------------------------------------------------
   Final body-end owner. Keeps the outside/main scrollbar and 2000px Insights
   floor spacer from MPMH145, but removes the remaining thin blue horizontal
   separator/shadow effects around the Insights top and bottom rails. The
   sticky Previous/Next rail now uses the exact deep platform-blue background.
   ======================================================================== */
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;
}

/* LAUNCH001 former inline style 29: mpmh153-fixed-grid-tab-position-lock (MPMH314.php lines 16562-16773) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 30: mpmh154-header-tab-spacing-compression (MPMH314.php lines 16775-16843) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 31: mpmh155-header-tab-edge-spread (MPMH314.php lines 16845-16916) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 32: mpmh158-home-contact-insight-density-polish (MPMH314.php lines 16919-17129) */
/* ========================================================================
   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;
  }
}

/* LAUNCH001 former inline style 33: mpmh189-crisp-card-command-rail-final (MPMH314.php lines 17132-18898) */
/* ========================================================================
   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;
}



/* ========================================================================
   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.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-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 .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;}


/* ========================================================================
   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;
}

/* LAUNCH001 former inline style 34: mpmh202-cause-card-component-reset-final (MPMH314.php lines 18900-19401) */
/* ========================================================================
   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 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;}

/* LAUNCH001 former inline style 35: mpmh204-cause-feedback-width-final (MPMH314.php lines 19403-20046) */
/* ========================================================================
   MPMH205 · 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.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 .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 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-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;
}

/* LAUNCH001 former inline style 36: mpmh205-cause-card-persistent-rail-form-final (MPMH314.php lines 20048-20605) */
/* ========================================================================
   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;
}

/* LAUNCH001 former inline style 37: mpmh208-brand-card-overlay-port-inline (MPMH314.php lines 20606-21206) */
/* ========================================================================
   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-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;
}




/* MPMH236: prior duplicated MPMH235 inline card-chrome owner removed.
   The isolated component is owned once in the matched external CSS asset. */

/* LAUNCH001 former inline style 38: mpmh244-news-detail-alignment-owner (MPMH314.php lines 21207-21554) */
/* ========================================================================
   MPMH244 · NEWS SURFACE + DETAIL WORKSPACE ALIGNMENT — FINAL OWNER
   ------------------------------------------------------------------------
   Presentation only.
   - News uses one continuous dark platform-blue canvas with no residual black
     wells and a quieter editorial type scale.
   - Brand and Cause details share one fluid, near-edge workspace shell,
     aligned vertically with the same 58px platform-blue header treatment.
   - The panel body owns scrolling so the header and action geometry remain
     stable. No routes, tracking, Signal math, capture, or data are changed.
   ======================================================================== */

/* News: paint the complete active tab canvas, not only the inner article. */
html body.mpmh-tab-news,
html body.mpmh-tab-news #publicShell,
html body.mpmh-tab-news #publicShell.public-shell,
html body.mpmh-tab-news #shellMain,
html body.mpmh-tab-news .shell-main{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
}
html body.mpmh-tab-news #shellMain{
  min-height:calc(100dvh - 96px)!important;
}
html body.mpmh-tab-news #shellMain > .mpmh-news-panel.panel.tab-panel,
html body #publicShell #shellMain > .mpmh-news-panel.panel.tab-panel{
  width:100%!important;
  min-height:calc(100dvh - 150px)!important;
  margin:0!important;
  padding:clamp(18px,2vw,30px)!important;
  border:0!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:0 0 0 100vmax #07121e!important;
  clip-path:inset(0 -100vmax)!important;
}
html body #publicShell #shellMain .mpmh-news-shell{
  width:min(1280px,100%)!important;
  max-width:1280px!important;
  margin:0 auto!important;
  border:0!important;
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-news-hero{
  padding:24px 28px 22px!important;
  border:0!important;
  background:#081827!important;
  background-color:#081827!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-news-kicker{
  margin-bottom:8px!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
}
html body #publicShell #shellMain .mpmh-news-hero h1{
  max-width:1040px!important;
  margin:0 0 10px!important;
  font-size:clamp(23px,2.05vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:.006em!important;
}
html body #publicShell #shellMain .mpmh-news-hero p{
  max-width:900px!important;
  font-size:13.5px!important;
  line-height:1.62!important;
}
html body #publicShell #shellMain .mpmh-news-entry{
  padding:22px 28px 25px!important;
  border:0!important;
  background:#081827!important;
  background-color:#081827!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-news-meta{
  margin-bottom:11px!important;
  font-size:8.5px!important;
}
html body #publicShell #shellMain .mpmh-news-entry h2{
  margin:0 0 8px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
html body #publicShell #shellMain .mpmh-news-entry p{
  max-width:980px!important;
  font-size:13px!important;
  line-height:1.68!important;
}

/* Brand + Cause: one responsive near-edge workspace instead of fixed 1080px shells. */
@media (min-width:901px){
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel{
    --mpmh244-detail-gap:clamp(12px,1.15vw,22px);
    position:fixed!important;
    left:var(--mpmh244-detail-gap)!important;
    right:var(--mpmh244-detail-gap)!important;
    top:clamp(70px,9vh,88px)!important;
    bottom:14px!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;
    transform:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #285f8c!important;
    border-radius:0!important;
    background:#010812!important;
    box-shadow:0 0 0 1px rgba(101,175,236,.11),0 28px 100px rgba(0,0,0,.92),0 0 38px rgba(55,132,194,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .14s ease!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel.open{
    left:var(--mpmh244-detail-gap)!important;
    right:var(--mpmh244-detail-gap)!important;
    top:clamp(70px,9vh,88px)!important;
    bottom:14px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* Shared blue detail header: retain the established Brand header height. */
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-head,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-head{
  position:relative!important;
  flex:0 0 58px!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0 58px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-top:0!important;
  border-bottom:1px solid #285f8c!important;
  background:linear-gradient(180deg,#0b2f4f,#061521)!important;
  color:#fff!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-head #sideTitle,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-head #sideTitle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  line-height:1!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-title-world-icon,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-title-world-icon{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:34px!important;
  height:34px!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 12px rgba(126,183,255,.44))!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel #sideTitle .detail-title-label,
html body.cause-detail-workspace #sidePanel.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;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 0 #000,0 0 8px rgba(126,183,255,.14)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel #sideTitle .detail-title-label:before,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel #sideTitle .detail-title-label:before{
  content:""!important;
  display:inline-block!important;
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  background:#0bf99e!important;
  box-shadow:0 0 12px rgba(11,249,158,.60)!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-close-x,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .close,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-close-x,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .close{
  position:absolute!important;
  right:0!important;
  top:0!important;
  transform:none!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-left:1px solid #285f8c!important;
  border-radius:0!important;
  background:#01070d!important;
  color:#e9f6ff!important;
  font-size:29px!important;
  line-height:1!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-close-x:hover,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .close:hover,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-close-x:hover,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .close:hover{
  color:#8fcaff!important;
  border-left-color:#69b4ed!important;
  box-shadow:inset 0 0 22px rgba(80,159,220,.16)!important;
}

/* The body scrolls; outer frame, title bar, and edge alignment stay stable. */
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-body{
  flex:1 1 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:20px 22px 26px!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:#020b15!important;
  background-color:#020b15!important;
  background-image:none!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-profile-hero,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-profile-hero,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-section,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-section,
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-metric-grid,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-metric-grid{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-actions,
html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-actions{
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

@media (max-width:900px){
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{
    left:8px!important;
    right:8px!important;
    top:58px!important;
    bottom:8px!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-head,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-head,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-head #sideTitle,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-head #sideTitle{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-close-x,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .close,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-close-x,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .close{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .detail-title-world-icon,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .detail-title-world-icon{
    left:12px!important;
    width:27px!important;
    height:27px!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel #sideTitle .detail-title-label,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel #sideTitle .detail-title-label{
    font-size:11px!important;
    letter-spacing:.11em!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-body{
    padding:14px 12px 20px!important;
  }
  html body #publicShell #shellMain .mpmh-news-hero,
  html body #publicShell #shellMain .mpmh-news-entry{
    padding:18px!important;
  }
  html body #publicShell #shellMain .mpmh-news-hero h1{
    font-size:23px!important;
  }
}

/* LAUNCH001 former inline style 39: mpmh245-news-footer-detail-correction-owner (MPMH314.php lines 21556-21635) */
/* ========================================================================
   MPMH245 · NEWS FOOTER + DETAIL READOUT CORRECTION — FINAL OWNER
   ------------------------------------------------------------------------
   - News returns height ownership to the shared flex shell/footer.
   - Brand/Cause details begin below the complete sticky public header.
   - Detail shells size to content up to the available viewport height.
   - Body content scrolls only when needed; large empty lower wells are removed.
   - Existing blue detail header treatment and near-edge fluid width are retained.
   ======================================================================== */

/* News: preserve the continuous blue canvas without claiming a second viewport. */
html body.mpmh-tab-news #shellMain,
html body.mpmh-tab-news #shellMain.shell-main{
  min-height:0!important;
}
html body.mpmh-tab-news #shellMain > .mpmh-news-panel.panel.tab-panel,
html body #publicShell #shellMain > .mpmh-news-panel.panel.tab-panel{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  box-shadow:none!important;
  clip-path:none!important;
}

/* Details: 68px context row + 24px nav row + 28px section rail = 120px. */
@media (min-width:901px){
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open,
  html body.cause-detail-workspace .side-panel.cause-profile-panel.cause-profile-panel.open{
    --mpmh245-detail-top:128px;
    top:var(--mpmh245-detail-top)!important;
    bottom:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - var(--mpmh245-detail-top) - 12px)!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-body{
    flex:0 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 198px)!important;
    overflow-y:auto!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{
    --mpmh245-detail-top:122px;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-body{
    max-height:calc(100dvh - 190px)!important;
  }
}

@media (max-width:900px){
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel,
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel.open,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel.open{
    top:102px!important;
    bottom:auto!important;
    height:auto!important;
    max-height:calc(100dvh - 110px)!important;
  }
  html body.brand-detail-workspace #sidePanel.side-panel.brand-profile-panel .side-body,
  html body.cause-detail-workspace #sidePanel.side-panel.cause-profile-panel .side-body{
    flex:0 1 auto!important;
    max-height:calc(100dvh - 166px)!important;
  }
}

/* LAUNCH001 former inline style 40: mpmh248-news-exact-surface-owner (MPMH314.php lines 21637-21654) */
/* MPMH249 final News color owner: every editorial layer exactly matches the outside canvas. */
html body.mpmh-tab-news,
html body.mpmh-tab-news #publicShell,
html body.mpmh-tab-news #publicShell.public-shell,
html body.mpmh-tab-news #shellMain,
html body.mpmh-tab-news #shellMain.shell-main,
html body.mpmh-tab-news #shellMain > .mpmh-news-panel.panel.tab-panel,
html body #publicShell #shellMain > .mpmh-news-panel.panel.tab-panel,
html body #publicShell #shellMain .mpmh-news-shell,
html body #publicShell #shellMain .mpmh-news-hero,
html body #publicShell #shellMain .mpmh-news-entry{
  background:#07121e!important;
  background-color:#07121e!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* LAUNCH001 former inline style 41: mpmh261-single-frame-owner (MPMH314.php lines 21657-21839) */
/* MPMH261 · SINGLE RIGHT-FRAME OWNER / TRUE SIGNALS CANVAS */
:root{
  --mpmh261-outer-gutter:30px;
  --mpmh261-frame-line:rgba(77,151,205,.34);
  --mpmh261-frame-line-soft:rgba(77,151,205,.24);
  --mpmh261-inner:#07121e;
  --mpmh261-black:#000;
}

@media (min-width:901px){
  html.mpmh261-frame-owner,
  html.mpmh261-frame-owner body{
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    background-image:none!important;
  }

  /* Retire every historical viewport/frame pseudo layer. */
  html.mpmh261-frame-owner::before,
  html.mpmh261-frame-owner::after,
  html.mpmh261-frame-owner body::before,
  html.mpmh261-frame-owner body::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }

  html.mpmh261-frame-owner body #publicShell.public-shell{
    width:100vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Upper black chrome remains full width. The blue section rail, work canvas,
     and footer share one exact right endpoint. */
  html.mpmh261-frame-owner body #publicShell #mpmhUnifiedShell{
    width:100vw!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  html.mpmh261-frame-owner body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader,
  html.mpmh261-frame-owner body #publicShell #mpmhUnifiedShell .mpmh-live-section-header,
  html.mpmh261-frame-owner body #publicShell #shellMain.shell-main#shellMain,
  html.mpmh261-frame-owner body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    width:calc(100vw - var(--mpmh261-outer-gutter))!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:var(--mpmh261-outer-gutter)!important;
    box-sizing:border-box!important;
  }

  /* One continuous frame line from the top of the blue rail to the footer. */
  html.mpmh261-frame-owner body #mpmh102RightUtilityDivider{
    display:block!important;
    position:fixed!important;
    top:var(--mpmh108-header-top,87px)!important;
    right:calc(var(--mpmh261-outer-gutter) - 1px)!important;
    bottom:30px!important;
    width:1px!important;
    height:auto!important;
    opacity:1!important;
    background:var(--mpmh261-frame-line)!important;
    background-color:var(--mpmh261-frame-line)!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    z-index:982!important;
    pointer-events:none!important;
  }
  html.mpmh261-frame-owner body #mpmh102RightUtilityDivider::before,
  html.mpmh261-frame-owner body #mpmh102RightUtilityDivider::after{
    content:none!important;
    display:none!important;
  }

  /* The footer top rule is the only horizontal bottom owner and terminates at
     the same frame line. */
  html.mpmh261-frame-owner body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    border-top:1px solid var(--mpmh261-frame-line)!important;
    border-right:0!important;
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* Normal tabs use the dark-blue app canvas. */
  html.mpmh261-frame-owner body #publicShell #shellMain.shell-main#shellMain{
    background:var(--mpmh261-inner)!important;
    background-color:var(--mpmh261-inner)!important;
    background-image:none!important;
    border-right:0!important;
    box-shadow:none!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain::-webkit-scrollbar-track,
  html.mpmh261-frame-owner body #publicShell #shellMain::-webkit-scrollbar-corner{
    background:var(--mpmh261-inner)!important;
    background-color:var(--mpmh261-inner)!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* Signals owns the entire work canvas, including its scroll lane and lower
     floor. No blue parent halo remains. */
  html.mpmh261-frame-owner body #publicShell #shellMain.shell-main#shellMain:has(> .signals-panel:not([style*="display: none"])){
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    background-image:none!important;
    scrollbar-color:#175d91 var(--mpmh261-black)!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain.shell-main#shellMain:has(> .signals-panel:not([style*="display: none"]))::-webkit-scrollbar-track,
  html.mpmh261-frame-owner body #publicShell #shellMain.shell-main#shellMain:has(> .signals-panel:not([style*="display: none"]))::-webkit-scrollbar-corner{
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    border:0!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain > .signals-panel,
  html.mpmh261-frame-owner body #publicShell #shellMain > .signals-panel > .panel-body,
  html.mpmh261-frame-owner body #publicShell #shellMain > .signals-panel > .data-shell,
  html.mpmh261-frame-owner body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    margin:0!important;
    background:var(--mpmh261-black)!important;
    background-color:var(--mpmh261-black)!important;
    background-image:none!important;
    border-color:var(--mpmh261-black)!important;
    outline-color:var(--mpmh261-black)!important;
    box-shadow:none!important;
  }

  /* Retire panel-specific right/bottom pseudo frames. The global divider and
     footer rule now close every surface consistently. */
  html.mpmh261-frame-owner body #publicShell #shellMain > .tab-panel{
    border-right-color:transparent!important;
    box-shadow:none!important;
  }
}
@media (min-width:901px){
  html.mpmh261-frame-owner body #mpmh102RightUtilityDivider{
    right:calc(var(--mpmh261-outer-gutter) - (100vw - 100%) - 1px)!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain > .tab-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain .brand-discovery-scroll,
  html.mpmh261-frame-owner body #publicShell #shellMain .cause-discovery-scroll{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
@media (min-width:901px){
  html.mpmh261-frame-owner body #publicShell #shellMain .brands-discovery-panel > .brands-discovery-body,
  html.mpmh261-frame-owner body #publicShell #shellMain .causes-discovery-panel > .causes-discovery-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html.mpmh261-frame-owner body #publicShell #shellMain .brand-discovery-scroll,
  html.mpmh261-frame-owner body #publicShell #shellMain .cause-discovery-scroll{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* LAUNCH001 former inline style 42: mpmh263-final-surface-control (MPMH314.php lines 21841-21934) */
/* MPMH263 · ROOT SURFACE STATE + STATIC APPLICATION FRAME */
:root{
  --mpmh263-gutter:30px;
  --mpmh263-blue:#07121e;
  --mpmh263-black:#000;
  --mpmh263-frame:rgba(77,151,205,.46);
  --mpmh263-frame-strong:rgba(77,151,205,.68);
  --mpmh263-surface:var(--mpmh263-black);
}
html.mpmh263-root-surface[data-mpmh-surface-tone="black"]{--mpmh263-surface:var(--mpmh263-black);}
html.mpmh263-root-surface[data-mpmh-surface-tone="blue"]{--mpmh263-surface:var(--mpmh263-black);/* EDITFRONT019 legacy alias: shared-stage blue is retired; modules own blue internally. */}
@media (min-width:901px){
  html.mpmh263-root-surface,
  html.mpmh263-root-surface body,
  html.mpmh263-root-surface body #publicShell.public-shell{
    background:var(--mpmh263-black)!important;
    background-color:var(--mpmh263-black)!important;
    background-image:none!important;
  }
  html.mpmh263-root-surface::before,
  html.mpmh263-root-surface::after,
  html.mpmh263-root-surface body::before,
  html.mpmh263-root-surface body::after,
  html.mpmh263-root-surface body #publicShell::before,
  html.mpmh263-root-surface body #publicShell::after,
  html.mpmh263-root-surface body #mpmh102RightUtilityDivider,
  html.mpmh263-root-surface body #mpmh107HeaderFrameConnector{
    content:none!important;display:none!important;visibility:hidden!important;opacity:0!important;
    background:none!important;border:0!important;box-shadow:none!important;
  }
  html.mpmh263-root-surface body #publicShell.public-shell,
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell{
    width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
  }
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader,
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell .mpmh-live-section-header{
    width:calc(100% - var(--mpmh263-gutter))!important;max-width:none!important;min-width:0!important;
    margin:0 var(--mpmh263-gutter) 0 0!important;box-sizing:border-box!important;
    border:1px solid var(--mpmh263-frame-strong)!important;border-radius:0!important;
    outline:0!important;box-shadow:none!important;animation:none!important;transition:none!important;overflow:hidden!important;
  }
  html.mpmh263-root-surface body #publicShell #mpmhLiveSectionHeader::before,
  html.mpmh263-root-surface body #publicShell #mpmhLiveSectionHeader::after{content:none!important;display:none!important;}
  html.mpmh263-root-surface body #publicShell #shellMain.shell-main#shellMain,
  html.mpmh263-root-surface body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    width:calc(100% - var(--mpmh263-gutter))!important;max-width:none!important;min-width:0!important;
    margin-left:0!important;margin-right:var(--mpmh263-gutter)!important;box-sizing:border-box!important;
  }
  html.mpmh263-root-surface body #publicShell #shellMain.shell-main#shellMain{
    background:var(--mpmh263-surface)!important;background-color:var(--mpmh263-surface)!important;background-image:none!important;
    border-left:1px solid var(--mpmh263-frame)!important;border-right:1px solid var(--mpmh263-frame)!important;
    border-top:0!important;border-bottom:0!important;box-shadow:none!important;
    scrollbar-color:#175d91 var(--mpmh263-surface)!important;
  }
  html.mpmh263-root-surface body #publicShell #shellMain::-webkit-scrollbar-track,
  html.mpmh263-root-surface body #publicShell #shellMain::-webkit-scrollbar-corner{
    background:var(--mpmh263-surface)!important;background-color:var(--mpmh263-surface)!important;border:0!important;box-shadow:none!important;
  }
  html.mpmh263-root-surface body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    background:var(--mpmh263-black)!important;background-color:var(--mpmh263-black)!important;background-image:none!important;
    border-top:1px solid var(--mpmh263-frame)!important;border-right:1px solid var(--mpmh263-frame)!important;
    border-left:1px solid var(--mpmh263-frame)!important;border-bottom:0!important;box-shadow:none!important;
  }
  html.mpmh263-root-surface body #publicShell #shellMain > .tab-panel{
    width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;
  }
  html.mpmh263-root-surface[data-mpmh-surface-tone="blue"] body #publicShell #shellMain > .tab-panel:not([style*="display: none"]){
    background-color:var(--mpmh263-black)!important;
  }
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain,
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel,
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel > .panel-body,
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel > .data-shell,
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
    background:var(--mpmh263-black)!important;background-color:var(--mpmh263-black)!important;background-image:none!important;
    border-color:var(--mpmh263-black)!important;outline-color:var(--mpmh263-black)!important;box-shadow:none!important;
  }
  html.mpmh263-root-surface[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel{
    width:100%!important;max-width:100%!important;min-height:100%!important;margin:0!important;
  }
  /* EDITFRONT019: retire the legacy non-Signals blue shared-stage owner.
     Every active route receives the neutral black stage; modules own any blue
     surfaces within their own panel boundaries. */
  html.mpmh263-root-surface body #publicShell #shellMain,
  html.mpmh263-root-surface body #publicShell #shellMain > .tab-panel:not([style*="display: none"]){
    background-color:var(--mpmh263-black)!important;
    background-image:none!important;
  }
  html.mpmh263-root-surface body #publicShell #shellMain .brands-discovery-panel > .brands-discovery-body,
  html.mpmh263-root-surface body #publicShell #shellMain .causes-discovery-panel > .causes-discovery-body,
  html.mpmh263-root-surface body #publicShell #shellMain .brand-discovery-scroll,
  html.mpmh263-root-surface body #publicShell #shellMain .cause-discovery-scroll{
    max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
}

/* LAUNCH001 former inline style 43: mpmh264-compounded-inset-fix (MPMH314.php lines 21936-21969) */
/* MPMH264 · COMPOUNDED ROOT SCROLLBAR-GUTTER CORRECTION
   MPMH263 established the correct shared endpoint, but three inherited
   root-level `scrollbar-gutter: stable` declarations each reserved an
   additional browser scrollbar width before the explicit 10px gutter.
   Remove reservation only from non-scrolling root wrappers. Keep the
   actual shellMain and directory scrollers unchanged. */
@media (min-width:901px){
  html.mpmh263-root-surface,
  html.mpmh263-root-surface body,
  html.mpmh263-root-surface body #publicShell.public-shell{
    scrollbar-gutter:auto!important;
  }

  html.mpmh263-root-surface body #publicShell.public-shell,
  html.mpmh263-root-surface body #publicShell #mpmhUnifiedShell{
    width:100%!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;
    box-sizing:border-box!important;
  }

  /* Preserve one real reserved scrollbar lane only where scrolling occurs. */
  html.mpmh263-root-surface body #publicShell #shellMain.shell-main#shellMain,
  html.mpmh263-root-surface body #publicShell #shellMain .brand-discovery-scroll.card-view,
  html.mpmh263-root-surface body #publicShell #shellMain .cause-discovery-scroll.card-view{
    scrollbar-gutter:stable!important;
  }
}

/* LAUNCH001 former inline style 44: mpmh266-surgical-frame-closure (MPMH314.php lines 21972-22046) */
/* MPMH266 · SURGICAL FRAME CLOSURE
   Base: stable MPMH264.
   Scope is intentionally limited to border painting:
   - preserve the existing left/right shell boundaries and 10px gutter;
   - keep the blue rail's complete left/top/bottom frame;
   - prevent the rail's right paint from extending past the shared endpoint;
   - remove footer side-border legs;
   - draw one 1px footer separator inset between the content boundaries.
   No geometry, padding, height, overflow, scroll, routing, or tracking changes. */
@media (min-width:901px){
  /* Preserve MPMH264 geometry. Use auto block sizing against the established
     right margin so the rail border cannot add an extra painted pixel. */
  html.mpmh266-surgical-frame body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:var(--mpmh263-gutter)!important;
    box-sizing:border-box!important;
    border-top:1px solid var(--mpmh263-frame-strong)!important;
    border-right:1px solid var(--mpmh263-frame-strong)!important;
    border-bottom:1px solid var(--mpmh263-frame-strong)!important;
    border-left:1px solid var(--mpmh263-frame-strong)!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.mpmh266-surgical-frame body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header::before,
  html.mpmh266-surgical-frame body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header::after{
    content:none!important;
    display:none!important;
  }

  /* Keep the stable MPMH264 canvas side boundaries exactly as-is. */
  html.mpmh266-surgical-frame body #publicShell #shellMain.shell-main#shellMain{
    border-left:1px solid var(--mpmh263-frame)!important;
    border-right:1px solid var(--mpmh263-frame)!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }

  /* Footer owns only its horizontal separator. Vertical frame legs stop at
     the footer boundary and do not continue through the black footer bed. */
  html.mpmh266-surgical-frame body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    position:relative!important;
    border-top:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-left:0!important;
    outline:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  html.mpmh266-surgical-frame body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:20!important;
    pointer-events:none!important;
    top:0!important;
    left:1px!important;
    right:1px!important;
    height:1px!important;
    background:var(--mpmh263-frame)!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mpmh266-surgical-frame body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail::after{
    content:none!important;
    display:none!important;
  }
}

/* LAUNCH001 former inline style 45: mpmh267-micro-frame-polish (MPMH314.php lines 22048-22069) */
/* MPMH267 · FINAL MICRO FRAME POLISH
   Base: MPMH266. Border-coordinate changes only.
   - pulls the blue rail endpoint left by exactly 1 CSS pixel;
   - lowers the footer separator by exactly 1 CSS pixel;
   - preserves the left rail border, 10px gutter, shell geometry, backgrounds,
     scroll ownership, and all application behavior. */
@media (min-width:901px){
  html.mpmh267-micro-frame-polish body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    width:auto!important;
    margin-left:0!important;
    margin-right:calc(var(--mpmh263-gutter) + 1px)!important;
    box-sizing:border-box!important;
  }
  html.mpmh267-micro-frame-polish body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail::before{
    top:1px!important;
    left:1px!important;
    right:1px!important;
    height:1px!important;
  }
}

/* LAUNCH001 former inline style 46: mpmh268-header-hairline-clip (MPMH314.php lines 22072-22087) */
/* MPMH268 · HEADER HAIRLINE CLIP
   Removes only the legacy full-width #mpmhUnifiedShell::after lower hairline.
   The blue section rail remains the sole lower-header border owner. */
@media (min-width:901px){
  html.mpmh268-header-hairline-clip body #publicShell #mpmhUnifiedShell::after{
    content:none!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* LAUNCH001 former inline style 47: mpmh269-endpoint-polish (MPMH314.php lines 22090-22113) */
/* MPMH280 · FINAL RIGHT-ENDPOINT POLISH
   Base: MPMH268. Two horizontal endpoint corrections only.
   - extends the blue section rail two CSS pixels to the established full-height
     right application boundary;
   - extends the footer separator two CSS pixels to that same boundary and
     raises it one CSS pixel;
   - preserves the vertical frame, 10px black gutter, all widths/heights,
     scrolling, surface colors, routing, tracking, and application behavior. */
@media (min-width:901px){
  html.mpmh269-endpoint-polish body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
    width:auto!important;
    margin-left:0!important;
    margin-right:calc(var(--mpmh263-gutter) - 1px)!important;
    box-sizing:border-box!important;
  }
  html.mpmh269-endpoint-polish body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail::before{
    top:0!important;
    left:1px!important;
    right:-1px!important;
    height:1px!important;
  }
}

/* LAUNCH001 former inline style 48: mpmh290-blank-navigation-neutral-final-owner (MPMH314.php lines 22116-22147) */
/* MPMH290 · blank canvas has no visually selected destination.
   Active route/classes remain untouched and restore automatically on reopen. */
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:active,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[aria-selected="true"]{
  color:rgba(190,200,210,.72)!important;
  -webkit-text-fill-color:rgba(190,200,210,.72)!important;
  text-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn.active:focus-visible,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[aria-selected="true"]:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell header#mpmhUnifiedShell.mpmh-unified-shell nav#tabs.tabs.mpmh-split-tabs button.tab-btn[aria-selected="true"]:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link.active,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link.is-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link.mpmh-footer-active,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link[aria-current="page"],
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh-news-open-inline.is-active{
  color:rgba(188,205,222,.82)!important;
  -webkit-text-fill-color:rgba(188,205,222,.82)!important;
  text-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link.active:hover,
html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .footer-text-link.active:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}

/* LAUNCH001 former inline style 49: mpmh301-home-coverage-leaderboards-final-owner (MPMH314.php lines 22150-22432) */
/* ========================================================================
   MPMH301 · HOME COVERAGE + LEADERBOARD NAVIGATION OWNER
   Scoped presentation only. Category data, Signal formulas, conversion
   qualification, accounting, and ADMIN ownership remain unchanged.
   ======================================================================== */

/* Approved Group A marquee: another 20% slower than MPMH300. */
html.mpmh280-home-states body #shellMain .mpmh280-marquee-track{animation-duration:150s!important;}
@media(max-width:720px){html.mpmh280-home-states body #shellMain .mpmh280-marquee-track{animation-duration:188s!important;}}

/* The selected-cause context begins on the same desktop grid line as HOME. */
@media(min-width:901px){
  html body #mpmhUnifiedShell .mpmh-context-left{left:12px!important;max-width:430px!important;}
}

/* Category discovery now owns the full row after duplicate tools were removed. */
html.mpmh280-home-states .mpmh301-category-controls{
  display:block!important;
  width:100%!important;
  padding-top:clamp(20px,2.1vw,30px)!important;
  padding-bottom:clamp(23px,2.45vw,34px)!important;
}
html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-panel{width:100%!important;max-width:none!important;}
html.mpmh280-home-states .mpmh301-category-controls .mpmh286-control-heading{max-width:760px!important;margin-bottom:17px!important;}
html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  column-gap:clamp(18px,2.4vw,42px)!important;
  row-gap:10px!important;
  width:100%!important;
}
html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-grid button{width:100%!important;}
@media(max-width:1100px){html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:720px){html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px!important;}}
@media(max-width:430px){html.mpmh280-home-states .mpmh301-category-controls .mpmh286-category-grid{grid-template-columns:1fr!important;}}

/* Compact live published-campaign market readout beneath global/local copy. */
html.mpmh280-home-states .mpmh301-market-readout{
  width:calc(50% - clamp(16px,2vw,32px))!important;
  min-width:440px!important;
  margin:clamp(20px,2vw,28px) 0 0 auto!important;
  padding:17px 0 0!important;
  border-top:1px solid var(--h280-line)!important;
  background:transparent!important;
}
html.mpmh280-home-states .mpmh301-market-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin-bottom:13px!important;}
html.mpmh280-home-states .mpmh301-market-head .mpmh280-kicker{margin:0!important;}
html.mpmh280-home-states .mpmh301-market-head h3{margin:0!important;color:var(--h280-white)!important;font-size:clamp(11px,.85vw,14px)!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.02em!important;text-align:right!important;}
html.mpmh280-home-states .mpmh301-market-summary{display:grid!important;grid-template-columns:auto auto auto auto!important;align-items:baseline!important;justify-content:start!important;gap:3px 9px!important;margin-bottom:12px!important;}
html.mpmh280-home-states .mpmh301-market-summary strong,
html.mpmh280-home-states .mpmh301-market-summary b{color:var(--h280-green)!important;font-size:clamp(19px,1.65vw,26px)!important;line-height:1!important;font-weight:900!important;}
html.mpmh280-home-states .mpmh301-market-summary span{color:#8ca4b6!important;font-size:8px!important;line-height:1.25!important;font-weight:850!important;letter-spacing:.075em!important;}
html.mpmh280-home-states .mpmh301-market-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;border-top:1px solid rgba(121,191,255,.12)!important;border-bottom:1px solid rgba(121,191,255,.12)!important;}
html.mpmh280-home-states .mpmh301-market-grid>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;padding:8px 9px!important;border-right:1px solid rgba(121,191,255,.12)!important;}
html.mpmh280-home-states .mpmh301-market-grid>div:last-child{border-right:0!important;}
html.mpmh280-home-states .mpmh301-market-grid span{color:#8fc6ff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;}
html.mpmh280-home-states .mpmh301-market-grid strong{color:#e7f1f7!important;font-size:10px!important;font-weight:850!important;}
html.mpmh280-home-states .mpmh301-market-route{display:block!important;margin:10px 0 0 auto!important;padding:0!important;border:0!important;background:transparent!important;color:#8fc6ff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important;cursor:pointer!important;}
html.mpmh280-home-states .mpmh301-market-route:hover,
html.mpmh280-home-states .mpmh301-market-route:focus-visible{color:var(--h280-green)!important;outline:0!important;}
@media(max-width:1000px){html.mpmh280-home-states .mpmh301-market-readout{width:100%!important;min-width:0!important;margin-left:0!important;}html.mpmh280-home-states .mpmh301-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}html.mpmh280-home-states .mpmh301-market-grid>div:nth-child(3){border-right:0!important;}}
@media(max-width:560px){html.mpmh280-home-states .mpmh301-market-head{display:block!important;}html.mpmh280-home-states .mpmh301-market-head h3{margin-top:5px!important;text-align:left!important;}html.mpmh280-home-states .mpmh301-market-summary{grid-template-columns:auto 1fr!important;}html.mpmh280-home-states .mpmh301-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html.mpmh280-home-states .mpmh301-market-grid>div:nth-child(3){border-right:1px solid rgba(121,191,255,.12)!important;}html.mpmh280-home-states .mpmh301-market-grid>div:nth-child(2n){border-right:0!important;}}

/* One coherent Get Involved area: participation actions + compact signup. */
html.mpmh280-home-states .mpmh301-get-involved-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr)!important;
  gap:clamp(30px,4vw,64px)!important;
  align-items:start!important;
  margin-top:20px!important;
  padding-top:18px!important;
  border-top:1px solid var(--h280-line)!important;
}
html.mpmh280-home-states .mpmh301-get-involved-links{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  border:0!important;
  text-align:left!important;
}
html.mpmh280-home-states .mpmh301-get-involved-links button{
  min-height:44px!important;
  width:100%!important;
  padding:9px 12px 9px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(121,191,255,.12)!important;
  background:transparent!important;
  text-align:left!important;
  font-size:8.5px!important;
}
html.mpmh280-home-states .mpmh301-updates-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html.mpmh280-home-states .mpmh301-updates-form>label[for="mpmh280UpdatesEmail"] b{display:block!important;margin:0 0 5px!important;color:var(--h280-white)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.09em!important;}
html.mpmh280-home-states .mpmh301-updates-form>label[for="mpmh280UpdatesEmail"]>span{display:block!important;color:#7893a7!important;font-size:8.5px!important;line-height:1.4!important;}
html.mpmh280-home-states .mpmh301-updates-form>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;margin:2px 0 0!important;}
html.mpmh280-home-states .mpmh301-updates-form>div button{min-width:126px!important;padding:0 12px!important;}
html.mpmh280-home-states .mpmh301-updates-form .mpmh280-consent{margin:0!important;}
html.mpmh280-home-states .mpmh301-updates-form output{min-height:12px!important;margin:0!important;}
@media(max-width:980px){html.mpmh280-home-states .mpmh301-get-involved-layout{grid-template-columns:1fr!important;}html.mpmh280-home-states .mpmh301-get-involved-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:620px){html.mpmh280-home-states .mpmh301-get-involved-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;}html.mpmh280-home-states .mpmh301-updates-form>div{grid-template-columns:1fr!important;}html.mpmh280-home-states .mpmh301-updates-form>div button{min-height:33px!important;}}

/* Compact navigation and percentage-value support for expanded leaderboard set. */
html body #publicShell #shellMain .mpmh-lb-metric-group{gap:3px!important;}
html body #publicShell #shellMain .mpmh-lb-metric-group .mpmh-lb-metric-btn{min-height:28px!important;padding-top:5px!important;padding-bottom:5px!important;font-size:8px!important;line-height:1.2!important;}
html body #publicShell #shellMain .mpmh-lb-rowwrap[data-lb-primary-missing="1"] .mpmh-lb-primary{color:rgba(206,218,227,.52)!important;-webkit-text-fill-color:rgba(206,218,227,.52)!important;}
html body #publicShell #shellMain .mpmh-lb-panel[data-lb-panel="company-cause-coverage"] .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-panel[data-lb-panel="cause-campaign-coverage"] .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-panel[data-lb-panel="cause-recent"] .mpmh-lb-primary,
html body #publicShell #shellMain .mpmh-lb-panel[data-lb-panel="cause-growth"] .mpmh-lb-primary{font-variant-numeric:tabular-nums!important;}


/* ========================================================================
   MPMH313 · CHARITY LANDER HIERARCHY + PERSPECTIVE INTAKE
   Scope: selected-cause Charity Lander only. Final owner appended after the
   inherited cascade so no discovery, leaderboard, routing, or Signal surface
   is affected.
   ======================================================================== */
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 24px 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{
  margin:0 auto!important;
  max-width:980px!important;
  color:rgba(203,224,239,.72)!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link,
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:visited{
  color:#0bf99e!important;
  font:inherit!important;
  font-weight:600!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:hover,
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:focus{
  color:#8fc8ff!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{
  padding:24px 30px!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-description,
html body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{
  color:#dbe8f0!important;
  font-size:16px!important;
  line-height:1.68!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-align:left!important;
  text-indent:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
  margin-top:12px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-positive-feedback{
  margin:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-inner{
  padding:24px 28px 26px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head{
  max-width:1040px!important;
  margin:0 auto 18px!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head h2{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head p{
  max-width:980px!important;
  margin:9px auto 0!important;
  color:rgba(205,227,244,.82)!important;
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-form{
  max-width:1100px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-label{
  margin:0 0 9px!important;
  color:#dceeff!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-options-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,.82fr)!important;
  gap:22px!important;
  align-items:start!important;
  margin-top:14px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-publication,
html body #shellMain #selectedCauseHero .mph-cause-feedback-updates{
  min-width:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-checkbox-row{
  margin:8px 0!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
html body #shellMain #selectedCauseHero .mph-cause-publication-note{
  margin:2px 0 12px 25px!important;
  color:rgba(178,207,226,.66)!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-fieldset{
  margin:0!important;
  padding:12px 14px 13px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-fieldset legend{
  margin-bottom:7px!important;
  color:#dceeff!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-update-fields{
  margin:10px 0 0!important;
  padding:12px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-submit{
  width:min(100%,360px)!important;
  margin-top:18px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-feedback-note{
  max-width:850px!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
@media(max-width:980px){
  html body #shellMain #selectedCauseHero .mph-cause-feedback-options-grid{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
  html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{padding:8px 14px 10px!important;}
  html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{padding:18px 16px!important;}
  html body #shellMain #selectedCauseHero .mph-home-cause-description,
  html body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{font-size:14.5px!important;line-height:1.62!important;}
  html body #shellMain #selectedCauseHero .mph-cause-feedback-inner{padding:20px 16px 22px!important;}
  html body #shellMain #selectedCauseHero .mph-cause-feedback-head h2{font-size:19px!important;}
  html body #shellMain #selectedCauseHero .mph-cause-feedback-head p{font-size:12.5px!important;}
}

/* LAUNCH001 former inline style 50: mpmh314-technology-document-owner (MPMH314.php lines 22435-22678) */
/* MPMH314 final scoped owner: clean black professional document surface. */
html body #shellMain .mpmh314-technology-panel,
html body #shellMain .mpmh314-technology-panel .mpmh314-technology-surface{
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh314-technology-panel{
  overflow:visible!important;
  color:#d4dde2!important;
}
html body #shellMain .mpmh314-technology-surface{
  display:grid!important;
  grid-template-columns:minmax(48px,1fr) minmax(0,860px) minmax(48px,1fr)!important;
  align-items:start!important;
  padding:44px 0 82px!important;
}
html body #shellMain .mpmh314-technology-document{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0 24px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  color:#d4dde2!important;
  font-family:Consolas,Monaco,"Courier New",monospace!important;
}
html body #shellMain .mpmh314-technology-document *{box-sizing:border-box!important;}
html body #shellMain .mpmh314-technology-header,
html body #shellMain .mpmh314-technology-section,
html body #shellMain .mpmh314-technology-related,
html body #shellMain .mpmh314-technology-index{
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh314-technology-label,
html body #shellMain .mpmh314-section-number{
  color:#0bf99e!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:600!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  text-shadow:0 0 12px rgba(11,249,158,.10)!important;
}
html body #shellMain .mpmh314-technology-header h1{
  max-width:820px!important;
  margin:18px 0 24px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.28!important;
  font-weight:500!important;
  letter-spacing:.012em!important;
  text-transform:none!important;
  text-shadow:none!important;
}
html body #shellMain .mpmh314-technology-header p,
html body #shellMain .mpmh314-technology-section p{
  max-width:820px!important;
  margin:0 0 18px!important;
  color:#cbd5da!important;
  font-size:13.5px!important;
  line-height:1.78!important;
  font-weight:400!important;
  letter-spacing:.005em!important;
  text-align:left!important;
}
html body #shellMain .mpmh314-technology-header .mpmh314-technology-lede{
  color:#e5edf1!important;
  font-size:15px!important;
  line-height:1.72!important;
}
html body #shellMain .mpmh314-technology-index{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 18px!important;
  margin-top:34px!important;
  margin-bottom:66px!important;
  color:#81929b!important;
}
html body #shellMain .mpmh314-technology-index a{
  color:#7eb7ff!important;
  font-size:9.5px!important;
  line-height:1.4!important;
  font-weight:400!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain .mpmh314-technology-index a:hover,
html body #shellMain .mpmh314-technology-index a:focus{
  color:#dceeff!important;
  text-decoration:none!important;
  outline:0!important;
}
html body #shellMain .mpmh314-technology-section{
  scroll-margin-top:110px!important;
  margin-top:0!important;
  margin-bottom:68px!important;
}
html body #shellMain .mpmh314-technology-section h2{
  max-width:820px!important;
  margin:12px 0 22px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.42!important;
  font-weight:500!important;
  letter-spacing:.018em!important;
  text-transform:none!important;
  text-shadow:none!important;
}
html body #shellMain .mpmh314-technology-section p strong,
html body #shellMain .mpmh314-technology-list strong{
  color:#eaf3f7!important;
  font-weight:600!important;
}
html body #shellMain .mpmh314-process-line{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px 10px!important;
  margin:28px 0 30px!important;
  padding:0!important;
  color:#0bf99e!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #shellMain .mpmh314-process-line span{
  color:#0bf99e!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
}
html body #shellMain .mpmh314-process-line i{
  color:#7eb7ff!important;
  font-size:12px!important;
  line-height:1!important;
  font-style:normal!important;
  opacity:.78!important;
}
html body #shellMain .mpmh314-technology-list{
  max-width:820px!important;
  margin:4px 0 22px!important;
  padding:0 0 0 22px!important;
  color:#cbd5da!important;
  background:transparent!important;
  border:0!important;
}
html body #shellMain .mpmh314-technology-list li{
  margin:0 0 10px!important;
  padding:0 0 0 4px!important;
  color:#cbd5da!important;
  font-size:13px!important;
  line-height:1.68!important;
  font-weight:400!important;
}
html body #shellMain .mpmh314-technology-list li::marker{color:#0bf99e!important;}
html body #shellMain .mpmh314-infrastructure-list{
  columns:2!important;
  column-gap:44px!important;
}
html body #shellMain .mpmh314-infrastructure-list li{
  break-inside:avoid!important;
  margin-bottom:12px!important;
}
html body #shellMain .mpmh314-technology-closing{
  margin-top:88px!important;
  margin-bottom:54px!important;
}
html body #shellMain .mpmh314-technology-closing h2{
  color:#dceeff!important;
}
html body #shellMain .mpmh314-technology-related{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:9px 18px!important;
  margin-top:18px!important;
  color:#7d8c94!important;
}
html body #shellMain .mpmh314-technology-related span{
  color:#6f7f87!important;
  font-size:9px!important;
  line-height:1.4!important;
  font-weight:500!important;
  letter-spacing:.13em!important;
}
html body #shellMain .mpmh314-technology-related button{
  appearance:none!important;
  margin:0!important;
  padding:0!important;
  color:#7eb7ff!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font:400 10px/1.4 Consolas,Monaco,"Courier New",monospace!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #shellMain .mpmh314-technology-related button:hover,
html body #shellMain .mpmh314-technology-related button:focus{
  color:#dceeff!important;
  outline:0!important;
  text-decoration:none!important;
}
@media(max-width:980px){
  html body #shellMain .mpmh314-technology-surface{grid-template-columns:24px minmax(0,1fr) 24px!important;padding-top:34px!important;}
  html body #shellMain .mpmh314-technology-document{padding:0 12px!important;}
  html body #shellMain .mpmh314-infrastructure-list{columns:1!important;}
}
@media(max-width:640px){
  html body #shellMain .mpmh314-technology-surface{grid-template-columns:12px minmax(0,1fr) 12px!important;padding:28px 0 58px!important;}
  html body #shellMain .mpmh314-technology-document{padding:0 8px!important;}
  html body #shellMain .mpmh314-technology-header h1{font-size:21px!important;line-height:1.34!important;}
  html body #shellMain .mpmh314-technology-header .mpmh314-technology-lede{font-size:14px!important;}
  html body #shellMain .mpmh314-technology-header p,
  html body #shellMain .mpmh314-technology-section p{font-size:12.7px!important;line-height:1.72!important;}
  html body #shellMain .mpmh314-technology-section{margin-bottom:54px!important;}
  html body #shellMain .mpmh314-technology-section h2{font-size:16.5px!important;}
  html body #shellMain .mpmh314-technology-index{gap:7px 14px!important;margin-bottom:52px!important;}
  html body #shellMain .mpmh314-process-line{gap:6px 8px!important;}
}



/* ========================================================================
   MPMH_LAUNCH003 ACTIVE-SURFACE BROWSER FRAME OWNER
   - The detached persistent directory cache remains the lifecycle owner.
   - Hidden tab panels are excluded from rendering work.
   - Long Technology sections may defer below-fold rendering without changing
     document order, accessibility, links, or Signal markup.
   ======================================================================== */
html body #shellMain .tab-panel[aria-hidden="true"]{
  content-visibility:hidden!important;
}
html body #shellMain .mpmh314-technology-section{
  content-visibility:auto;
  contain-intrinsic-size:auto 340px;
}
@media (max-width:900px){
  html body #shellMain .mpmh314-technology-section{
    contain-intrinsic-size:auto 460px;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL001 · MOBILE SHELL RECOVERY OWNER
   ------------------------------------------------------------------------
   One responsive shell, one search input, and one existing tab system.
   Desktop remains unchanged. The mobile menu button is presentation-only.
   ======================================================================== */
#mpmhUnifiedShell .mpmh-front-shell-menu-toggle{
  display:none;
}
@media (max-width:980px){
  html,body{max-width:100%;overflow-x:hidden;}
  html body #publicShell,
  html body #mpmhUnifiedShell{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body #mpmhUnifiedShell{
    position:relative!important;
    overflow:visible!important;
    background:#000!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-row,
  html body #mpmhUnifiedShell #mpmhContextRow{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:106px!important;
    min-height:106px!important;
    max-height:106px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#000!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-inner{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:106px!important;
    min-height:106px!important;
    max-height:106px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 60px!important;
    grid-template-rows:42px 44px!important;
    align-items:center!important;
    position:absolute!important;
    inset:0 8px auto 8px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:88px!important;
    min-height:88px!important;
    max-height:88px!important;
    margin:0!important;
    padding:2px 0 0!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    z-index:4!important;
  }
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-world-home img,
  html body #mpmhUnifiedShell .mpmh-centered-world-home.mpmh-logo-home img{
    display:block!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  html body #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 4px!important;
    transform:none!important;
    color:#f4fbff!important;
    -webkit-text-fill-color:#f4fbff!important;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:650!important;
    letter-spacing:.115em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body #mpmhUnifiedShell .mpmh-front-shell-menu-toggle{
    appearance:none!important;
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(126,183,255,.34)!important;
    border-radius:0!important;
    background:#020812!important;
    box-shadow:none!important;
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    font:700 9px/1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.11em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    cursor:pointer!important;
    z-index:6!important;
  }
  html body #mpmhUnifiedShell .mpmh-front-shell-menu-toggle:hover,
  html body #mpmhUnifiedShell .mpmh-front-shell-menu-toggle:focus-visible,
  html body #mpmhUnifiedShell.is-mobile-menu-open .mpmh-front-shell-menu-toggle{
    border-color:rgba(11,249,158,.55)!important;
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
    outline:0!important;
  }
  html body #mpmhUnifiedShell #topSearchWrap.mpmh-header-search-control,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup #topSearchWrap.mpmh-header-search-control{
    display:flex!important;
    grid-column:1 / 4!important;
    grid-row:2!important;
    align-items:stretch!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:1px solid rgba(11,249,158,.45)!important;
    background:#000!important;
    box-shadow:none!important;
    z-index:5!important;
  }
  html body #mpmhUnifiedShell #topSearchWrap .mpmh-header-search-input,
  html body #mpmhUnifiedShell #globalSearch.mpmh-header-search-input{
    appearance:none!important;
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0 11px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:#000!important;
    box-shadow:none!important;
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
    font:500 16px/38px Arial,Helvetica,sans-serif!important;
    letter-spacing:.015em!important;
    text-align:left!important;
  }
  html body #mpmhUnifiedShell #globalSearch.mpmh-header-search-input::placeholder{
    color:rgba(190,210,224,.58)!important;
    -webkit-text-fill-color:rgba(190,210,224,.58)!important;
    opacity:1!important;
  }
  html body #mpmhUnifiedShell #globalSearchClear.mpmh-header-search-clear{
    display:none;
    flex:0 0 54px!important;
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(126,183,255,.22)!important;
    border-radius:0!important;
    background:#020812!important;
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    font:700 8px/38px Arial,Helvetica,sans-serif!important;
    letter-spacing:.08em!important;
    text-align:center!important;
  }
  html body #mpmhUnifiedShell #topSearchWrap.has-value #globalSearchClear.mpmh-header-search-clear,
  html body #mpmhUnifiedShell #globalSearchClear.mpmh-header-search-clear[style*="flex"]{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-left{
    display:block!important;
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    top:89px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:hidden!important;
    z-index:5!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-left .mpmh-cause-search-stack,
  html body #mpmhUnifiedShell .mpmh-cause-search-stack,
  html body #mpmhUnifiedShell .mpmh-header-alignment{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    overflow:hidden!important;
    color:rgba(175,199,214,.62)!important;
    font-size:8px!important;
    line-height:16px!important;
    letter-spacing:.07em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  html body #mpmhUnifiedShell .mpmh-header-alignment-label{
    color:rgba(175,199,214,.62)!important;
    font-size:8px!important;
    letter-spacing:.07em!important;
  }
  html body #mpmhUnifiedShell .mpmh-header-alignment-link{
    display:inline!important;
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    font-size:8px!important;
    letter-spacing:.055em!important;
    text-decoration:none!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-copy{display:none!important;}
  html body #mpmhUnifiedShell .mpmh-nav-search-row{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:106px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#000!important;
    border-top:1px solid rgba(126,183,255,.24)!important;
    border-bottom:1px solid rgba(11,249,158,.30)!important;
    box-shadow:0 14px 30px rgba(0,0,0,.72)!important;
    z-index:1505!important;
  }
  html body #mpmhUnifiedShell.is-mobile-menu-open .mpmh-nav-search-row{
    display:block!important;
  }
  html body #mpmhUnifiedShell .mpmh-nav-search-inner,
  html body #mpmhUnifiedShell .mpmh-nav-only-inner{
    display:block!important;
    position:static!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:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    background:#000!important;
    border:0!important;
  }
  html body #mpmhUnifiedShell #tabs.tabs.mpmh-split-tabs,
  html body #mpmhUnifiedShell .tabs.mpmh-split-tabs{
    display:block!important;
    position:static!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!important;
    transform:none!important;
    overflow:visible!important;
    background:#000!important;
    border:0!important;
  }
  html body #mpmhUnifiedShell .mpmh-tab-group{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body #mpmhUnifiedShell .mpmh-tab-group-info{
    margin-top:4px!important;
    padding-top:4px!important;
    border-top:1px solid rgba(126,183,255,.14)!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn{
    appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid rgba(126,183,255,.12)!important;
    border-radius:0!important;
    background:#020812!important;
    box-shadow:none!important;
    color:rgba(224,235,243,.78)!important;
    -webkit-text-fill-color:rgba(224,235,243,.78)!important;
    font:600 9px/1.1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.09em!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn:hover,
  html body #mpmhUnifiedShell #tabs .tab-btn:focus-visible{
    border-color:rgba(126,183,255,.32)!important;
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    outline:0!important;
  }
  html body #mpmhUnifiedShell #tabs .tab-btn.active,
  html body #mpmhUnifiedShell #tabs .tab-btn[aria-selected="true"]{
    border-color:rgba(11,249,158,.35)!important;
    background:rgba(11,249,158,.045)!important;
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
  html body #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header,
  html body #mpmhUnifiedShell .mpmh-live-section-header{
    position:relative!important;
    width:100%!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body #mpmhUnifiedShell #mpmhLiveSectionHeader .mpmh-live-section-inner,
  html body #mpmhUnifiedShell .mpmh-live-section-inner{
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    align-items:center!important;
    width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding:0 4px!important;
    box-sizing:border-box!important;
  }
  html body #mpmhUnifiedShell #mpmhLiveSectionTitle.mpmh-live-section-title{
    position:static!important;
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 6px!important;
    transform:none!important;
    font-size:8.7px!important;
    line-height:30px!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
  html body #mpmhUnifiedShell #mpmh299ShellBack,
  html body #mpmhUnifiedShell #mpmhLiveSectionClose{
    position:static!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  html body #mpmhUnifiedShell #mpmh299ShellBack{grid-column:1!important;grid-row:1!important;}
  html body #mpmhUnifiedShell #mpmhLiveSectionClose{grid-column:3!important;grid-row:1!important;}
  html body #mpmhUnifiedShell #mpmhLiveSectionSubtitle{display:none!important;}
}
@media (max-width:360px){
  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    grid-template-columns:40px minmax(0,1fr) 54px!important;
  }
  html body #mpmhUnifiedShell .mpmh-front-shell-menu-toggle{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    font-size:8px!important;
  }
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup .mpmh-centered-brand-title,
  html body #mpmhUnifiedShell .mpmh-context-center .mpmh-centered-brand-title{
    font-size:10px!important;
    letter-spacing:.085em!important;
  }
}

/* FRONT_SHELL001 mobile geometry correction: explicit full-width lockup and unclipped menu overlay. */
@media (max-width:980px){
  html body #mpmhUnifiedShell{
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    left:8px!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
    width:calc(100% - 16px)!important;
    min-width:0!important;
    max-width:calc(100% - 16px)!important;
  }
}
@media (max-width:360px){
  html body #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    left:6px!important;
    right:auto!important;
    width:calc(100% - 12px)!important;
    max-width:calc(100% - 12px)!important;
  }
}
@media (max-width:980px){
  html body #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell,
  html body #publicShell #mpmhUnifiedShell.topbar.mpmh-top-shell.mpmh-unified-shell{
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
}

/* FRONT_SHELL001 existing-tab menu grid: outrank inherited mobile display:contents and text-only button owners. */
@media (max-width:980px){
  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{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:4px!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!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    white-space:normal!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{
    margin-top:4px!important;
    padding-top:4px!important;
    border-top:1px solid rgba(126,183,255,.14)!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{
    appearance:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    transform:none!important;
    translate:0 0!important;
    border:1px solid rgba(126,183,255,.12)!important;
    border-radius:0!important;
    outline:0!important;
    background:#020812!important;
    background-image:none!important;
    box-shadow:none!important;
    color:rgba(224,235,243,.78)!important;
    -webkit-text-fill-color:rgba(224,235,243,.78)!important;
    font:600 9px/1.1 Arial,Helvetica,sans-serif!important;
    letter-spacing:.09em!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  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-visible{
    border-color:rgba(126,183,255,.34)!important;
    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[aria-selected="true"]{
    border-color:rgba(11,249,158,.38)!important;
    background:rgba(11,249,158,.045)!important;
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!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{
    content:none!important;
    display:none!important;
  }
}

/* FRONT_SHELL001 mobile root-gutter repair: remove compounded reserved scrollbar lanes from non-scrolling wrappers. */
@media (max-width:980px){
  html,
  html body,
  html body #publicShell.public-shell{
    scrollbar-gutter:auto!important;
  }
  html body #publicShell.public-shell{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  html body #publicShell #shellMain.shell-main#shellMain{
    scrollbar-gutter:stable!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL009 · CLOSED DESKTOP STATE + SELECTED CAUSE WORKSPACE
   Scope: blank desktop chrome and #selectedCauseHero only. Existing mobile
   shell recovery, routes, forms, readouts, Leaderboards, and Signal hooks are
   preserved. One scoped visual owner avoids global page/link overrides.
   ======================================================================== */
@media (min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn:not(.active):not([aria-selected="true"]):not(:hover):not(:focus-visible),
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link:not(.active):not(.is-active):not(.mpmh-footer-active):not([aria-current="page"]):not(:hover):not(:focus-visible){
    color:rgba(123,142,158,.30)!important;
    -webkit-text-fill-color:rgba(123,142,158,.30)!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn:not(.active):not([aria-selected="true"]):hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn:not(.active):not([aria-selected="true"]):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    opacity:1!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link:not(.active):not(.is-active):not(.mpmh-footer-active):not([aria-current="page"]):hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-text-link:not(.active):not(.is-active):not(.mpmh-footer-active):not([aria-current="page"]):focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    opacity:1!important;
  }
}
html body #mpmhUnifiedShell .mpmh-header-alignment.is-selected-cause .mpmh-header-alignment-label{
  color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;
}
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="internal"]:hover,
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="internal"]:focus-visible{
  color:#8fc6ff!important;-webkit-text-fill-color:#8fc6ff!important;
}
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="external"]:hover,
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="external"]:focus-visible{
  color:#0bf99e!important;-webkit-text-fill-color:#0bf99e!important;
}
html body #shellMain #selectedCauseHero{
  --cw-green:#0bf99e;--cw-blue:#8fc6ff;--cw-white:#f4fbff;--cw-copy:#c9d8e2;--cw-muted:#71889a;--cw-line:rgba(126,183,255,.14);
  grid-template-columns:1fr!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 46px!important;background:#000!important;border:0!important;box-shadow:none!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-lander-head{min-height:0!important;margin:0!important;padding:7px 22px 0!important;border:0!important;background:#000!important;}
html body #shellMain #selectedCauseHero > .mph-cause-lander-head .mph-home-cause-name{margin:0!important;font-size:0!important;line-height:0!important;height:0!important;overflow:hidden!important;}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{order:-1!important;padding:7px 20px 9px!important;border-bottom:1px solid rgba(126,183,255,.08)!important;}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{max-width:1120px!important;font-size:11px!important;line-height:1.35!important;}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:hover,
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:focus-visible{color:var(--cw-green)!important;text-decoration:none!important;}
html body #shellMain #selectedCauseHero .mph-home-stage-body{
  display:grid!important;grid-template-columns:minmax(260px,31%) minmax(0,69%)!important;gap:clamp(28px,4vw,64px)!important;align-items:start!important;width:min(100%,1320px)!important;margin:0 auto!important;padding:25px clamp(22px,3.4vw,54px) 0!important;box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-rail,
html body #shellMain #selectedCauseHero .mph-home-cause-main{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-home-cause-logo-well{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-home-logo-link{width:min(100%,300px)!important;height:170px!important;margin:0 auto!important;padding:22px!important;border:1px solid rgba(255,255,255,.08)!important;background:#fff!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-home-logo{max-width:250px!important;max-height:125px!important;}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:9px 0 20px!important;color:rgba(183,199,210,.56)!important;font-size:9px!important;line-height:1.25!important;letter-spacing:.075em!important;white-space:nowrap!important;}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website{display:inline!important;width:auto!important;max-width:72%!important;margin:0!important;padding:0!important;color:#8fc6ff!important;font:inherit!important;text-decoration:none!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:hover,
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:focus-visible{color:var(--cw-green)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-cause-number{display:inline!important;width:auto!important;margin:0!important;color:rgba(183,199,210,.48)!important;font:inherit!important;text-transform:uppercase!important;}
html body #shellMain #selectedCauseHero .cause-heart-btn{margin:0 auto 18px!important;}
html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap{margin:0!important;padding:0!important;border-top:1px solid var(--cw-line)!important;}
html body #shellMain #selectedCauseHero .mph-cause-compact-readout{margin:0!important;padding:16px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 5px!important;padding:0 0 11px!important;border-bottom:1px solid var(--cw-line)!important;background:transparent!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head h2{margin:0!important;color:var(--cw-white)!important;font-size:12px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.09em!important;text-transform:uppercase!important;}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary{padding:0!important;border:0!important;background:transparent!important;color:var(--cw-blue)!important;font-size:8px!important;letter-spacing:.09em!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid{display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline!important;gap:2px 14px!important;min-height:0!important;margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid rgba(126,183,255,.11)!important;background:transparent!important;box-shadow:none!important;text-align:left!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-card span{grid-column:1!important;color:var(--cw-blue)!important;font-size:8.5px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.075em!important;text-transform:uppercase!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-card strong{grid-column:2!important;grid-row:1 / span 2!important;color:var(--cw-white)!important;font-size:18px!important;line-height:1!important;font-weight:650!important;font-variant-numeric:tabular-nums!important;text-align:right!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-card small{grid-column:1!important;margin:3px 0 0!important;color:rgba(169,187,199,.50)!important;font-size:8px!important;line-height:1.2!important;letter-spacing:.03em!important;}
html body #shellMain #selectedCauseHero .mph-cause-signal-card-total strong{color:var(--cw-green)!important;}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel{border:1px solid var(--cw-line)!important;background:#02060b!important;box-shadow:0 16px 34px rgba(0,0,0,.55)!important;}
html body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-home-cause-description,
html body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{max-width:900px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#dbe8f0!important;font-size:16px!important;line-height:1.72!important;font-weight:400!important;}
html body #shellMain #selectedCauseHero .mph-home-cause-description{padding:2px 0 26px!important;border-bottom:1px solid var(--cw-line)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace{margin:24px 0 0!important;padding:0!important;border:0!important;border-top:1px solid var(--cw-line)!important;border-bottom:1px solid var(--cw-line)!important;background:transparent!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;padding:15px 0 12px!important;border-bottom:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head span{display:block!important;margin:0 0 4px!important;color:var(--cw-green)!important;font-size:8px!important;font-weight:800!important;letter-spacing:.13em!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{margin:0!important;color:var(--cw-white)!important;font-size:15px!important;line-height:1.15!important;font-weight:720!important;letter-spacing:.06em!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:rgba(148,170,186,.58)!important;font-size:8px!important;font-weight:750!important;letter-spacing:.09em!important;cursor:pointer!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:focus-visible,
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview.is-active{color:var(--cw-green)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{padding:12px 0!important;border:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid rgba(126,183,255,.10)!important;border-left:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:43px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-right:1px solid rgba(126,183,255,.10)!important;border-bottom:1px solid rgba(126,183,255,.10)!important;background:rgba(5,12,20,.28)!important;color:#dce8f0!important;font:650 9px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.075em!important;text-decoration:none!important;text-align:left!important;cursor:pointer!important;box-sizing:border-box!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:focus-visible{color:var(--cw-blue)!important;background:rgba(126,183,255,.04)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:focus-visible{color:var(--cw-green)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*.is-active{color:var(--cw-green)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{display:flex!important;flex-wrap:wrap!important;gap:6px 18px!important;padding:11px 0 0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:rgba(170,191,205,.62)!important;font-size:8px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:.07em!important;cursor:pointer!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:focus-visible{color:var(--cw-blue)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{min-height:134px!important;margin:0!important;padding:18px 0 20px!important;border-top:1px solid rgba(126,183,255,.10)!important;background:transparent!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy{max-width:820px!important;margin:0 0 15px!important;color:#9fb3c1!important;font-size:12px!important;line-height:1.6!important;font-weight:400!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy strong{color:#dce8f0!important;font-weight:600!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0!important;border-top:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div{min-width:0!important;padding:11px 12px 0 0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dt{color:var(--cw-blue)!important;font-size:8px!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dd{margin:4px 0 0!important;color:#e7f0f5!important;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid rgba(126,183,255,.10)!important;border-left:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;border-right:1px solid rgba(126,183,255,.10)!important;border-bottom:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines span{color:var(--cw-blue)!important;font-size:8px!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines strong{color:#fff!important;font-size:14px!important;font-weight:650!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route{margin:13px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--cw-blue)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.085em!important;cursor:pointer!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:focus-visible{color:var(--cw-green)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row input{min-width:0!important;height:38px!important;padding:0 10px!important;border:1px solid rgba(126,183,255,.18)!important;background:#02060b!important;color:#bcd0dc!important;font-size:10px!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button{height:38px!important;padding:0 13px!important;border:1px solid rgba(126,183,255,.18)!important;background:#030a12!important;color:var(--cw-blue)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.07em!important;cursor:pointer!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button:focus-visible{color:var(--cw-green)!important;border-color:rgba(11,249,158,.30)!important;outline:0!important;}
html body #shellMain #selectedCauseHero #causeWorkspaceToolStatus{display:block!important;min-height:15px!important;margin-top:8px!important;color:var(--cw-green)!important;font-size:8px!important;letter-spacing:.07em!important;}
html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{margin:32px 0 0!important;padding:0!important;border-top:1px solid var(--cw-line)!important;}
html body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html body #shellMain #selectedCauseHero .mph-cause-feedback-inner{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head{max-width:none!important;margin:0!important;padding:24px 0 18px!important;text-align:left!important;border:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head h2{font-size:18px!important;font-weight:720!important;letter-spacing:.07em!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-head p{max-width:820px!important;margin:8px 0 0!important;color:#91a7b6!important;font-size:12px!important;line-height:1.55!important;text-align:left!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-form{margin:0!important;padding:0 0 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-options-grid{gap:28px!important;padding-top:17px!important;border-top:1px solid rgba(126,183,255,.10)!important;}
html body #shellMain #selectedCauseHero .mph-cause-feedback-publication,
html body #shellMain #selectedCauseHero .mph-cause-feedback-updates,
html body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html body #shellMain #selectedCauseHero .mph-cause-update-fields{border:0!important;background:transparent!important;box-shadow:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-updates-fieldset{padding:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-update-fields{padding:12px 0 0!important;border-top:1px solid rgba(126,183,255,.10)!important;}
@media(max-width:980px){
  html body #shellMain #selectedCauseHero .mph-home-stage-body{grid-template-columns:1fr!important;gap:30px!important;padding:20px 16px 0!important;}
  html body #shellMain #selectedCauseHero .mph-home-cause-rail{max-width:560px!important;margin:0 auto!important;}
  html body #shellMain #selectedCauseHero .mph-home-logo-link{height:150px!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary,
  html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{padding:7px 11px 8px!important;}
  html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{font-size:10px!important;}
  html body #shellMain #selectedCauseHero .mph-home-stage-body{padding-left:11px!important;padding-right:11px!important;}
  html body #shellMain #selectedCauseHero .mph-home-cause-description,
  html body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{font-size:14.5px!important;line-height:1.65!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary,
  html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines,
  html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button{width:100%!important;}
}

/* ========================================================================
   MPMH_FRONT_SHELL009 · SELECTED CAUSE PAGE FLOW + DEDICATED UPDATES
   Public presentation: one continuous Cause page. The registry/workspace
   architecture remains internal and all routes/Signal contracts are retained.
   ======================================================================== */
html body #shellMain #selectedCauseHero{
  --cflow-bg:#071522;
  --cflow-bg-soft:#091a29;
  --cflow-line:rgba(126,183,255,.13);
}
html body #shellMain #selectedCauseHero .mph-home-stage-body{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:25px clamp(24px,5.8vw,110px) 38px!important;
  background:var(--cflow-bg)!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-rail,
html body #shellMain #selectedCauseHero .mph-home-cause-main,
html body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html body #shellMain #selectedCauseHero .mph-home-cause-logo-well,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html body #shellMain #selectedCauseHero .mph-cause-feedback-inner{
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace{
  margin:22px 0 0!important;
  padding:0!important;
  border:0!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  align-items:center!important;
  min-height:48px!important;
  margin:0!important;
  padding:11px 0 10px!important;
  border-top:1px solid var(--cflow-line)!important;
  border-bottom:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  margin:0!important;
  color:#f4fbff!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:720!important;
  letter-spacing:.065em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview{
  padding:8px 0 8px 14px!important;
  color:rgba(143,198,255,.55)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:focus-visible{color:#8fc6ff!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview.is-active{color:#0bf99e!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
  margin:0!important;
  padding:0!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border:0!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{
  min-height:48px!important;
  padding:10px 14px!important;
  border:0!important;
  border-right:1px solid var(--cflow-line)!important;
  border-bottom:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg-soft)!important;
  color:#dce8f0!important;
  font-size:9px!important;
  letter-spacing:.075em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:nth-child(2n){border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:focus-visible{
  color:#8fc6ff!important;
  background:rgba(10,31,49,.94)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:focus-visible{color:#0bf99e!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*.is-active{
  color:#0bf99e!important;
  background:rgba(8,29,44,.96)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border-bottom:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:39px!important;
  width:100%!important;
  margin:0!important;
  padding:7px 9px!important;
  border:0!important;
  border-right:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg)!important;
  color:rgba(143,198,255,.56)!important;
  font-size:7.8px!important;
  line-height:1.3!important;
  font-weight:680!important;
  letter-spacing:.065em!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:last-child{border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:focus-visible{color:#8fc6ff!important;background:rgba(126,183,255,.025)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button.is-active{color:#0bf99e!important;background:rgba(11,249,158,.018)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
  min-height:145px!important;
  margin:0!important;
  padding:18px 0 22px!important;
  border:0!important;
  border-bottom:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{background:var(--cflow-bg)!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy{margin-bottom:14px!important;color:#a9bdca!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{
  border-top:1px solid var(--cflow-line)!important;
  border-bottom:1px solid var(--cflow-line)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div{padding:12px 18px 12px 0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dd{color:#dce8f0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause{
  color:rgba(143,198,255,.70)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:focus-visible{color:#8fc6ff!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{
  border-left:0!important;
  border-top:1px solid var(--cflow-line)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{
  border-right:1px solid var(--cflow-line)!important;
  border-bottom:1px solid var(--cflow-line)!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div:nth-child(2n){border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row input,
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry input{
  background:#02080d!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates{
  max-width:760px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-form{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--cflow-bg)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-form>label[for="causeDirectUpdatesEmail"]{
  display:block!important;
  margin:0 0 7px!important;
  color:#8fc6ff!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:.09em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry input{
  min-width:0!important;
  height:42px!important;
  padding:0 12px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  color:#f4fbff!important;
  font-size:11px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button{
  min-width:160px!important;
  height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:#091a29!important;
  color:#8fc6ff!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button:hover,
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button:focus-visible{color:#0bf99e!important;border-color:rgba(11,249,158,.36)!important;outline:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:13px 0 0!important;
  color:#9fb3c1!important;
  font-size:10px!important;
  line-height:1.5!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent input{margin:2px 0 0!important;flex:0 0 auto!important;}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent a{color:#8fc6ff!important;text-decoration:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent a:hover,
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent a:focus-visible{color:#0bf99e!important;outline:0!important;}
html body #shellMain #selectedCauseHero #causeDirectUpdatesStatus{
  display:block!important;
  min-height:16px!important;
  margin:9px 0 0!important;
  color:#0bf99e!important;
  font-size:9px!important;
  letter-spacing:.035em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-confirmation{
  padding:13px 0 4px!important;
  color:#a9bdca!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-confirmation strong{
  display:block!important;
  margin:0 0 7px!important;
  color:#0bf99e!important;
  font-size:13px!important;
  letter-spacing:.07em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-confirmation p{margin:0!important;font-size:11px!important;line-height:1.5!important;}
@media(max-width:1050px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(3n){border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(n+4){border-top:1px solid var(--cflow-line)!important;}
}
@media(max-width:980px){
  html body #shellMain #selectedCauseHero .mph-home-stage-body{padding:20px 16px 34px!important;}
}
@media(max-width:620px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(3n){border-right:1px solid var(--cflow-line)!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(2n){border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(n+3){border-top:1px solid var(--cflow-line)!important;}
  html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button{width:100%!important;}
}

/* ========================================================================
   MPMH_FRONT_SHELL009 · CAUSE LANDER STAGE + AUTHORITATIVE BLUE CANVAS
   Scope: #selectedCauseHero only. One exact deep platform-blue inner canvas,
   stable dynamic stage above controls, centered panel presentation, and the
   locked selected-Cause link hierarchy. Routes, registry actions, forms,
   Signal qualification, exact batching, and Leaderboards are unchanged.
   ======================================================================== */
html body #shellMain #selectedCauseHero{
  --cause-page-blue:#071522;
  --cause-page-line:rgba(126,183,255,.13);
  --cause-page-blue-link:#6fafe8;
  --cause-page-blue-hover:#8fc6ff;
  --cause-page-green:#0bf99e;
  background:var(--cause-page-blue)!important;
  background-image:none!important;
}
html body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html body #shellMain #selectedCauseHero .mph-home-stage-body,
html body #shellMain #selectedCauseHero .mph-home-cause-rail,
html body #shellMain #selectedCauseHero .mph-home-cause-main,
html body #shellMain #selectedCauseHero .mph-home-cause-logo-well,
html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html body #shellMain #selectedCauseHero .mph-cause-compact-readout,
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid,
html body #shellMain #selectedCauseHero .mph-cause-signal-card,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html body #shellMain #selectedCauseHero .mph-home-cause-description,
html body #shellMain #selectedCauseHero .mph-cause-workspace,
html body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner,
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button,
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines,
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div,
html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-form{
  background-color:var(--cause-page-blue)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  padding:7px 20px 9px!important;
  border-top:0!important;
  border-bottom:1px solid var(--cause-page-line)!important;
}
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{
  margin:0 auto!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace{
  display:flex!important;
  flex-direction:column!important;
  margin:22px 0 0!important;
  border-top:1px solid var(--cause-page-line)!important;
  border-bottom:1px solid var(--cause-page-line)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  position:relative!important;
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 128px!important;
  border:0!important;
  border-bottom:1px solid var(--cause-page-line)!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  width:100%!important;
  margin:0!important;
  color:#f4fbff!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:720!important;
  letter-spacing:.065em!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview{
  position:absolute!important;
  top:50%!important;
  right:0!important;
  transform:translateY(-50%)!important;
  margin:0!important;
  padding:8px 0 8px 18px!important;
  border:0!important;
  background:transparent!important;
  color:var(--cause-page-blue-link)!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:730!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview[hidden]{display:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview:focus-visible{
  color:var(--cause-page-blue-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
  order:2!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  margin:0!important;
  padding:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:0!important;
  border-bottom:1px solid var(--cause-page-line)!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:24px clamp(20px,4vw,54px)!important;
  box-sizing:border-box!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel[data-workspace-panel="updates"] .mph-cause-workspace-panel-inner{
  justify-content:flex-start!important;
  align-items:stretch!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
  order:3!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
html body #shellMain #selectedCauseHero .cause-action-feedback{
  order:4!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  border:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{
  min-height:48px!important;
  padding:10px 14px!important;
  border:0!important;
  border-right:1px solid var(--cause-page-line)!important;
  border-bottom:1px solid var(--cause-page-line)!important;
  color:#dce8f0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:nth-child(2n){border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:focus-visible{
  background-color:var(--cause-page-blue)!important;
  color:var(--cause-page-blue-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:focus-visible{
  color:var(--cause-page-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*.is-active{
  background-color:var(--cause-page-blue)!important;
  color:var(--cause-page-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;
  border:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button{
  min-height:40px!important;
  padding:8px 9px!important;
  border:0!important;
  border-right:1px solid var(--cause-page-line)!important;
  color:rgba(143,198,255,.64)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:last-child{border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:focus-visible{
  background-color:var(--cause-page-blue)!important;
  color:var(--cause-page-blue-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button.is-active{
  background-color:var(--cause-page-blue)!important;
  color:var(--cause-page-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy{
  width:min(100%,900px)!important;
  margin:0 auto 20px!important;
  color:#a9bdca!important;
  font-size:12px!important;
  line-height:1.65!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy strong{
  color:#e7f0f5!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,940px)!important;
  margin:0 auto!important;
  border-top:1px solid var(--cause-page-line)!important;
  border-bottom:1px solid var(--cause-page-line)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div{
  padding:13px 18px!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dt{
  color:var(--cause-page-blue-hover)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dd{
  margin-top:5px!important;
  color:#dce8f0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause,
html body #mpmhUnifiedShell .mpmh-header-alignment.is-selected-cause .mpmh-header-alignment-link{
  color:#6fafe8!important;
  -webkit-text-fill-color:#6fafe8!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:focus-visible,
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="internal"]:hover,
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="internal"]:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="external"]:hover,
html body #mpmhUnifiedShell .mpmh-header-alignment-link[data-cause-link-mode="external"]:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-view{
  justify-content:center!important;
  align-items:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,780px)!important;
  margin:0 auto!important;
  border-top:1px solid var(--cause-page-line)!important;
  border-left:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:72px!important;
  gap:8px!important;
  padding:12px 18px!important;
  border-right:1px solid var(--cause-page-line)!important;
  border-bottom:1px solid var(--cause-page-line)!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div:nth-child(2n){border-right:0!important;}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines span{
  color:var(--cause-page-blue-hover)!important;
  font-size:8px!important;
  line-height:1.25!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines strong{
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:650!important;
  font-variant-numeric:tabular-nums!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route{
  display:block!important;
  margin:18px auto 0!important;
  color:var(--cause-page-blue-link)!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:focus-visible{
  color:var(--cause-page-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-view{
  width:min(100%,820px)!important;
  margin:0 auto!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-share-row{
  width:100%!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0 auto!important;
}
html body #shellMain #selectedCauseHero .mph-cause-direct-updates .mph-cause-workspace-copy{
  width:100%!important;
  margin:0 0 16px!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-updates-confirmation{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
@media(max-width:1050px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(3n){border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(n+4){border-top:1px solid var(--cause-page-line)!important;}
}
@media(max-width:720px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
    height:auto!important;
    min-height:48px!important;
    padding:0 112px 0 14px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{text-align:left!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-overview{right:12px!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
    height:auto!important;
    min-height:300px!important;
    max-height:none!important;
    overflow:visible!important;
    scrollbar-gutter:auto!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
    min-height:300px!important;
    padding:22px 16px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div+div{border-top:1px solid var(--cause-page-line)!important;}
}
@media(max-width:620px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(3n){border-right:1px solid var(--cause-page-line)!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(2n){border-right:0!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(n+3){border-top:1px solid var(--cause-page-line)!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{grid-template-columns:1fr!important;}
  html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{border-right:0!important;}
}

/* ========================================================================
   MPMH_FRONT_SHELL009 · CAUSE LANDER COMPOSITION + BASIC READOUT
   Scope: #selectedCauseHero only. Aligns the identity/description and lower
   columns, gives the interactive Cause area one crisp outer outline without
   internal grids, enriches the Overview with inline canonical actions and
   tracked outbound Cause links, and opens the compact readout to the full
   left-column width. Routes, forms, registry behavior, Signal qualification,
   exact batching, and Leaderboards remain unchanged.
   ======================================================================== */
html body #shellMain #selectedCauseHero{
  --cause005-blue:#071522;
  --cause005-line:rgba(126,183,255,.24);
  --cause005-line-soft:rgba(126,183,255,.12);
  --cause005-link:#6fafe8;
  --cause005-hover:#8fc6ff;
  --cause005-green:#0bf99e;
}

/* Desktop composition: the identity/description share one row and the lower
   readout/interactive area share the next row, guaranteeing exact top-edge
   alignment without fixed content-height guesses. */
@media (min-width:981px){
  html body #shellMain #selectedCauseHero .mph-home-stage-body{
    display:grid!important;
    grid-template-columns:minmax(260px,31%) minmax(0,69%)!important;
    grid-template-areas:
      "causeIdentity causeProfile"
      "causeReadout causeInteractive"
      ". causeFeedback"!important;
    column-gap:clamp(28px,4vw,64px)!important;
    row-gap:18px!important;
    align-items:start!important;
  }
  html body #shellMain #selectedCauseHero .mph-home-cause-rail,
  html body #shellMain #selectedCauseHero .mph-home-cause-main{
    display:contents!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-identity-block{
    grid-area:causeIdentity!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-lander-profile{
    grid-area:causeProfile!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap{
    grid-area:causeReadout!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace{
    grid-area:causeInteractive!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
    grid-area:causeFeedback!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
}

/* Identity and description share one clean top line. */
html body #shellMain #selectedCauseHero .mph-cause-identity-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-home-logo-link{
  width:min(100%,300px)!important;
  margin:0 auto!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:min(100%,300px)!important;
  margin:10px auto 0!important;
  padding:0!important;
  color:rgba(183,199,210,.52)!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-separator{display:none!important;}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-cause-number{
  order:1!important;
  flex:0 0 auto!important;
  margin:0!important;
  color:rgba(183,199,210,.48)!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website{
  order:2!important;
  flex:1 1 auto!important;
  max-width:72%!important;
  margin:0!important;
  color:var(--cause005-link)!important;
  text-align:right!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:hover,
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:focus-visible{
  color:var(--cause005-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html body #shellMain #selectedCauseHero .mph-home-cause-description{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-description{
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{
  display:block!important;
  margin:0!important;
  padding:0!important;
  text-indent:0!important;
}

/* One outlined interactive Cause component; spacing and state color replace
   the inherited internal divider grid. */
html body #shellMain #selectedCauseHero .mph-cause-workspace{
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--cause005-line)!important;
  border-radius:0!important;
  background:var(--cause005-blue)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  min-height:46px!important;
  height:46px!important;
  padding:0 124px!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  font-size:14px!important;
  letter-spacing:.07em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-overview{
  right:20px!important;
  padding:8px 0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
  height:254px!important;
  min-height:254px!important;
  max-height:254px!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  padding:20px clamp(22px,4vw,54px)!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
  margin:0!important;
  padding:0 22px 18px!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:32px!important;
  row-gap:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*{
  min-height:38px!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
  color:#dce8f0!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:focus-visible{
  background:transparent!important;
  color:var(--cause005-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>a:focus-visible{
  color:var(--cause005-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*.is-active{
  background:transparent!important;
  color:var(--cause005-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  margin:4px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button{
  min-height:31px!important;
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(143,198,255,.67)!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:focus-visible{
  background:transparent!important;
  color:var(--cause005-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button.is-active{
  background:transparent!important;
  color:var(--cause005-green)!important;
}

/* Overview: centered platform mark, readable orientation sentence, canonical
   inline action behavior, and tracked outbound Cause identity links. */
html body #shellMain #selectedCauseHero .mph-cause-overview-world{
  display:block!important;
  width:48px!important;
  height:48px!important;
  margin:0 auto 16px!important;
  object-fit:contain!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-copy{
  width:min(100%,900px)!important;
  margin:0 auto 18px!important;
  color:#c2d1db!important;
  font-size:12px!important;
  line-height:1.65!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-overview-inline-link,
html body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:none!important;
  vertical-align:baseline!important;
}
html body #shellMain #selectedCauseHero .mph-cause-overview-inline-link:hover,
html body #shellMain #selectedCauseHero .mph-cause-overview-inline-link:focus-visible{
  color:var(--cause005-hover)!important;
  -webkit-text-fill-color:var(--cause005-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link:hover,
html body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link:focus-visible{
  color:var(--cause005-green)!important;
  -webkit-text-fill-color:var(--cause005-green)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,880px)!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div{
  padding:8px 18px!important;
  border:0!important;
  text-align:center!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dt{
  color:var(--cause005-hover)!important;
  font-size:8px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts dd{
  margin:5px 0 0!important;
  color:#dce8f0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite{
  color:var(--cause005-link)!important;
  -webkit-text-fill-color:var(--cause005-link)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:focus-visible,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite:focus-visible{
  color:var(--cause005-green)!important;
  -webkit-text-fill-color:var(--cause005-green)!important;
}

/* Cause Signals: balanced 2×2 values without quadrant lines. */
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px 34px!important;
  width:min(100%,780px)!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{
  min-height:64px!important;
  padding:8px 16px!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route{
  margin:16px auto 0!important;
  color:var(--cause005-link)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:focus-visible{
  color:var(--cause005-hover)!important;
  outline:0!important;
}

/* Full-width compact Cause readout: one page-blue surface, concise rows, and a
   Basic Readout disclosure that expands across the entire left column. */
html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-compact-readout{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:var(--cause005-blue)!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head{
  display:block!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 108px 11px 0!important;
  border:0!important;
  border-bottom:1px solid var(--cause005-line-soft)!important;
  background:transparent!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head h2{
  max-width:none!important;
  margin:0!important;
  color:#f4fbff!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:760!important;
  letter-spacing:.085em!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary{
  position:absolute!important;
  top:0!important;
  right:0!important;
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:1px 0 10px 16px!important;
  border:0!important;
  background:transparent!important;
  color:var(--cause005-link)!important;
  font-size:8px!important;
  line-height:1.3!important;
  font-weight:740!important;
  letter-spacing:.10em!important;
  text-align:right!important;
  cursor:pointer!important;
  list-style:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary:before,
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary:after{
  content:none!important;
  display:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary:hover,
html body #shellMain #selectedCauseHero .mph-cause-readout-summary summary:focus-visible{
  color:var(--cause005-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary[open] summary{
  color:var(--cause005-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:10px 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3{
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--cause005-hover)!important;
  font-size:8px!important;
  line-height:1.3!important;
  font-weight:740!important;
  letter-spacing:.10em!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid,
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:30px!important;
  margin:0!important;
  padding:7px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.08)!important;
  background:transparent!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat span{
  color:rgba(169,193,209,.70)!important;
  font-size:8px!important;
  line-height:1.25!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat strong{
  color:#f4fbff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:650!important;
  text-align:right!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:2px 14px!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(126,183,255,.09)!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card span{
  grid-column:1!important;
  margin:0!important;
  color:var(--cause005-hover)!important;
  font-size:8px!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card strong{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  color:#f4fbff!important;
  font-size:17px!important;
  font-weight:650!important;
  text-align:right!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card small{
  grid-column:1!important;
  margin:3px 0 0!important;
  color:rgba(169,187,199,.50)!important;
  font-size:7.5px!important;
  text-align:left!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card-total{
  background:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-signal-card-total strong{
  color:var(--cause005-green)!important;
}

@media (max-width:1050px) and (min-width:981px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:980px){
  html body #shellMain #selectedCauseHero .mph-home-stage-body{
    display:block!important;
  }
  html body #shellMain #selectedCauseHero .mph-home-cause-rail,
  html body #shellMain #selectedCauseHero .mph-home-cause-main{
    display:block!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
  html body #shellMain #selectedCauseHero .mph-cause-workspace{
    margin-top:18px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:720px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
    padding:0 112px 0 14px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
    height:auto!important;
    min-height:300px!important;
    max-height:none!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
    min-height:300px!important;
    padding:22px 16px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
    padding:0 16px 16px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-facts{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid,
  html body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat-grid-layers{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:620px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-primary{
    grid-template-columns:1fr!important;
    column-gap:0!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-identity-meta{
    width:min(100%,300px)!important;
  }
}

/* FRONT_SHELL006 final internal-divider nulls. Earlier mobile and grid owners
   use more-specific nth-child selectors, so null them explicitly to preserve
   the one-outline Cause component at every viewport. */
html body #shellMain #selectedCauseHero .mph-cause-workspace-primary>*:nth-child(n),
html body #shellMain #selectedCauseHero .mph-cause-workspace-secondary button:nth-child(n),
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div:nth-child(n),
html body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div+div,
html body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div:nth-child(n){
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
}


/* ========================================================================
   MPMH_FRONT_SHELL009 · CAUSE PANEL SHELL + BEHAVIOR-BASED ACTION RAILS
   One fixed content frame. All controls live outside it. The scoped X closes
   only this Cause panel and exposes the centered MP Media Holdings world mark.
   ======================================================================== */
html body #shellMain #selectedCauseHero .mph-cause-interactive-region{
  --cause006-blue:#071522;
  --cause006-line:rgba(126,183,255,.36);
  --cause006-line-soft:rgba(126,183,255,.14);
  --cause006-rest:rgba(143,198,255,.68);
  --cause006-hover:#8fc6ff;
  --cause006-green:#0bf99e;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-frame{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--cause006-line)!important;
  border-radius:0!important;
  background:var(--cause006-blue)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transition:border-color .12s ease!important;
}
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-frame{
  border-color:transparent!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 46px!important;
  border:0!important;
  border-bottom:1px solid var(--cause006-line)!important;
  background:var(--cause006-blue)!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  margin:0!important;
  padding:0!important;
  color:#f4fbff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.12em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-close{
  position:absolute!important;
  top:4px!important;
  right:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--cause006-hover)!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-close:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-close:focus-visible{
  color:#f4fbff!important;
  outline:1px solid rgba(143,198,255,.38)!important;
  outline-offset:-3px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel{
  display:block!important;
  width:100%!important;
  height:262px!important;
  min-height:262px!important;
  max-height:262px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:var(--cause006-blue)!important;
  overflow:auto!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  min-height:262px!important;
  height:262px!important;
  max-height:262px!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-head{
  display:none!important;
  height:0!important;
  min-height:0!important;
  border:0!important;
  overflow:hidden!important;
}
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner{
  height:300px!important;
  min-height:300px!important;
  max-height:300px!important;
  overflow:hidden!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-closed{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:var(--cause006-blue)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-closed-logo{
  display:block!important;
  width:124px!important;
  height:124px!important;
  max-width:34vw!important;
  max-height:34vw!important;
  object-fit:contain!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
  display:block!important;
  width:100%!important;
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  display:grid!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:8px 12px!important;
  margin-top:3px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>*,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>*{
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  text-align:center!important;
  cursor:pointer!important;
  white-space:normal!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>*{
  min-height:36px!important;
  padding:7px 8px!important;
  color:rgba(220,232,240,.84)!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:720!important;
  letter-spacing:.085em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>*{
  min-height:31px!important;
  padding:5px 4px!important;
  color:var(--cause006-rest)!important;
  font-size:7.8px!important;
  line-height:1.28!important;
  font-weight:680!important;
  letter-spacing:.075em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:focus-visible,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:focus-visible{
  color:var(--cause006-hover)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button.is-active{
  color:var(--cause006-green)!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:hover,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:focus-visible{
  color:var(--cause006-green)!important;
  outline:0!important;
}
html body #shellMain #selectedCauseHero .cause-action-feedback{
  margin:2px 0 0!important;
}
@media (max-width:1100px) and (min-width:981px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (max-width:720px){
  html body #shellMain #selectedCauseHero .mph-cause-workspace-frame{
    height:auto!important;
    min-height:320px!important;
    max-height:none!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
  html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
    height:auto!important;
    min-height:282px!important;
    max-height:none!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
  html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner{
    height:320px!important;
    min-height:320px!important;
    max-height:320px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 8px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>*{
    min-height:40px!important;
  }
  html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>*{
    min-height:34px!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL009 · MP SIGNAL SYSTEMS PRODUCTION PRESENTATION
   ------------------------------------------------------------------------
   Presentation owner only. The existing highway motion, markers, waves,
   timing, values, bindings, and reduced-motion behavior are preserved.
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  padding:18px clamp(14px,2.1vw,32px) 28px!important;
  color:#dcebf4!important;
  background:#000!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
  max-width:1040px;
  margin:0 auto 20px;
  padding:0 12px 18px;
  text-align:center;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-kicker{
  color:#0bf99e;
  font-size:10px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1{
  margin:7px 0 8px;
  color:#f4fbff;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.12;
  font-weight:500;
  letter-spacing:.035em;
  text-transform:uppercase;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head p{
  margin:0;
  color:#a8c2d2;
  font-size:13px;
  line-height:1.55;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head p strong{
  color:#8fc6ff;
  font:inherit;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-link{
  appearance:none;
  margin:9px 0 0;
  padding:0;
  border:0;
  background:transparent;
  color:#6fafe8;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-link:hover,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-link:focus-visible{
  color:#8fc6ff;
  outline:0;
}

/* Remove mockup chrome around—not inside—the authored animation. */
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05{
  max-width:1200px!important;
  margin:0 auto 22px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05::before,
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05::after{
  content:none!important;
  display:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05{
  display:block!important;
  padding:0 12px 14px!important;
  text-align:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05 > div{
  display:block!important;
  text-align:center!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05 span{
  color:#6fafe8!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05 b{
  margin-top:6px!important;
  color:#f4fbff!important;
  font-size:clamp(18px,1.8vw,27px)!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:.055em!important;
  text-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05 em{
  display:block!important;
  max-width:760px;
  margin:8px auto 0!important;
  color:#91a9b7!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  text-align:center!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{
  max-width:980px;
  margin:0 auto 8px;
  padding:0 8px 12px;
  gap:0;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05{
  padding:8px 12px!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05 span{
  color:#8fc6ff!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.09em!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05 b{
  margin-top:5px!important;
  color:#8e9ea8!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-field-v05{
  margin:0!important;
  border:0!important;
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-v05{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .activity-legend-v05{
  border:0!important;
  border-radius:0!important;
  background:rgba(0,0,0,.72)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 span{
  font-size:8px!important;
  letter-spacing:.11em!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 b{
  color:#f4fbff!important;
  font-weight:600!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 em,
html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05{
  color:#8298a5!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-public-highway-note{
  max-width:820px;
  margin:10px auto 0!important;
  padding:0 12px!important;
  color:#8fa5b2!important;
  font-size:11px!important;
  line-height:1.5!important;
  text-align:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Canonical public totals: typography, not metric-card chrome. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{
  max-width:1080px;
  margin:4px auto 24px!important;
  padding:20px 0!important;
  gap:0!important;
  border-top:1px solid rgba(111,175,232,.18)!important;
  border-bottom:1px solid rgba(111,175,232,.18)!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-cell{
  min-height:82px!important;
  padding:8px 18px!important;
  text-align:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-label{
  color:#8fc6ff!important;
  font-size:9px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:.10em!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-value{
  margin-top:7px!important;
  color:#f4fbff!important;
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1!important;
  font-weight:500!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-sub{
  margin-top:6px!important;
  color:#788e9b!important;
  font-size:9px!important;
  line-height:1.3!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
  max-width:900px;
  margin:0 auto 30px;
  padding:0 18px;
  text-align:center;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to h2{
  margin:0 0 9px;
  color:#f4fbff;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p{
  margin:0;
  color:#a7bac5;
  font-size:12px;
  line-height:1.65;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to strong{
  color:#dceeff;
  font-weight:500;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
  max-width:1080px;
  margin:0 auto 30px!important;
  gap:24px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card h3{
  margin:0 0 8px!important;
  color:#8fc6ff!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:600!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card p{
  margin:0!important;
  color:#93a8b4!important;
  font-size:11px!important;
  line-height:1.55!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  max-width:1080px;
  margin:0 auto;
  padding:18px 14px 4px;
  border-top:1px solid rgba(111,175,232,.16)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  color:#718692;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
  margin:0;
  font-size:10px;
  line-height:1.55;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p + p{margin-top:7px;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note strong{
  color:#91aab7;
  font-weight:500;
}

/* Closed desktop: no stale active tab and the selected-Cause link is internal. */
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn.active{
    color:rgba(111,175,232,.30)!important;
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    text-shadow:none!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn::before,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn::after{content:none!important;display:none!important;}
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn:hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .tab-btn:focus-visible{color:#8fc6ff!important;}
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhHeaderAlignedCauseName[data-cause-link-mode="internal"]:hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #mpmhHeaderAlignedCauseName[data-cause-link-mode="internal"]:focus-visible{color:#8fc6ff!important;}
}

@media(max-width:900px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{padding:14px 12px 24px!important;}
  html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{grid-template-columns:1fr 1fr!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{grid-template-columns:1fr 1fr!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{grid-template-columns:1fr 1fr!important;gap:20px!important;}
}
@media(max-width:560px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1{font-size:21px;}
  html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05{padding:5px 8px!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-readout-cell{min-height:70px!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card p{text-align:center!important;}
}
@media(max-width:560px){
  html body #publicShell #shellMain > .signals-panel .connected-highways-field-v05::after{content:none!important;display:none!important;}
}


/* ========================================================================
   MPMH_FRONT_SHELL009 · SIGNAL HIGHWAY EQUATION + HIERARCHY REFINEMENT
   ------------------------------------------------------------------------
   Presentation owner only. The authored animation mechanics, marker timing,
   wave timing, glow, data bindings and reduced-motion behavior are retained.
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  padding-top:10px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
  margin:0 auto 10px!important;
  padding:0 12px 5px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1{
  margin:0!important;
  color:#a8c2d2!important;
  font-size:clamp(13px,1.15vw,17px)!important;
  line-height:1.35!important;
  font-weight:400!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1 strong{
  color:#8fc6ff!important;
  font:inherit!important;
  font-weight:500!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-top:4px;
  color:#6f8592;
  font-size:8px;
  line-height:1.25;
  letter-spacing:.09em;
  text-transform:uppercase;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span + span::before{
  content:'·';
  margin-right:12px;
  color:#3e5968;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-head-v05{display:none!important;}
html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{
  margin-top:0!important;
  padding-top:0!important;
}

/* Existing class colors remain the color authority; only vertical ownership changes. */
html body #publicShell #shellMain > .signals-panel .connected-highway-v05.channel{top:25px!important;}
html body #publicShell #shellMain > .signals-panel .connected-highway-v05.campaign{top:107px!important;}
html body #publicShell #shellMain > .signals-panel .connected-highway-v05.cause{top:189px!important;}
html body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 em,
html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05,
html body #publicShell #shellMain > .signals-panel .connected-highways-field-v05::after,
html body #publicShell #shellMain > .signals-panel .pairing-knot-v05::after{
  display:none!important;
  content:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-row{
  max-width:1200px;
  margin:-8px auto 14px;
  text-align:center;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-link{
  margin:0!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{
  margin-top:0!important;
  padding:15px 0!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-cell{
  min-height:58px!important;
  padding:7px 18px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-sub{display:none!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-value{margin-top:6px!important;}

@media(max-width:640px){
  html body #publicShell #shellMain > .signals-panel .connected-highway-v05.channel{top:26px!important;}
  html body #publicShell #shellMain > .signals-panel .connected-highway-v05.campaign{top:126px!important;}
  html body #publicShell #shellMain > .signals-panel .connected-highway-v05.cause{top:226px!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline{
    display:block;
    font-size:7.5px;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{display:block;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span + span{margin-top:2px;}
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span + span::before{content:none;}
}


/* ========================================================================
   MPMH_FRONT_SHELL009 · LAUNCH COPY + SIGNALS / LEADERBOARDS POLISH
   ------------------------------------------------------------------------
   Presentation owner only. Existing animation timing, markers, waves, glow,
   values, selected-cause bindings, reduced-motion behavior, routes, tracking,
   and Leaderboards interaction/data ownership remain intact.
   ======================================================================== */

/* Restore the highway's full right-side visual reach without bringing back
   removed helper labels or changing the authored animation timing. */
html body #publicShell #shellMain > .signals-panel .connected-highway-v05{
  right:.8%!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-line-v05{
  right:.25%!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-wave-v05{
  right:.35%!important;
}

/* The approved explanatory note now qualifies the animation immediately after
   the visual. The bottom-page duplicate no longer exists in the markup. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  max-width:1120px!important;
  margin:0 auto 8px!important;
  padding:11px 16px 2px!important;
  border-top:1px solid rgba(111,175,232,.13)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:0!important;
  color:#748995!important;
  text-align:left!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
  margin:0!important;
  font-size:9.5px!important;
  line-height:1.5!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p + p{
  margin-top:5px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-row{
  margin:3px auto 14px!important;
}

/* Leaderboards: the metric title is the only board label, centered with no
   punctuation. The active explanation uses a restrained bronze/tan tone. */
html body #publicShell #shellMain .mpmh-lb-hero span{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-lb-hero h2{
  padding:0 12px!important;
  color:#c9ad7c!important;
  -webkit-text-fill-color:#c9ad7c!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head,
html body #publicShell #shellMain .mpmh-lb-panel-head h3{
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh-lb-panel-head h3::after{
  content:none!important;
  display:none!important;
}

@media(max-width:760px){
  html body #publicShell #shellMain > .signals-panel .connected-highway-v05{
    right:1.25%!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
    padding-left:8px!important;
    padding-right:8px!important;
    text-align:center!important;
  }
  html body #publicShell #shellMain .mpmh-lb-hero h2{
    white-space:normal!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL010 · SIGNAL HIGHWAY PRIMARY RIGHT-LABEL RESTORATION
   ------------------------------------------------------------------------
   FRONT_SHELL008 removed the entire meta container while intending to remove
   only its silver helper line. These dedicated one-line labels deliberately
   restore the primary text only. No background, border, helper copy, motion,
   line geometry, marker timing, or data binding is changed.
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label{
  display:block!important;
  content:normal!important;
  position:absolute!important;
  right:13px!important;
  top:10px!important;
  z-index:8!important;
  width:auto!important;
  max-width:42%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#eafff7!important;
  text-align:right!important;
  line-height:1!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#eafff7!important;
  font-size:8.4px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-shadow:0 1px 8px rgba(0,0,0,.92)!important;
}
@media(max-width:760px){
  html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label{
    display:none!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL011 · SIGNALS GRID + RHYTHM PRODUCTION POLISH
   ------------------------------------------------------------------------
   Presentation owner only. No animation keyframes, marker timing, wave paths,
   values, bindings, routes, tracking, or reduced-motion contracts are changed.
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  --mpmh-signals-grid:1200px;
  padding-top:7px!important;
  padding-bottom:24px!important;
}

/* One platform grid for the hero, visual, qualification note, readouts and
   explanatory material. Text blocks retain narrower internal reading widths. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head,
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-row,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row,
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to,
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
  width:100%!important;
  max-width:var(--mpmh-signals-grid)!important;
  box-sizing:border-box!important;
}

/* Tighten the upper third so the authored animation becomes the immediate hero. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
  margin-bottom:4px!important;
  padding-bottom:2px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline{
  margin-top:3px!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{
  max-width:var(--mpmh-signals-grid)!important;
  margin-bottom:2px!important;
  padding:0 2px 4px!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05{
  padding:5px 8px!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05 span{
  font-size:9.5px!important;
  line-height:1.2!important;
  letter-spacing:.085em!important;
}
html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05 b{
  display:none!important;
}
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05{
  margin-bottom:10px!important;
}


/* Keep all three restored lane-end labels on one exact edge and baseline. */
html body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label{
  right:9px!important;
  top:9px!important;
}

/* The note qualifies the visual without reading like a full-width debug line. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  margin:0 auto 5px!important;
  padding:12px 10px 2px!important;
  text-align:center!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#8296a1!important;
  font-size:10.25px!important;
  line-height:1.58!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p + p{
  margin-top:4px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note strong{
  color:#9bafb9!important;
  font-weight:500!important;
}

/* Utility navigation stays available without competing with the readout. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-row{
  margin:5px auto 10px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-link{
  color:#6fafe8!important;
  font-size:10.5px!important;
  line-height:1.3!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}

/* The principal numbers now share an exact baseline and one quiet top rule. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{
  margin:0 auto 22px!important;
  padding:14px 0 13px!important;
  border-top:1px solid rgba(111,175,232,.16)!important;
  border-bottom:0!important;
  align-items:stretch!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-cell{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:60px!important;
  padding:5px 14px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-label{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  min-height:22px!important;
  font-size:9.5px!important;
  line-height:1.22!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-readout-value{
  margin-top:5px!important;
  font-size:clamp(22px,1.8vw,28px)!important;
  line-height:1!important;
}

/* Lighter editorial explanation: sentence case, shorter measure, two beats. */
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
  margin:0 auto 25px!important;
  padding:0 16px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to h2{
  margin-bottom:8px!important;
  font-size:14px!important;
  line-height:1.25!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p{
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:11.75px!important;
  line-height:1.58!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p + p{
  margin-top:3px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
  margin-bottom:24px!important;
}

@media(max-width:900px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
    --mpmh-signals-grid:100%;
    padding-top:6px!important;
  }
  html body #publicShell #shellMain > .signals-panel .connected-highways-stagebar-v05{
    padding-bottom:2px!important;
  }
}
@media(max-width:560px){
  html body #publicShell #shellMain > .signals-panel .connected-highways-stage-v05{
    padding:4px 6px!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
    font-size:10px!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL015 · SIGNALS LAUNCH COPY + TITLE SHIMMER POLISH
   ------------------------------------------------------------------------
   Presentation/copy owner only. Highway keyframes, marker timing, wave paths,
   readout formulas, bindings, routes, tracking and reduced-motion contracts
   remain inherited from FRONT_SHELL011.
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1{
  font-size:clamp(12px,1vw,15px)!important;
  line-height:1.32!important;
  font-weight:400!important;
}

/* Crisp, infrequent text-only highlight. No glow, blur, panel or loading cue. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{
    color:#738995!important;
    background-color:#738995!important;
    background-image:linear-gradient(105deg,#738995 0%,#738995 42%,#dff5ff 49%,#9fcbea 53%,#738995 60%,#738995 100%)!important;
    background-size:280% 100%!important;
    background-position:118% 0!important;
    background-repeat:no-repeat!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    animation:mpmhSignalHeadingSweep 10s ease-in-out infinite!important;
  }
}
@keyframes mpmhSignalHeadingSweep{
  0%,76%{background-position:118% 0;}
  88%,100%{background-position:-18% 0;}
}

/* Final public disclaimer: one concise, readable bronze-toned qualification. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  margin-bottom:7px!important;
  padding-top:11px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
  max-width:980px!important;
  color:#a79272!important;
  font-size:10.35px!important;
  line-height:1.58!important;
  text-align:center!important;
}

/* Readout explanation owns a clean left-aligned editorial measure. */
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
  max-width:1080px!important;
  margin:0 auto 27px!important;
  padding:0 14px!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to h2{
  max-width:980px!important;
  margin:0 auto 8px!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#a7bac5!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p + p{
  margin-top:8px!important;
}

/* Public methodology links look like prose until deliberate hover/focus. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-method-link{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-method-link:hover,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-method-link:focus-visible{
  color:#8fc6ff!important;
  outline:0!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-method-link:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

/* More complete public explanations; preserve the open four-column surface. */
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
  max-width:1160px!important;
  gap:28px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card p{
  line-height:1.62!important;
}

@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{
    animation:none!important;
    color:#738995!important;
    background:none!important;
    -webkit-text-fill-color:currentColor!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head h1{
    font-size:14px!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
    gap:22px!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL015 · SIGNALS READABILITY + LINKED METHODOLOGY POLISH
   ------------------------------------------------------------------------
   Presentation and public-copy owner only. Highway keyframes, marker timing,
   wave paths, lane colors, readout formulas, selected-cause bindings, routes,
   standard tab tracking, reduced-motion behavior, and Signal transport remain
   inherited from FRONT_SHELL012.
   ======================================================================== */

/* Keep both authored labels fully rendered while the narrow text highlight
   sweeps through their glyphs. The text box itself never changes width. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{
    display:inline-block!important;
    position:relative!important;
    width:auto!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
    color:#738995!important;
    background-image:linear-gradient(105deg,#738995 0%,#738995 42%,#dff5ff 49%,#9fcbea 53%,#738995 60%,#738995 100%)!important;
    background-size:280% 100%!important;
    background-position:118% 0!important;
    background-repeat:no-repeat!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
    animation:mpmhSignalHeadingSweep 10s ease-in-out infinite!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span + span::before{
    -webkit-text-fill-color:#3e5968!important;
  }
}

/* The qualification begins on the animation grid edge, with a deliberate
   second-line roadmap statement and no framing rule above it. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  width:100%!important;
  max-width:var(--mpmh-signals-grid)!important;
  margin:0 auto 7px!important;
  padding:10px 0 2px!important;
  border:0!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#b49a73!important;
  font-size:10.35px!important;
  line-height:1.58!important;
  text-align:left!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p + p{
  margin-top:2px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-no-break{
  white-space:nowrap!important;
}

/* One uninterrupted explanation. The inline label carries emphasis without
   becoming another heading or adding vertical chrome. */
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
  width:100%!important;
  max-width:var(--mpmh-signals-grid)!important;
  margin:0 auto 25px!important;
  padding:0!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#a7bac5!important;
  font-size:11.75px!important;
  line-height:1.62!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p strong{
  color:#dcebf4!important;
  font:inherit!important;
  font-weight:700!important;
}

/* Text routes remain visually part of the prose until deliberate interaction. */
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card .mpmh-signals-method-link{
  vertical-align:baseline!important;
}

@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{
    animation:none!important;
    color:#738995!important;
    background:none!important;
    -webkit-text-fill-color:currentColor!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note,
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{
    text-align:left!important;
  }
}
@media(max-width:640px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* ========================================================================
   MPMH_FRONT_SHELL015 · CLOSED-DESKTOP STATE OWNERSHIP + SIGNALS SPACING
   ======================================================================== */
@media(min-width:721px){
  html.mpmh285-shell-blank[data-mpmh-presentational-tab="none"] body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn,
  html.mpmh285-shell-blank[data-mpmh-presentational-tab="none"] body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn.active,
  html.mpmh285-shell-blank[data-mpmh-presentational-tab="none"] body.mpmh285-shell-blank #publicShell #mpmhUnifiedShell #tabs .tab-btn[aria-selected="true"]{
    color:rgba(111,175,232,.30)!important;-webkit-text-fill-color:rgba(111,175,232,.30)!important;
    background:transparent!important;border-color:transparent!important;box-shadow:none!important;text-shadow:none!important;
    font-weight:600!important;line-height:1!important;
  }
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-subline{display:none!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{padding-bottom:14px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-cause{
  color:inherit!important;text-decoration:none!important;font:inherit!important;font-weight:inherit!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-cause:hover,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-cause:focus-visible{color:#8fc6ff!important;outline:0!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-cause:focus-visible{text-decoration:underline!important;text-underline-offset:3px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{
  width:100%!important;
  max-width:var(--mpmh-signals-grid)!important;
  margin:18px auto 0!important;
  padding:0 0 4px clamp(86px,8vw,132px)!important;
  box-sizing:border-box!important;
  color:#9aaab4!important;
  transform:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note p{color:#9aaab4!important;font-size:10.2px!important;line-height:1.62!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-platform-readouts-row{margin-top:18px!important;margin-bottom:28px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{margin-bottom:30px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{margin-bottom:38px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p{color:#98a9b3!important;font-size:10.9px!important;line-height:1.68!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to p strong{color:#b9c6cd!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{margin-top:8px!important;gap:32px!important;}
@media(max-width:760px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-visualization-note{width:100%!important;max-width:100%!important;transform:none!important;padding-left:8px!important;padding-right:8px!important;}
}

/* ========================================================================
   MPMH_FRONT_SHELL015 · LEADERBOARDS / HISTORY SURFACE POLISH
   ------------------------------------------------------------------------
   One active leaderboard board at a time, restrained row-detail motion,
   silver explanatory copy, and clean differentiated Technology / Stats tones.
   ======================================================================== */

/* Leaderboards return to one active board controlled by the existing left rail. */
html body #publicShell #shellMain .mpmh-leaderboards-native{
  min-height:calc(100vh - 110px)!important;
  padding-bottom:88px!important;
}
html body #publicShell #shellMain .mpmh-lb-panels{
  min-height:0!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-panel:not([hidden]){
  display:block!important;
  margin:0!important;
  padding:0!important;
  scroll-margin-top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
}
html body #publicShell #shellMain .mpmh-lb-panel.is-scroll-active .mpmh-lb-panel-head{
  border-color:rgba(143,198,255,.58)!important;
}

/* Active-board explanation aligns to the table edge and reads as supporting copy. */
html body #publicShell #shellMain .mpmh-lb-hero > div{
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-lb-hero h2{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 10px 4px!important;
  color:#a9b7c0!important;
  -webkit-text-fill-color:#a9b7c0!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.005em!important;
  text-transform:none!important;
}

/* Deliberate detail expansion: the content settles upward into its final place. */
@keyframes mpmhLbDetailSettleUp{
  from{opacity:0;transform:translateY(11px);}
  to{opacity:1;transform:translateY(0);}
}
html body #publicShell #shellMain .mpmh-lb-details.mpmh-lb-detail-enter{
  animation:mpmhLbDetailSettleUp 220ms cubic-bezier(.22,.72,.22,1) both!important;
  transform-origin:top center!important;
  will-change:transform,opacity!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-details.mpmh-lb-detail-enter{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}

/* Technology: one uninterrupted near-black green systems surface. */
html[data-mpmh-active-surface="technology"] body #publicShell #shellMain,
html body #publicShell #shellMain[data-mpmh-active-surface="technology"],
html body #publicShell #shellMain .tab-panel[data-panel="technology"],
html body #publicShell #shellMain .mpmh314-technology-panel,
html body #publicShell #shellMain .mpmh314-technology-surface,
html body #publicShell #shellMain .mpmh314-technology-document{
  background:#02110b!important;
  background-image:none!important;
}
html body #publicShell #shellMain .mpmh314-technology-panel,
html body #publicShell #shellMain .mpmh314-technology-surface,
html body #publicShell #shellMain .mpmh314-technology-document,
html body #publicShell #shellMain .mpmh314-technology-header,
html body #publicShell #shellMain .mpmh314-technology-section,
html body #publicShell #shellMain .mpmh314-technology-index,
html body #publicShell #shellMain .mpmh314-technology-related{
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Stats: shift the full surface from blue to a clean near-black readout field. */
html[data-mpmh-active-surface="stats"] body #publicShell #shellMain,
html body #publicShell #shellMain[data-mpmh-active-surface="stats"],
html body #publicShell #shellMain .tab-panel[data-panel="stats"],
html body #publicShell #shellMain .mpmh-stats-universe-v215,
html body #publicShell #shellMain .mpmh-stats-head-v215,
html body #publicShell #shellMain .mpmh-stats-body-v215{
  background:#02070a!important;
  background-image:none!important;
}
html body #publicShell #shellMain .mpmh-stats-head-v215{
  border-top-color:rgba(164,184,196,.14)!important;
  border-bottom-color:rgba(164,184,196,.18)!important;
  box-shadow:none!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,
html body #publicShell #shellMain .mpmh-stats-lens-note-v223,
html body #publicShell #shellMain .mpmh-stats-lens-note-v224{
  background:#040b0f!important;
  background-image:none!important;
  border-color:rgba(151,177,190,.14)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-stats-section-v215{
  border-left:0!important;
  border-right:0!important;
}

@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{padding-bottom:64px!important;}
  html body #publicShell #shellMain .mpmh-lb-hero h2{padding-left:0!important;padding-right:0!important;}
}


/* MPMH_FRONT_SHELL016 — launch surface polish. */
/* Home marquee: pointer hover pauses, keyboard focus-visible pauses; clicked mouse focus does not persist pause. */
html.mpmh280-home-states body #shellMain .mpmh280-marquee:focus-within .mpmh280-marquee-track{animation-play-state:running!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee:hover .mpmh280-marquee-track,
html.mpmh280-home-states body #shellMain .mpmh280-marquee:has(.mpmh280-marquee-logo:focus-visible) .mpmh280-marquee-track,
html.mpmh280-home-states body #shellMain .mpmh280-marquee.is-offscreen .mpmh280-marquee-track{animation-play-state:paused!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo{
  height:112px!important; flex-basis:156px!important; padding:8px 14px 28px!important;
  background:transparent!important; border:0!important; outline:0; box-shadow:none!important; overflow:hidden!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo::before{
  content:""; position:absolute; left:0; right:0; top:0; height:84px; background:#fff; z-index:0;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo img{position:relative;z-index:1;height:64px!important;max-height:64px!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:not(.is-placeholder)>span{
  position:absolute!important; left:7px!important; right:7px!important; bottom:6px!important; z-index:2;
  color:#78cfff!important; opacity:0!important; font-size:8px!important; line-height:1.2!important;
  text-align:center!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:hover>span,
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:focus-visible>span{opacity:1!important;color:#78cfff!important;}
html.mpmh280-home-states body #shellMain .mpmh280-marquee-logo:focus-visible{outline:1px solid #78cfff!important;outline-offset:-1px!important;}

/* Categories: open, country-ready index rather than boxed cards. */
#mpmhUnifiedShell [data-panel="categories"] .panel-head{display:none!important;}
#mpmhUnifiedShell [data-panel="categories"] .category-clean-body{padding:20px 22px 48px!important;background:transparent!important;border:0!important;}
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{
  display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0 28px!important;
  align-items:start!important; margin:0!important; padding:0!important; background:transparent!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *,
#mpmhUnifiedShell [data-panel="categories"] .category-card,
#mpmhUnifiedShell [data-panel="categories"] .category-btn{
  min-height:0!important; height:auto!important; padding:11px 2px!important; margin:0!important;
  background:transparent!important; border:0!important; border-bottom:1px solid rgba(151,177,190,.12)!important;
  border-radius:0!important; box-shadow:none!important; text-align:left!important;
}
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-card:hover,
#mpmhUnifiedShell [data-panel="categories"] .category-btn:hover{background:transparent!important;border-bottom-color:rgba(120,207,255,.48)!important;}
#mpmhUnifiedShell [data-panel="categories"] .category-grid-az > *:focus-visible{outline:1px solid #78cfff!important;outline-offset:2px!important;}
#mpmhUnifiedShell [data-panel="categories"] .category-counts{opacity:.7!important;font-size:9px!important;}
@media(max-width:980px){#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:680px){#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important;}}
@media(max-width:430px){#mpmhUnifiedShell [data-panel="categories"] .category-grid-az{grid-template-columns:1fr!important;}}

/* Cause lander: align logo unit and place controls above active pane. */
#causeLander .mph-cause-lander-grid,#causeLander .mph-cause-intro-grid{align-items:start!important;}
#causeLander .mph-cause-logo-column,#causeLander .mph-cause-logo-block{margin-top:0!important;align-self:start!important;}
#causeWorkspace{display:flex!important;flex-direction:column!important;}
#causeWorkspace .mph-cause-workspace-actions{order:1!important;margin:0 0 18px!important;}
#causeWorkspace .mph-cause-workspace-frame{order:2!important;}
#causeWorkspace .mph-cause-workspace-inline-nav,#causeWorkspace .mph-cause-workspace-route-nav{justify-content:flex-start!important;}

/* Remove redundant public-page overlines where active tabs and main headings already identify the surface. */
#mpmhUnifiedShell [data-panel="campaigns"] .brands-discovery-head,
#mpmhUnifiedShell [data-panel="charities"] .causes-discovery-head,
#mpmhUnifiedShell [data-panel="technology"] .mpmh314-technology-label{display:none!important;}

/* Technology: pure-black, standard platform typography, open document surface. */
html body #publicShell #shellMain .tab-panel[data-panel="technology"],
html body #publicShell #shellMain .mpmh314-technology-surface,
html body #publicShell #shellMain .mpmh314-technology-document{background:#000!important;background-image:none!important;box-shadow:none!important;border:0!important;}
html body #publicShell #shellMain .mpmh314-technology-document,
html body #publicShell #shellMain .mpmh314-technology-document h1,
html body #publicShell #shellMain .mpmh314-technology-document h2,
html body #publicShell #shellMain .mpmh314-technology-document p,
html body #publicShell #shellMain .mpmh314-technology-list{font-family:Arial,Helvetica,sans-serif!important;}
html body #publicShell #shellMain .mpmh314-section-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;}
html body #publicShell #shellMain .mpmh314-technology-document{max-width:1180px!important;margin:0 auto!important;padding:34px 44px 72px!important;}
html body #publicShell #shellMain .mpmh314-technology-header,
html body #publicShell #shellMain .mpmh314-technology-section{max-width:920px!important;margin-left:auto!important;margin-right:auto!important;}
html body #publicShell #shellMain .mpmh314-technology-header p,
html body #publicShell #shellMain .mpmh314-technology-section p{max-width:820px!important;line-height:1.72!important;}
html body #publicShell #shellMain .mpmh314-technology-index{display:none!important;}
@media(max-width:720px){html body #publicShell #shellMain .mpmh314-technology-document{padding:26px 20px 54px!important;}}


/* ========================================================================
   MPMH_FRONT_SHELL017 · CAUSE ALIGNMENT + LEADERBOARD UTILITY WORKSPACE
   One final scoped owner for the selected-Cause composition and expanded
   public Leaderboard rows. Open surfaces, minimal hairlines, no nested cards.
   ======================================================================== */

/* Cause identity: align the white logo plate with the first description line
   and make its metadata read as one compact footer to the plate. */
@media(min-width:981px){
  html body #shellMain #selectedCauseHero .mph-cause-identity-block{
    margin-top:-40px!important;
  }
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta{
  width:min(100%,300px)!important;
  min-height:18px!important;
  margin:8px auto 0!important;
  padding:0 1px!important;
  align-items:baseline!important;
  color:rgba(187,202,212,.62)!important;
  font-size:9.2px!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-cause-number{
  color:rgba(187,202,212,.58)!important;
  font-weight:500!important;
}
html body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website{
  color:#8fc6ff!important;
  font-weight:500!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0 0 8px!important;
  padding:0!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  order:1!important;
  margin:0 0 12px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav{
  order:2!important;
  margin:0 0 7px!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-frame{
  scroll-margin-top:42px!important;
}
@media(max-width:980px){
  html body #shellMain #selectedCauseHero .mph-cause-identity-block{margin-top:0!important;}
}

/* Active leaderboard description: align with the table edge and settle once
   with a crisp paint-only silver scan when the active board changes. */
html body #publicShell #shellMain .mpmh-lb-hero h2{
  margin:5px 0 0!important;
  padding:7px 6px 8px 4px!important;
  color:#aab9c2!important;
  -webkit-text-fill-color:#aab9c2!important;
}
@keyframes mpmhLbDescriptionScan017{
  0%{opacity:.58;background-position:135% 0;}
  55%{opacity:1;background-position:35% 0;}
  100%{opacity:1;background-position:-45% 0;}
}
html body #publicShell #shellMain .mpmh-lb-hero h2.mpmh-lb-description-enter{
  background:linear-gradient(100deg,#aab9c2 0%,#aab9c2 38%,#eef8ff 49%,#aab9c2 60%,#aab9c2 100%)!important;
  background-size:240% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:mpmhLbDescriptionScan017 380ms cubic-bezier(.2,.72,.2,1) both!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-hero h2.mpmh-lb-description-enter{
    animation:none!important;background:none!important;color:#aab9c2!important;-webkit-text-fill-color:#aab9c2!important;
  }
}

/* Expanded rows: stable identity at left, one large utility workspace at right. */
html body #publicShell #shellMain .mpmh-lb-details{
  padding:10px 12px 14px 42px!important;
  border-top:1px solid rgba(143,198,255,.16)!important;
  background:#061827!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-card{
  display:grid!important;
  grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:stretch!important;
  gap:24px!important;
  min-height:236px!important;
  padding:16px 18px!important;
  border:0!important;
  background:#071c2d!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity{
  display:grid!important;
  grid-template-columns:116px minmax(0,1fr)!important;
  align-content:start!important;
  align-items:start!important;
  gap:16px!important;
  min-width:0!important;
  padding:10px 0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo,
html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
  width:116px!important;
  height:96px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo img{
  width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title,
html body #publicShell #shellMain .mpmh-lb-detail-identity-link{
  min-width:0!important;max-width:none!important;overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link strong{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#f4fbff!important;
  font-size:14px!important;
  line-height:1.25!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link span{
  display:block!important;margin-top:5px!important;color:#8fc6ff!important;font-size:9px!important;line-height:1.35!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link em{
  display:block!important;margin-top:9px!important;color:#b7c9d4!important;font-size:10.5px!important;line-height:1.48!important;font-style:normal!important;white-space:normal!important;overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-workspace{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:204px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.15)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-direct-tools,
html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:16px!important;
}
html body #publicShell #shellMain .mpmh-lb-tool,
html body #publicShell #shellMain .mpmh-lb-overlay-btn{
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:#8fc6ff!important;font-size:9px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!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{
  color:#b9dcff!important;-webkit-text-fill-color:#b9dcff!important;outline:0!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-overlay-region{
  flex:1 1 auto!important;
  min-height:178px!important;
  margin:0!important;
  padding:14px 0 0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel{
  display:block!important;
  min-height:164px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  animation:mpmhLbDetailSettleUp 180ms cubic-bezier(.22,.72,.22,1) both!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-lb-overlay-title{
  margin:0 0 12px!important;
  color:#f4fbff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(96px,1fr))!important;
  gap:0 20px!important;
  margin:0!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout{
  display:block!important;
  min-height:46px!important;
  padding:7px 0 9px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.10)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout b{
  display:block!important;color:#8fc6ff!important;font-size:8.2px!important;line-height:1.25!important;letter-spacing:.065em!important;white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout strong{
  display:block!important;margin-top:3px!important;color:#f4fbff!important;font-size:15px!important;line-height:1.12!important;font-weight:700!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-signal strong{color:#0bf99e!important;}
html body #publicShell #shellMain .mpmh-lb-workspace-note,
html body #publicShell #shellMain .mpmh-lb-workspace-copy{
  max-width:880px!important;
  margin:13px 0 0!important;
  color:#b7c9d4!important;
  font-size:11px!important;
  line-height:1.58!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-copy strong{color:#f4fbff!important;font-weight:650!important;}
html body #publicShell #shellMain .mpmh-lb-feedback-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px 14px!important;
  align-items:start!important;
  max-width:920px!important;
  margin:12px 0 0!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-form textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:76px!important;
  resize:vertical!important;
  padding:10px 12px!important;
  border:1px solid rgba(143,198,255,.20)!important;
  background:#020a11!important;
  color:#f4fbff!important;
  font-size:11px!important;
  line-height:1.5!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent{
  margin:0!important;color:#9fb2bf!important;font-size:9.5px!important;line-height:1.45!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-submit,
html body #publicShell #shellMain .mpmh-lb-share-copy{
  min-height:34px!important;
  padding:0 16px!important;
  border:1px solid rgba(143,198,255,.24)!important;
  background:#071827!important;
  color:#8fc6ff!important;
  font-size:9px!important;
  font-weight:700!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{
  color:#0bf99e!important;border-color:rgba(11,249,158,.34)!important;outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-share-actions{
  display:flex!important;align-items:center!important;gap:14px!important;margin-top:18px!important;
}
html body #publicShell #shellMain .mpmh-lb-share-status,
html body #publicShell #shellMain .mpmh-lb-feedback-status{color:#0bf99e!important;font-size:10px!important;}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-overlay-panel{animation:none!important;}
}
@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-detail-card{grid-template-columns:1fr!important;gap:12px!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-identity{grid-template-columns:96px minmax(0,1fr)!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-logo,
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{width:96px!important;height:78px!important;}
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-details{padding:8px!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-card{padding:13px 12px!important;}
  html body #publicShell #shellMain .mpmh-lb-detail-tools{align-items:flex-start!important;flex-direction:column!important;}
  html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important;}
  html body #publicShell #shellMain .mpmh-lb-feedback-form{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh-lb-feedback-form textarea{grid-column:1!important;}
}


/* FRONT_SHELL017 finishing corrections: remove inherited control-group chrome,
   collapse the Cause identity footer gap, and make title color ownership explicit. */
html body #shellMain #selectedCauseHero .mph-cause-identity-block{gap:0!important;}
html body #publicShell #shellMain .mpmh-lb-direct-tools,
html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-title{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
}
html body #publicShell #shellMain .mpmh-lb-tool-primary{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-btn.is-active{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain [data-lb-tool="website"]:hover,
html body #publicShell #shellMain [data-lb-tool="website"]:focus-visible,
html body #publicShell #shellMain [data-lb-tool="view-campaign"]:hover,
html body #publicShell #shellMain [data-lb-tool="view-campaign"]:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-direct-tools,
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-workspace-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
/* Exact Cause logo alignment source correction: retire the inherited 250px
   centered logo well instead of offsetting the identity block. */
html body #shellMain #selectedCauseHero .mph-cause-identity-block{
  margin-top:0!important;
}
html body #shellMain #selectedCauseHero .mph-home-cause-logo-well{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-items:flex-start!important;
  justify-content:center!important;
}

/* FRONT_SHELL017 final utility-workspace polish: keep all inline panels on one
   stable plane and retire inherited generic span chrome from public forms. */
@media(min-width:1121px){
  html body #publicShell #shellMain .mpmh-lb-detail-workspace{
    min-height:250px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-region{
    min-height:204px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-panel{
    min-height:190px!important;
  }
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-share-status,
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-status{
  display:inline!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:10px!important;
  line-height:1.35!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  margin:1px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent input{
  flex:0 0 auto!important;
  width:13px!important;
  height:13px!important;
  margin:2px 0 0!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent span{
  display:inline!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9fb2bf!important;
  -webkit-text-fill-color:#9fb2bf!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent a{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent a:hover,
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-feedback-consent a:focus-visible{
  color:#b9dcff!important;
  -webkit-text-fill-color:#b9dcff!important;
  outline:0!important;
}

/* ========================================================================
   MPMH_EDITFRONT003 · LIVE MOBILE INTERACTION + LEADERBOARD POLISH OWNER
   ------------------------------------------------------------------------
   Built directly from the live FRONT_SHELL017 cascade. This final block:
   - restores pointer-event ownership to the existing mobile header controls;
   - refines the active Leaderboard description position and text-only scan;
   - presents expanded rows as one identity rail plus one utility workspace.
   No data, metric, formula, route, form, Signal, or backend contract changes.
   ======================================================================== */

/* Leaderboard description: a small geometric correction and one crisp,
   paint-only entrance. The text itself never moves during the effect. */
html body #publicShell #shellMain .mpmh-lb-hero h2{
  margin:8px 0 0!important;
  padding:8px 6px 9px 0!important;
  transform:translateX(-3px)!important;
  color:#aab9c2!important;
  -webkit-text-fill-color:#aab9c2!important;
}
@keyframes mpmhLbDescriptionScanEdit001{
  0%{opacity:.70;background-position:145% 0;}
  42%{opacity:1;background-position:72% 0;}
  100%{opacity:1;background-position:-42% 0;}
}
html body #publicShell #shellMain .mpmh-lb-hero h2.mpmh-lb-description-enter{
  background:linear-gradient(102deg,#aab9c2 0%,#aab9c2 39%,#f5fbff 48%,#d8ebf7 53%,#aab9c2 62%,#aab9c2 100%)!important;
  background-size:255% 100%!important;
  background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  animation:mpmhLbDescriptionScanEdit001 620ms cubic-bezier(.18,.72,.18,1) both!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Expanded Leaderboard row: one open surface. */
html body #publicShell #shellMain .mpmh-lb-details{
  padding:10px 16px 14px 18px!important;
  border-top:1px solid rgba(143,198,255,.20)!important;
  background:#061827!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012)!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-card{
  display:grid!important;
  grid-template-columns:minmax(272px,316px) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:28px!important;
  min-height:218px!important;
  padding:17px 20px 18px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-content:start!important;
  align-items:start!important;
  gap:16px!important;
  min-width:0!important;
  padding:5px 22px 8px 0!important;
  border:0!important;
  border-right:1px solid rgba(143,198,255,.12)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo-link{
  display:block!important;
  width:112px!important;
  height:94px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo,
html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:112px!important;
  height:94px!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid rgba(207,225,238,.52)!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-lb-logo-fallback{
  color:#071827!important;
  font-size:18px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title{
  min-width:0!important;
  padding:1px 0 0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link{
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link strong{
  display:block!important;
  margin:0!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:14.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link:hover strong,
html body #publicShell #shellMain .mpmh-lb-detail-identity-link:focus-visible strong{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link span{
  display:block!important;
  margin:6px 0 0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8.8px!important;
  line-height:1.35!important;
  font-weight:650!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link em{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  margin:9px 0 0!important;
  color:#b8cbd6!important;
  -webkit-text-fill-color:#b8cbd6!important;
  font-size:10.5px!important;
  line-height:1.48!important;
  font-style:normal!important;
  white-space:normal!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh-lb-identity-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 15px!important;
  margin:14px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-identity-actions .mpmh-lb-tool{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  margin:0!important;
  padding:0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8.6px!important;
  line-height:1.25!important;
  font-weight:750!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
html body #publicShell #shellMain .mpmh-lb-identity-actions .mpmh-lb-tool:hover,
html body #publicShell #shellMain .mpmh-lb-identity-actions .mpmh-lb-tool:focus-visible{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-workspace{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:100%!important;
  min-height:35px!important;
  margin:0!important;
  padding:0 0 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.14)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:9px 20px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-btn{
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8.8px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-btn:hover,
html body #publicShell #shellMain .mpmh-lb-overlay-btn:focus-visible{
  color:#d2e9ff!important;
  -webkit-text-fill-color:#d2e9ff!important;
  outline:0!important;
}
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-overlay-region{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 0 0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-title{
  margin:0 0 11px!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(92px,1fr))!important;
  gap:0 22px!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout{
  min-height:53px!important;
  padding:7px 0 10px!important;
  border:0!important;
  border-bottom:1px solid rgba(143,198,255,.10)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout b{
  display:block!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.06em!important;
  white-space:normal!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout strong{
  display:block!important;
  margin:4px 0 0!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:16.5px!important;
  line-height:1.08!important;
  font-weight:720!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-signal strong{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-note,
html body #publicShell #shellMain .mpmh-lb-workspace-copy{
  max-width:840px!important;
  margin:13px 0 0!important;
  color:#a8bfcd!important;
  -webkit-text-fill-color:#a8bfcd!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  text-align:left!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-form{
  max-width:900px!important;
}
html body #publicShell #shellMain .mpmh-lb-share-actions{
  margin-top:16px!important;
}

/* Mobile interaction root repair. Historical desktop brand-lockup owners set
   pointer-events:none on the centered lockup. The mobile layout later reused
   that node without restoring event ownership, so its visible descendants
   inherited a non-interactive state. This final mobile owner restores events
   only to the existing controls and keeps decorative title space inert. */
@media(max-width:980px){
  html body #publicShell #mpmhUnifiedShell .mpmh-context-center.mpmh-centered-brand-lockup,
  html body #publicShell #mpmhUnifiedShell .mpmh-centered-brand-lockup{
    pointer-events:auto!important;
    isolation:isolate!important;
  }
  html body #publicShell #mpmhUnifiedShell .mpmh-centered-brand-title{
    pointer-events:none!important;
  }
  html body #publicShell #mpmhUnifiedShell .mpmh-centered-world-home,
  html body #publicShell #mpmhUnifiedShell #mpmhFrontShellMenuToggle,
  html body #publicShell #mpmhUnifiedShell #topSearchWrap,
  html body #publicShell #mpmhUnifiedShell #globalSearch,
  html body #publicShell #mpmhUnifiedShell #globalSearchClear{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  html body #publicShell #mpmhUnifiedShell #mpmhFrontShellMenuToggle,
  html body #publicShell #mpmhUnifiedShell #globalSearch,
  html body #publicShell #mpmhUnifiedShell #globalSearchClear{
    -webkit-tap-highlight-color:transparent!important;
  }
  html body #publicShell #mpmhUnifiedShell .mpmh-nav-search-row{
    pointer-events:none!important;
  }
  html body #publicShell #mpmhUnifiedShell.is-mobile-menu-open .mpmh-nav-search-row,
  html body #publicShell #mpmhUnifiedShell.is-mobile-menu-open #tabs,
  html body #publicShell #mpmhUnifiedShell.is-mobile-menu-open #tabs .mpmh-tab-group,
  html body #publicShell #mpmhUnifiedShell.is-mobile-menu-open #tabs .tab-btn{
    pointer-events:auto!important;
  }
}

@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-detail-card{
    grid-template-columns:1fr!important;
    gap:15px!important;
    min-height:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity{
    grid-template-columns:102px minmax(0,1fr)!important;
    padding:4px 0 15px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(143,198,255,.12)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link,
  html body #publicShell #shellMain .mpmh-lb-detail-logo,
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
    width:102px!important;
    height:82px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-tools,
  html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-hero h2{
    margin-top:7px!important;
    padding-left:0!important;
    transform:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-details{
    padding:7px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-card{
    gap:13px!important;
    padding:12px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:13px!important;
    padding-bottom:13px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link,
  html body #publicShell #shellMain .mpmh-lb-detail-logo,
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
    width:86px!important;
    height:72px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-logo,
  html body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
    padding:8px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity-link strong{
    font-size:13.5px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity-link em{
    -webkit-line-clamp:2!important;
    font-size:10px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-identity-actions{
    margin-top:9px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-tools{
    min-height:0!important;
    padding-bottom:9px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
    gap:6px 15px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-region{
    padding-top:13px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 14px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-readout strong{
    font-size:15px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-hero h2.mpmh-lb-description-enter{
    animation:none!important;
    background:none!important;
    color:#aab9c2!important;
    -webkit-text-fill-color:#aab9c2!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT003 · BLACK LEADERBOARD CANVAS + UNIFIED DETAIL WORKSPACE
   ------------------------------------------------------------------------
   Final scoped owner for the approved live Leaderboards pass. The surrounding
   canvas and navigation are true black; established table and expanded-row
   blues remain intact. One shared utility stage owns Signal Readout, Feedback,
   Share, and Why Ranked. No metric, ranking, route, form endpoint, or Signal
   transport ownership changes.
   ======================================================================== */

/* True-black page and navigation canvas; preserve the blue leaderboard tables. */
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-sticky-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero > div,
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-side-note,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail,
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-panel-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-footnote{
  background:#000!important;
  background-color:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail{
  border-left:0!important;
  border-right:1px solid rgba(43,134,193,.42)!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-side-note{
  border:0!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs{
  border-bottom-color:rgba(57,148,207,.22)!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-row,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-details,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-detail-card{
  /* These established blue components intentionally remain independently owned. */
}

/* One finished expanded-row component. */
html body #publicShell #shellMain .mpmh-lb-details{
  background:#061a29!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-card{
  grid-template-columns:minmax(280px,320px) minmax(0,1fr)!important;
  gap:28px!important;
  min-height:330px!important;
  padding:24px 30px 25px!important;
  background:#061a29!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:280px!important;
  padding:0 28px 0 0!important;
  border-right:1px solid rgba(143,198,255,.14)!important;
  border-bottom:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-main{
  display:grid!important;
  grid-template-columns:128px minmax(0,1fr)!important;
  align-items:start!important;
  gap:20px!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-title{
  min-width:0!important;
  padding-top:1px!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-identity-link em{
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
}

/* Quiet Current Standing block fills the previously unused lower-left area. */
html body #publicShell #shellMain .mpmh-lb-standing{
  display:block!important;
  width:100%!important;
  margin:auto 0 0!important;
  padding:18px 0 0!important;
  border-top:1px solid rgba(143,198,255,.12)!important;
  background:transparent!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-kicker{
  display:block!important;
  margin:0 0 11px!important;
  color:#7e9aad!important;
  -webkit-text-fill-color:#7e9aad!important;
  font-size:7.8px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-grid{
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:12px 19px!important;
  align-items:start!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-item{
  display:block!important;
  min-width:0!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-item b{
  display:block!important;
  margin:0 0 4px!important;
  color:#7091a6!important;
  -webkit-text-fill-color:#7091a6!important;
  font-size:7.4px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-item strong{
  display:block!important;
  color:#dcebf4!important;
  -webkit-text-fill-color:#dcebf4!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  overflow-wrap:anywhere!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-rank strong,
html body #publicShell #shellMain .mpmh-lb-standing-value strong{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:15px!important;
  line-height:1.1!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-status strong{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:9px!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

/* Shared utility stage: identical outer dimensions and alignment for all views. */
html body #publicShell #shellMain .mpmh-lb-detail-workspace{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:280px!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-detail-tools{
  flex:0 0 39px!important;
  min-height:39px!important;
  padding:0 0 11px!important;
  border-bottom:1px solid rgba(143,198,255,.14)!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-tabs{
  gap:8px 27px!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-btn{
  position:relative!important;
  min-height:28px!important;
  padding:0 3px!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-btn:focus-visible::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:1px!important;
  height:1px!important;
  background:#8fc6ff!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-region{
  display:block!important;
  flex:1 1 auto!important;
  min-height:265px!important;
  padding:17px 0 0!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:248px!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-title{
  flex:0 0 auto!important;
  min-height:20px!important;
  margin:0 0 10px!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-note{
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid rgba(143,198,255,.08)!important;
}
html body #publicShell #shellMain .mpmh-lb-workspace-note strong,
html body #publicShell #shellMain .mpmh-lb-workspace-copy strong{
  color:#dcebf4!important;
  -webkit-text-fill-color:#dcebf4!important;
  font-weight:650!important;
}

/* Share panel: exact entity copy, one primary action, stable confirmation. */
html body #publicShell #shellMain .mpmh-lb-share-message{
  max-width:760px!important;
  margin-top:4px!important;
  color:#d4e2ea!important;
  -webkit-text-fill-color:#d4e2ea!important;
  font-size:13px!important;
  line-height:1.62!important;
}
html body #publicShell #shellMain .mpmh-lb-share-support{
  max-width:760px!important;
  margin:9px 0 0!important;
  color:#8ca4b3!important;
  -webkit-text-fill-color:#8ca4b3!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}
html body #publicShell #shellMain .mpmh-lb-share-actions{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-height:38px!important;
  margin:auto 0 0!important;
  padding-top:18px!important;
}
html body #publicShell #shellMain .mpmh-lb-share-copy,
html body #publicShell #shellMain .mpmh-lb-feedback-submit{
  appearance:none!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid rgba(143,198,255,.42)!important;
  border-radius:0!important;
  background:#061a29!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:750!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-lb-share-copy:hover,
html body #publicShell #shellMain .mpmh-lb-share-copy:focus-visible,
html body #publicShell #shellMain .mpmh-lb-feedback-submit:hover,
html body #publicShell #shellMain .mpmh-lb-feedback-submit:focus-visible{
  border-color:#8fc6ff!important;
  color:#dceeff!important;
  -webkit-text-fill-color:#dceeff!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-share-status,
html body #publicShell #shellMain .mpmh-lb-feedback-status{
  display:block!important;
  min-height:16px!important;
  color:#9fb2be!important;
  -webkit-text-fill-color:#9fb2be!important;
  font-size:10px!important;
  line-height:1.4!important;
}
html body #publicShell #shellMain .mpmh-lb-share-status.is-ok,
html body #publicShell #shellMain .mpmh-lb-feedback-status.is-ok{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}

/* Feedback is one governed form contract inside the same stage. */
html body #publicShell #shellMain .mpmh-lb-feedback-form{
  display:grid!important;
  grid-template-columns:minmax(160px,210px) minmax(0,1fr)!important;
  gap:10px 16px!important;
  width:100%!important;
  max-width:940px!important;
  margin:12px 0 0!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  gap:5px!important;
  margin:0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field select,
html body #publicShell #shellMain .mpmh-lb-feedback-field textarea{
  width:100%!important;
  min-width:0!important;
  border:1px solid rgba(143,198,255,.25)!important;
  border-radius:0!important;
  background:#03131f!important;
  box-shadow:none!important;
  color:#dbe8ef!important;
  -webkit-text-fill-color:#dbe8ef!important;
  font-family:inherit!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  text-transform:none!important;
  letter-spacing:0!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field select{
  min-height:34px!important;
  padding:0 9px!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field textarea{
  min-height:68px!important;
  padding:8px 9px!important;
  resize:vertical!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field select:focus,
html body #publicShell #shellMain .mpmh-lb-feedback-field textarea:focus{
  border-color:#8fc6ff!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent{
  grid-column:1 / -1!important;
  margin:0!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-actions{
  grid-column:1 / -1!important;
  display:flex!important;
  align-items:center!important;
  gap:15px!important;
  min-height:32px!important;
}

@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-detail-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity{
    min-height:0!important;
    padding:0 0 16px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(143,198,255,.14)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity-main{
    grid-template-columns:102px minmax(0,1fr)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-standing{
    margin:16px 0 0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-standing-grid{
    grid-template-columns:70px minmax(150px,1.5fr) minmax(110px,1fr) 84px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-workspace{
    min-height:0!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail{
    border-right:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-card{
    padding:14px 13px 16px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-identity-main{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:13px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-standing-grid{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px 16px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-detail-tools{
    flex-basis:auto!important;
  }
  html body #publicShell #shellMain .mpmh-lb-overlay-region,
  html body #publicShell #shellMain .mpmh-lb-overlay-panel:not([hidden]){
    min-height:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-feedback-form{
    grid-template-columns:1fr!important;
  }
  html body #publicShell #shellMain .mpmh-lb-feedback-consent,
  html body #publicShell #shellMain .mpmh-lb-feedback-actions{
    grid-column:1!important;
  }
  html body #publicShell #shellMain .mpmh-lb-share-actions,
  html body #publicShell #shellMain .mpmh-lb-feedback-actions{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
}

/* EDITFRONT003 standing reset: prevent inherited Leaderboard span chrome from
   turning the quiet summary into mini-cards. */
html body #publicShell #shellMain .mpmh-lb-standing,
html body #publicShell #shellMain .mpmh-lb-standing-kicker,
html body #publicShell #shellMain .mpmh-lb-standing-grid,
html body #publicShell #shellMain .mpmh-lb-standing-item,
html body #publicShell #shellMain .mpmh-lb-standing-item b,
html body #publicShell #shellMain .mpmh-lb-standing-item strong{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-kicker,
html body #publicShell #shellMain .mpmh-lb-standing-item{
  padding-left:0!important;
  padding-right:0!important;
}
html body #publicShell #shellMain .mpmh-lb-standing-grid{
  grid-template-columns:minmax(92px,.72fr) minmax(135px,1.28fr)!important;
}
@media(max-width:1120px) and (min-width:761px){
  html body #publicShell #shellMain .mpmh-lb-standing-grid{
    grid-template-columns:80px minmax(160px,1.5fr) minmax(110px,1fr) 84px!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-standing-grid{
    grid-template-columns:minmax(82px,.72fr) minmax(130px,1.28fr)!important;
  }
}
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-standing-kicker,
html body #publicShell #shellMain .mpmh-lb-details .mpmh-lb-standing-item{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel:not([hidden]){
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-share-message{
  color:#d4e2ea!important;
  -webkit-text-fill-color:#d4e2ea!important;
  font-size:13px!important;
  line-height:1.62!important;
}
html body #publicShell #shellMain .mpmh-lb-overlay-panel .mpmh-lb-share-support{
  color:#8ca4b3!important;
  -webkit-text-fill-color:#8ca4b3!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}


/* ========================================================================
   MPMH_EDITFRONT003 · FINAL LEADERBOARD BOUNDARY + FORM COMPLETION OWNER
   ------------------------------------------------------------------------
   Finishes the approved pure-black Leaderboards canvas without reaching into
   the blue table/detail components. Normalizes consent alignment and provides
   the full-page Contact success transition. Route logic is JavaScript-owned.
   ======================================================================== */

/* Every unused Leaderboards surface is black. No separator is needed between
   the black metric navigation and the independently framed blue table. */
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-sticky-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero,
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-side-note,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail,
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-panel-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-footnote{
  background:#000!important;
  background-color:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail{
  border:0!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs{
  border-bottom:0!important;
}
/* Restore the protected Leaderboards section rail and table title/header blue. */
html body #publicShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"],
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panel-head h3{
  background:#063458!important;
  background-color:#063458!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table-head{
  background:#082b45!important;
  background-color:#082b45!important;
}
/* Expanded rows own one continuous blue interior; the outer black canvas may
   never bleed through utility labels, panels, gaps, or form wrappers. */
html body #publicShell #shellMain .mpmh-lb-details,
html body #publicShell #shellMain .mpmh-lb-detail-card,
html body #publicShell #shellMain .mpmh-lb-detail-identity,
html body #publicShell #shellMain .mpmh-lb-detail-workspace,
html body #publicShell #shellMain .mpmh-lb-detail-tools,
html body #publicShell #shellMain .mpmh-lb-workspace-tabs,
html body #publicShell #shellMain .mpmh-lb-overlay-region,
html body #publicShell #shellMain .mpmh-lb-overlay-panel,
html body #publicShell #shellMain .mpmh-lb-feedback-form,
html body #publicShell #shellMain .mpmh-lb-feedback-field{
  background:#061a29!important;
  background-color:#061a29!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field{
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-field > span{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:8px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
}
/* Shared public consent rows: true optical centering without affecting other
   checkboxes or expanding the clickable area beyond the label contract. */
html body #publicShell #shellMain .mpmh-lb-feedback-consent.mpmh296-legal-consent,
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent.mpmh296-legal-consent input[type="checkbox"],
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent input[type="checkbox"]{
  flex:0 0 auto!important;
  align-self:center!important;
  margin:0!important;
  transform:translateY(-1px)!important;
}
html body #publicShell #shellMain .mpmh-lb-feedback-consent.mpmh296-legal-consent > span,
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row.mpmh296-legal-consent > span{
  display:block!important;
  margin:0!important;
  line-height:1.45!important;
}

/* Contact success is a complete branded canvas state, not an inline status. */
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-thankyou-active{
  background:#000!important;
}
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-thankyou-active .mpmh-contact-box{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:calc(100% - 2px)!important;
  background:#000!important;
}
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-thankyou-active .mpmh-contact-head{
  display:none!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou{
  width:min(680px,calc(100% - 34px))!important;
  margin:auto!important;
  padding:42px 24px!important;
  text-align:center!important;
  background:#000!important;
  color:#f4fbff!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou[hidden]{display:none!important;}
html body #publicShell #shellMain .mpmh-contact-thankyou-world{
  display:block!important;
  width:112px!important;
  height:112px!important;
  margin:0 auto 24px!important;
  object-fit:contain!important;
  filter:none!important;
  animation:mpmhContactWorldSettle003 900ms ease-out both!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou h2{
  margin:0!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:clamp(28px,4vw,46px)!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou p{
  margin:14px 0 0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:15px!important;
  line-height:1.6!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou .mpmh-contact-thankyou-returning{
  margin-top:5px!important;
  color:#8d9ca6!important;
  -webkit-text-fill-color:#8d9ca6!important;
  font-size:11px!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou-home{
  margin:24px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-size:10px!important;
  font-weight:750!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh-contact-thankyou-home:hover,
html body #publicShell #shellMain .mpmh-contact-thankyou-home:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  outline:0!important;
}
@keyframes mpmhContactWorldSettle003{
  0%{opacity:0;transform:scale(.94);}
  100%{opacity:1;transform:scale(1);}
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-contact-thankyou-world{animation:none!important;}
}

/* EDITFRONT003 Contact thank-you containment completion. */
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-thankyou-active .mpmh-contact-box{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-thankyou-active .mpmh-contact-intro{display:none!important;}


/* ========================================================================
   MPMH_EDITFRONT012 · ROUTED ARRIVAL + LEADERBOARD CANVAS COMPLETION OWNER
   ======================================================================== */

/* One uninterrupted black canvas surrounds the independently blue Leaderboard
   instruments. The active shell viewport, overflow gutters, sticky wrappers,
   family navigation, description, side rails and unused space share one owner. */
html[data-mpmh-active-surface="leaderboards"] body,
html[data-mpmh-active-surface="leaderboards"] body #publicShell,
html[data-mpmh-active-surface="leaderboards"] body #publicShell #shellMain,
html body[data-mpmh-active-surface="leaderboards"] #publicShell #shellMain,
html body #publicShell #shellMain[data-mpmh-active-surface="leaderboards"],
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-sticky-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-sticky-head::before,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-sticky-head::after,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero > div,
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-side-note,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail,
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-footnote{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-leaderboards-native{
  --mpmh-lb-bg:#000!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-sticky-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero,
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-metric-rail,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panels{
  border-color:transparent!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-metric-rail{
  border:0!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-sticky-head{
  box-shadow:none!important;
}
/* The blue title instrument owns its exact table width; no black notch, inset
   fragment or detached edge is allowed on either side. */
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panel-head{
  width:100%!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid rgba(127,202,255,.55)!important;
  border-bottom:0!important;
  background:#0b4e78!important;
  background-color:#0b4e78!important;
  background-image:none!important;
  box-shadow:none!important;
  clip-path:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panel-head > div,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-panel-head h3{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-table-head,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-row,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-details,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-detail-card,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-detail-identity,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-detail-workspace,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-overlay-region,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-overlay-panel{
  background-image:none!important;
}
/* Keep the live-section rail on its inherited production-blue component and
   remove pseudo-edge artifacts rather than recoloring the outer shell. */
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"],
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"] .mpmh-live-section-inner{
  width:100%!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  background:#063458!important;
  background-color:#063458!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"]::before,
html body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-active-tab="leaderboards"]::after{
  content:none!important;
  display:none!important;
}

/* Contextual route-arrival layer. It gates only validated routed document
   arrivals and yields after the destination is resolved and visibly settled. */
.mpmh-route-arrival{
  display:none;
  opacity:1;
  transition:opacity 260ms ease;
}
html.mpmh-route-pending .mpmh-route-arrival{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:100vw!important;
  min-height:100vh!important;
  padding:max(24px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  background:#000!important;
  color:#f4fbff!important;
  text-align:center!important;
  outline:0!important;
}
html.mpmh-route-pending body{overscroll-behavior:none!important;}
html.mpmh-route-pending #publicShell{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html.mpmh-route-revealing #publicShell{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:opacity 260ms ease!important;
}
html.mpmh-route-revealing .mpmh-route-arrival{
  opacity:0!important;
  pointer-events:none!important;
}
.mpmh-route-arrival-inner{
  width:min(680px,100%)!important;
  margin:auto!important;
  padding:42px 26px!important;
}
.mpmh-route-arrival-world{
  display:block!important;
  width:118px!important;
  height:118px!important;
  margin:0 auto 26px!important;
  object-fit:contain!important;
  filter:none!important;
  animation:mpmhRouteWorldSettle004 1000ms cubic-bezier(.2,.75,.25,1) both!important;
}
.mpmh-route-arrival-kicker{
  margin:0 0 12px!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.mpmh-route-arrival-title{
  margin:0!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  font-size:clamp(28px,4.5vw,48px)!important;
  line-height:1.08!important;
  font-weight:620!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
.mpmh-route-arrival-message{
  margin:16px auto 0!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:15px!important;
  line-height:1.55!important;
}
.mpmh-route-arrival-status{
  margin:7px auto 0!important;
  color:#758997!important;
  -webkit-text-fill-color:#758997!important;
  font-size:10.5px!important;
  line-height:1.5!important;
  letter-spacing:.035em!important;
}
.mpmh-route-arrival.is-failed .mpmh-route-arrival-title{font-size:clamp(24px,4vw,40px)!important;}
.mpmh-route-arrival.is-failed .mpmh-route-arrival-message{max-width:540px!important;color:#d9e6ee!important;-webkit-text-fill-color:#d9e6ee!important;}
.mpmh-route-arrival-actions{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:22px!important;
  margin:28px 0 0!important;
}
.mpmh-route-arrival-actions[hidden]{display:none!important;}
.mpmh-route-arrival-actions button{
  appearance:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font:750 10px/1.3 Arial,Helvetica,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.mpmh-route-arrival-actions button:hover,
.mpmh-route-arrival-actions button:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  outline:0!important;
}
@keyframes mpmhRouteWorldSettle004{
  0%{opacity:0;transform:scale(.94);}
  65%{opacity:1;transform:scale(1.012);}
  100%{opacity:1;transform:scale(1);}
}
@media(max-width:760px){
  .mpmh-route-arrival-inner{padding:34px 18px!important;}
  .mpmh-route-arrival-world{width:96px!important;height:96px!important;margin-bottom:22px!important;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  .mpmh-route-arrival,.mpmh-route-arrival-world,#publicShell{animation:none!important;transition:none!important;}
}

/* EDITFRONT004 final specificity lock: keep every non-component Leaderboards owner black while restoring one exact blue live-section rail. */
html[data-mpmh-active-surface="leaderboards"] body #publicShell #shellMain > section.panel.tab-panel[data-panel="leaderboards"],
html[data-mpmh-active-surface="leaderboards"] body #publicShell #shellMain > section#leaderboardsPanel,
html[data-mpmh-active-surface="leaderboards"] body #publicShell #shellMain > [data-panel="leaderboards"]{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"],
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"] .mpmh-live-section-inner{
  background:#063458!important;
  background-color:#063458!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"]::before,
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"]::after,
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"] .mpmh-live-section-inner::before,
html[data-mpmh-active-surface="leaderboards"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header[data-active-tab="leaderboards"] .mpmh-live-section-inner::after{
  content:none!important;
  display:none!important;
}


/* ========================================================================
   MPMH_EDITFRONT012 · HOME LOGO PLACEMENT / MARQUEE FINAL OWNER
   Placement-only presentation. General Featured state and Signal event
   ownership remain unchanged.
   ======================================================================== */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{
  background:#fff!important;
}
/* Do not start the percentage animation until the clone has established the
   final track width. This removes initialization and hover-time snapping. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-track{
  animation:none!important;
  transform:translate3d(0,0,0);
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee[data-ready="1"] .mpmh280-marquee-track{
  animation:mpmh280Marquee 150s linear infinite!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.is-marquee-paused .mpmh280-marquee-track,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.is-offscreen .mpmh280-marquee-track{
  animation-play-state:paused!important;
}
/* The link remains a fixed geometry owner, but no visible tile/plate/frame is
   allowed in the white marquee. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo{
  box-sizing:border-box!important;
  width:156px!important;
  flex:0 0 156px!important;
  height:112px!important;
  padding:14px 14px 24px!important;
  background:transparent!important;
  border:0!important;
  outline:0;
  box-shadow:none!important;
  filter:none!important;
  align-items:center!important;
  justify-content:center!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo::before,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo::after{
  content:none!important;
  display:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo img{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:64px!important;
  max-width:100%!important;
  max-height:64px!important;
  object-fit:contain!important;
  object-position:center 58%!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateY(5px)!important;
  transition:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover img,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible img{
  transform:translateY(5px)!important;
  filter:none!important;
  box-shadow:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:not(.is-placeholder)>span{
  color:var(--h280-bg,#061421)!important;
  bottom:5px!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover>span,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible>span{
  opacity:1!important;
  color:var(--h280-bg,#061421)!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible{
  outline:2px solid #78cfff!important;
  outline-offset:-2px!important;
}
/* Six dark/outside-approved Featured boxes: direct logo presentation on the
   native card background; no inherited white plate. */
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo,
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo:hover,
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo:focus-visible{
  box-sizing:border-box!important;
  width:90px!important;
  height:70px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo::before,
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo::after{content:none!important;display:none!important;}
html.mpmh280-home-states #mpmh280Home .mpmh280-featured-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee[data-ready="1"] .mpmh280-marquee-track{animation-duration:188s!important;}
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo{width:146px!important;flex-basis:146px!important;height:104px!important;padding:12px 12px 23px!important;}
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo img{height:60px!important;max-height:60px!important;transform:translateY(4px)!important;}
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover img,
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible img{transform:translateY(4px)!important;}
}
@media(prefers-reduced-motion:reduce){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee[data-ready="1"] .mpmh280-marquee-track{animation:none!important;transform:none!important;}
}

/* ========================================================================
   MPMH_EDITFRONT012 · ROUTED READY STATE + LEADERBOARDS LOGO RAIL FINAL OWNER
   ------------------------------------------------------------------------
   Final scoped owner for the approved 40px-wide Leaderboard adjustment,
   sticky three-logo pure-black rail, and refined route-arrival hierarchy.
   No table data, ranking, manual interaction, or Signal transport changes.
   ======================================================================== */

/* Arrival hierarchy: company above the world mark, restrained title, and a
   separately legible bright-green completion state. */
html.mpmh-route-pending .mpmh-route-arrival-inner{
  width:min(680px,100%)!important;
  padding:40px 26px!important;
}
html.mpmh-route-pending .mpmh-route-arrival-kicker{
  margin:0 auto 30px!important;
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html.mpmh-route-pending .mpmh-route-arrival-world{
  width:112px!important;
  height:112px!important;
  margin:0 auto 28px!important;
}
html.mpmh-route-pending .mpmh-route-arrival-title{
  font-size:clamp(25px,3.45vw,38px)!important;
  line-height:1.08!important;
  letter-spacing:.025em!important;
}
html.mpmh-route-pending .mpmh-route-arrival-message{
  margin-top:17px!important;
}
html.mpmh-route-pending .mpmh-route-arrival-status{
  display:block!important;
  margin-top:8px!important;
  min-height:16px!important;
  color:#758997!important;
  -webkit-text-fill-color:#758997!important;
  transition:color 160ms ease!important;
}
html.mpmh-route-pending .mpmh-route-arrival-status.is-ready{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  font-weight:650!important;
}
html.mpmh-route-pending .mpmh-route-arrival-status.is-fallback{
  color:#9fb2bf!important;
  -webkit-text-fill-color:#9fb2bf!important;
}
.mpmh-route-arrival-dots{
  display:none;
  width:1.22em;
  overflow:hidden;
  vertical-align:bottom;
  white-space:nowrap;
}
.mpmh-route-arrival-status.is-connecting .mpmh-route-arrival-dots{
  display:inline-block;
  animation:mpmhRouteDots006 1200ms steps(4,end) infinite;
}
@keyframes mpmhRouteDots006{
  0%{width:0;}
  100%{width:1.22em;}
}

/* Wide desktop: expand both side columns from 186px to 206px. The centered
   Leaderboard instrument therefore narrows by exactly 40px total—20px on each
   side—while the existing unused right canvas becomes a governed logo rail. */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{
    --mpmh-lb-rail:206px!important;
    --mpmh-lb-gap:8px!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:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) var(--mpmh-lb-rail)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-top-tabs,
  html body #publicShell #shellMain .mpmh-lb-hero > div,
  html body #publicShell #shellMain .mpmh-lb-panels{
    grid-column:3!important;
  }
  html body #publicShell #shellMain .mpmh-lb-metric-rail{
    grid-column:1!important;
  }
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    grid-column:5!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) + 16px)!important;
    z-index:1475!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:auto!important;
    min-width:0!important;
    height:calc(100vh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - var(--mpmh-lb-title-h) - 42px)!important;
    min-height:420px!important;
    max-height:760px!important;
    margin:0!important;
    padding:8px 24px 18px 18px!important;
    border:0!important;
    outline:0!important;
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    box-shadow:none!important;
    overflow:hidden!important;
    opacity:1!important;
    transition:opacity 180ms ease!important;
  }
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail[hidden]{
    display:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail.is-changing{
    opacity:.08!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage{
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;
    gap:22px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#000!important;
    box-shadow:none!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link{
    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;
    max-height:190px!important;
    margin:0!important;
    padding:14px 8px!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;
    filter:none!important;
    text-decoration:none!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link::before,
  html body #publicShell #shellMain .mpmh006-lb-logo-link::after{
    content:none!important;
    display:none!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:142px!important;
    max-height:92px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link:hover,
  html body #publicShell #shellMain .mpmh006-lb-logo-link:active{
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link:focus-visible{
    outline:1px solid rgba(11,249,158,.74)!important;
    outline-offset:4px!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link.is-logo-missing{
    display:none!important;
  }
}

/* Below the reviewed wide-desktop range, return the full width to the table and
   suppress both the visual rail and its exposure qualification. */
@media(min-width:1121px) and (max-width:1359px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{
    --mpmh-lb-rail:186px!important;
    --mpmh-lb-gap:8px!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:var(--mpmh-lb-rail) var(--mpmh-lb-gap) minmax(0,1fr)!important;
  }
  html body #publicShell #shellMain .mpmh-lb-top-tabs,
  html body #publicShell #shellMain .mpmh-lb-hero > div,
  html body #publicShell #shellMain .mpmh-lb-panels{
    grid-column:3!important;
  }
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
@media(max-width:760px){
  html.mpmh-route-pending .mpmh-route-arrival-kicker{margin-bottom:24px!important;font-size:10px!important;}
  html.mpmh-route-pending .mpmh-route-arrival-world{width:96px!important;height:96px!important;margin-bottom:24px!important;}
  html.mpmh-route-pending .mpmh-route-arrival-title{font-size:clamp(24px,8vw,32px)!important;}
}
@media(prefers-reduced-motion:reduce){
  .mpmh-route-arrival-status.is-connecting .mpmh-route-arrival-dots{
    width:1.22em!important;
    animation:none!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-rail{
    transition:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT012 · FEEDBACK GOVERNANCE + COMPACT LEADERBOARD LOGO RAIL
   ------------------------------------------------------------------------
   Final scoped owner for the reviewed pass. The main cause-perspective form
   no longer carries a general Terms/Privacy checkbox; update consent remains
   isolated to the optional updates fields. The Leaderboards explanation line
   is visually attached to the active table, and the existing governed logo
   rail becomes a compact, table-aligned sticky stack with text-only identity
   reveal. No image hover treatment, ranking, route, or Signal transport change.
   ======================================================================== */

/* The active description reads as a natural caption immediately above the
   blue table title rather than detached page copy. */
@media(min-width:761px){
  html body #publicShell #shellMain .mpmh-lb-hero h2{
    position:relative!important;
    left:20px!important;
    top:7px!important;
    max-width:calc(100% - 24px)!important;
    margin-top:8px!important;
    padding-bottom:5px!important;
    transform:none!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh-lb-hero h2{
    left:0!important;
    top:3px!important;
    transform:none!important;
  }
}

/* Wide desktop rail: align its sticky top with the blue table title, then keep
   a compact viewport-aware stack in the upper rail rather than distributing
   logos through the full container height. The workspace remains the sticky
   boundary and the page retains one scroll owner. */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h))!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 18px)!important;
    padding:0 24px 16px 18px!important;
    overflow:visible!important;
    align-self:start!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage{
    display:grid!important;
    grid-template-rows:repeat(3,auto)!important;
    align-content:start!important;
    align-items:start!important;
    justify-items:stretch!important;
    gap:clamp(12px,2.7vh,28px)!important;
    width:100%!important;
    height:auto!important;
    max-height:100%!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) 16px!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    height:clamp(106px,17vh,148px)!important;
    max-height:none!important;
    min-height:0!important;
    padding:0 6px!important;
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link img{
    align-self:center!important;
    justify-self:center!important;
    max-width:142px!important;
    max-height:clamp(64px,10vh,92px)!important;
    margin:0!important;
    transition:none!important;
  }
  html body #publicShell #shellMain .mpmh008-lb-logo-name{
    display:block!important;
    align-self:end!important;
    justify-self:center!important;
    width:100%!important;
    min-height:14px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    font-size:9px!important;
    line-height:14px!important;
    font-weight:700!important;
    letter-spacing:.075em!important;
    text-align:center!important;
    text-transform:uppercase!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    transition:color 140ms ease,-webkit-text-fill-color 140ms ease!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link:hover .mpmh008-lb-logo-name,
  html body #publicShell #shellMain .mpmh006-lb-logo-link:focus-visible .mpmh008-lb-logo-name{
    color:#0bf99e!important;
    -webkit-text-fill-color:#0bf99e!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link:hover img,
  html body #publicShell #shellMain .mpmh006-lb-logo-link:focus-visible img,
  html body #publicShell #shellMain .mpmh006-lb-logo-link:active img{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    box-shadow:none!important;
  }
}

/* Short desktop windows retain all three governed placements in a tighter
   stack; the rail does not create a nested scrollbar or clip the third logo. */
@media(min-width:1360px) and (max-height:620px){
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage{
    gap:10px!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link{
    height:96px!important;
    grid-template-rows:minmax(0,1fr) 14px!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link img{
    max-height:64px!important;
  }
  html body #publicShell #shellMain .mpmh008-lb-logo-name{
    min-height:13px!important;
    font-size:8.5px!important;
    line-height:13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh008-lb-logo-name{
    transition:none!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT012 · LEADERBOARDS LOGO RAIL DISTRIBUTION FINAL OWNER
   ------------------------------------------------------------------------
   Removes the visual campaign-name reveal and distributes the three governed
   logos evenly through the usable sticky viewport height. The rail remains
   top-aligned with the table, is bounded by the full Leaderboards workspace,
   creates no nested scrolling, and preserves exact MPID links, accessibility
   labels, group-pure serving, route gating, and Signal exposure/click owners.
   ======================================================================== */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    height:calc(100vh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 34px)!important;
    height:calc(100dvh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 34px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:clamp(8px,1.6vh,18px) 24px clamp(12px,2.2vh,24px) 18px!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:space-evenly!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    gap:0!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:clamp(78px,13vh,118px)!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 6px!important;
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link img{
    max-width:142px!important;
    max-height:clamp(58px,9vh,90px)!important;
    margin:0!important;
  }
  html body #publicShell #shellMain .mpmh008-lb-logo-name{
    display:none!important;
    visibility:hidden!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link:hover,
  html body #publicShell #shellMain .mpmh006-lb-logo-link:active{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
  }
}
@media(min-width:1360px) and (max-height:620px){
  html body #publicShell #shellMain .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    padding-top:6px!important;
    padding-bottom:10px!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link{
    height:74px!important;
  }
  html body #publicShell #shellMain .mpmh006-lb-logo-link img{
    max-height:54px!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT012 · FULL-WORKSPACE LOGO RAIL + CATEGORY PLACARDS
   ------------------------------------------------------------------------
   Final scoped owner for this pass. The governed Leaderboards logo rail is a
   direct child of the complete Leaderboards surface so its sticky boundary is
   no longer the active table wrapper. The first logo begins near the table
   title, the three placements distribute through the visible rail, and native
   Visit [Campaign] tooltips remain available without image effects. Category
   expanded rows use the full category name on a centered pure-white placard.
   Ranking, routing, serving groups, Signal ownership and transport are unchanged.
   ======================================================================== */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{
    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 minmax(0,auto)!important;
    align-items:start!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-sticky-head{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-workspace{
    grid-column:1 / -1!important;
    grid-row:2!important;
    min-height:calc(100dvh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 8px)!important;
    padding-bottom:96px!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-footnote{
    grid-column:1 / -1!important;
    grid-row:3!important;
    width:100%!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    grid-column:5!important;
    grid-row:2!important;
    position:sticky!important;
    top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h) + 4px)!important;
    z-index:1475!important;
    align-self:start!important;
    justify-self:stretch!important;
    width:auto!important;
    height:calc(100dvh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 38px)!important;
    min-height:420px!important;
    max-height:none!important;
    margin:0!important;
    padding:28px 24px 30px 18px!important;
    border:0!important;
    outline:0!important;
    overflow:hidden!important;
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-rail-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    gap:clamp(24px,4vh,54px)!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:clamp(76px,11.5vh,108px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0 6px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:142px!important;
    max-height:clamp(58px,8.8vh,88px)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
    transition:none!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:hover img,
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:focus-visible img,
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:active img{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    box-shadow:none!important;
  }
}
@media(min-width:1360px) and (max-height:680px){
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    min-height:0!important;
    padding-top:20px!important;
    padding-bottom:22px!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-rail-stage{
    gap:18px!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link{
    height:72px!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{
    max-height:54px!important;
  }
}
@media(min-width:1121px) and (max-width:1359px), (max-width:1120px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{
    display:block!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

html body #publicShell #shellMain .mpmh009-lb-category-placard{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:112px!important;
  height:94px!important;
  margin:0!important;
  padding:10px 9px!important;
  border:1px solid rgba(207,225,238,.52)!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
  color:#071827!important;
  -webkit-text-fill-color:#071827!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh009-lb-category-placard > span{
  display:-webkit-box!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#071827!important;
  -webkit-text-fill-color:#071827!important;
  font-size:clamp(10px,1vw,13px)!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh009-lb-category-placard{
    width:102px!important;
    height:82px!important;
    padding:8px!important;
  }
  html body #publicShell #shellMain .mpmh009-lb-category-placard > span{
    font-size:10.5px!important;
  }
}
@media(max-width:760px){
  html body #publicShell #shellMain .mpmh009-lb-category-placard{
    width:86px!important;
    height:72px!important;
    padding:7px!important;
  }
  html body #publicShell #shellMain .mpmh009-lb-category-placard > span{
    font-size:9px!important;
    line-height:1.14!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT012 · LEADERBOARDS TABLE-BOUND RAIL + ADVERTISERS PAGE
   ------------------------------------------------------------------------
   The logo rail returns to the active table workspace and releases at the
   natural table/SEE TOP boundary. Artificial lower workspace height is removed.
   State 1 is promoted as a scoped two-column Advertisers production surface.
   ======================================================================== */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-leaderboards-native{
    display:block!important;
  }
  html body #publicShell #shellMain .mpmh-leaderboards-native > .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;
    align-items:start!important;
    min-height:0!important;
    height:auto!important;
    padding-bottom:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-metric-rail{grid-column:1!important;grid-row:1!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-panels{grid-column:3!important;grid-row:1!important;min-height:0!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    grid-column:5!important;
    grid-row:1!important;
    position:sticky!important;
    top:calc(var(--mpmh-lb-sticky-top) + var(--mpmh-lb-head-h) + 4px)!important;
    align-self:start!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:34px 22px 20px 18px!important;
    border:0!important;
    outline:0!important;
    overflow:visible!important;
    background:#000!important;
    box-shadow:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-rail-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    gap:0!important;
    overflow:visible!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:92px!important;
    min-height:92px!important;
    margin:0!important;
    padding:0 6px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link + .mpmh006-lb-logo-link{
    margin-top:54px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:nth-child(3){
    margin-top:27px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{
    max-width:142px!important;
    max-height:82px!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}
@media(min-width:1360px) and (max-height:700px){
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{padding-top:24px!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link{height:78px!important;min-height:78px!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link + .mpmh006-lb-logo-link{margin-top:38px!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:nth-child(3){margin-top:19px!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{max-height:66px!important;}
}

html body #publicShell #shellMain > .panel.tab-panel.mpmh010-advertisers-panel{
  background:#000!important;
  color:#d7e6f2!important;
  overflow:visible!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-page{
  width:100%!important;
  margin:0!important;
  padding:28px clamp(22px,3.2vw,48px) 54px!important;
  box-sizing:border-box!important;
  background:#000!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-layout{
  display:grid!important;
  grid-template-columns:minmax(0,930px) minmax(300px,340px)!important;
  gap:clamp(30px,3vw,42px)!important;
  align-items:start!important;
  justify-content:center!important;
  width:100%!important;
  max-width:1340px!important;
  margin:0 auto!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-copy{min-width:0!important;}
html body #publicShell #shellMain .mpmh010-advertisers-hero,
html body #publicShell #shellMain .mpmh010-advertisers-section,
html body #publicShell #shellMain .mpmh010-advertisers-cta{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-kicker{
  margin:0 0 12px!important;
  color:#0bf99e!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-hero h1{
  max-width:850px!important;
  margin:0!important;
  color:#f5fbff!important;
  font-size:clamp(29px,3.1vw,49px)!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-page p{
  max-width:850px!important;
  margin:15px 0 0!important;
  color:#cdddea!important;
  font-size:13.4px!important;
  line-height:1.72!important;
  font-weight:400!important;
  letter-spacing:.018em!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-section{
  margin-top:30px!important;
  padding-top:21px!important;
  border-top:1px solid rgba(126,183,255,.17)!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-section h2,
html body #publicShell #shellMain .mpmh010-advertisers-cta h2{
  margin:0!important;
  color:#8fc6ff!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:750!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-signal-section{border-top-color:rgba(11,249,158,.25)!important;}
html body #publicShell #shellMain .mpmh010-advertisers-signal-section h2{color:#0bf99e!important;}
html body #publicShell #shellMain .mpmh010-registry-count strong{color:#f4fbff!important;font-weight:700!important;}
html body #publicShell #shellMain .mpmh010-performance-models{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:16px 0 0!important;
}
html body #publicShell #shellMain .mpmh010-performance-models span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  padding:6px 10px!important;
  border:1px solid rgba(126,183,255,.22)!important;
  background:#020609!important;
  color:#8fc6ff!important;
  font-size:8.8px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-boundary{
  border-top-color:rgba(126,183,255,.26)!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-boundary p:last-child{
  color:#f0f8fd!important;
}
html body #publicShell #shellMain .mpmh010-advertisers-cta{
  margin-top:32px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(126,183,255,.20)!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-primary-action,
html body #publicShell #shellMain .mpmh010-advertiser-rail-contact,
html body #publicShell #shellMain .mpmh010-advertiser-rail-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  margin:18px 0 0!important;
  padding:9px 16px!important;
  border:1px solid rgba(126,183,255,.46)!important;
  border-radius:0!important;
  background:#000!important;
  color:#f4fbff!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-primary-action:hover,
html body #publicShell #shellMain .mpmh010-advertiser-primary-action:focus-visible,
html body #publicShell #shellMain .mpmh010-advertiser-rail-contact:hover,
html body #publicShell #shellMain .mpmh010-advertiser-rail-contact:focus-visible,
html body #publicShell #shellMain .mpmh010-advertiser-rail-link:hover,
html body #publicShell #shellMain .mpmh010-advertiser-rail-link:focus-visible{
  border-color:#0bf99e!important;
  color:#0bf99e!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-signal-rail{
  position:sticky!important;
  top:calc(var(--mpmh-sticky-header-h,96px) + 22px)!important;
  width:100%!important;
  margin:0!important;
  padding:18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(126,183,255,.18)!important;
  background:linear-gradient(180deg,rgba(18,22,26,.84),rgba(4,6,8,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-signal-rail-inner{position:relative!important;z-index:1!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-kicker{
  margin:0 0 6px!important;color:#8fc6ff!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-signal-rail h2{
  margin:0!important;color:#f4fbff!important;font-size:13px!important;line-height:1.2!important;font-weight:750!important;letter-spacing:.11em!important;text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-rail-intro{
  margin-top:9px!important;color:rgba(205,221,234,.72)!important;font-size:10px!important;line-height:1.5!important;letter-spacing:.045em!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-rail-count{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:center!important;max-width:none!important;margin:15px 0 0!important;padding:11px 12px!important;border-left:2px solid rgba(11,249,158,.46)!important;background:rgba(0,0,0,.32)!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-rail-count strong{color:#0bf99e!important;font-size:22px!important;line-height:1!important;font-weight:750!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-count span{color:rgba(218,235,245,.72)!important;font-size:8.6px!important;line-height:1.42!important;letter-spacing:.05em!important;text-transform:uppercase!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-stack{display:grid!important;gap:7px!important;margin-top:14px!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-stack > div{
  display:grid!important;gap:4px!important;padding:9px 10px!important;border:1px solid rgba(126,183,255,.13)!important;background:rgba(0,0,0,.34)!important;
}
html body #publicShell #shellMain .mpmh010-advertiser-rail-stack strong{color:#cdddea!important;font-size:8.6px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.09em!important;text-transform:uppercase!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-stack span{color:rgba(11,249,158,.72)!important;font-size:7.8px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-stack > .is-strong{border-color:rgba(11,249,158,.28)!important;background:rgba(11,249,158,.05)!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-models{margin-top:13px!important;padding-top:12px!important;border-top:1px solid rgba(126,183,255,.14)!important;color:#8fc6ff!important;font-size:8px!important;line-height:1.55!important;font-weight:800!important;letter-spacing:.09em!important;text-align:center!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-link,
html body #publicShell #shellMain .mpmh010-advertiser-rail-contact{width:100%!important;margin-top:12px!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-link{border-color:rgba(11,249,158,.28)!important;color:#0bf99e!important;}
html body #publicShell #shellMain .mpmh010-advertiser-rail-note{max-width:none!important;margin-top:10px!important;color:rgba(205,221,234,.64)!important;font-size:9.5px!important;line-height:1.5!important;letter-spacing:.035em!important;}
@media(max-width:1120px){
  html body #publicShell #shellMain .mpmh010-advertisers-page{padding:24px 20px 42px!important;}
  html body #publicShell #shellMain .mpmh010-advertisers-layout{grid-template-columns:1fr!important;gap:24px!important;max-width:900px!important;}
  html body #publicShell #shellMain .mpmh010-advertiser-signal-rail{position:relative!important;top:auto!important;}
}
@media(max-width:680px){
  html body #publicShell #shellMain .mpmh010-advertisers-hero h1{font-size:clamp(27px,8.5vw,38px)!important;}
  html body #publicShell #shellMain .mpmh010-performance-models{gap:6px!important;}
  html body #publicShell #shellMain .mpmh010-performance-models span{flex:1 1 calc(33.333% - 6px)!important;}
}

/* ========================================================================
   MPMH_EDITFRONT013 · BLACK CANVAS + FOOTER STATE + QUIET INNER NAVIGATION
   ------------------------------------------------------------------------
   Builds directly from the EDITFRONT012 surface owner and keeps one final
   scoped ownership layer. The active shared shell and page-sized wrappers own
   pure black. Deep platform blue is assigned only to named cards, readout
   modules, and structured content components. FAQ and Charities preserve the
   accepted EDITFRONT011 treatment. Leaderboards rows, expanded workspaces,
   Signals, Advertisers, forms, logo wells, routing, and Signal transport are
   outside this palette contract.
   ======================================================================== */

/* Leaderboards: keep the approved first-logo anchor, remove all replacement
   fades, and use one equal viewport-aware gap for both logo intervals. */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail,
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail.is-changing{
    opacity:1!important;
    transition:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link,
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{
    transition:none!important;
    animation:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link + .mpmh006-lb-logo-link,
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:nth-child(3){
    margin-top:clamp(74px,9vh,96px)!important;
  }
}
@media(min-width:1360px) and (max-height:700px){
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link + .mpmh006-lb-logo-link,
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:nth-child(3){
    margin-top:clamp(50px,7vh,64px)!important;
  }
}

/* Shared surface tokens. */
html body #publicShell #shellMain > .tab-panel.mpmh012-surface-theme{
  --mpmh012-canvas:#000000;
  --mpmh012-blue:#07121e;
  --mpmh012-blue-soft:#081827;
  --mpmh012-blue-card:#071522;
  --mpmh012-blue-deep:#06101b;
  --mpmh012-edge:rgba(126,183,255,.28);
  --mpmh012-edge-soft:rgba(126,183,255,.16);
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
}
html body #publicShell #shellMain > .tab-panel.mpmh012-surface-theme > .panel-body{
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
}

/* When these surfaces are active, unused shell space belongs to black. This
   fixes short editorial pages without fabricating page height. */
html[data-mpmh-active-surface="home"] body #publicShell #shellMain,
html[data-mpmh-active-surface="campaigns"] body #publicShell #shellMain,
html[data-mpmh-active-surface="charities"] body #publicShell #shellMain,
html[data-mpmh-active-surface="categories"] body #publicShell #shellMain,
html[data-mpmh-active-surface="insights"] body #publicShell #shellMain,
html[data-mpmh-active-surface="howitworks"] body #publicShell #shellMain,
html[data-mpmh-active-surface="faq"] body #publicShell #shellMain,
html[data-mpmh-active-surface="definitions"] body #publicShell #shellMain,
html[data-mpmh-active-surface="charities_org"] body #publicShell #shellMain,
html[data-mpmh-active-surface="measurement"] body #publicShell #shellMain,
html[data-mpmh-active-surface="privacy"] body #publicShell #shellMain,
html[data-mpmh-active-surface="terms"] body #publicShell #shellMain{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}

/* HOME: one uninterrupted pure-black canvas. All structural Home wrappers,
   readouts, controls, category/market modules, and copy rows inherit that
   canvas. Logo plates and form inputs remain governed by explicit exceptions. */
html body #publicShell #shellMain > .mpmh012-surface-home,
html body #publicShell #shellMain > .mpmh012-surface-home .mpmh280-home,
html body #publicShell #shellMain > .mpmh012-surface-home .mpmh280-home-state{
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-home .mpmh280-home-state :where(
  section,header,article,nav,form,div,p,ul,ol,li,h1,h2,h3,h4
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-home :where(
  .mpmh280-home,.mpmh280-home-state,.mpmh280-hero,.mpmh280-section,
  .mpmh280-hero-copy-stack,.mpmh280-section-head,.mpmh280-section-copy,
  .mpmh280-cause-rail,.mpmh280-featured-grid,.mpmh280-platform-links,
  .mpmh280-copy-columns,.mpmh280-copy-columns>p,.mpmh280-principle,
  .mpmh280-principle-cell,.mpmh287-hero-context-switch,
  .mpmh287-hero-context-panel,.mpmh287-hero-readout-metrics,
  .mpmh287-hero-readout-metrics>div,.mpmh289-hero-info-panel,
  .mpmh289-hero-actions-panel,.mpmh290-cause-actions-stage,
  .mpmh280-readout-row,.mpmh280-readout-row>div,.mpmh280-tool-row,
  .mpmh280-tool-row>button,.mpmh280-updates-form,.mpmh286-category-panel,
  .mpmh301-market-readout,.mpmh301-market-summary,.mpmh301-market-grid,
  .mpmh301-market-grid>div,.mpmh301-get-involved-layout,
  .mpmh301-get-involved-links,.mpmh301-updates-form
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-home :where(
  .mpmh280-home,.mpmh280-home-state,.mpmh280-hero,.mpmh280-section,
  .mpmh287-hero-context-switch,.mpmh287-hero-context-panel,
  .mpmh301-market-readout,.mpmh280-updates-form
)::before,
html body #publicShell #shellMain > .mpmh012-surface-home :where(
  .mpmh280-home,.mpmh280-home-state,.mpmh280-hero,.mpmh280-section,
  .mpmh287-hero-context-switch,.mpmh287-hero-context-panel,
  .mpmh301-market-readout,.mpmh280-updates-form
)::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-home :where(
  .mpmh280-principle-cell,.mpmh287-hero-readout-metrics>div,
  .mpmh280-readout-row>div,.mpmh280-tool-row>button,
  .mpmh301-market-grid>div,.mpmh301-market-summary,
  .mpmh286-category-panel,.mpmh280-updates-form
){
  border-color:var(--mpmh012-edge-soft)!important;
}

/* BRANDS + CAUSES: preserve the accepted EDITFRONT011 directory treatment. */
html body #publicShell #shellMain > .mpmh012-surface-brands .brands-discovery-body,
html body #publicShell #shellMain > .mpmh012-surface-causes .causes-discovery-body{
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge-soft)!important;
}
html body #publicShell #shellMain > .mpmh012-surface-brands .brand-discovery-scroll,
html body #publicShell #shellMain > .mpmh012-surface-causes .cause-discovery-scroll{
  background:var(--mpmh012-blue-soft)!important;
  background-color:var(--mpmh012-blue-soft)!important;
  background-image:none!important;
}

/* CATEGORIES: black body and gutters; the category buttons are the blue
   modules. Active/selected button behavior remains under its existing owner. */
html body #publicShell #shellMain > .mpmh012-surface-categories :where(
  .category-clean-body,.category-grid,.category-grid-az
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-categories :where(
  .category-clean-body,.category-grid,.category-grid-az
)::before,
html body #publicShell #shellMain > .mpmh012-surface-categories :where(
  .category-clean-body,.category-grid,.category-grid-az
)::after{
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-categories .category-grid .category-btn:not(.active){
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge-soft)!important;
  box-shadow:none!important;
}

/* INSIGHTS: document, navigation, heading, and prose remain black. Only the
   actual four/five-box grids, table rows, columns, and note modules are blue. */
html body #publicShell #shellMain > .mpmh012-surface-insights :where(
  .mpmh-insights-body,.mpmh-insights-shell,.mpmh-insights-pages,
  .mpmh-insight-page,.mpmh-insights-nav,.mpmh-insight-bottom-nav,
  .mpmh-insight-grid,.mpmh-insight-table,.mpmh-insight-columns
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-insights :where(
  .mpmh-insights-shell,.mpmh-insights-pages,.mpmh-insight-page
)::before,
html body #publicShell #shellMain > .mpmh012-surface-insights :where(
  .mpmh-insights-shell,.mpmh-insights-pages,.mpmh-insight-page
)::after{
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-insights .mpmh-insight-grid > div,
html body #publicShell #shellMain > .mpmh012-surface-insights .mpmh-insight-table > div,
html body #publicShell #shellMain > .mpmh012-surface-insights .mpmh-insight-columns > * ,
html body #publicShell #shellMain > .mpmh012-surface-insights .mpmh-insight-note{
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge-soft)!important;
  box-shadow:none!important;
}

/* HOW IT WORKS: one continuous pure-black document. The flow card, static
   process lane, and step modules remain organized by quiet hairlines rather
   than filled navy plates. */
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(
  .doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,
  .mpmh-doc-centered-content,.mpmh-doc-logo-rail,.mpmh-how-step-grid-v218,
  .mpmh-how-system-flow-card,.mpmh-how-flow-inner-v218,.mpmh-how-flow-titlebar,
  .mpmh-how-flow-logo,.mpmh-how-signal-flow-v218,.mpmh-signal-flow-step,
  .mpmh-how-step-grid-v218 .doc-card,.doc-link-row
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(
  .mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,
  .mpmh-how-system-flow-card,.mpmh-how-flow-inner-v218,.mpmh-how-flow-logo,
  .mpmh-how-signal-flow-v218,.mpmh-signal-flow-step,.doc-card
)::before,
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(
  .mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,
  .mpmh-how-system-flow-card,.mpmh-how-flow-inner-v218,.mpmh-how-flow-logo,
  .mpmh-how-signal-flow-v218,.mpmh-signal-flow-step,.doc-card
)::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(
  .mpmh-how-system-flow-card,.mpmh-how-flow-logo,.mpmh-how-signal-flow-v218,
  .mpmh-signal-flow-step,.mpmh-how-step-grid-v218 .doc-card
){
  border-color:var(--mpmh012-edge-soft)!important;
}
html body #publicShell #shellMain > .mpmh012-surface-howitworks .mpmh-how-flow-titlebar{
  border-bottom-color:var(--mpmh012-edge-soft)!important;
}

/* FAQ: freeze the accepted EDITFRONT011 treatment. */
html body #publicShell #shellMain > .mpmh012-surface-faq :where(
  .doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,
  .mpmh-doc-centered-content
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-faq :where(
  .doc-hero-card,.faq-item,.doc-link-row
){
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge)!important;
}

/* DEFINITIONS + MEASUREMENT: black page and grid gutters; blue hero, cards,
   and related-link modules. Unused lower viewport space is owned by shell black. */
html body #publicShell #shellMain > :is(.mpmh012-surface-definitions,.mpmh012-surface-measurement) :where(
  .doc-panel-body,.doc-grid
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > :is(.mpmh012-surface-definitions,.mpmh012-surface-measurement) :where(
  .doc-panel-body,.doc-grid
)::before,
html body #publicShell #shellMain > :is(.mpmh012-surface-definitions,.mpmh012-surface-measurement) :where(
  .doc-panel-body,.doc-grid
)::after{
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > :is(.mpmh012-surface-definitions,.mpmh012-surface-measurement) :where(
  .doc-hero-card,.doc-card,.doc-link-row
){
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge)!important;
  box-shadow:none!important;
}

/* CHARITIES: freeze the accepted EDITFRONT011 treatment. */
html body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-body{
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-charities :where(
  .charities-editorial-box,.charities-editorial-callout
){
  background:var(--mpmh012-blue)!important;
  background-color:var(--mpmh012-blue)!important;
  background-image:none!important;
  border-color:var(--mpmh012-edge)!important;
}

/* PRIVACY + TERMS: legal copy sits directly on pure black. Remove the large
   blue document plate, outer border, shadow, and decorative frame layers. */
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) :where(
  .mpmh-legal-body,.mpmh-legal-doc
){
  background:var(--mpmh012-canvas)!important;
  background-color:var(--mpmh012-canvas)!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) :where(
  .mpmh-legal-body,.mpmh-legal-doc
)::before,
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) :where(
  .mpmh-legal-body,.mpmh-legal-doc
)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) .mpmh-legal-doc > *,
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) .mpmh-legal-doc :where(
  header,section,div,h1,h2,h3,h4,p,ul,ol,li,span,strong,em,a
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > :is(.mpmh012-surface-privacy,.mpmh012-surface-terms) .mpmh-legal-doc :where(h1,h2,h3){
  border-color:var(--mpmh012-edge-soft)!important;
}

/* Explicit placement and input exceptions. */
html body #publicShell #shellMain > .mpmh012-surface-theme :where(
  .brand-logo-tile,.brand-card-logo,.brand-logo-stage,.brand-identity-stage,
  .cause-identity-stage,.cause-pick-logo-link,.brand-pick-logo-link,
  .cause-logo-tile,.cause-card-logo,.selected-cause-logo,
  .selected-cause-logo-tile,.mph-home-cause-logo-well,.mph-home-logo-link
){
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-theme :where(input,textarea,select){
  background:#000!important;
  background-color:#000!important;
}

@media(max-width:760px){
  html body #publicShell #shellMain > .mpmh012-surface-faq :where(.doc-hero-card,.faq-item,.doc-link-row),
  html body #publicShell #shellMain > .mpmh012-surface-charities :where(.charities-editorial-box,.charities-editorial-callout),
  html body #publicShell #shellMain > :is(.mpmh012-surface-definitions,.mpmh012-surface-measurement) :where(.doc-hero-card,.doc-card,.doc-link-row){
    border-left-color:var(--mpmh012-edge-soft)!important;
    border-right-color:var(--mpmh012-edge-soft)!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT013 · FOOTER STATUS + RELATED ROW + LEADERBOARDS INNER TABS
   ======================================================================== */

/* Quiet, global, nonanimated Signal status link. It shares the normal footer
   navigation state owner; the green dot is status-only and never pulses. */
html body #publicShell .public-footer .public-footer-inner{position:relative!important;}
html body #publicShell .public-footer .mpmh013-footer-signal-status{
  position:absolute!important;
  left:12px!important;
  bottom:2px!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(181,190,198,.50)!important;
  -webkit-text-fill-color:rgba(181,190,198,.50)!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:650!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body #publicShell .public-footer .mpmh013-footer-signal-dot{
  display:block!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  border-radius:50%!important;
  background:#0bf99e!important;
  box-shadow:none!important;
  animation:none!important;
}
html body #publicShell .public-footer .mpmh013-footer-signal-status:hover,
html body #publicShell .public-footer .mpmh013-footer-signal-status:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  outline:0!important;
}
html body #publicShell .public-footer .mpmh013-footer-signal-status.active,
html body #publicShell .public-footer .mpmh013-footer-signal-status.is-active,
html body #publicShell .public-footer .mpmh013-footer-signal-status.mpmh-footer-active,
html body #publicShell .public-footer .mpmh013-footer-signal-status[aria-current="page"]{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh013-footer-signal-status{
  color:rgba(181,190,198,.44)!important;
  -webkit-text-fill-color:rgba(181,190,198,.44)!important;
}
@media(max-width:980px){
  html body #publicShell .public-footer .mpmh013-footer-signal-status{
    position:static!important;
    justify-content:center!important;
    width:100%!important;
    margin:0 0 2px!important;
    font-size:7px!important;
  }
}

/* Shared Related navigation: useful links remain, but all filled strips,
   borders, button boxes, and nested blue chrome are removed. */
html body #publicShell #shellMain .doc-link-row,
html body #publicShell #shellMain .mpmh314-technology-related{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  margin-top:18px!important;
  padding:8px 0 0!important;
  border:0!important;
  outline:0!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .doc-link-row > span,
html body #publicShell #shellMain .mpmh314-technology-related > span{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(169,192,210,.68)!important;
  -webkit-text-fill-color:rgba(169,192,210,.68)!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain .doc-link-row :is(button,a),
html body #publicShell #shellMain .mpmh314-technology-related :is(button,a){
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#779bb8!important;
  -webkit-text-fill-color:#779bb8!important;
  font-family:inherit!important;
  font-size:9px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain .doc-link-row :is(button,a):hover,
html body #publicShell #shellMain .doc-link-row :is(button,a):focus-visible,
html body #publicShell #shellMain .mpmh314-technology-related :is(button,a):hover,
html body #publicShell #shellMain .mpmh314-technology-related :is(button,a):focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  outline:0!important;
}

/* Leaderboards inner family navigation remains pure black and unboxed. A
   muted steel-blue inactive state, one faint shared baseline, and short
   hover/selected underlines establish quiet shell context. */
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs{
  position:relative!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tabs::after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  bottom:0!important;
  height:1px!important;
  background:rgba(85,125,154,.22)!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab{
  position:relative!important;
  color:#779bb8!important;
  -webkit-text-fill-color:#779bb8!important;
  font-weight:600!important;
  filter:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:-6px!important;
  width:0!important;
  height:1px!important;
  background:#8fc6ff!important;
  transform:translateX(-50%)!important;
  transition:width 120ms ease!important;
  pointer-events:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:hover,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
  filter:none!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:hover::after,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:focus-visible::after{
  width:70%!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab.is-active{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab.is-active::after{
  width:72%!important;
  background:#0bf99e!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab::after{transition:none!important;}
}


/* ========================================================================
   MPMH_EDITFRONT014 · DIRECTORY CONTINUATION FALLBACK
   ------------------------------------------------------------------------
   The automatic continuation controller is JS-owned. This only presents a
   quiet manual fallback inside the existing result-status line; it changes no
   table/card geometry, scroll ownership, or row presentation.
   ======================================================================== */
html body #shellMain .mpmh014-directory-load-more{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#7fcaff!important;
  font:inherit!important;
  font-size:.92em!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
  line-height:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
html body #shellMain .mpmh014-directory-load-more:hover,
html body #shellMain .mpmh014-directory-load-more:focus-visible{
  color:#0bf99e!important;
  text-decoration:underline!important;
  outline:0!important;
}


/* ========================================================================
   MPMH_EDITFRONT015 · FINAL VISUAL OWNERSHIP POLISH
   ======================================================================== */

/* Leaderboards: underline the exact inline label box, not a fixed fraction. */
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab::after{
  left:0!important;
  right:0!important;
  width:auto!important;
  transform:none!important;
  opacity:0!important;
  transition:opacity 120ms ease!important;
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:hover::after,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab:focus-visible::after,
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab.is-active::after{
  width:auto!important;
  opacity:1!important;
}

/* Move only the active-board explanatory rail about 20px left through its grid
   owner. The table, tabs, metric rail and logo rail retain their geometry. */
@media(min-width:1360px){
  html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero{
    grid-template-columns:calc(var(--mpmh-lb-rail) - 20px) var(--mpmh-lb-gap) minmax(0,1fr) var(--mpmh-lb-gap) calc(var(--mpmh-lb-rail) + 20px)!important;
  }
}
@media(min-width:1121px) and (max-width:1359px){
  html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero{
    grid-template-columns:calc(var(--mpmh-lb-rail) - 20px) var(--mpmh-lb-gap) minmax(0,1fr)!important;
  }
}
html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-hero h2{
  padding-left:0!important;
}

/* How It Works: the page, unused gutters, framing wrappers and pseudo-surfaces
   all terminate in exact black. Deliberate inner hairlines remain. */
html[data-mpmh-active-surface="howitworks"] body,
html[data-mpmh-active-surface="howitworks"] body #publicShell,
html[data-mpmh-active-surface="howitworks"] body #publicShell #shellMain,
html body #publicShell #shellMain > .mpmh012-surface-howitworks,
html body #publicShell #shellMain > .mpmh012-surface-howitworks > .panel-body,
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.mpmh-doc-logo-rail){
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.mpmh-doc-logo-rail)::before,
html body #publicShell #shellMain > .mpmh012-surface-howitworks :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.mpmh-doc-logo-rail)::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* FAQ and shared Related rows: remove only accidental parent frames. The
   intentional border on each .faq-item remains untouched. */
html body #publicShell #shellMain > .mpmh012-surface-faq :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.faq-list,.mpmh-faq-list),
html body #publicShell #shellMain .doc-link-row,
html body #publicShell #shellMain .mpmh314-technology-related{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .mpmh012-surface-faq :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.faq-list,.mpmh-faq-list)::before,
html body #publicShell #shellMain > .mpmh012-surface-faq :where(.doc-panel-body,.mpmh-doc-framed-body,.mpmh-doc-logo-frame,.mpmh-doc-centered-content,.faq-list,.mpmh-faq-list)::after,
html body #publicShell #shellMain .doc-link-row::before,
html body #publicShell #shellMain .doc-link-row::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Home marquee: one continuous exact-white upper logo lane. The lower 28px
   stays black for the existing campaign-name reveal beneath the strip. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{
  --mpmh015-marquee-white-height:84px;
  background:linear-gradient(to bottom,#fff 0,#fff var(--mpmh015-marquee-white-height),#000 var(--mpmh015-marquee-white-height),#000 100%)!important;
  background-color:#fff!important;
  box-shadow:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-track,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-group,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{--mpmh015-marquee-white-height:78px;}
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .panel.tab-panel[data-panel="leaderboards"] .mpmh-lb-top-tab::after{transition:none!important;}
}


/* ========================================================================
   MPMH_EDITFRONT016 · CARD CONTINUATION BOUNDARY
   ------------------------------------------------------------------------
   Card-view status copy remains visually suppressed by the established card
   design. These dedicated sentinels stay measurable for continuation logic
   without adding a visible strip, border, gap, or interaction target.
   ======================================================================== */
html body #publicShell #shellMain .brand-discovery-scroll.card-view > #brandCardContinuationSentinel,
html body #publicShell #shellMain .cause-discovery-scroll.card-view > #causeCardContinuationSentinel,
html body #publicShell #shellMain .mpmh016-card-continuation-sentinel{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:1px!important;
  min-height:1px!important;
  max-height:1px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  opacity:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .brand-discovery-scroll.table-view > #brandCardContinuationSentinel,
html body #publicShell #shellMain .cause-discovery-scroll.table-view > #causeCardContinuationSentinel{
  display:none!important;
}


/* ========================================================================
   MPMH_EDITFRONT021 · AUTHORITATIVE SHARED ROUTE-STAGE OWNER
   ------------------------------------------------------------------------
   The router writes data-mpmh-surface-tone="black" synchronously on every
   activation. This final owner keeps the cross-route scroll field and its
   scrollbar lane neutral. Route modules remain free to own deliberate blue
   cards, tables, rails and readout surfaces inside their panel.
   ======================================================================== */
@media (min-width:901px){
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain.shell-main#shellMain,
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain.shell-main#shellMain > .tab-panel:not([style*="display: none"]){
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
  }
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain.shell-main#shellMain::-webkit-scrollbar-track,
  html.mpmh263-root-surface[data-mpmh-surface-tone="black"] body #publicShell #shellMain.shell-main#shellMain::-webkit-scrollbar-corner{
    background:#000!important;
    background-color:#000!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT021 · INSIGHTS QUIET CANVAS + FOOTER STATUS FLOW
   ======================================================================== */

/* Insights navigation remains a pure-black text rail in every interaction
   state. Hover/focus never paints a filled blue band. */
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insights-nav,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insights-nav:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insights-nav:focus-within{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-nav-link{
  position:relative!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(142,176,202,.72)!important;
  -webkit-text-fill-color:rgba(142,176,202,.72)!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-nav-link:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-nav-link:focus-visible{
  background:transparent!important;
  background-color:transparent!important;
  color:#69b9ff!important;
  -webkit-text-fill-color:#69b9ff!important;
  outline:0!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-nav-link.is-active,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-nav-link[aria-current="page"]{
  background:transparent!important;
  background-color:transparent!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}

/* Campaign Readouts and Evidence Boundaries are editorial readouts, not
   blue table modules. Their hierarchy comes from spacing and labels only. */
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin-top:18px!important;
  padding:0!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact > div,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact > div:first-child{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact > div + div{
  border:0!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact b{
  display:block!important;
  margin:0 0 4px!important;
  padding:0!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-page:is(
  [data-insight-id="campaign-readouts"],
  [data-insight-id="evidence-boundaries"]
) .mpmh-insight-table.compact span{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* Previous/Next retains its full hit area while the visible surface remains
   black at rest, hover, focus, active press, and disabled states. */
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav:focus-within{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:focus-visible,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:active,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:disabled{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:hover,
html body #publicShell #shellMain .mpmh-public-insights-panel .mpmh-insight-bottom-nav button:focus-visible{
  color:#69b9ff!important;
  -webkit-text-fill-color:#69b9ff!important;
  outline:0!important;
}

/* Footer status participates in the footer's actual layout instead of sitting
   beneath sibling paint layers. The central link/copyright rails keep their
   established centered geometry. */
html body #publicShell .public-footer .mpmh013-footer-signal-status{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  z-index:auto!important;
  align-self:center!important;
  justify-self:start!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
}
@media(min-width:981px){
  html:not(.mpmh285-shell-blank) body #publicShell .public-footer .public-footer-inner{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"signal nav balance" "signal brand balance"!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  html:not(.mpmh285-shell-blank) body #publicShell .public-footer .mpmh013-footer-signal-status{
    grid-area:signal!important;
    padding-left:12px!important;
  }
  html:not(.mpmh285-shell-blank) body #publicShell .public-footer .footer-flat-nav{
    grid-area:nav!important;
    justify-self:center!important;
  }
  html:not(.mpmh285-shell-blank) body #publicShell .public-footer .footer-brand-line{
    grid-area:brand!important;
    justify-self:center!important;
  }
}
@media(max-width:980px){
  html body #publicShell .public-footer .mpmh013-footer-signal-status{
    justify-self:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0 0 2px!important;
  }
}

/* One brief, noncontinuous arrival cue for a genuinely new Leaderboard logo
   set. No scale, glow, layout movement, hover animation, or tracking hook. */
@keyframes mpmh018LeaderboardLogoArrival{
  from{opacity:.74;}
  to{opacity:1;}
}
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh018-logo-arrival .mpmh006-lb-logo-link{
  animation:mpmh018LeaderboardLogoArrival 360ms ease-out both!important;
  animation-delay:var(--mpmh018-logo-delay,0ms)!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh018-logo-arrival .mpmh006-lb-logo-link{
    animation:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT021 · CONTACT US FOUNDATION
   ======================================================================== */
html body #publicShell #shellMain .mpmh-contact-native-panel[data-panel="contact"],
html body #publicShell #shellMain #mpmhContactModal,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box{
  width:min(1440px,calc(100% - 44px))!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0 0 34px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  min-height:44px!important;
  height:44px!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:#000!important;
  background-color:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(65,126,166,.34)!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head h2{
  grid-column:2!important;
  margin:0!important;
  padding:0!important;
  color:#f4f7f9!important;
  -webkit-text-fill-color:#f4f7f9!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-back,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head-balance{
  min-width:74px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(142,176,202,.82)!important;
  -webkit-text-fill-color:rgba(142,176,202,.82)!important;
  font:700 10px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-back{
  grid-column:1!important;
  justify-self:start!important;
  cursor:pointer!important;
  text-align:left!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-back:hover,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-back:focus-visible{
  color:#69b9ff!important;
  -webkit-text-fill-color:#69b9ff!important;
  outline:0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head-balance{
  grid-column:3!important;
  justify-self:end!important;
  visibility:hidden!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-intro:not([hidden]){
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(166,195,216,.78)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 18px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-form-row,
html body #publicShell #shellMain #mpmhContactModal .mpmh296-contact-wide{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh296-contact-wide,
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row,
html body #publicShell #shellMain #mpmhContactModal .mpmh302-contact-privacy-note,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-status{
  grid-column:1/-1!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box label{
  margin:0 0 6px!important;
  padding:0!important;
  color:#78bcf5!important;
  -webkit-text-fill-color:#78bcf5!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-optional{
  color:rgba(158,180,197,.55)!important;
  -webkit-text-fill-color:rgba(158,180,197,.55)!important;
  font-size:8px!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box input,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box select,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 11px!important;
  background:#03090f!important;
  background-color:#03090f!important;
  color:#edf4f8!important;
  -webkit-text-fill-color:#edf4f8!important;
  border:1px solid rgba(58,111,149,.62)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box input:focus,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box select:focus,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box textarea:focus{
  border-color:#69b9ff!important;
  outline:1px solid rgba(105,185,255,.30)!important;
  outline-offset:0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box [aria-invalid="true"]{
  border-color:#ffb25f!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box textarea{
  min-height:150px!important;
  resize:vertical!important;
}
html body #publicShell #shellMain #mpmhContactModal #mpmhContactReasonHelper{
  margin:5px 0 0!important;
  color:rgba(139,192,232,.76)!important;
  text-align:left!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:2px 0 0!important;
  padding:10px 0!important;
  background:transparent!important;
  border-top:1px solid rgba(58,111,149,.30)!important;
  border-bottom:1px solid rgba(58,111,149,.30)!important;
  color:rgba(194,210,221,.84)!important;
  text-transform:none!important;
  letter-spacing:0!important;
  font-size:10px!important;
  font-weight:500!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-checkbox-row input{
  width:16px!important;
  min-height:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  padding:0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh302-contact-privacy-note{
  margin:-4px 0 0!important;
  padding:0!important;
  color:rgba(151,178,198,.68)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit{
  justify-self:center!important;
  width:auto!important;
  min-width:190px!important;
  margin:4px 0 0!important;
  padding:11px 22px!important;
  background:#04121d!important;
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
  border:1px solid rgba(11,249,158,.58)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit:hover,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-submit:focus-visible{
  background:#061a29!important;
  color:#69b9ff!important;
  -webkit-text-fill-color:#69b9ff!important;
  border-color:#69b9ff!important;
  outline:0!important;
}
html body #publicShell #shellMain #mpmhContactModal.is-submitting .mpmh-contact-submit{
  opacity:.62!important;
  cursor:wait!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-status{
  min-height:16px!important;
  margin:0!important;
  padding:0!important;
  color:#ffbf73!important;
  text-align:center!important;
  font-size:10px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou{
  width:min(760px,calc(100% - 32px))!important;
  margin:46px auto 0!important;
  padding:34px 28px!important;
  background:#000!important;
  border:1px solid rgba(58,111,149,.45)!important;
  box-shadow:none!important;
  text-align:center!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-reference{
  color:#0bf99e!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-actions{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-home,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-another{
  min-width:190px!important;
  padding:10px 15px!important;
  background:#000!important;
  color:#69b9ff!important;
  border:1px solid rgba(58,111,149,.62)!important;
  border-radius:0!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-home:hover,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-another:hover,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-home:focus-visible,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-thankyou-another:focus-visible{
  color:#0bf99e!important;
  border-color:#0bf99e!important;
  outline:0!important;
}
@media(max-width:760px){
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box{
    width:calc(100% - 24px)!important;
  }
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box form{
    grid-template-columns:1fr!important;
  }
  html body #publicShell #shellMain #mpmhContactModal .mpmh-form-row,
  html body #publicShell #shellMain #mpmhContactModal .mpmh296-contact-wide{
    grid-column:1/-1!important;
  }
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head h2{
    font-size:11px!important;
    letter-spacing:.20em!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT021 · CONTACT CONTINUITY + VISIBLE-STAGE LOGO RAIL
   ======================================================================== */
/* The shell title is the sole Contact Us heading. One centered content owner
   governs the utility row, form, success state, and contained legal viewer. */
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box{
  width:min(1180px,calc(100% - 56px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:34px!important;
  height:34px!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(65,126,166,.28)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head h2,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-head-balance{display:none!important;}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-back{
  min-width:0!important;
  padding:0!important;
  text-align:left!important;
}

/* Contact-scoped legal review keeps the form DOM mounted and uses shellMain as
   the one scroll owner. No form value is copied to URL, storage, or Signal. */
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-viewer[hidden]{display:none!important;}
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-legal-active .mpmh-contact-head,
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-legal-active #mpmhContactForm,
html body #publicShell #shellMain #mpmhContactModal.mpmh-contact-legal-active .mpmh-contact-thankyou{display:none!important;}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-viewer{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0 0 42px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-head{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:42px!important;
  margin:0 0 18px!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  border-bottom:1px solid rgba(65,126,166,.32)!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-return{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(142,176,202,.84)!important;
  font:700 9px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  text-align:left!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-return:hover,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-return:focus-visible{color:#69b9ff!important;outline:0!important;}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-a11y-title{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document{
  width:min(980px,100%)!important;
  margin:0 auto!important;
  padding:0!important;
  background:#000!important;
  overflow:visible!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc h1,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc h2,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc p,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc ul,
html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-document .mpmh-legal-doc li{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-box{width:calc(100% - 24px)!important;}
  html body #publicShell #shellMain #mpmhContactModal .mpmh-contact-legal-head{padding:8px 0!important;}

}

/* The rail height is measured from its actual visible top to the shell/footer
   boundary. Three equal grid rows own the slots; old fixed-gap formulas yield. */
@media(min-width:1360px){
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh-lb-side-note.mpmh299-lb-reserved-rail.mpmh006-lb-logo-rail{
    height:var(--mpmh020-lb-visible-stage-height,calc(100vh - var(--mpmh-lb-sticky-top) - var(--mpmh-lb-head-h) - 42px))!important;
    min-height:240px!important;
    max-height:none!important;
    padding:0 22px 0 18px!important;
    overflow:hidden!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-rail-stage{
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 6px!important;
  }
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link + .mpmh006-lb-logo-link,
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link:nth-child(3){margin-top:0!important;}
  html body #publicShell #shellMain .mpmh-lb-workspace > .mpmh006-lb-logo-rail .mpmh006-lb-logo-link img{
    max-width:142px!important;
    max-height:min(92px,72%)!important;
  }
}

/* The governed three-logo set crossfades as one synchronized unit. */
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-outgoing{
  opacity:.50!important;
  transition:opacity 300ms ease-in!important;
}
@keyframes mpmh021LeaderboardLogoGroupArrival{from{opacity:.50;}to{opacity:1;}}
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-incoming{
  animation:mpmh021LeaderboardLogoGroupArrival 600ms cubic-bezier(.22,.61,.36,1) both!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-outgoing,
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-incoming{transition:none!important;animation:none!important;opacity:1!important;}
}

/* ========================================================================
   MPMH_EDITFRONT022 · LEADERBOARD FOCUS-SETTLE + STABLE FOOTER STATUS
   ------------------------------------------------------------------------
   Presentation only. The table header remains geometrically stable while the
   newly active row stage receives one short latest-selection-only settle. The
   governed logo set acknowledges replacement as one immediate brief unit.
   ======================================================================== */
html body #publicShell #shellMain .mpmh-lb-row-stage{
  display:block!important;
  position:relative!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
@keyframes mpmh022LeaderboardBoardSettle{
  0%{opacity:.82;transform:translateY(3px);}
  100%{opacity:1;transform:translateY(0);}
}
html body #publicShell #shellMain .mpmh-lb-row-stage.mpmh022-board-enter{
  animation:mpmh022LeaderboardBoardSettle 210ms cubic-bezier(.2,.72,.2,1) both!important;
  transform-origin:50% 0!important;
}
@keyframes mpmh022LeaderboardFrameAcknowledge{
  0%{border-color:rgba(143,198,255,.88);}
  100%{border-color:var(--mpmh-lb-blue-edge);}
}
html body #publicShell #shellMain .mpmh-lb-panel.mpmh022-board-focus .mpmh-lb-table{
  animation:mpmh022LeaderboardFrameAcknowledge 300ms cubic-bezier(.2,.72,.2,1) both!important;
}
@keyframes mpmh022LeaderboardLogoSwap{
  from{opacity:.72;}
  to{opacity:1;}
}
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh022-logo-swap{
  animation:mpmh022LeaderboardLogoSwap 120ms ease-out both!important;
}
/* Retire the superseded delayed two-phase logo classes if an interrupted older
   state survives a cache/handoff boundary. */
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-outgoing,
html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh021-logo-incoming{
  transition:none!important;
  animation:none!important;
  opacity:1!important;
}
/* The status was still inheriting the global fixed 14px footer-link box while
   the footer clips overflow. Give this one compact control its own complete
   line box so the bottom glyph pixels remain inside the footer. */
html body #publicShell .public-footer .mpmh013-footer-signal-status{
  height:auto!important;
  min-height:16px!important;
  line-height:1.25!important;
  padding-top:1px!important;
  padding-right:0!important;
  padding-bottom:2px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body #publicShell .public-footer .mpmh013-footer-signal-status > span:last-child{
  display:block!important;
  line-height:1.25!important;
  padding-bottom:1px!important;
}
@media(max-width:980px){
  html body #publicShell .public-footer .mpmh013-footer-signal-status{padding-left:0!important;}
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-row-stage.mpmh022-board-enter,
  html body #publicShell #shellMain .mpmh-lb-panel.mpmh022-board-focus .mpmh-lb-table,
  html body #publicShell #shellMain .mpmh006-lb-logo-rail-stage.mpmh022-logo-swap{
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }
}
/* The active-board explanation updates immediately and remains visually stable. */
html body #publicShell #shellMain .mpmh-lb-hero h2.mpmh-lb-description-enter{
  animation:none!important;
  background:none!important;
  color:#aab9c2!important;
  -webkit-text-fill-color:#aab9c2!important;
}

/* ========================================================================
   MPMH_EDITFRONT023 · LEADERBOARD HEADER ACKNOWLEDGMENT + STATUS DOT ALIGNMENT
   ------------------------------------------------------------------------
   Presentation only. Routine board changes acknowledge the newly active title
   header without moving the sticky header or animating rows/table borders. The
   footer text line box remains untouched; only the five-pixel green dot moves
   upward by three quarters of one visual pixel.
   ======================================================================== */
/* Retire the 022 row/table acknowledgment even if an interrupted class remains
   across a cache handoff. No leaderboard row or table edge owns this cue. */
html body #publicShell #shellMain .mpmh-lb-row-stage.mpmh022-board-enter{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
}
html body #publicShell #shellMain .mpmh-lb-panel.mpmh022-board-focus .mpmh-lb-table{
  animation:none!important;
}
/* A contained overlay and title-opacity return place the brief acknowledgment
   entirely inside the existing blue title header. Geometry never changes. */
html body #publicShell #shellMain .mpmh-lb-panel-head::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(143,198,255,.20),rgba(143,198,255,.08));
  opacity:0;
}
html body #publicShell #shellMain .mpmh-lb-panel-head > div{
  position:relative!important;
  z-index:1!important;
}
@keyframes mpmh023LeaderboardHeaderWash{
  0%{opacity:.90;}
  100%{opacity:0;}
}
@keyframes mpmh023LeaderboardHeaderTitleSettle{
  0%{opacity:.82;}
  100%{opacity:1;}
}
html body #publicShell #shellMain .mpmh-lb-panel.mpmh023-header-focus .mpmh-lb-panel-head::before{
  animation:mpmh023LeaderboardHeaderWash 260ms cubic-bezier(.2,.72,.2,1) both;
}
html body #publicShell #shellMain .mpmh-lb-panel.mpmh023-header-focus .mpmh-lb-panel-head h3{
  animation:mpmh023LeaderboardHeaderTitleSettle 220ms cubic-bezier(.2,.72,.2,1) both!important;
}
/* Optical correction only: preserve the repaired status text baseline, line
   box, footer rows, and click target while clearing the dot's bottom edge. */
html body #publicShell .public-footer .mpmh013-footer-signal-dot{
  transform:translateY(-.75px)!important;
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain .mpmh-lb-panel.mpmh023-header-focus .mpmh-lb-panel-head::before,
  html body #publicShell #shellMain .mpmh-lb-panel.mpmh023-header-focus .mpmh-lb-panel-head h3{
    animation:none!important;
  }
  html body #publicShell #shellMain .mpmh-lb-panel-head::before{opacity:0!important;}
}

/* ========================================================================
   MPMH_EDITFRONT024 · CAUSE BLACK CANVAS + CLOSED DESKTOP WALLPAPER
   ------------------------------------------------------------------------
   Presentation only. Selected-Cause identity, supporting content, controls,
   readout surrounds, and feedback live on true black. The existing active
   workspace frame remains deep platform blue. Its closed state becomes
   seamless black around the existing world placeholder. The main closed-shell
   canvas gains a restrained static desktop wallpaper treatment. No geometry,
   route, form, data, or Signal ownership changes.
   ======================================================================== */

/* Selected-Cause page: black is the surrounding page canvas. */
html body #shellMain #selectedCauseHero,
html body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html body #shellMain #selectedCauseHero .mph-home-stage-body,
html body #shellMain #selectedCauseHero .mph-home-cause-rail,
html body #shellMain #selectedCauseHero .mph-home-cause-main,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html body #shellMain #selectedCauseHero .mph-home-cause-description,
html body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html body #shellMain #selectedCauseHero .mph-cause-compact-readout,
html body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid,
html body #shellMain #selectedCauseHero .mph-cause-signal-card,
html body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region,
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav,
html body #shellMain #selectedCauseHero .mph-cause-direct-updates-form{
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}

html body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html body #shellMain #selectedCauseHero .mph-home-cause-logo-well{
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Controls remain on the black page; only the active content frame owns blue. */
html body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  background-color:#071522!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  border-color:transparent!important;
}

/* Closing the Cause panel releases the blue frame into the surrounding black. */
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed #causeWorkspaceFrame,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-frame,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner,
html body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-closed{
  background-color:#000!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Main-window closed state: a purposeful static operating-system desktop. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
  isolation:isolate!important;
  background-color:#000!important;
  background-image:
    radial-gradient(circle at 50% 47%,rgba(10,61,94,.30) 0%,rgba(5,33,53,.20) 24%,rgba(1,10,17,.07) 48%,rgba(0,0,0,0) 69%),
    radial-gradient(circle at center,rgba(126,183,255,.085) 0 0.7px,transparent 0.9px)!important;
  background-size:100% 100%,24px 24px!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat,repeat!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  z-index:1!important;
  display:block!important;
  width:min(54vw,640px)!important;
  aspect-ratio:1 / 1!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(126,183,255,.065)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:0 0 0 76px rgba(126,183,255,.022),0 0 0 152px rgba(126,183,255,.010)!important;
  pointer-events:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  z-index:1!important;
  display:block!important;
  width:min(72vw,980px)!important;
  height:1px!important;
  transform:translate(-50%,-50%)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(126,183,255,.025) 18%,rgba(126,183,255,.075) 50%,rgba(126,183,255,.025) 82%,transparent 100%)!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark img{
  position:relative!important;
  z-index:2!important;
  width:min(36vw,440px)!important;
  max-width:54%!important;
  max-height:62%!important;
  opacity:.18!important;
  filter:grayscale(.52) saturate(.58) brightness(.80) contrast(.94)!important;
  transform:translateY(-2%)!important;
}
@media(max-width:900px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
    background-size:100% 100%,20px 20px!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before{
    width:min(76vw,480px)!important;
    box-shadow:0 0 0 52px rgba(126,183,255,.020),0 0 0 104px rgba(126,183,255,.009)!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark img{
    width:min(54vw,340px)!important;
    max-width:66%!important;
    opacity:.17!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::after,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark img{
    animation:none!important;
    transition:none!important;
  }
}



/* ========================================================================
   MPMH_EDITFRONT025 · CLOSED DESKTOP FOOTER GEOMETRY + BLANK-SLATE REFINEMENT
   ------------------------------------------------------------------------
   Presentation only. The permanent footer uses identical desktop geometry in
   open and closed shell states. The closed-state system signature is removed
   from normal flow, so it cannot raise the status, navigation, copyright, or
   shell/footer boundary. The desktop wallpaper loses its horizon line and
   crisp orbital rings, retaining only quiet ambient depth, a faint dot field,
   and the existing world mark. No behavior or Signal ownership changes.
   ======================================================================== */

/* Closed desktop must not create a taller footer. Reuse the established open
   desktop grid and coordinates exactly. */
@media(min-width:981px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .public-footer-inner{
    display:grid!important;
    grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"signal nav balance" "signal brand balance"!important;
    align-items:center!important;
    justify-items:stretch!important;
    column-gap:10px!important;
    row-gap:0!important;
    overflow:visible!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh013-footer-signal-status{
    grid-area:signal!important;
    align-self:center!important;
    justify-self:start!important;
    width:max-content!important;
    margin:0!important;
    padding-left:12px!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-flat-nav{
    grid-area:nav!important;
    justify-self:center!important;
    width:auto!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .footer-brand-line{
    grid-area:brand!important;
    justify-self:center!important;
  }
  /* The signature belongs to the desktop wallpaper, not to footer layout. */
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh296-footer-system-label{
    position:absolute!important;
    left:50%!important;
    bottom:calc(100% + 7px)!important;
    z-index:4!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:calc(100% - 36px)!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    grid-area:auto!important;
    pointer-events:none!important;
  }
}

/* The desktop is a future-use blank operating surface, not a finished data
   visualization. Retain atmospheric depth without a fixed graphic boundary. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
  background-color:#000!important;
  background-image:
    radial-gradient(circle at 50% 47%,rgba(10,61,94,.22) 0%,rgba(5,31,49,.13) 25%,rgba(1,9,15,.045) 51%,rgba(0,0,0,0) 72%),
    radial-gradient(circle at center,rgba(126,183,255,.050) 0 0.65px,transparent .88px)!important;
  background-size:100% 100%,24px 24px!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat,repeat!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  z-index:1!important;
  display:block!important;
  width:min(62vw,760px)!important;
  aspect-ratio:1 / 1!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at center,rgba(32,98,139,.055) 0%,rgba(10,49,75,.028) 44%,rgba(0,0,0,0) 73%)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
@media(max-width:900px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
    background-size:100% 100%,20px 20px!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before{
    width:min(82vw,540px)!important;
    box-shadow:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT026 · CLOSED DESKTOP HISTORY + SYSTEM SIGNATURE OWNERSHIP
   ------------------------------------------------------------------------
   The desktop signature now belongs to the blank-canvas watermark rather
   than the footer. It remains outside permanent footer flow and cannot alter
   footer/status geometry. History behavior is JavaScript-owned; this section
   adds no animation, interaction, or Signal behavior.
   ======================================================================== */
.mpmh026-desktop-system-signature{
  display:none!important;
}
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #shellMain > .mpmh288-blank-watermark > .mpmh026-desktop-system-signature{
    position:absolute!important;
    left:50%!important;
    bottom:10px!important;
    z-index:4!important;
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:center!important;
    gap:.20em!important;
    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(181,190,198,.62)!important;
    -webkit-text-fill-color:rgba(181,190,198,.62)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:clamp(8px,.56vw,9.5px)!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:.055em!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-shadow:none!important;
    pointer-events:none!important;
    user-select:none!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell #shellMain > .mpmh288-blank-watermark > .mpmh026-desktop-system-signature .mpmh298-system-version{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    font:inherit!important;
    letter-spacing:inherit!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT027 · PERSONALIZED HOME DISCOVERY + MARQUEE FINAL OWNER
   ------------------------------------------------------------------------
   One scoped owner for the continuous white logo lane, explicit measured
   motion controller, vertical category rail, 3x2 Featured Brand grid, and
   participation/action row beneath that grid. Entry Home structure and all
   Signal/link ownership remain unchanged.
   ======================================================================== */

/* The upper logo lane is a real full-width white surface, independent of the
   logo assets. The lower lane remains black for the existing name reveal. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{
  --mpmh027-marquee-white-height:88px;
  position:relative!important;
  isolation:isolate!important;
  background:#000!important;
  background-image:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 auto 0;
  height:var(--mpmh027-marquee-white-height);
  background:#fff;
  pointer-events:none;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-track{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
/* WAAPI owns transform and timing. CSS keyframes remain only as a fallback. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.mpmh027-waapi-marquee .mpmh280-marquee-track{
  animation:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.mpmh027-css-marquee[data-ready="1"] .mpmh280-marquee-track{
  animation:mpmh280Marquee 150s linear infinite!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.mpmh027-css-marquee.is-marquee-paused .mpmh280-marquee-track,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.mpmh027-css-marquee.is-offscreen .mpmh280-marquee-track{
  animation-play-state:paused!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-group,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible{
  background:transparent!important;
  background-image:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo img,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover img,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible img{
  transform:translateY(1px)!important;
}

/* Selected Home discovery becomes a left navigation rail plus one right-side
   Featured Brand composition. */
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-home-discovery-layout{
  display:grid;
  grid-template-columns:minmax(210px,250px) minmax(0,1fr);
  gap:clamp(30px,3.4vw,58px);
  align-items:start;
  margin-top:clamp(22px,2.4vw,34px);
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail .mpmh286-control-heading{
  margin:0 0 17px!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail .mpmh286-category-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail .mpmh286-category-grid button{
  width:max-content!important;
  max-width:100%!important;
  line-height:1.35!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail .mpmh286-category-grid button.all{
  margin-top:2px!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery{
  min-width:0;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0!important;
  border-top:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand{
  min-width:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-principle{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0 0 12px!important;
  border-top:1px solid var(--h280-line)!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-principle .mpmh280-principle-cell{
  min-height:78px!important;
  padding:15px clamp(10px,1.5vw,22px) 14px!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-principle .mpmh027-principle-statement{
  grid-template-rows:auto!important;
  align-content:start!important;
}

@media(max-width:1180px){
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-home-discovery-layout{
    grid-template-columns:minmax(190px,220px) minmax(0,1fr);
    gap:28px;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand:nth-child(n){
    border-right:1px solid var(--h280-line)!important;
    border-bottom:1px solid var(--h280-line)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand:nth-child(2n){border-right:0!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand:nth-last-child(-n+2){border-bottom:0!important;}
}
@media(max-width:900px){
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-home-discovery-layout{
    grid-template-columns:1fr;
    gap:30px;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-category-rail{
    max-width:280px!important;
  }
}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{--mpmh027-marquee-white-height:82px;}
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee.mpmh027-css-marquee[data-ready="1"] .mpmh280-marquee-track{animation-duration:188s!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid{
    grid-template-columns:1fr!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand:nth-child(n){
    border-right:0!important;
    border-bottom:1px solid var(--h280-line)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-discovery>.mpmh280-featured-grid .mpmh280-featured-brand:last-child{border-bottom:0!important;}
  html.mpmh280-home-states body #shellMain .mpmh280-home-selected .mpmh027-featured-principle{
    grid-template-columns:1fr!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-track{
    animation:none!important;
    transform:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT028 · HOME READOUT / MARKET / CAPTION FINAL OWNER
   ------------------------------------------------------------------------
   Presentation-only ownership for the full-white marquee caption lane,
   full-width top-ten market band, simplified public readout metrics, and
   updates-email focus visibility. Motion, routes, data, forms, and Signal
   semantics remain inherited unchanged.
   ======================================================================== */

/* The campaign-name lane is part of the same uninterrupted white marquee
   surface. Existing per-logo name reveal and exact-position pause remain the
   owners; this section changes paint only. */
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{
  --mpmh028-marquee-logo-lane:88px;
  --mpmh028-marquee-caption-lane:24px;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee::before{
  inset:0!important;
  height:auto!important;
  background:#fff!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo{
  height:calc(var(--mpmh028-marquee-logo-lane) + var(--mpmh028-marquee-caption-lane))!important;
  padding-bottom:var(--mpmh028-marquee-caption-lane)!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:not(.is-placeholder)>span{
  left:8px!important;
  right:8px!important;
  bottom:6px!important;
  color:#08131c!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:hover>span,
html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee .mpmh280-marquee-logo:focus-visible>span{
  color:#08131c!important;
}

@media(max-width:720px){
  html.mpmh280-home-states body #shellMain #mpmh280BrandMarquee{
    --mpmh028-marquee-logo-lane:80px;
    --mpmh028-marquee-caption-lane:24px;
  }
}

/* Public readout cards now end cleanly at the values; removed source/formula
   labels no longer reserve visual space. */
html.mpmh280-home-states body #shellMain .mpmh294-public-readout-row>div{
  padding-bottom:22px!important;
}
html.mpmh280-home-states body #shellMain .mpmh294-public-readout-row strong{
  margin-bottom:0!important;
}

/* The verified market readout now owns the complete content width. Ten
   descending source-derived markets fit in one row on wide desktop, then
   reflow to five and two columns without removing data. */
html.mpmh280-home-states body #shellMain .mpmh301-market-readout{
  width:100%!important;
  min-width:0!important;
  margin:clamp(22px,2.2vw,32px) 0 0!important;
  padding-top:18px!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-head{
  margin-bottom:14px!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-head h3{
  font-size:clamp(12px,.95vw,16px)!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-summary{
  margin-bottom:14px!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid{
  grid-template-columns:repeat(10,minmax(0,1fr))!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div{
  padding:10px clamp(8px,.75vw,13px)!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid span{
  font-size:clamp(8.5px,.62vw,10px)!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid strong{
  font-size:clamp(11px,.82vw,14px)!important;
}
@media(max-width:1240px){
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-child(n){border-right:1px solid rgba(121,191,255,.12)!important;}
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-child(5n){border-right:0!important;}
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-child(-n+5){border-bottom:1px solid rgba(121,191,255,.12)!important;}
}
@media(max-width:620px){
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-child(n){
    border-right:1px solid rgba(121,191,255,.12)!important;
    border-bottom:1px solid rgba(121,191,255,.12)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-child(2n){border-right:0!important;}
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid>div:nth-last-child(-n+2){border-bottom:0!important;}
}

/* Crisp, dimension-stable email boundary on black. Focus strengthens the
   interior edge without changing border width or form geometry. */
html.mpmh280-home-states body #shellMain #mpmh280UpdatesForm #mpmh280UpdatesEmail{
  box-sizing:border-box!important;
  border:1px solid rgba(139,164,184,.56)!important;
  background:#000!important;
  box-shadow:none!important;
  outline:0!important;
  transition:border-color .14s ease,box-shadow .14s ease!important;
}
html.mpmh280-home-states body #shellMain #mpmh280UpdatesForm #mpmh280UpdatesEmail:hover{
  border-color:rgba(121,191,255,.76)!important;
}
html.mpmh280-home-states body #shellMain #mpmh280UpdatesForm #mpmh280UpdatesEmail:focus,
html.mpmh280-home-states body #shellMain #mpmh280UpdatesForm #mpmh280UpdatesEmail:focus-visible{
  border-color:#78cfff!important;
  box-shadow:inset 0 0 0 1px rgba(120,207,255,.38)!important;
  outline:0!important;
}


/* ========================================================================
   MPMH_EDITFRONT029 · MARKET FLAGS / READOUT NAV FINAL OWNER
   ------------------------------------------------------------------------
   Presentation-only ownership for ISO-keyed market flags, consolidated
   market heading hierarchy, and bottom-centered Public Signal Activity
   navigation. Data, routes, interaction, and Signal semantics are inherited.
   ======================================================================== */

/* One left-side green heading now owns the market summary. The former right
   heading is intentionally absent so that area remains available for future
   content without introducing placeholder chrome. */
html.mpmh280-home-states body #shellMain .mpmh301-market-head{
  display:block!important;
  margin-bottom:14px!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-head .mpmh280-kicker{
  margin:0!important;
  color:var(--h280-green)!important;
  text-align:left!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-head h3{
  display:none!important;
}

/* Flags are self-hosted and keyed to the same verified ISO market code shown
   in text. The code remains the accessible identity; flags are decorative.
   Unknown future codes simply render code + count without a broken asset. */
html.mpmh280-home-states body #shellMain .mpmh301-market-grid .mpmh029-market-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid .mpmh029-market-identity{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:inherit!important;
  font-size:inherit!important;
  letter-spacing:normal!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid .mpmh029-market-flag{
  display:block!important;
  width:22px!important;
  height:14px!important;
  flex:0 0 22px!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:0 0 0 1px rgba(225,236,244,.22)!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid .mpmh029-market-code{
  color:#8fc6ff!important;
  font-size:clamp(8.5px,.62vw,10px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

/* The readout links close the section instead of floating beneath the
   freshness line. Normal flex ownership preserves responsiveness and lets any
   available section space absorb above the centered navigation strip. */
html.mpmh280-home-states body #shellMain .mpmh280-readouts{
  display:flex!important;
  flex-direction:column!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-readouts .mpmh280-platform-links{
  width:100%!important;
  justify-content:center!important;
  margin:auto 0 0!important;
  padding-top:clamp(24px,3.4vw,46px)!important;
  text-align:center!important;
}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain .mpmh280-readouts .mpmh280-platform-links{
    gap:9px 16px!important;
    padding-top:28px!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT030 · COMPLETE MARKET FLAG / READABILITY FINAL OWNER
   ------------------------------------------------------------------------
   Complete self-hosted ISO country coverage and a calmer full-country-name
   market layout. Market data, ordering, routes, and Signal semantics remain
   inherited from the existing published-campaign readout.
   ======================================================================== */

/* The previous ten-across ticker was visually dense. Five equal cells per row
   create two readable rows while preserving the same top-ten dataset. */
html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border-top:1px solid rgba(121,191,255,.15)!important;
  border-bottom:1px solid rgba(121,191,255,.15)!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  min-height:54px!important;
  padding:10px 14px!important;
  border-right:1px solid rgba(121,191,255,.12)!important;
  border-bottom:0!important;
  background:transparent!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-child(5n){
  border-right:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-child(-n+5){
  border-bottom:1px solid rgba(121,191,255,.12)!important;
}
html.mpmh280-home-states body #shellMain .mpmh030-market-identity{
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh030-market-flag{
  display:block!important;
  width:30px!important;
  height:30px!important;
  max-width:none!important;
  flex:none!important;
  object-fit:contain!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh280-home-states body #shellMain .mpmh030-market-name{
  min-width:0!important;
  color:#dceaf3!important;
  font-size:clamp(10px,.72vw,12px)!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html.mpmh280-home-states body #shellMain .mpmh030-market-count{
  color:#f2f7fa!important;
  font-size:clamp(13px,.95vw,17px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums!important;
}
@media(max-width:1180px){
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-child(n){
    border-right:1px solid rgba(121,191,255,.12)!important;
    border-bottom:1px solid rgba(121,191,255,.12)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-child(2n){
    border-right:0!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-last-child(-n+2){
    border-bottom:0!important;
  }
}
@media(max-width:520px){
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:nth-child(n){
    border-right:0!important;
    border-bottom:1px solid rgba(121,191,255,.12)!important;
    min-height:50px!important;
    padding:9px 11px!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh301-market-grid.mpmh030-market-grid>.mpmh030-market-cell:last-child{
    border-bottom:0!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT031 · ENTRY HOME CAUSE GRID / HERO SEQUENCE FINAL OWNER
   Base: live MPMH_EDITFRONT030. Entry Home only. No Personalized Home,
   route, data, form, main-JS, or Signal ownership changes.
   ======================================================================== */
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh280-hero-copy-stack{
  justify-content:center!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh280-hero-copy-stack>h1{
  margin-top:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle{
  width:100%!important;
  margin:clamp(18px,1.7vw,26px) 0 0!important;
  border-top:1px solid rgba(121,191,255,.16)!important;
  border-bottom:1px solid rgba(121,191,255,.16)!important;
  background:transparent!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-principle-cell{
  min-height:66px!important;
  padding:13px 20px 12px!important;
  gap:8px!important;
  border-right:1px solid rgba(121,191,255,.16)!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-principle-cell:last-child{
  border-right:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-principle-cell>span{
  font-size:clamp(10px,.7vw,12px)!important;
  line-height:1.15!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-inline-route{
  min-height:22px!important;
  line-height:1.15!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh280-cause-section>.mpmh280-section-head{
  margin-bottom:0!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:minmax(132px,auto)!important;
  gap:0!important;
  margin:28px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link{
  display:flex!important;
  min-width:0!important;
  min-height:132px!important;
  height:100%!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:18px 14px 16px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:#fff!important;
  color:#07131f!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link img{
  display:block!important;
  width:100%!important;
  max-width:128px!important;
  height:66px!important;
  object-fit:contain!important;
  filter:none!important;
  transform:none!important;
  transition:transform .18s ease,filter .18s ease!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link span{
  display:block!important;
  max-width:155px!important;
  color:#07131f!important;
  font-size:clamp(8px,.56vw,10px)!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-align:center!important;
  text-transform:uppercase!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:hover,
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:focus-visible{
  background:#eef8ff!important;
  color:#07131f!important;
  outline:0!important;
  box-shadow:inset 0 0 0 2px #58b4ff!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:hover img,
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:focus-visible img{
  transform:scale(1.035)!important;
  filter:none!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:hover span,
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link:focus-visible span{
  color:#075b8f!important;
}
html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link.is-logo-missing::before{
  content:"CAUSE";
  display:block;
  color:#6a7c88;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
@media(max-width:1100px){
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle{
    grid-template-columns:1fr!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-principle-cell{
    min-height:58px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(121,191,255,.16)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-principle .mpmh280-principle-cell:last-child{
    border-bottom:0!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(126px,auto)!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link{
    min-height:126px!important;
    padding:16px 10px 14px!important;
  }
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link img{
    max-width:112px!important;
    height:60px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh280-home-states body #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid>.mpmh280-cause-link img{
    transition:none!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT033 · CLOSED DESKTOP IDENTITY + SIGNALS SCOPE OWNER
   ------------------------------------------------------------------------
   Pure-black future-use desktop, icon-sized full-color MP identity above the
   existing lower-left Signal status, and one restrained Selected Cause /
   Platform-Wide readout scope control. Presentation only; no Signal event,
   payload, transport, accounting, route-destination, or backend changes.
   ======================================================================== */

/* Closed desktop: remove all central wallpaper art and atmospheric texture.
   The permanent operating-system signature remains independently positioned. */
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::before,
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell.public-shell #shellMain.shell-main#shellMain > .mpmh288-blank-watermark > img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* The logo is desktop-only and stays outside footer flow so the corrected
   status/footer coordinates remain exactly unchanged. */
html body #publicShell .public-footer .mpmh033-footer-signal-logo{
  display:none!important;
}
html body #publicShell .public-footer .mpmh033-footer-signal-line{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
html body #publicShell .public-footer .mpmh033-footer-signal-text{
  display:block!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  line-height:1.25!important;
  padding-bottom:1px!important;
}
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh013-footer-signal-status{
    position:relative!important;
    color:rgba(205,214,220,.88)!important;
    -webkit-text-fill-color:rgba(205,214,220,.88)!important;
    overflow:visible!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh013-footer-signal-status:hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh013-footer-signal-status:focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank #publicShell .public-footer .mpmh033-footer-signal-logo{
    position:absolute!important;
    left:50%!important;
    bottom:calc(100% + 7px)!important;
    z-index:5!important;
    display:block!important;
    width:42px!important;
    height:42px!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    object-fit:contain!important;
    object-position:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    pointer-events:none!important;
  }
}

/* Signals scope tabs: clear text controls, not pills or panels. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tabs{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:6px 22px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto 1px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab{
  position:relative!important;
  min-width:0!important;
  min-height:22px!important;
  margin:0!important;
  padding:2px 0 5px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(183,195,203,.66)!important;
  -webkit-text-fill-color:rgba(183,195,203,.66)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  line-height:1.1!important;
  font-weight:650!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  display:block!important;
  height:1px!important;
  background:transparent!important;
  transform:scaleX(.25)!important;
  transform-origin:center!important;
  transition:transform 150ms ease-out,background-color 150ms ease-out!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab:hover,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab:focus-visible{
  color:#8fc6ff!important;
  -webkit-text-fill-color:#8fc6ff!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab:focus-visible::after{
  background:#8fc6ff!important;
  transform:scaleX(1)!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab.is-active,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab[aria-selected="true"]{
  color:#0bf99e!important;
  -webkit-text-fill-color:#0bf99e!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab.is-active::after,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab[aria-selected="true"]::after{
  background:#0bf99e!important;
  transform:scaleX(1)!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab:disabled,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab[aria-disabled="true"]{
  color:rgba(153,164,172,.30)!important;
  -webkit-text-fill-color:rgba(153,164,172,.30)!important;
  cursor:default!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab:disabled::after,
html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab[aria-disabled="true"]::after{
  display:none!important;
}
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeHeading{
  margin:0!important;
  text-align:center!important;
}
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeHeading [hidden],
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to [hidden],
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid [hidden]{
  display:none!important;
}

/* The previous platform-readouts jump link is retired by the scope control.
   The readout now follows the animation directly. */
html body #publicShell #shellMain > .signals-panel .mpmh-signals-readout-row{
  margin-top:22px!important;
}

/* One restrained value settle. Geometry and animated highways remain stable. */
@keyframes mpmh033SignalsScopeSettle{
  from{opacity:.78;}
  to{opacity:1;}
}
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .connected-highway-copy-v05 b,
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .mpmh-signals-readout-row .mpmh-readout-value,
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle #mpmhSignalsScopeHeading{
  animation:mpmh033SignalsScopeSettle 180ms ease-out both!important;
}

@media(max-width:720px){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
    gap:8px!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tabs{
    gap:5px 16px!important;
  }
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab{
    font-size:9px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab::after{
    transition:none!important;
  }
  html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .connected-highway-copy-v05 b,
  html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .mpmh-signals-readout-row .mpmh-readout-value,
  html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle #mpmhSignalsScopeHeading{
    animation:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT034 · CLOSED DESKTOP SIGNAL IDENTITY OWNERSHIP REPAIR
   ------------------------------------------------------------------------
   The 033 icon was correctly positioned outside the footer's normal box, but
   the inherited surgical-frame owner still clipped footer overflow. A separate
   high-specificity dormant-link selector also overrode the intended status
   brightness. This final owner exposes only the closed-desktop identity block
   and exempts its status control from dormant-link dimming. Footer geometry,
   link rows, copyright, and operating-system signature do not move.
   ======================================================================== */
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .public-footer-inner{
    overflow:visible!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status:not(.active):not(.is-active):not(.mpmh-footer-active):not([aria-current="page"]):not(:hover):not(:focus-visible),
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status.active,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status.is-active,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status.mpmh-footer-active,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status[aria-current="page"]{
    color:rgba(205,214,220,.90)!important;
    -webkit-text-fill-color:rgba(205,214,220,.90)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status:hover,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status:focus-visible{
    color:#8fc6ff!important;
    -webkit-text-fill-color:#8fc6ff!important;
    opacity:1!important;
  }
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh033-footer-signal-line,
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh033-footer-signal-text{
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh033-footer-signal-logo{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    clip:auto!important;
    clip-path:none!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT035 · CLOSED DESKTOP SIGNAL STACK ALIGNMENT
   ------------------------------------------------------------------------
   The logo and the complete dot/text status line now share one real alignment
   wrapper. The desktop-only block is anchored above the viewport/footer edge,
   so the status glyphs cannot be cropped, and both rows center from the same
   measured width. Open-page footer geometry and all other footer content stay
   under their inherited owners.
   ======================================================================== */
html body #publicShell .public-footer .mpmh035-footer-signal-stack{
  display:contents!important;
}
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    bottom:6px!important;
    z-index:7!important;
    display:block!important;
    width:max-content!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status > .mpmh035-footer-signal-stack{
    position:relative!important;
    display:grid!important;
    grid-template-columns:max-content!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-items:center!important;
    row-gap:4px!important;
    width:max-content!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh035-footer-signal-stack > .mpmh033-footer-signal-logo{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh035-footer-signal-stack > .mpmh033-footer-signal-line{
    position:static!important;
    grid-column:1!important;
    grid-row:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:max-content!important;
    min-width:0!important;
    height:auto!important;
    min-height:10px!important;
    margin:0!important;
    padding:0 0 1px!important;
    overflow:visible!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh035-footer-signal-stack .mpmh033-footer-signal-text{
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    line-height:1.25!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT036 · CLOSED DESKTOP SIGNAL POSITION + LOGO SCALE
   ------------------------------------------------------------------------
   The open-page footer is already correct and remains untouched. In the
   closed-desktop state only, raise the complete shared Signal identity stack
   four pixels relative to the 035 owner so the desktop transition cannot
   place the status glyphs against the viewport edge. Keep the dot/text line
   geometry unchanged and double only the full-color logo from 40px to 80px.
   ======================================================================== */
@media(min-width:721px){
  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail button.footer-text-link.mpmh013-footer-signal-status{
    bottom:10px!important;
  }

  html.mpmh285-shell-blank body.mpmh285-shell-blank[data-mpmh-shell-blank="true"] div#publicShell.public-shell footer.public-footer.footer-flat-rail.footer-ultra-rail .mpmh035-footer-signal-stack > .mpmh033-footer-signal-logo{
    width:80px!important;
    height:80px!important;
    max-width:80px!important;
    max-height:80px!important;
  }
}

/* MPMH_EDITFRONT044 governed public readout groups */
.mpmh042-readout-group{margin-top:14px}.mpmh042-readout-group>h4{margin:0 0 7px;color:#63caff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.mpmh042-readout-group+.mpmh042-readout-group{border-top:1px solid rgba(99,202,255,.14);padding-top:13px}


/* ========================================================================
   MPMH_EDITFRONT044 · PRODUCTION STATS DASHBOARD
   Final public owner for the Stats surface. One approved label and one value;
   no methodology descriptions, status chips, source labels, hidden definitions,
   rounded cards, or public economic/admin-only activity.
   ======================================================================== */
html[data-mpmh-active-surface="stats"] body #publicShell #shellMain,
html body #publicShell #shellMain[data-mpmh-active-surface="stats"],
html body #publicShell #shellMain .mpmh044-stats-panel,
html body #publicShell #shellMain .mpmh044-stats-dashboard{
  background:#000!important;
  background-image:none!important;
  color:#f3f9fc!important;
}
html body #publicShell #shellMain .mpmh044-stats-panel{border:0!important;box-shadow:none!important;}
html body #publicShell #shellMain .mpmh044-panel-head{
  min-height:29px!important;height:29px!important;padding:0 16px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:#03101a!important;border-top:1px solid rgba(83,191,255,.22)!important;
  border-bottom:1px solid rgba(83,191,255,.25)!important;box-shadow:none!important;
}
html body #publicShell #shellMain .mpmh044-panel-head span:first-child{
  color:#f5fbff!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;
}
html body #publicShell #shellMain .mpmh044-panel-head span:last-child{
  color:#37f6a2!important;font-size:9px!important;font-weight:800!important;letter-spacing:.16em!important;
}
html body #publicShell #shellMain .mpmh044-stats-dashboard{
  width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:18px 22px 64px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;
  padding:2px 0 14px!important;border-bottom:1px solid rgba(122,193,235,.18)!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-head>div{display:flex!important;align-items:baseline!important;gap:13px!important;min-width:0!important;}
html body #publicShell #shellMain .mpmh044-dashboard-head .mpmh044-eyebrow{
  color:#35f3a0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-head strong{
  color:#a9bfcb!important;font-size:10px!important;font-weight:600!important;letter-spacing:.09em!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-head time{
  color:#7893a3!important;font-size:8.5px!important;font-weight:600!important;letter-spacing:.055em!important;text-align:right!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-section-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:0 24px!important;
  min-height:35px!important;padding:8px 0 7px!important;border-bottom:1px solid rgba(122,193,235,.12)!important;
}
html body #publicShell #shellMain .mpmh044-section-nav a{
  color:#8fa8b6!important;font-size:9px!important;font-weight:700!important;letter-spacing:.095em!important;text-transform:uppercase!important;
  text-decoration:none!important;border:0!important;background:transparent!important;
}
html body #publicShell #shellMain .mpmh044-section-nav a:hover,
html body #publicShell #shellMain .mpmh044-section-nav a:focus-visible{color:#70cfff!important;outline:0!important;}
html body #publicShell #shellMain .mpmh044-hero{
  display:grid!important;grid-template-columns:minmax(300px,1.25fr) minmax(0,1.75fr)!important;align-items:stretch!important;
  border-top:1px solid rgba(79,194,255,.28)!important;border-bottom:1px solid rgba(79,194,255,.24)!important;
  margin:20px 0 0!important;background:#010508!important;
}
html body #publicShell #shellMain .mpmh044-total{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
  min-height:164px!important;padding:24px 20px!important;border-right:1px solid rgba(79,194,255,.18)!important;text-align:center!important;
}
html body #publicShell #shellMain .mpmh044-total span{
  color:#35f3a0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.18em!important;
}
html body #publicShell #shellMain .mpmh044-total strong{
  margin-top:8px!important;color:#f7fbfd!important;font-size:clamp(42px,6vw,68px)!important;line-height:.98!important;
  font-weight:700!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh044-hero-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;
}
html body #publicShell #shellMain .mpmh044-hero-grid>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;
  padding:22px 20px!important;border-right:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh044-hero-grid>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh044-hero-grid span,
html body #publicShell #shellMain .mpmh044-primary-strip span,
html body #publicShell #shellMain .mpmh044-metric-grid span{
  color:#8fa8b6!important;font-size:8.7px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:.085em!important;text-transform:uppercase!important;
}
html body #publicShell #shellMain .mpmh044-hero-grid strong{
  margin-top:7px!important;color:#68d3ff!important;font-size:clamp(22px,2.6vw,34px)!important;line-height:1!important;font-weight:700!important;
  font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-hero-grid>div:last-child strong{color:#35f3a0!important;}
html body #publicShell #shellMain .mpmh044-primary-strip{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 0 22px!important;
  border-bottom:1px solid rgba(79,194,255,.18)!important;background:#02080c!important;
}
html body #publicShell #shellMain .mpmh044-primary-strip>div{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  min-width:0!important;padding:12px 16px!important;border-right:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh044-primary-strip>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh044-primary-strip strong{
  color:#f3f9fc!important;font-size:17px!important;line-height:1!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-two-up{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;align-items:start!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-section{
  margin:0 0 22px!important;padding:0!important;border-top:1px solid rgba(79,194,255,.32)!important;
  border-bottom:1px solid rgba(79,194,255,.14)!important;background:#010609!important;box-shadow:none!important;border-radius:0!important;
  scroll-margin-top:44px!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-section>header{
  min-height:32px!important;display:flex!important;align-items:center!important;padding:0 12px!important;
  border-bottom:1px solid rgba(79,194,255,.14)!important;background:#03101a!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-section h2{
  margin:0!important;color:#35f3a0!important;font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.15em!important;
}
html body #publicShell #shellMain .mpmh044-metric-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body #publicShell #shellMain .mpmh044-metric-grid>div{
  min-height:75px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;
  padding:13px 14px!important;border-right:1px solid rgba(79,194,255,.10)!important;border-bottom:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh044-metric-grid>div:nth-child(2n){border-right:0!important;}
html body #publicShell #shellMain .mpmh044-metric-grid>div:nth-last-child(-n+2){border-bottom:0!important;}
html body #publicShell #shellMain .mpmh044-metric-grid strong{
  margin-top:6px!important;color:#f3f9fc!important;font-size:23px!important;line-height:1!important;font-weight:700!important;
  font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
html body #publicShell #shellMain #mpmh044-campaigns .mpmh044-metric-grid>div:nth-child(2) strong,
html body #publicShell #shellMain #mpmh044-causes .mpmh044-metric-grid>div:nth-child(2) strong{color:#35f3a0!important;}
html body #publicShell #shellMain .mpmh044-activity-section{background:#000!important;}
html body #publicShell #shellMain .mpmh044-activity-groups{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;
}
html body #publicShell #shellMain .mpmh044-activity-group{
  min-width:0!important;padding:14px 16px 16px!important;border-right:1px solid rgba(79,194,255,.10)!important;border-bottom:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh044-activity-group:nth-child(3n){border-right:0!important;}
html body #publicShell #shellMain .mpmh044-activity-group h3{
  margin:0 0 8px!important;color:#68d3ff!important;font-size:8.5px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.12em!important;
}
html body #publicShell #shellMain .mpmh044-activity-group dl{margin:0!important;padding:0!important;}
html body #publicShell #shellMain .mpmh044-activity-group dl>div{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;
  min-width:0!important;padding:7px 0!important;border-bottom:1px solid rgba(145,179,198,.10)!important;
}
html body #publicShell #shellMain .mpmh044-activity-group dl>div:last-child{border-bottom:0!important;}
html body #publicShell #shellMain .mpmh044-activity-group dt{
  min-width:0!important;color:#a9bbc5!important;font-size:9.3px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:.018em!important;
}
html body #publicShell #shellMain .mpmh044-activity-group dd{
  margin:0!important;color:#f3f9fc!important;font-size:12.5px!important;line-height:1!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh044-coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
html body #publicShell #shellMain .mpmh044-coverage-grid>div{border-right:1px solid rgba(79,194,255,.10)!important;}
html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-child(2n){border-right:1px solid rgba(79,194,255,.10)!important;}
html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-child(4n){border-right:0!important;}
html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-last-child(-n+4){border-bottom:0!important;}
html body #publicShell #shellMain .mpmh044-dashboard-foot{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  min-height:42px!important;padding:9px 2px 0!important;border-top:1px solid rgba(79,194,255,.20)!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-foot>div{display:flex!important;align-items:center!important;gap:9px!important;color:#8da5b3!important;font-size:8.8px!important;letter-spacing:.065em!important;}
html body #publicShell #shellMain .mpmh044-dashboard-foot i{width:6px!important;height:6px!important;border-radius:50%!important;background:#35f3a0!important;box-shadow:0 0 8px rgba(53,243,160,.55)!important;}
html body #publicShell #shellMain .mpmh044-dashboard-foot strong{color:#35f3a0!important;font-size:9px!important;letter-spacing:.12em!important;}
html body #publicShell #shellMain .mpmh044-dashboard-foot nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:0 16px!important;}
html body #publicShell #shellMain .mpmh044-dashboard-foot button{
  appearance:none!important;padding:0!important;border:0!important;background:transparent!important;color:#8da5b3!important;
  font:700 8.7px/1.4 Arial,Helvetica,sans-serif!important;letter-spacing:.075em!important;cursor:pointer!important;
}
html body #publicShell #shellMain .mpmh044-dashboard-foot button:hover,
html body #publicShell #shellMain .mpmh044-dashboard-foot button:focus-visible{color:#68d3ff!important;outline:0!important;}
html body #publicShell #shellMain .mpmh044-collecting{padding:18px!important;color:#8096a2!important;font-size:10px!important;letter-spacing:.08em!important;}
@media(max-width:980px){
  html body #publicShell #shellMain .mpmh044-hero{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh044-total{min-height:138px!important;border-right:0!important;border-bottom:1px solid rgba(79,194,255,.18)!important;}
  html body #publicShell #shellMain .mpmh044-two-up{grid-template-columns:1fr!important;gap:0!important;}
  html body #publicShell #shellMain .mpmh044-activity-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh044-activity-group:nth-child(3n){border-right:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-activity-group:nth-child(2n){border-right:0!important;}
  html body #publicShell #shellMain .mpmh044-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-child(4n){border-right:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-child(2n){border-right:0!important;}
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-last-child(-n+4){border-bottom:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-last-child(-n+2){border-bottom:0!important;}
}
@media(max-width:680px){
  html body #publicShell #shellMain .mpmh044-stats-dashboard{padding:14px 12px 52px!important;}
  html body #publicShell #shellMain .mpmh044-dashboard-head{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;}
  html body #publicShell #shellMain .mpmh044-dashboard-head>div{align-items:flex-start!important;flex-direction:column!important;gap:4px!important;}
  html body #publicShell #shellMain .mpmh044-dashboard-head time{text-align:left!important;white-space:normal!important;}
  html body #publicShell #shellMain .mpmh044-section-nav{justify-content:flex-start!important;gap:7px 17px!important;}
  html body #publicShell #shellMain .mpmh044-hero-grid{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh044-hero-grid>div{min-height:72px!important;border-right:0!important;border-bottom:1px solid rgba(79,194,255,.12)!important;}
  html body #publicShell #shellMain .mpmh044-hero-grid>div:last-child{border-bottom:0!important;}
  html body #publicShell #shellMain .mpmh044-primary-strip{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh044-primary-strip>div{border-right:0!important;border-bottom:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-primary-strip>div:last-child{border-bottom:0!important;}
  html body #publicShell #shellMain .mpmh044-metric-grid,
  html body #publicShell #shellMain .mpmh044-coverage-grid{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh044-metric-grid>div,
  html body #publicShell #shellMain .mpmh044-coverage-grid>div{min-height:68px!important;border-right:0!important;border-bottom:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-metric-grid>div:nth-last-child(-n+2),
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:nth-last-child(-n+2){border-bottom:1px solid rgba(79,194,255,.10)!important;}
  html body #publicShell #shellMain .mpmh044-metric-grid>div:last-child,
  html body #publicShell #shellMain .mpmh044-coverage-grid>div:last-child{border-bottom:0!important;}
  html body #publicShell #shellMain .mpmh044-activity-groups{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh044-activity-group,
  html body #publicShell #shellMain .mpmh044-activity-group:nth-child(2n),
  html body #publicShell #shellMain .mpmh044-activity-group:nth-child(3n){border-right:0!important;}
  html body #publicShell #shellMain .mpmh044-dashboard-foot{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;}
  html body #publicShell #shellMain .mpmh044-dashboard-foot nav{justify-content:flex-start!important;gap:6px 14px!important;}
}


/* ========================================================================
   MPMH_EDITFRONT047 · SIGNALS READOUT DASHBOARD
   ======================================================================== */
html body #publicShell #shellMain > .signals-panel,
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface{
  background:#000!important;
}
html body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05{
  background:#000!important;
  margin-bottom:0!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-signal-dashboard{
  position:relative;
  z-index:6;
  width:min(1240px,calc(100% - 48px));
  margin:-22px auto 18px!important;
  padding:0;
  background:#000;
  border-top:1px solid #1a4b6a;
  border-bottom:1px solid #17384f;
  box-shadow:none;
  color:#f3f7fa;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-scope{
  padding:10px 14px 7px;
  color:#36f5a6;
  font:700 9px/1.2 Arial,sans-serif;
  letter-spacing:.16em;
  text-align:center;
  text-transform:uppercase;
  border-bottom:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:92px;
  padding:14px 20px 12px;
  background:#000;
  text-align:center;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total span,
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core span,
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary span,
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid span{
  display:block;
  color:#7fb9dc;
  font:700 9px/1.25 Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total strong{
  display:block;
  margin-top:7px;
  color:#f6f9fb;
  font:700 40px/.98 Arial,sans-serif;
  letter-spacing:.005em;
  font-variant-numeric:tabular-nums;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #102b3d;
  border-bottom:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div{
  min-height:82px;
  padding:15px 20px 13px;
  text-align:center;
  border-right:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div:last-child{border-right:0;}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core strong{
  display:block;
  margin-top:7px;
  color:#55c8ff;
  font:700 27px/1 Arial,sans-serif;
  font-variant-numeric:tabular-nums;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div:last-child strong{color:#2cff9d;}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  background:#01070a;
  border-bottom:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  padding:10px 16px;
  border-right:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div:last-child{border-right:0;}
html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary strong{
  color:#fff;
  font:700 17px/1 Arial,sans-serif;
  font-variant-numeric:tabular-nums;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network{
  padding:13px 14px 14px;
  background:#000;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network > header{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:10px;
  text-align:center;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network h2{
  margin:0;
  color:#2cff9d;
  font:700 10px/1.2 Arial,sans-serif;
  letter-spacing:.14em;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network header span{
  color:#597284;
  font:700 8px/1.2 Arial,sans-serif;
  letter-spacing:.10em;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid #102b3d;
  border-bottom:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div{
  padding:10px 8px 9px;
  text-align:center;
  border-right:1px solid #102b3d;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div:last-child{border-right:0;}
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div[hidden]{display:none!important;}
html body #publicShell #shellMain > .signals-panel [data-signals-scope="cause"] .mpmh046-family-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid strong{
  display:block;
  margin-top:5px;
  color:#dfeaf1;
  font:700 16px/1 Arial,sans-serif;
  font-variant-numeric:tabular-nums;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-visualization-note{
  width:min(1240px,calc(100% - 48px))!important;
  margin:0 auto 18px!important;
  padding:0 4px 14px!important;
  background:#000!important;
  border-bottom:1px solid #102b3d!important;
  transform:none!important;
  text-align:center!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-visualization-note p{
  margin:0!important;
  color:#718594!important;
  font:400 9.5px/1.55 Arial,sans-serif!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh046-visualization-note p + p{margin-top:3px!important;}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to{
  width:min(1240px,calc(100% - 48px))!important;
  margin:0 auto 22px!important;
  padding:0 4px!important;
  background:#000!important;
  border:0!important;
  color:#8fa1ad!important;
  text-align:left!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{
  width:min(1240px,calc(100% - 48px))!important;
  margin:0 auto 34px!important;
  gap:20px!important;
  background:#000!important;
}
html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-card{
  padding:15px 12px 0!important;
  background:#000!important;
  border:0!important;
  border-top:1px solid #17384f!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .mpmh046-signal-dashboard strong{
  animation:mpmh046DashboardSettle .22s ease both;
}
@keyframes mpmh046DashboardSettle{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}
@media(max-width:980px){
  html body #publicShell #shellMain > .signals-panel .mpmh046-signal-dashboard,
  html body #publicShell #shellMain > .signals-panel .mpmh046-visualization-note,
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-how-to,
  html body #publicShell #shellMain > .signals-panel .mpmh-signal-explain-grid{width:calc(100% - 28px)!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  html body #publicShell #shellMain > .signals-panel [data-signals-scope="cause"] .mpmh046-family-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div:nth-child(3n){border-right:0;}
}
@media(max-width:680px){
  html body #publicShell #shellMain > .signals-panel .mpmh046-signal-dashboard{margin:0 auto 16px!important;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total{min-height:78px;padding:12px;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total strong{font-size:33px;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core{grid-template-columns:1fr;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div{min-height:62px;padding:12px;border-right:0;border-bottom:1px solid #102b3d;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div:last-child{border-bottom:0;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core strong{font-size:24px;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary{grid-template-columns:1fr;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div{border-right:0;border-bottom:1px solid #102b3d;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div:last-child{border-bottom:0;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network > header{align-items:flex-start;flex-direction:column;gap:4px;text-align:left;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid,
  html body #publicShell #shellMain > .signals-panel [data-signals-scope="cause"] .mpmh046-family-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div:nth-child(3n){border-right:1px solid #102b3d;}
  html body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div:nth-child(2n){border-right:0;}
}
@media(prefers-reduced-motion:reduce){
  html body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeSurface.mpmh033-scope-settle .mpmh046-signal-dashboard strong{animation:none!important;}
}


/* ========================================================================
   MPMH_EDITFRONT047 — PUBLIC NETWORK STATISTICS EXPANSION
   Prepared, non-additive market coverage, network reach, strength
   distributions, ranked surface activity, and scope-aware Signals reach.
   ======================================================================== */
html body #publicShell #shellMain .mpmh047-stats-dashboard{
  background:#000!important;
  color:#f4f8fa!important;
}
html body #publicShell #shellMain .mpmh047-section-nav{
  background:#000!important;
  border-bottom:1px solid rgba(79,194,255,.14)!important;
}
html body #publicShell #shellMain .mpmh047-reach-section,
html body #publicShell #shellMain .mpmh047-markets-section,
html body #publicShell #shellMain .mpmh047-mapped-section,
html body #publicShell #shellMain .mpmh047-ranked-section{
  background:#000!important;
}
html body #publicShell #shellMain .mpmh047-reach-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  border-top:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh047-reach-grid>div{
  min-height:84px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:13px 9px!important;
  border-right:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh047-reach-grid>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh047-reach-grid span,
html body #publicShell #shellMain .mpmh047-market-summary span,
html body #publicShell #shellMain .mpmh047-signals-reach span{
  color:#8da4b0!important;
  font-size:9px!important;
  line-height:1.25!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-align:center!important;
}
html body #publicShell #shellMain .mpmh047-reach-grid strong{
  color:#dff5ff!important;
  font-size:23px!important;
  font-weight:600!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh047-market-summary{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-top:1px solid rgba(79,194,255,.12)!important;
  border-bottom:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh047-market-summary>div{
  min-height:90px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  border-right:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh047-market-summary>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh047-market-summary strong{
  color:#fff!important;
  font-size:28px!important;
  font-weight:600!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh047-ranked-two-up{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-top:1px solid rgba(79,194,255,.15)!important;
}
html body #publicShell #shellMain .mpmh047-ranked-two-up>.mpmh047-ranked-section{
  border-right:1px solid rgba(79,194,255,.12)!important;
  border-bottom:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh047-ranked-two-up>.mpmh047-ranked-section:nth-child(2n){border-right:0!important;}
html body #publicShell #shellMain .mpmh047-ranked-list{
  padding:10px 14px 16px!important;
}
html body #publicShell #shellMain .mpmh047-ranked-list h3{
  margin:0 0 8px!important;
  color:#76909e!important;
  font-size:9px!important;
  font-weight:500!important;
  letter-spacing:.11em!important;
}
html body #publicShell #shellMain .mpmh047-rank-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(130px,1.05fr) minmax(120px,1.7fr) minmax(64px,.45fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:34px!important;
  border-top:1px solid rgba(79,194,255,.07)!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh047-rank-row:first-of-type{border-top:0!important;}
html body #publicShell #shellMain .mpmh047-rank-row>span{
  color:#d8e6ec!important;
  font-size:11px!important;
  letter-spacing:.025em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #publicShell #shellMain .mpmh047-rank-row>i{
  position:relative!important;
  height:3px!important;
  background:rgba(76,196,255,.10)!important;
  overflow:hidden!important;
}
html body #publicShell #shellMain .mpmh047-rank-row>i:after{
  content:""!important;
  display:block!important;
  width:var(--mpmh047-bar,0%)!important;
  height:100%!important;
  background:#50c9ff!important;
  opacity:.76!important;
}
html body #publicShell #shellMain .mpmh047-rank-row>strong{
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
  text-align:right!important;
}
html body #publicShell #shellMain .mpmh047-distribution-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  padding:7px 14px 15px!important;
}
html body #publicShell #shellMain .mpmh047-distribution-list>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:34px!important;
  gap:12px!important;
  border-top:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh047-distribution-list>div:first-child{border-top:0!important;}
html body #publicShell #shellMain .mpmh047-distribution-list span{
  color:#a8bbc5!important;
  font-size:10px!important;
  letter-spacing:.055em!important;
}
html body #publicShell #shellMain .mpmh047-distribution-list strong{
  color:#e9f7fd!important;
  font-size:14px!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach{
  background:#000!important;
  border-top:1px solid rgba(79,194,255,.14)!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach>header{
  display:flex!important;
  justify-content:center!important;
  padding:11px 12px 8px!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach h2{
  margin:0!important;
  color:#7e98a5!important;
  font-size:9px!important;
  font-weight:500!important;
  letter-spacing:.14em!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  border-top:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach-grid>div{
  min-height:64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:9px 7px!important;
  border-right:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh047-signals-reach-grid>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh047-signals-reach strong{
  color:#d9f3ff!important;
  font-size:17px!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums!important;
}
@media (max-width:980px){
  html body #publicShell #shellMain .mpmh047-reach-grid,
  html body #publicShell #shellMain .mpmh047-signals-reach-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh047-reach-grid>div:nth-child(3n),
  html body #publicShell #shellMain .mpmh047-signals-reach-grid>div:nth-child(3n){border-right:0!important;}
}
@media (max-width:720px){
  html body #publicShell #shellMain .mpmh047-ranked-two-up{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh047-ranked-two-up>.mpmh047-ranked-section{border-right:0!important;}
  html body #publicShell #shellMain .mpmh047-market-summary{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh047-market-summary>div{border-right:0!important;border-bottom:1px solid rgba(79,194,255,.09)!important;}
  html body #publicShell #shellMain .mpmh047-market-summary>div:last-child{border-bottom:0!important;}
}
@media (max-width:520px){
  html body #publicShell #shellMain .mpmh047-reach-grid,
  html body #publicShell #shellMain .mpmh047-signals-reach-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh047-reach-grid>div:nth-child(3n),
  html body #publicShell #shellMain .mpmh047-signals-reach-grid>div:nth-child(3n){border-right:1px solid rgba(79,194,255,.08)!important;}
  html body #publicShell #shellMain .mpmh047-reach-grid>div:nth-child(2n),
  html body #publicShell #shellMain .mpmh047-signals-reach-grid>div:nth-child(2n){border-right:0!important;}
  html body #publicShell #shellMain .mpmh047-rank-row{grid-template-columns:minmax(110px,1fr) minmax(55px,.4fr)!important;}
  html body #publicShell #shellMain .mpmh047-rank-row>i{display:none!important;}
}

/* ========================================================================
   MPMH_EDITFRONT048 — STATISTICS DEPTH + SPECIFIC SURFACE RESOLUTION
   Adds prepared Campaign/Cause activity profiles, market depth, strength
   range summaries, Primary leaders, and removes the ambiguous general
   PUBLIC_FRONTEND bucket from the public specific-surface ranking.
   ======================================================================== */
html body #publicShell #shellMain .mpmh048-profile-section,
html body #publicShell #shellMain .mpmh048-leaders-section{
  background:#000!important;
  border-top:1px solid rgba(79,194,255,.14)!important;
}
html body #publicShell #shellMain .mpmh048-profile-grid,
html body #publicShell #shellMain .mpmh048-leaders-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border-top:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh048-profile-grid>section,
html body #publicShell #shellMain .mpmh048-leaders-grid>section{
  min-width:0!important;
  border-right:1px solid rgba(79,194,255,.12)!important;
}
html body #publicShell #shellMain .mpmh048-profile-grid>section:last-child,
html body #publicShell #shellMain .mpmh048-leaders-grid>section:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh048-profile-grid h3,
html body #publicShell #shellMain .mpmh048-leaders-grid h3{
  margin:0!important;
  padding:11px 14px 9px!important;
  color:#2fffb4!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.105em!important;
  border-bottom:1px solid rgba(79,194,255,.10)!important;
}
html body #publicShell #shellMain .mpmh048-profile-readouts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html body #publicShell #shellMain .mpmh048-profile-readouts>div{
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  padding:10px 14px!important;
  border-right:1px solid rgba(79,194,255,.08)!important;
  border-bottom:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh048-profile-readouts>div:nth-child(2n){border-right:0!important;}
html body #publicShell #shellMain .mpmh048-profile-readouts span{
  color:#8da4b0!important;
  font-size:9px!important;
  line-height:1.25!important;
  letter-spacing:.085em!important;
}
html body #publicShell #shellMain .mpmh048-profile-readouts strong{
  color:#edf9ff!important;
  font-size:20px!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh047-market-summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body #publicShell #shellMain .mpmh047-market-summary>div:nth-child(4n){border-right:0!important;}
html body #publicShell #shellMain .mpmh047-market-summary>div:nth-child(n+5){border-top:1px solid rgba(79,194,255,.09)!important;}
html body #publicShell #shellMain .mpmh048-market-rank>strong{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:2px!important;
}
html body #publicShell #shellMain .mpmh048-market-rank>strong b{
  color:#fff!important;
  font-size:13px!important;
  font-weight:600!important;
}
html body #publicShell #shellMain .mpmh048-market-rank>strong small{
  color:#2fffb4!important;
  font-size:8px!important;
  font-weight:500!important;
  letter-spacing:.07em!important;
}
html body #publicShell #shellMain .mpmh048-strength-range{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-bottom:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh048-strength-range>div{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid rgba(79,194,255,.08)!important;
}
html body #publicShell #shellMain .mpmh048-strength-range>div:last-child{border-right:0!important;}
html body #publicShell #shellMain .mpmh048-strength-range span{
  color:#78919d!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
}
html body #publicShell #shellMain .mpmh048-strength-range strong{
  color:#2fffb4!important;
  font-size:17px!important;
  font-weight:600!important;
  font-variant-numeric:tabular-nums!important;
}
html body #publicShell #shellMain .mpmh048-leaders-grid .mpmh047-ranked-list{padding-top:6px!important;}
html body #publicShell #shellMain .mpmh048-leaders-grid .mpmh047-rank-row{
  grid-template-columns:minmax(160px,1.3fr) minmax(120px,1.3fr) minmax(70px,.45fr)!important;
}
html body #publicShell #shellMain .mpmh047-section-nav{
  overflow-x:auto!important;
  scrollbar-width:thin!important;
}
@media(max-width:980px){
  html body #publicShell #shellMain .mpmh047-market-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body #publicShell #shellMain .mpmh047-market-summary>div{border-right:1px solid rgba(79,194,255,.10)!important;border-top:1px solid rgba(79,194,255,.09)!important;}
  html body #publicShell #shellMain .mpmh047-market-summary>div:nth-child(2n){border-right:0!important;}
  html body #publicShell #shellMain .mpmh048-profile-grid,
  html body #publicShell #shellMain .mpmh048-leaders-grid{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh048-profile-grid>section,
  html body #publicShell #shellMain .mpmh048-leaders-grid>section{border-right:0!important;border-bottom:1px solid rgba(79,194,255,.12)!important;}
  html body #publicShell #shellMain .mpmh048-profile-grid>section:last-child,
  html body #publicShell #shellMain .mpmh048-leaders-grid>section:last-child{border-bottom:0!important;}
}
@media(max-width:620px){
  html body #publicShell #shellMain .mpmh048-profile-readouts{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh048-profile-readouts>div{border-right:0!important;}
  html body #publicShell #shellMain .mpmh047-market-summary{grid-template-columns:1fr!important;}
  html body #publicShell #shellMain .mpmh047-market-summary>div{border-right:0!important;}
  html body #publicShell #shellMain .mpmh048-leaders-grid .mpmh047-rank-row{grid-template-columns:minmax(120px,1fr) minmax(62px,.4fr)!important;}
  html body #publicShell #shellMain .mpmh048-leaders-grid .mpmh047-rank-row>i{display:none!important;}
}


/* ========================================================================
   MPMH_EDITFRONT050 — EDITFRONT049 VISUAL CARRY-FORWARD
   ------------------------------------------------------------------------
   Final presentation owner for the active Signals surface only. The block
   tightens the highway/readout relationship, strengthens alignment and
   legibility, and quiets shell chrome. It does not alter animation timing,
   prepared values, formulas, routing, tracking, or backend contracts.
   ======================================================================== */
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh-signals-public-panel{
  padding-top:9px!important;
  padding-bottom:28px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh-signals-production-head{
  gap:6px!important;
  margin:0 auto 1px!important;
  padding:0 12px 5px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tabs{
  gap:5px 24px!important;
  margin-bottom:0!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh-signals-scope-tab{
  min-height:23px!important;
  font-size:10.2px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel #mpmhSignalsScopeHeading{
  color:#9dc4dc!important;
  font-size:clamp(13px,1.08vw,16px)!important;
  line-height:1.32!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .home-signal-connected-highways-v05{
  margin:0 auto 0!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highways-field-v05{
  height:226px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05{
  left:4.8%!important;
  right:1.5%!important;
  height:54px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.channel{top:15px!important;}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.campaign{top:84px!important;}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.cause{top:153px!important;}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-line-v05{
  top:28px!important;
  height:3px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-line-v05::before{
  top:-8px!important;
  height:19px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-wave-v05{
  top:4px!important;
  height:42px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05{
  left:8px!important;
  top:5px!important;
  gap:8px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 span{
  font-size:7.7px!important;
  line-height:1.08!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-copy-v05 b{
  margin-top:3px!important;
  font-size:18px!important;
  line-height:1!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-orb-v05{
  width:10px!important;
  height:10px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label{
  right:9px!important;
  top:7px!important;
  max-width:48%!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-meta-v05.mpmh-signals-lane-primary-label b{
  font-size:8.1px!important;
  letter-spacing:.105em!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-legend-v05{
  top:1px!important;
  gap:9px!important;
  padding:4px 7px!important;
  background:rgba(0,0,0,.82)!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-legend-v05 span{
  gap:4px!important;
  font-size:7.4px!important;
  letter-spacing:.075em!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-legend-v05 i{
  width:6px!important;
  height:6px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-marker-v05{top:24px!important;}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .economic-return-v05{top:21px!important;}

html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-signal-dashboard{
  width:min(1180px,calc(100% - 54px))!important;
  margin:-5px auto 20px!important;
  border-top-color:#184862!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-scope{
  padding:9px 14px 6px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total{
  min-height:78px!important;
  padding:11px 20px 10px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-total strong{
  margin-top:6px!important;
  font-size:38px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core{
  width:min(900px,100%)!important;
  margin:0 auto!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div{
  min-height:70px!important;
  padding:12px 16px 11px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core strong{
  margin-top:6px!important;
  font-size:26px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div{
  justify-content:center!important;
  gap:20px!important;
  min-height:48px!important;
  padding:10px 14px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network{
  padding:15px 14px 16px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network > header{
  gap:9px!important;
  margin-bottom:11px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-mapped-network header span{
  color:#6e8595!important;
  font-size:8.2px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-family-grid > div{
  padding:11px 8px 10px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh047-signals-reach{
  margin-top:3px!important;
}

/* Quiet the active Signals scrollbar and retire the browser arrow buttons. */
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(31,111,164,.78) #000!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar{
  width:8px!important;
  height:8px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar-track,
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar-corner{
  background:#000!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar-thumb{
  min-height:42px!important;
  border:2px solid #000!important;
  border-radius:8px!important;
  background:rgba(31,111,164,.78)!important;
  box-shadow:none!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar-thumb:hover{
  background:rgba(49,139,198,.90)!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #shellMain::-webkit-scrollbar-button{
  display:none!important;
  width:0!important;
  height:0!important;
}

/* A few pixels of breathing room in the shell chrome while Signals is active. */
html[data-mpmh-active-surface="signals"] body #publicShell #mpmhUnifiedShell nav#tabs.mpmh-split-tabs{
  min-height:31px!important;
  padding-top:3px!important;
  padding-bottom:3px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #mpmhUnifiedShell nav#tabs.mpmh-split-tabs .tab-btn{
  min-height:17px!important;
  line-height:17px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader.mpmh-live-section-header{
  min-height:31px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell .public-footer.footer-ultra-rail .footer-flat-row{
  gap:0 7px!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell .public-footer.footer-ultra-rail .footer-text-link{
  line-height:1.35!important;
}
html[data-mpmh-active-surface="signals"] body #publicShell .public-footer.footer-ultra-rail .footer-sep{
  opacity:.42!important;
}

@media(max-width:760px){
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highways-field-v05{height:236px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05{left:3%!important;right:1.5%!important;height:58px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.channel{top:12px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.campaign{top:86px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .connected-highway-v05.cause{top:160px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-legend-v05{gap:6px!important;padding:3px 5px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .activity-legend-v05 span{font-size:6.7px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-signal-dashboard{width:calc(100% - 28px)!important;margin:-2px auto 16px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core{width:100%!important;}
}
@media(max-width:680px){
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-core > div{min-height:61px!important;}
  html[data-mpmh-active-surface="signals"] body #publicShell #shellMain > .signals-panel .mpmh046-dashboard-primary > div{justify-content:space-between!important;}
}


/* ========================================================================
   MPMH_EDITFRONT052 — STABLE SINGLE-HEADER PAGE BASELINE
   ------------------------------------------------------------------------
   The sitewide live-section rail is the sole route-title owner. Route panels
   may retain content headings, metadata and local navigation, but they do not
   repeat a second full-width page-title bar. This is a restrained baseline
   pass only: no EDITFRONT051 page layouts, logo zones or accordion behavior.
   ======================================================================== */

/* One title rail: suppress only redundant route-level panel heading bars. */
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="stats"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="insights"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="howitworks"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="faq"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="advertisers"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="measurement"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="definitions"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="charities_org"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="privacy"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="terms"] > .panel-head{
  display:none!important;
}

/* Preserve useful directory/search context heads; make them read as local tools,
   not competing page-title rails. */
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="global_search"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="categories"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="campaigns"] > .panel-head,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="charities"] > .panel-head{
  min-height:31px!important;
  height:auto!important;
  padding:5px 16px!important;
  background:#01070b!important;
  border-top:0!important;
  border-bottom:1px solid rgba(79,194,255,.16)!important;
  box-shadow:none!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="global_search"] > .panel-head > span:first-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="categories"] > .panel-head > span:first-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="campaigns"] > .panel-head > span:first-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="charities"] > .panel-head > span:first-child{
  color:#dfeaf0!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="global_search"] > .panel-head > span:last-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="categories"] > .panel-head > span:last-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="campaigns"] > .panel-head > span:last-child,
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="charities"] > .panel-head > span:last-child{
  color:#708995!important;
  font-size:8px!important;
  font-weight:600!important;
  letter-spacing:.075em!important;
}

/* Clean black continuity beneath the site-level title rail. */
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="stats"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="insights"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="howitworks"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="faq"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="advertisers"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="measurement"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="definitions"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="charities_org"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="privacy"],
html.mpmh052-stable-page-baseline body #publicShell #shellMain > section.tab-panel[data-panel="terms"]{
  background:#000!important;
  border-top:0!important;
  box-shadow:none!important;
}

/* Stats: retain the useful PLATFORM READOUTS / MP SIGNAL SYSTEMS context and
   the lower section links, but keep both visually subordinate to the STATS rail. */
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-stats-dashboard{
  padding-top:14px!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-dashboard-head{
  padding:0 0 11px!important;
  border-bottom:1px solid rgba(79,194,255,.15)!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-dashboard-head .mpmh044-eyebrow{
  color:#00f59a!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-dashboard-head strong{
  color:#aabdc7!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav{
  position:sticky!important;
  top:0!important;
  z-index:18!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:34px!important;
  padding:0!important;
  background:rgba(0,0,0,.96)!important;
  border-top:0!important;
  border-bottom:1px solid rgba(79,194,255,.18)!important;
  box-shadow:none!important;
  backdrop-filter:blur(4px)!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav a{
  min-height:33px!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:0 11px!important;
  color:#7e929e!important;
  border-bottom:1px solid transparent!important;
  font-size:8.5px!important;
  letter-spacing:.085em!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav a:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav a:focus-visible{
  color:#59c4ff!important;
  border-bottom-color:#59c4ff!important;
  outline:none!important;
}

/* Carry the restrained lower-tab/link direction into existing page-local
   navigation without changing destinations or adding new controls. */
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tabs,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row{
  background:#000!important;
  border-color:rgba(79,194,255,.16)!important;
  box-shadow:none!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tab,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav button,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav a,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row button,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row a{
  color:#7f919c!important;
  background:transparent!important;
  box-shadow:none!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tab:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tab:focus-visible,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav button:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav button:focus-visible,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav a:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-insight-bottom-nav a:focus-visible,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row button:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row button:focus-visible,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row a:hover,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .doc-link-row a:focus-visible{
  color:#59c4ff!important;
}
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tab.is-active,
html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh-lb-top-tab[aria-selected="true"]{
  color:#00f59a!important;
}

/* Quiet, consistent lower shell links; no geometry rewrite. */
html.mpmh052-stable-page-baseline body #publicShell .public-footer.footer-ultra-rail{
  background:#000!important;
  border-top:1px solid rgba(79,194,255,.16)!important;
  box-shadow:none!important;
}
html.mpmh052-stable-page-baseline body #publicShell .public-footer .footer-text-link{
  color:#7c8993!important;
}
html.mpmh052-stable-page-baseline body #publicShell .public-footer .footer-text-link:hover,
html.mpmh052-stable-page-baseline body #publicShell .public-footer .footer-text-link:focus-visible{
  color:#59c4ff!important;
}
html.mpmh052-stable-page-baseline body #publicShell .public-footer .footer-text-link.active{
  color:#00f59a!important;
}
html.mpmh052-stable-page-baseline body #publicShell .footer-sep{opacity:.32!important;}

@media(max-width:680px){
  html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav{
    position:static!important;
    padding:4px 0!important;
  }
  html.mpmh052-stable-page-baseline body #publicShell #shellMain .mpmh044-section-nav a{
    min-height:29px!important;
    padding:0 8px!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT053 — APPROVED SELECTED HOME + DOCUMENT POLISH OWNER
   ------------------------------------------------------------------------
   Narrow current-owner layer built directly on the 052 single-header
   baseline. No 051-wide page rewrite is inherited.
   ======================================================================== */

/* Selected-Cause Home hero: one true two-column composition. The scale line
   belongs to the right copy column, leaving the black area beneath the world
   identity available for a future workspace without drawing a visible card. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh280-hero-bridge-row{
  grid-template-columns:clamp(220px,17vw,310px) minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:clamp(42px,4.2vw,72px)!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh280-hero-world-logo{
  align-self:start!important;
  margin-top:clamp(4px,.6vw,10px)!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh280-hero-copy-stack{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh053-selected-scale-line{
  align-self:stretch!important;
  justify-content:flex-start!important;
  text-align:left!important;
  margin-top:clamp(44px,4.8vw,76px)!important;
  padding:0!important;
}

/* The category + six-logo composition begins materially lower than the
   marquee. This is intentional reserved breathing room for the future
   featured workspace and its later button rail. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-brand-discovery .mpmh027-home-discovery-layout{
  margin-top:clamp(72px,7vw,112px)!important;
}

/* The lower six positions are served only from LOGO_PURE_BLACK_A. Keep the
   logo surfaces native to black and do not reconstruct white/squared plates. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-featured-grid[data-logo-collection="LOGO_PURE_BLACK_A"] .mpmh280-featured-brand,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-featured-grid[data-logo-collection="LOGO_PURE_BLACK_A"] .mpmh280-featured-logo{
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-featured-grid[data-logo-collection="LOGO_PURE_BLACK_A"] .mpmh280-featured-logo::before,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-featured-grid[data-logo-collection="LOGO_PURE_BLACK_A"] .mpmh280-featured-logo::after{
  content:none!important;
  display:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-featured-grid[data-logo-collection="LOGO_PURE_BLACK_A"] .mpmh280-featured-logo img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Exact marquee motion contract. The Web Animations object is the only
   transform/timing owner; hover/focus changes pause state only. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain #mpmh280BrandMarquee.mpmh027-waapi-marquee .mpmh280-marquee-track{
  animation:none!important;
  transition:none!important;
  will-change:transform!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain #mpmh280BrandMarquee.mpmh027-waapi-marquee:hover .mpmh280-marquee-track,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain #mpmh280BrandMarquee.mpmh027-waapi-marquee:focus-within .mpmh280-marquee-track{
  animation:none!important;
}

/* Charities institutional surface: typography and the six-Cause proof strip
   remain, but every owned page surface returns to pure black. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-body,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-box,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-callout{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-body{
  padding:0 clamp(18px,3vw,44px) 44px!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-box{
  width:min(100%,1120px)!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:28px 0 46px!important;
  border:0!important;
  overflow:visible!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-box::before{
  content:none!important;
  display:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-separator{
  background:rgba(79,194,255,.18)!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-charities .charities-editorial-callout{
  border-left-color:#00f59a!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-zone{
  margin:26px 0 30px!important;
  border-top:1px solid rgba(79,194,255,.18)!important;
  border-bottom:1px solid rgba(79,194,255,.18)!important;
  background:#000!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-zone>header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:36px!important;
  padding:0 0!important;
  background:#000!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-zone>header span{
  color:#00f59a!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-zone>header small{
  color:#60798a!important;
  font-size:8px!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  background:#fff!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:108px!important;
  padding:17px 22px!important;
  background:#fff!important;
  border-right:1px solid #aec0ca!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:last-child{
  border-right:0!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:hover,
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:focus-visible{
  outline:2px solid #59c4ff!important;
  outline-offset:-2px!important;
  z-index:1!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid img{
  display:block!important;
  width:100%!important;
  height:72px!important;
  max-width:142px!important;
  max-height:72px!important;
  object-fit:contain!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a.is-logo-missing{
  background:#f2f5f6!important;
}

/* Definitions begins immediately with the glossary cards. The site-level
   DEFINITIONS rail remains the only page heading. */
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-definitions .mpmh053-definitions-direct-grid{
  padding:10px 10px 32px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh053-selected-home-doc-polish body #publicShell #shellMain > .mpmh012-surface-definitions .mpmh053-definitions-direct-grid>.doc-grid{
  margin:0!important;
  padding:0!important;
  align-content:start!important;
}

@media(max-width:900px){
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh280-hero-bridge-row{
    grid-template-columns:minmax(180px,220px) minmax(0,1fr)!important;
    column-gap:30px!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-brand-discovery .mpmh027-home-discovery-layout{
    margin-top:54px!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:nth-child(3n){border-right:0!important;}
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:nth-child(-n+3){border-bottom:1px solid #aec0ca!important;}
}
@media(max-width:720px){
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh280-hero-bridge-row{
    grid-template-columns:1fr!important;
    row-gap:22px!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-selected-hero .mpmh053-selected-scale-line{
    margin-top:30px!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh280-home-selected .mpmh280-brand-discovery .mpmh027-home-discovery-layout{
    margin-top:38px!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-zone>header{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    padding:7px 0!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a{
    height:94px!important;
    padding:13px 16px!important;
    border-right:1px solid #aec0ca!important;
    border-bottom:1px solid #aec0ca!important;
  }
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:nth-child(2n){border-right:0!important;}
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid>a:nth-last-child(-n+2){border-bottom:0!important;}
  html.mpmh053-selected-home-doc-polish body #publicShell #shellMain .mpmh053-charities-logo-grid img{
    height:62px!important;
    max-height:62px!important;
  }
}



/* ========================================================================
   MPMH_EDITFRONT054 · ENTRY HOME PROOF + HIERARCHY FINAL OWNER
   ------------------------------------------------------------------------
   Narrow Entry Home-only polish over the approved 053 black system. Keeps
   one visual language: pure black canvas, white identity fields, restrained
   platform blue hairlines, and green only for governed emphasis/actions.
   Personalized Home, shell, directories, readout formulas, routes, Signal
   transport, accounting, and backend ownership remain inherited unchanged.
   ======================================================================== */

/* Entry hero: preserve the existing world/headline identity while reducing
   dead vertical space and making the first decision obvious. */
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
  min-height:clamp(410px,52vh,525px)!important;
  padding-top:clamp(30px,3vw,46px)!important;
  padding-bottom:clamp(30px,3vw,46px)!important;
  justify-content:center!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-bridge-row{
  grid-template-columns:clamp(200px,15.5vw,280px) minmax(0,1fr)!important;
  column-gap:clamp(36px,3.7vw,62px)!important;
  align-items:center!important;
  max-width:1380px!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-world-logo img{
  max-height:260px!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero h1{
  max-width:1040px!important;
  font-size:clamp(40px,4vw,68px)!important;
  line-height:.95!important;
  letter-spacing:-.038em!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-bridge{
  max-width:900px!important;
  margin-top:clamp(16px,1.45vw,22px)!important;
  color:#cfdee8!important;
  font-size:clamp(12.8px,.84vw,15px)!important;
  line-height:1.58!important;
  font-weight:500!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:12px 22px!important;
  margin-top:clamp(18px,1.7vw,25px)!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-action-primary{
  min-height:38px!important;
  padding:0 22px!important;
  border:1px solid rgba(39,242,139,.68)!important;
  background:rgba(39,242,139,.045)!important;
  box-shadow:none!important;
  color:#27f28b!important;
  font-size:9.5px!important;
  letter-spacing:.12em!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-action-primary:hover,
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-action-primary:focus-visible{
  background:#27f28b!important;
  color:#00120c!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-text-action{
  min-height:38px!important;
  color:#79bfff!important;
  font-size:9.5px!important;
  letter-spacing:.11em!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-text-action:hover,
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-text-action:focus-visible{
  color:#27f28b!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-scale-line{
  justify-content:flex-start!important;
  margin-top:clamp(26px,2.6vw,38px)!important;
  padding-top:0!important;
  text-align:left!important;
  font-size:clamp(9px,.62vw,11px)!important;
  letter-spacing:.055em!important;
}

/* Governed public proof strip: data already belongs to the published Platform
   readout owner. Presentation stays intentionally flat and crisp. */
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-signal-proof{
  width:100%!important;
  margin-top:clamp(18px,1.8vw,26px)!important;
  padding:0!important;
  border-top:1px solid rgba(121,191,255,.18)!important;
  border-bottom:1px solid rgba(121,191,255,.18)!important;
  background:#000!important;
  box-shadow:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-head{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0 14px!important;
  border-bottom:1px solid rgba(121,191,255,.10)!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-head>span{
  color:#27f28b!important;
  font-size:8.7px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.145em!important;
  text-transform:uppercase!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-head>small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#6f8795!important;
  font-size:7.8px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div{
  min-width:0!important;
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  padding:13px 16px!important;
  border-right:1px solid rgba(121,191,255,.12)!important;
  background:#000!important;
  box-shadow:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div:last-child{border-right:0!important;}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid span{
  color:#7fb9dc!important;
  font-size:8.2px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid strong{
  min-width:0!important;
  color:#eef7fb!important;
  font-size:clamp(22px,2vw,31px)!important;
  line-height:1!important;
  font-weight:690!important;
  letter-spacing:-.022em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div:last-child strong{
  color:#27f28b!important;
}

/* Cause discovery: make the already-approved white identity field the proof,
   not the surrounding explanation. */
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section{
  padding-top:clamp(40px,4vw,58px)!important;
  padding-bottom:clamp(36px,3.6vw,52px)!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section>.mpmh280-section-head{
  max-width:860px!important;
  margin:0 auto!important;
  text-align:center!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section>.mpmh280-section-head .mpmh280-kicker{
  margin-bottom:10px!important;
  color:#27f28b!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section>.mpmh280-section-head h2{
  max-width:none!important;
  color:#f7fbff!important;
  font-size:clamp(28px,2.6vw,42px)!important;
  line-height:1!important;
  letter-spacing:-.032em!important;
  white-space:normal!important;
  text-wrap:balance!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-section-intro{
  max-width:720px!important;
  margin:12px auto 0!important;
  color:#9eb1bd!important;
  font-size:clamp(11.5px,.76vw,13.5px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh031-entry-cause-grid{
  margin-top:24px!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-cause-boundary{
  max-width:920px!important;
  margin:18px auto 0!important;
  color:#758a97!important;
  font-size:9.5px!important;
  line-height:1.55!important;
  font-weight:500!important;
  letter-spacing:.025em!important;
  text-align:center!important;
}

/* Entry Campaign proof: same white identity lane used by Personalized Home,
   so the first visit does not introduce a separate visual system. */
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-brand-proof{
  padding-top:clamp(42px,4.2vw,62px)!important;
  padding-bottom:clamp(38px,3.8vw,56px)!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-brand-proof .mpmh280-section-copy{
  padding-top:22px!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee{
  --mpmh027-marquee-white-height:88px;
  --mpmh028-marquee-logo-lane:88px;
  --mpmh028-marquee-caption-lane:24px;
  position:relative!important;
  isolation:isolate!important;
  margin-top:28px!important;
  overflow:hidden!important;
  border:0!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  height:auto!important;
  background:#fff!important;
  pointer-events:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-track{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  will-change:transform!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee.mpmh054-waapi-marquee .mpmh280-marquee-track{
  animation:none!important;
  transition:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee.mpmh054-css-marquee[data-ready="1"] .mpmh280-marquee-track{
  animation:mpmh280Marquee 150s linear infinite!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee.mpmh054-css-marquee.is-marquee-paused .mpmh280-marquee-track,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee.mpmh054-css-marquee.is-offscreen .mpmh280-marquee-track{
  animation-play-state:paused!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-group,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:hover,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:focus-visible{
  background:transparent!important;
  background-image:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo{
  height:calc(var(--mpmh028-marquee-logo-lane) + var(--mpmh028-marquee-caption-lane))!important;
  padding-bottom:var(--mpmh028-marquee-caption-lane)!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo img,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:hover img,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:focus-visible img{
  transform:translateY(1px)!important;
  filter:none!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:not(.is-placeholder)>span{
  left:8px!important;
  right:8px!important;
  bottom:6px!important;
  color:#08131c!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:hover>span,
html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-logo:focus-visible>span{
  color:#08131c!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-brand-route{
  display:flex!important;
  justify-content:center!important;
  margin:12px 0 0!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-brand-route .mpmh280-inline-route{
  min-height:26px!important;
  color:#79bfff!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-brand-route .mpmh280-inline-route:hover,
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-brand-route .mpmh280-inline-route:focus-visible{
  color:#27f28b!important;
}

/* The three-step explanation now closes the Campaign proof section rather
   than competing with the first hero. Same typography/hairlines as before. */
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-principle{
  margin:clamp(28px,2.7vw,40px) 0 0!important;
  border-top:1px solid rgba(121,191,255,.16)!important;
  border-bottom:1px solid rgba(121,191,255,.16)!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-principle .mpmh280-principle-cell{
  min-height:70px!important;
  padding:14px 20px 13px!important;
  background:#000!important;
}
html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-principle .mpmh280-principle-cell:last-child>span{
  color:#27f28b!important;
}

@media(max-width:960px){
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-bridge-row{
    grid-template-columns:minmax(170px,210px) minmax(0,1fr)!important;
    column-gap:30px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div:nth-child(2){border-right:0!important;}
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div:nth-child(-n+2){border-bottom:1px solid rgba(121,191,255,.12)!important;}
}
@media(max-width:720px){
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
    min-height:auto!important;
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-bridge-row{
    grid-template-columns:1fr!important;
    row-gap:18px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-world-logo{
    width:126px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero .mpmh280-hero-world-logo img{
    max-height:126px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:4px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-action-primary{
    width:100%!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-actions .mpmh280-text-action{
    justify-content:flex-start!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-scale-line{
    margin-top:26px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    min-height:42px!important;
    padding:7px 10px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-head>small{
    width:100%!important;
    white-space:normal!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee{
    --mpmh028-marquee-logo-lane:80px;
    --mpmh028-marquee-caption-lane:24px;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee.mpmh054-css-marquee[data-ready="1"] .mpmh280-marquee-track{
    animation-duration:188s!important;
  }
}
@media(max-width:520px){
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid strong{
    font-size:clamp(19px,6vw,25px)!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-entry-proof-grid>div{
    min-height:70px!important;
    padding:11px 10px!important;
  }
  html.mpmh054-entry-proof-polish body #publicShell #shellMain .mpmh054-cause-boundary{
    text-align:left!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh054-entry-proof-polish body #publicShell #shellMain #mpmh054EntryBrandMarquee .mpmh280-marquee-track{
    animation:none!important;
    transform:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT055 · PUBLIC NETWORK ACTIVITY MODULE
   ------------------------------------------------------------------------
   Public-facing adoption of the Visualization Lab chart grammar. Entry Home
   only. Pure black canvas, thin blue-gray rules, restrained green data, no
   admin governance badges, source labels, rounded cards, or dashboard chrome.
   ======================================================================== */
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-activity{
  padding-top:clamp(34px,3.4vw,50px)!important;
  padding-bottom:clamp(38px,3.8vw,56px)!important;
  background:#000!important;
  color:#f4f9fc!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head{
  align-items:end!important;
  margin-bottom:22px!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head .mpmh280-kicker{
  margin-bottom:10px!important;
  color:#27f28b!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head h2{
  color:#f7fbff!important;
  font-size:clamp(28px,2.55vw,41px)!important;
  line-height:1!important;
  letter-spacing:-.034em!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head .mpmh280-section-copy{
  padding-top:0!important;
  align-self:end!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head .mpmh280-prose{
  max-width:620px!important;
  color:#9dafba!important;
  font-size:clamp(11.5px,.78vw,13.5px)!important;
  line-height:1.55!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.9fr) minmax(300px,.85fr)!important;
  min-width:0!important;
  border-top:1px solid rgba(79,194,255,.24)!important;
  border-bottom:1px solid rgba(79,194,255,.18)!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-panel{
  min-width:0!important;
  padding:0!important;
  border-right:1px solid rgba(79,194,255,.15)!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-head{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:10px 14px 9px!important;
  border-bottom:1px solid rgba(79,194,255,.10)!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-head>div:first-child{
  min-width:0!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-head strong{
  display:block!important;
  color:#f4f9fc!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-head span{
  display:block!important;
  margin-top:3px!important;
  color:#6e8797!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes{
  display:inline-flex!important;
  align-items:center!important;
  gap:16px!important;
  flex:0 0 auto!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes button{
  position:relative!important;
  min-height:24px!important;
  padding:0 0 3px!important;
  border:0!important;
  border-bottom:1px solid transparent!important;
  background:transparent!important;
  color:#718694!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes button:hover,
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes button:focus-visible{
  color:#79bfff!important;
  border-bottom-color:#79bfff!important;
  outline:0!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes button.is-active,
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-modes button[aria-pressed="true"]{
  color:#27f28b!important;
  border-bottom-color:#27f28b!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-stage{
  position:relative!important;
  min-height:286px!important;
  padding:10px 12px 0!important;
  overflow:hidden!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-stage svg{
  display:block!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-gridline{
  stroke:#14232d!important;
  stroke-width:1!important;
  vector-effect:non-scaling-stroke!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-axis-label{
  fill:#6c8494!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-line{
  fill:none!important;
  stroke:#4ff2a0!important;
  stroke-width:2.15!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-dot{
  fill:#59f4a6!important;
  stroke:#08150f!important;
  stroke-width:1!important;
  vector-effect:non-scaling-stroke!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-dot:focus{
  stroke:#dfffee!important;
  stroke-width:2!important;
  outline:0!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-fallback{
  min-height:258px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#647987!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot{
  min-height:35px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:7px 14px 8px!important;
  border-top:1px solid rgba(79,194,255,.09)!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot span{
  color:#647b89!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:650!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot button{
  min-height:24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#79bfff!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot button:hover,
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot button:focus-visible{
  color:#27f28b!important;
  outline:0!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  min-width:0!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div{
  min-width:0!important;
  min-height:145px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px 18px 16px!important;
  border-right:1px solid rgba(79,194,255,.10)!important;
  border-bottom:1px solid rgba(79,194,255,.10)!important;
  background:#000!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-child(2n){border-right:0!important;}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-last-child(-n+2){border-bottom:0!important;}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts span{
  color:#7fb8d8!important;
  font-size:8.3px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts strong{
  display:block!important;
  margin-top:9px!important;
  color:#f4f9fc!important;
  font-size:clamp(24px,2.25vw,34px)!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:last-child strong{
  color:#27f28b!important;
}
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts small{
  display:block!important;
  margin-top:8px!important;
  color:#5f7482!important;
  font-size:7.6px!important;
  line-height:1.25!important;
  font-weight:650!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}

/* 055 moves the four promoted lifetime values out of the hero into the network
   module. Keep the hero intentionally clean and avoid duplicated proof rows. */
html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
  padding-bottom:clamp(28px,2.7vw,40px)!important;
}

@media(max-width:1080px){
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-grid{
    grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr)!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts{
    grid-template-columns:1fr!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div{
    min-height:72px!important;
    padding:12px 16px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(79,194,255,.10)!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-last-child(-n+2){border-bottom:1px solid rgba(79,194,255,.10)!important;}
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:last-child{border-bottom:0!important;}
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts strong{font-size:25px!important;margin-top:6px!important;}
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts small{margin-top:5px!important;}
}
@media(max-width:820px){
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-grid{
    grid-template-columns:1fr!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-panel{
    border-right:0!important;
    border-bottom:1px solid rgba(79,194,255,.15)!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div{
    min-height:92px!important;
    border-right:1px solid rgba(79,194,255,.10)!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-child(2n){border-right:0!important;}
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-last-child(-n+2){border-bottom:0!important;}
}
@media(max-width:720px){
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-activity{
    padding-top:32px!important;
    padding-bottom:38px!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-head{
    margin-bottom:17px!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:10px 10px 8px!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-stage{
    min-height:232px!important;
    padding:8px 5px 0!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-fallback{min-height:210px!important;}
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-trend-foot{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
    padding:8px 10px 9px!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts{
    grid-template-columns:1fr!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div,
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:nth-child(n){
    min-height:76px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(79,194,255,.10)!important;
  }
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-network-readouts>div:last-child{border-bottom:0!important;}
}
@media(prefers-reduced-motion:reduce){
  html.mpmh055-public-data-modules body #publicShell #shellMain .mpmh055-chart-stage *{
    scroll-behavior:auto!important;
    animation:none!important;
    transition:none!important;
  }
}
/* ========================================================================
   MPMH_EDITFRONT056 · PUBLIC DATA MODULE POLISH OWNER
   ------------------------------------------------------------------------
   Final Entry Home presentation owner over the approved 055 Network Activity
   module. Reuses the same pure-black, hairline, restrained-blue/green visual
   grammar and formalizes generic public-data-module hooks for future promoted
   charts without introducing Admin chrome or a second frontend design system.
   ======================================================================== */
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh-public-data-module{
  --mpmh-public-data-bg:#000;
  --mpmh-public-data-fg:#f4f9fc;
  --mpmh-public-data-muted:#718897;
  --mpmh-public-data-blue:#79bfff;
  --mpmh-public-data-green:#27f28b;
  --mpmh-public-data-line:rgba(79,194,255,.15);
  --mpmh-public-data-line-soft:rgba(79,194,255,.10);
  background:var(--mpmh-public-data-bg)!important;
  color:var(--mpmh-public-data-fg)!important;
  box-shadow:none!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh-public-data-module :where(.mpmh-public-data-plot,.mpmh-public-data-readouts){
  background:#000!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Tighten only the Entry Home proof sequence. The hero, Network Activity and
   Cause field remain distinct, but no longer read as three disconnected blocks. */
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
  padding-bottom:clamp(18px,1.8vw,28px)!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-activity{
  padding-top:clamp(26px,2.55vw,38px)!important;
  padding-bottom:clamp(30px,3vw,44px)!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-head{
  margin-bottom:16px!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section{
  padding-top:clamp(30px,3vw,44px)!important;
}

/* Inspector is deliberately integrated into the plotting field rather than
   rendered as a floating dashboard tooltip. */
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-chart-stage{
  position:relative!important;
  isolation:isolate!important;
  cursor:crosshair!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector{
  position:absolute!important;
  top:8px!important;
  right:12px!important;
  z-index:4!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:baseline!important;
  gap:2px 9px!important;
  min-width:0!important;
  padding:5px 7px 4px!important;
  background:rgba(0,0,0,.88)!important;
  border:0!important;
  border-left:1px solid rgba(39,242,139,.56)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector[hidden]{
  display:none!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector span{
  grid-column:1!important;
  color:#7ea6bd!important;
  font-size:7.8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector strong{
  grid-column:2!important;
  color:#f6fbfe!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector small{
  grid-column:1 / -1!important;
  color:#27f28b!important;
  font-size:6.8px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-guide{
  stroke:rgba(121,191,255,.42)!important;
  stroke-width:1!important;
  vector-effect:non-scaling-stroke!important;
  pointer-events:none!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-active-dot{
  fill:#000!important;
  stroke:#27f28b!important;
  stroke-width:2!important;
  vector-effect:non-scaling-stroke!important;
  pointer-events:none!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-hitfield{
  fill:transparent!important;
  pointer-events:all!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-chart-dot{
  transition:r .10s ease,stroke-width .10s ease,fill .10s ease!important;
}
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-chart-dot.is-inspected,
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-chart-dot:focus-visible{
  r:4!important;
  fill:#000!important;
  stroke:#f5fbff!important;
  stroke-width:1.6!important;
  outline:none!important;
}

/* Public terminology reads as activity in the promoted module while formula
   ownership and underlying source fields remain unchanged. */
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-trend-head strong,
html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-network-readouts span{
  text-rendering:geometricPrecision!important;
}

@media(max-width:720px){
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-hero{
    padding-bottom:22px!important;
  }
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh055-network-activity{
    padding-top:26px!important;
    padding-bottom:32px!important;
  }
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh280-home-entry .mpmh054-entry-cause-section{
    padding-top:30px!important;
  }
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector{
    top:7px!important;
    right:7px!important;
    max-width:58%!important;
  }
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh056-chart-inspector strong{
    font-size:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh056-public-data-module-polish body #publicShell #shellMain .mpmh055-chart-dot{
    transition:none!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT057 · LEADERBOARD EXPANDED ROW / MINI DATA OWNER
   ------------------------------------------------------------------------
   Expanded rows stay inside the existing leaderboard content column. The
   separate page-level right logo rail is intentionally untouched. Black is the
   row surface; thin blue-gray rules, white values and restrained green/blue
   accents match the 056 public-data language without importing Admin chrome.
   ======================================================================== */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-details{
  padding:0 16px 14px 18px!important;
  border-top:1px solid rgba(121,191,255,.24)!important;
  border-bottom:1px solid rgba(121,191,255,.12)!important;
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-card.mpmh057-lb-detail-card{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:14px 2px 0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;
  align-items:center!important;
  gap:24px!important;
  min-height:72px!important;
  margin:0!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(121,191,255,.14)!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity-main{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo-link{
  width:84px!important;height:58px!important;margin:0!important;padding:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{
  width:84px!important;
  height:58px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-title{
  min-width:0!important;padding:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity-link strong{
  font-size:13.5px!important;line-height:1.18!important;font-weight:720!important;letter-spacing:.005em!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity-link span{
  margin-top:4px!important;color:#82bce0!important;font-size:8.2px!important;line-height:1.25!important;letter-spacing:.055em!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity-link em{
  -webkit-line-clamp:2!important;
  margin-top:6px!important;
  max-width:620px!important;
  color:#92a8b6!important;
  font-size:9.5px!important;
  line-height:1.38!important;
}

/* Current standing becomes one quiet inline readout, not a second card. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-kicker{display:none!important;}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-grid{
  display:grid!important;
  grid-template-columns:54px minmax(110px,1.35fr) minmax(88px,.85fr) 72px!important;
  gap:12px!important;
  align-items:end!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-item{
  min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-item b{
  margin:0 0 3px!important;color:#607f92!important;font-size:6.9px!important;line-height:1!important;font-weight:750!important;letter-spacing:.09em!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-item strong{
  color:#dceaf2!important;font-size:9.5px!important;line-height:1.2!important;font-weight:650!important;white-space:normal!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-rank strong,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-value strong{
  color:#f6fbfd!important;font-size:14px!important;line-height:1!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-status strong{
  color:#7fc5f0!important;font-size:8px!important;letter-spacing:.06em!important;
}

/* One open intelligence plane. No inherited fixed dashboard heights. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-workspace{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-overlay-region{
  order:1!important;
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 0 10px!important;
  border:0!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-overlay-panel,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-overlay-panel:not([hidden]){
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-overlay-title{
  min-height:0!important;
  margin:0 0 8px!important;
  color:#36f4a0!important;
  font-size:8.2px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

/* Default Signal view: four core values + a true daily Primary miniature trend. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-signal-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(121,191,255,.10)!important;
  border-bottom:1px solid rgba(121,191,255,.10)!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-signal-layout.has-trend{
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.72fr)!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts{
  min-width:0!important;
  padding:0 20px 0 0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(80px,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout{
  min-height:68px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  margin:0!important;
  padding:11px 13px 10px 0!important;
  border:0!important;
  border-right:1px solid rgba(121,191,255,.09)!important;
  border-bottom:0!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout:last-child{border-right:0!important;}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout b{
  color:#6f99b2!important;font-size:7.4px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:.075em!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout strong{
  margin-top:5px!important;color:#f1f8fb!important;font-size:18px!important;line-height:1!important;font-weight:690!important;font-variant-numeric:tabular-nums!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout-signal strong,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout-strength strong{
  color:#36f4a0!important;
}

html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend{
  min-width:0!important;
  margin:0!important;
  padding:9px 0 7px 18px!important;
  border:0!important;
  border-left:1px solid rgba(121,191,255,.12)!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend[hidden]{display:none!important;}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend header{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0 2px 3px!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend header span{
  color:#6f99b2!important;font-size:6.9px!important;font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend header strong{
  color:#36f4a0!important;font-size:12px!important;line-height:1!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend-stage{
  width:100%!important;height:66px!important;min-height:66px!important;margin:0!important;padding:0!important;overflow:hidden!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-svg{
  display:block!important;width:100%!important;height:66px!important;overflow:visible!important;outline:0!important;cursor:crosshair!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-svg:focus-visible{
  box-shadow:inset 0 -1px 0 rgba(121,191,255,.56)!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-mini-grid{
  stroke:rgba(121,191,255,.09)!important;stroke-width:1!important;shape-rendering:crispEdges!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-mini-line{
  fill:none!important;stroke:#36f4a0!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-mini-guide{
  stroke:rgba(121,191,255,.42)!important;stroke-width:1!important;stroke-dasharray:2 3!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-mini-dot{
  fill:#000!important;stroke:#36f4a0!important;stroke-width:1.5!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend figcaption{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:1px 2px 0!important;
  color:#506b7d!important;font-size:6.5px!important;line-height:1!important;font-weight:750!important;letter-spacing:.075em!important;text-transform:uppercase!important;
}

/* Board-specific supporting values become a thin secondary rail. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  margin:8px 0 0!important;
  padding:0!important;
  border-top:1px solid rgba(121,191,255,.08)!important;
  border-bottom:1px solid rgba(121,191,255,.08)!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts .mpmh-lb-readout{
  min-height:45px!important;
  margin:0!important;
  padding:8px 10px 7px!important;
  border:0!important;
  border-right:1px solid rgba(121,191,255,.07)!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts .mpmh-lb-readout:last-child{border-right:0!important;}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts .mpmh-lb-readout b{
  color:#607f92!important;font-size:6.7px!important;line-height:1.2!important;letter-spacing:.06em!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts .mpmh-lb-readout strong{
  margin-top:3px!important;color:#d8e6ed!important;font-size:11px!important;line-height:1!important;font-weight:650!important;
}

/* One lower action rail; direct entity routes and workspace views share it. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px 22px!important;
  min-height:34px!important;
  margin:0!important;
  padding:7px 0 1px!important;
  border:0!important;
  border-top:1px solid rgba(121,191,255,.12)!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-identity-actions,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-detail-tools,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-workspace-tabs{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:5px 18px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-detail-tools{
  width:auto!important;flex:0 1 auto!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-identity-actions{
  flex:1 1 auto!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-tool,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-overlay-btn{
  min-height:20px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#78b8df!important;
  font-size:7.8px!important;
  line-height:1.2!important;
  font-weight:780!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-tool:hover,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-tool:focus-visible,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-overlay-btn:hover,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-overlay-btn:focus-visible{
  color:#d7ecf8!important;outline:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-overlay-btn.is-active,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail .mpmh-lb-tool-primary{
  color:#36f4a0!important;
}

/* Utility views remain capabilities, but no longer reserve dashboard-sized space. */
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-workspace-note{display:none!important;}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-share-message,
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-workspace-copy{
  max-width:760px!important;margin:2px 0 0!important;color:#b4c6d0!important;font-size:10.5px!important;line-height:1.5!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-share-support{
  margin-top:7px!important;font-size:9.5px!important;line-height:1.45!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-share-actions{
  min-height:0!important;margin:11px 0 0!important;padding:0!important;
}
html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-feedback-form{
  margin-top:8px!important;gap:8px 14px!important;
}

@media(max-width:1180px){
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity{
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-grid{
    grid-template-columns:54px minmax(130px,1.4fr) minmax(90px,.8fr) 74px!important;max-width:560px!important;
  }
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-signal-layout.has-trend{
    grid-template-columns:minmax(0,1.3fr) minmax(210px,.75fr)!important;
  }
}
@media(max-width:840px){
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-details{padding:0 10px 12px!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-card.mpmh057-lb-detail-card{padding-top:11px!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-signal-layout.has-trend{grid-template-columns:1fr!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts{padding-right:0!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-trend{
    padding:9px 0 7px!important;border-left:0!important;border-top:1px solid rgba(121,191,255,.10)!important;
  }
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-action-rail{
    align-items:flex-start!important;flex-direction:column!important;gap:4px!important;
  }
}
@media(max-width:620px){
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-identity-main{grid-template-columns:70px minmax(0,1fr)!important;gap:12px!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo-link,
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo,
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh-lb-detail-logo-link .mpmh-lb-detail-logo{width:70px!important;height:50px!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-standing .mpmh-lb-standing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 16px!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout{border-right:1px solid rgba(121,191,255,.09)!important;border-bottom:1px solid rgba(121,191,255,.09)!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout:nth-child(2n){border-right:0!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-core-readouts .mpmh-lb-readout:nth-last-child(-n+2){border-bottom:0!important;}
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-context-readouts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(prefers-reduced-motion:reduce){
  html.mpmh057-leaderboard-detail-polish body #publicShell #shellMain .mpmh057-lb-mini-svg{scroll-behavior:auto!important;}
}


/* ========================================================================
   MPMH_EDITFRONT058 · WHITE CAUSE WORKSPACE EXPERIMENT
   ------------------------------------------------------------------------
   Selected-Cause feature page only. The global MPMH shell, live section/title
   rail, navigation, footer, directories, Leaderboards, Signals, Home, and all
   data/behavior owners remain unchanged. The Cause workspace is inverted into
   a pure-white institutional canvas with dark editorial copy, restrained MPMH
   blue, governed green emphasis, and thin hairlines. No rounded card language,
   gradients, shadows, or page-level right-rail expansion is introduced.
   ======================================================================== */
html.mpmh058-white-cause-workspace body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero{
  --cause058-bg:#fff;
  --cause058-ink:#111820;
  --cause058-copy:#3d4d57;
  --cause058-muted:#71808a;
  --cause058-blue:#176b9a;
  --cause058-blue-soft:#4d88aa;
  --cause058-green:#087f57;
  --cause058-green-bright:#00a86b;
  --cause058-line:rgba(23,107,154,.15);
  --cause058-line-strong:rgba(23,107,154,.27);
  background:#fff!important;
  background-image:none!important;
  color:var(--cause058-ink)!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-stage-body,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-rail,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-main,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-compact-readout,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-form{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* White page begins beneath the existing black live-section/title rail. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero{
  padding-bottom:52px!important;
  border:0!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-lander-head{
  border:0!important;
  background:#fff!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  border:0!important;
  border-bottom:1px solid var(--cause058-line)!important;
  background:#fff!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{
  color:#596a74!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:visited{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:focus-visible{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-stage-body{
  background:#fff!important;
}

/* Cause identity now sits directly on the institutional white surface. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-logo-well{
  background:#fff!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-logo-link{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-logo-link:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-logo-link:focus-visible{
  outline:1px solid var(--cause058-line-strong)!important;
  outline-offset:4px!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-identity-meta,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-cause-number{
  color:#7b858b!important;
  -webkit-text-fill-color:#7b858b!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .cause-heart-btn{
  border-color:var(--cause058-line-strong)!important;
  background:transparent!important;
  color:#344752!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .cause-heart-btn:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .cause-heart-btn:focus-visible{
  color:var(--cause058-green)!important;
  border-color:rgba(8,127,87,.34)!important;
  outline:0!important;
}

/* Cause Signal readout: same MPMH information hierarchy, inverted for white. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap{
  border-top:1px solid var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head{
  border-bottom:1px solid var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head h2{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary summary{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card{
  border-bottom:1px solid var(--cause058-line)!important;
  background:#fff!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card span{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card strong{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card small{
  color:#83919a!important;
  -webkit-text-fill-color:#83919a!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card-total strong,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-card-strength strong{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel{
  border:1px solid var(--cause058-line-strong)!important;
  background:#fff!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat span{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat strong{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat{
  border-color:var(--cause058-line)!important;
  background:#fff!important;
}

/* Editorial Cause description. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{
  color:#263943!important;
  -webkit-text-fill-color:#263943!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-description{
  border-bottom:1px solid var(--cause058-line)!important;
}

/* Cause controls remain outside the panel and read as quiet editorial links. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>*{
  color:#3d505d!important;
  -webkit-text-fill-color:#3d505d!important;
  background:transparent!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>*{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
  background:transparent!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:focus-visible{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button.is-active{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}

/* One white fixed Cause workspace; no blue card inside the white page. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-closed{
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-frame{
  border:1px solid var(--cause058-line-strong)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  border-top:0!important;
  border-bottom:1px solid var(--cause058-line-strong)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-close{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-close:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-close:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
  outline:1px solid var(--cause058-line-strong)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed #causeWorkspaceFrame,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-frame,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-closed{
  background:#fff!important;
  border-color:transparent!important;
}

/* Workspace content / facts / inline actions. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-copy{
  color:var(--cause058-copy)!important;
  -webkit-text-fill-color:var(--cause058-copy)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-copy strong{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-inline-link,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-inline-link:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-inline-link:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-outbound-link:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-inline-route:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts .mph-cause-workspace-selected-cause:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts #causeWorkspaceWebsite:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines{
  border-color:var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts>div,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div{
  border-color:var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts dt,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines span{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-facts dd,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines strong{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}

/* Share / updates utilities. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-share-row input,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry input,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-grid input,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-fields input{
  border:1px solid var(--cause058-line-strong)!important;
  background:#fff!important;
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-share-row input:focus,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry input:focus,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-grid input:focus{
  border-color:rgba(23,107,154,.48)!important;
  outline:0!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button{
  border:1px solid var(--cause058-line-strong)!important;
  background:#fff!important;
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-share-row button:focus-visible,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-entry button:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
  border-color:rgba(8,127,87,.34)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-form>label,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-form>label span,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent{
  color:var(--cause058-copy)!important;
  -webkit-text-fill-color:var(--cause058-copy)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-consent a{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}

/* Perspective intake becomes editorial rather than a dark nested module. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
  border-top:1px solid var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-head h2{
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-head p,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-note,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-publication-note{
  color:#687983!important;
  -webkit-text-fill-color:#687983!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-label,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-checkbox-row,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-updates-fieldset legend,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-grid label{
  color:#344752!important;
  -webkit-text-fill-color:#344752!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea#causeFeedbackMessage,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="text"],
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="email"]{
  border:1px solid var(--cause058-line-strong)!important;
  background:#fff!important;
  color:var(--cause058-ink)!important;
  -webkit-text-fill-color:var(--cause058-ink)!important;
  caret-color:var(--cause058-ink)!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea::placeholder,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input::placeholder{
  color:#94a0a7!important;
  -webkit-text-fill-color:#94a0a7!important;
  opacity:1!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea:focus,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input:focus{
  border-color:rgba(23,107,154,.52)!important;
  outline:0!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="checkbox"],
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="radio"],
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-direct-updates-form input[type="checkbox"]{
  accent-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-checkbox-row a{
  color:var(--cause058-blue)!important;
  -webkit-text-fill-color:var(--cause058-blue)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-checkbox-row a:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-checkbox-row a:focus-visible{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-options-grid,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-fields{
  border-color:var(--cause058-line)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-publication,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-updates,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-update-fields{
  background:#fff!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-submit{
  border:1px solid #111820!important;
  background:#111820!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-submit:hover,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-submit:focus-visible{
  border-color:var(--cause058-green)!important;
  background:var(--cause058-green)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  outline:0!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-feedback-status,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero #causeWorkspaceToolStatus,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .cause-action-feedback{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}

/* Keep the public black shell visually framing the white Cause surface. */
html.mpmh058-white-cause-workspace body #publicShell .public-footer,
html.mpmh058-white-cause-workspace body #mpmhUnifiedShell,
html.mpmh058-white-cause-workspace body #mpmhUnifiedShell .mpmh-context-row{
  background-color:#000!important;
}

@media(max-width:980px){
  html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-home-cause-rail{
    background:#fff!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero *,
  html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero *::before,
  html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero *::after{
    transition:none!important;
  }
}
/* 058 final data-emphasis + white-world optical correction. */
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid .mph-cause-signal-card:last-child strong,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div:nth-child(3) strong,
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-workspace-readout-lines>div:nth-child(4) strong{
  color:var(--cause058-green)!important;
  -webkit-text-fill-color:var(--cause058-green)!important;
}
html.mpmh058-white-cause-workspace body #shellMain #selectedCauseHero .mph-cause-overview-world{
  opacity:.84!important;
  filter:brightness(.62) contrast(1.08) saturate(.86)!important;
}


/* ========================================================================
   MPMH_EDITFRONT059 · CAUSE SURFACE REBALANCE
   ------------------------------------------------------------------------
   Presentation-only owner layered over 058. The selected-Cause institutional
   canvas moves from pure white to a soft neutral gray. The closeable Cause
   workspace frame returns to its prior deep platform-blue surface. Global
   shell, title rail, routes, data, geometry, and behavior remain unchanged.
   ======================================================================== */
html.mpmh059-cause-surface-rebalance body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero{
  --cause059-bg:#d7dcdf;
  --cause059-bg-soft:#e2e6e8;
  --cause059-bg-input:#f3f5f6;
  --cause059-ink:#111820;
  --cause059-copy:#34464f;
  --cause059-muted:#697982;
  --cause059-blue:#176b9a;
  --cause059-green:#087f57;
  --cause059-line:rgba(17,40,54,.14);
  --cause059-line-strong:rgba(17,40,54,.24);
  --cause059-workspace:#071522;
  --cause059-workspace-line:rgba(126,183,255,.36);
  --cause059-workspace-line-soft:rgba(126,183,255,.14);
  --cause059-workspace-blue:#8fc6ff;
  --cause059-workspace-copy:#c2d1db;
  --cause059-workspace-green:#0bf99e;
  background:var(--cause059-bg)!important;
  background-image:none!important;
  color:var(--cause059-ink)!important;
}

/* Main Cause institutional surface: soft gray rather than white. */
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-stage-body,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-rail,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-main,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-compact-readout,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-signal-card,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  background:var(--cause059-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  border-bottom-color:var(--cause059-line)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-logo-well{
  background:var(--cause059-bg)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-logo-link:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-logo-link:focus-visible{
  outline-color:var(--cause059-line-strong)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-signal-card{
  border-bottom-color:var(--cause059-line)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-publication,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-updates,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-update-fields{
  background:var(--cause059-bg-soft)!important;
  box-shadow:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-options-grid,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-update-fields,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap{
  border-color:var(--cause059-line)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="text"],
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="email"]{
  background:var(--cause059-bg-input)!important;
  border-color:var(--cause059-line-strong)!important;
}

/* Restore the original closeable Cause workspace as the active deep-blue tool. */
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  background:var(--cause059-workspace)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-frame{
  border:1px solid var(--cause059-workspace-line)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-head{
  border-top:0!important;
  border-bottom:1px solid var(--cause059-workspace-line)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-close{
  color:var(--cause059-workspace-blue)!important;
  -webkit-text-fill-color:var(--cause059-workspace-blue)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-close:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-workspace-close:focus-visible{
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  outline:1px solid rgba(143,198,255,.38)!important;
  outline-offset:-3px!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-world{
  opacity:1!important;
  filter:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-copy{
  color:var(--cause059-workspace-copy)!important;
  -webkit-text-fill-color:var(--cause059-workspace-copy)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-copy strong{
  color:#e7f0f5!important;
  -webkit-text-fill-color:#e7f0f5!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-inline-link,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-outbound-link,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-inline-route,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts .mph-cause-workspace-selected-cause,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts #causeWorkspaceWebsite{
  color:var(--cause059-workspace-blue)!important;
  -webkit-text-fill-color:var(--cause059-workspace-blue)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-inline-link:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-inline-link:focus-visible,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-outbound-link:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-outbound-link:focus-visible,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-inline-route:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-inline-route:focus-visible{
  color:var(--cause059-workspace-green)!important;
  -webkit-text-fill-color:var(--cause059-workspace-green)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines{
  border-color:var(--cause059-workspace-line-soft)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts>div,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div{
  border-color:var(--cause059-workspace-line-soft)!important;
  background:var(--cause059-workspace)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts dt,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines span{
  color:var(--cause059-workspace-blue)!important;
  -webkit-text-fill-color:var(--cause059-workspace-blue)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts dd,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines strong{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div:nth-child(3) strong,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div:nth-child(4) strong{
  color:var(--cause059-workspace-green)!important;
  -webkit-text-fill-color:var(--cause059-workspace-green)!important;
}

/* Share / updates return to the original dark workspace treatment. */
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-form{
  background:var(--cause059-workspace)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row input,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry input,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-update-grid input,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-update-fields input{
  border:1px solid rgba(126,183,255,.22)!important;
  background:#02080d!important;
  color:#f4fbff!important;
  -webkit-text-fill-color:#f4fbff!important;
  box-shadow:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row button,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry button{
  border:1px solid rgba(126,183,255,.22)!important;
  background:#091a29!important;
  color:var(--cause059-workspace-blue)!important;
  -webkit-text-fill-color:var(--cause059-workspace-blue)!important;
  box-shadow:none!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row button:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row button:focus-visible,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry button:hover,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry button:focus-visible{
  color:var(--cause059-workspace-green)!important;
  -webkit-text-fill-color:var(--cause059-workspace-green)!important;
  border-color:rgba(11,249,158,.36)!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-form>label,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-form>label span,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-consent{
  color:#9fb3c1!important;
  -webkit-text-fill-color:#9fb3c1!important;
}
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-consent a{
  color:var(--cause059-workspace-blue)!important;
  -webkit-text-fill-color:var(--cause059-workspace-blue)!important;
}

/* When the panel is closed, release blue back into the gray Cause canvas. */
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed #causeWorkspaceFrame,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-frame,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner,
html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-closed{
  background:var(--cause059-bg)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Keep black global framing intact. */
html.mpmh059-cause-surface-rebalance body #publicShell .public-footer,
html.mpmh059-cause-surface-rebalance body #mpmhUnifiedShell,
html.mpmh059-cause-surface-rebalance body #mpmhUnifiedShell .mpmh-context-row{
  background-color:#000!important;
}
@media(max-width:980px){
  html.mpmh059-cause-surface-rebalance body #shellMain #selectedCauseHero .mph-home-cause-rail{
    background:var(--cause059-bg)!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT060 · CAUSE GRAPHITE SURFACE
   ------------------------------------------------------------------------
   Selected-Cause presentation only. 060 moves the color owner outward from
   #selectedCauseHero to the active overview app-stage so inherited black
   shell gutters no longer interrupt the Cause field. The feature environment
   is a cool graphite/slate; the organization logo keeps a clean white identity
   well; the closeable Cause workspace remains the prior deep platform blue.
   No negative-margin geometry, overlay patch, route rewrite, or data owner.
   ======================================================================== */
html.mpmh060-cause-graphite-surface body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero{
  --cause060-bg:#161d25;
  --cause060-bg-soft:#1c2530;
  --cause060-bg-deep:#111820;
  --cause060-input:#101720;
  --cause060-ink:#f2f7fa;
  --cause060-copy:#bdcad3;
  --cause060-muted:#8294a1;
  --cause060-blue:#8fc6ff;
  --cause060-blue-soft:#6fa8cc;
  --cause060-green:#0bf99e;
  --cause060-line:rgba(126,183,255,.14);
  --cause060-line-strong:rgba(126,183,255,.26);
  --cause060-workspace:#071522;
  --cause060-workspace-line:rgba(126,183,255,.36);
  --cause060-workspace-line-soft:rgba(126,183,255,.14);
  --cause060-workspace-copy:#c2d1db;
  background:var(--cause060-bg)!important;
  background-color:var(--cause060-bg)!important;
  background-image:none!important;
  color:var(--cause060-ink)!important;
  box-shadow:none!important;
}

/* Active selected-Cause stage owns the full application field. This is the
   actual gutter fix: the app-stage and visible overview panel inherit the same
   graphite surface instead of leaving an older black owner around the hero. */
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])),
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])),
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell #shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
  background:var(--cause060-bg,#161d25)!important;
  background-color:var(--cause060-bg,#161d25)!important;
  background-image:none!important;
}
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])){padding-bottom:0!important;}
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
  margin-top:0!important;
  margin-bottom:0!important;
  scrollbar-color:rgba(82,137,178,.78) var(--cause060-bg,#161d25)!important;
}
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-track,
html.mpmh060-cause-graphite-surface body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-corner{
  background:var(--cause060-bg,#161d25)!important;
  background-color:var(--cause060-bg,#161d25)!important;
}

/* One continuous graphite Cause canvas. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-stage-body,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-rail,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-main,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-lander-profile,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-lander-profile .mph-home-cause-table-body,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-compact-readout,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-positive-feedback,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-inner,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-actions,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
  background:var(--cause060-bg)!important;
  background-color:var(--cause060-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero{padding-bottom:52px!important;border:0!important;}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  border-bottom:1px solid var(--cause060-line)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation p{
  color:#99aab6!important;-webkit-text-fill-color:#99aab6!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:visited{
  color:var(--cause060-green)!important;-webkit-text-fill-color:var(--cause060-green)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation .mph-cause-alignment-link:focus-visible{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;text-decoration:none!important;
}

/* Organization identity: white belongs only to the logo field. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-logo-well{background:transparent!important;}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-logo-link{
  background:#fff!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-logo-link:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-logo-link:focus-visible{
  outline:1px solid rgba(143,198,255,.46)!important;outline-offset:4px!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-identity-meta,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-cause-number{
  color:#8798a5!important;-webkit-text-fill-color:#8798a5!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-identity-meta .mph-home-website:focus-visible{
  color:var(--cause060-green)!important;-webkit-text-fill-color:var(--cause060-green)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .cause-heart-btn{
  border-color:var(--cause060-line-strong)!important;background:transparent!important;color:#bac8d1!important;box-shadow:none!important;
}

/* Cause Signal readout returns to a dark editorial/data hierarchy. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-left-readout-wrap,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-main-feedback-wrap{
  border-color:var(--cause060-line)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-dashboard-head h2,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-head h2{
  color:var(--cause060-ink)!important;-webkit-text-fill-color:var(--cause060-ink)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary summary,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card span,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-signal-group h3,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat span{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card strong,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat strong{
  color:var(--cause060-ink)!important;-webkit-text-fill-color:var(--cause060-ink)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card small{
  color:#7d8f9b!important;-webkit-text-fill-color:#7d8f9b!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-card-total strong,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-signal-primary-grid .mph-cause-signal-card:last-child strong{
  color:var(--cause060-green)!important;-webkit-text-fill-color:var(--cause060-green)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel{
  background:var(--cause060-bg-deep)!important;border:1px solid var(--cause060-line-strong)!important;box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat{
  background:var(--cause060-bg-soft)!important;border-color:var(--cause060-line)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-description,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-description .cause-description-text{
  color:#d7e1e7!important;-webkit-text-fill-color:#d7e1e7!important;
}

/* Quiet Cause navigation on graphite. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>*{
  color:#aabac5!important;-webkit-text-fill-color:#aabac5!important;background:transparent!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>*{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;background:transparent!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button:focus-visible,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>button:focus-visible{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav>button.is-active,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav>a:focus-visible{
  color:var(--cause060-green)!important;-webkit-text-fill-color:var(--cause060-green)!important;
}

/* Preserve the closeable workspace as the established deep platform-blue tool. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  background:var(--cause060-workspace)!important;background-color:var(--cause060-workspace)!important;background-image:none!important;box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-frame{border:1px solid var(--cause060-workspace-line)!important;}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-head{border-bottom:1px solid var(--cause060-workspace-line)!important;}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-head h2{color:#f4fbff!important;-webkit-text-fill-color:#f4fbff!important;}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-workspace-close,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-inline-link,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-overview-outbound-link,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-inline-route,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts .mph-cause-workspace-selected-cause,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts #causeWorkspaceWebsite,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts dt,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines span{
  color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-copy{
  color:var(--cause060-workspace-copy)!important;-webkit-text-fill-color:var(--cause060-workspace-copy)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-copy strong,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts dd,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines strong{
  color:#f4fbff!important;-webkit-text-fill-color:#f4fbff!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div:nth-child(3) strong,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div:nth-child(4) strong{
  color:var(--cause060-green)!important;-webkit-text-fill-color:var(--cause060-green)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts>div,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div{
  border-color:var(--cause060-workspace-line-soft)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-facts>div,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-readout-lines>div{
  background:var(--cause060-workspace)!important;
}

/* Closed panel returns cleanly to graphite instead of exposing black/blue. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed #causeWorkspaceFrame,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-frame,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-panel-inner,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-interactive-region.is-panel-closed .mph-cause-workspace-closed{
  background:var(--cause060-bg)!important;background-color:var(--cause060-bg)!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;
}

/* Feedback/intake below the workspace follows graphite, not the discarded
   light-gray experiment. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-readout-summary-panel .mph-cause-stat,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-publication,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-updates,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-update-fields{
  background:var(--cause060-bg-soft)!important;box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-head p,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-note,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-publication-note{
  color:#8fa1ad!important;-webkit-text-fill-color:#8fa1ad!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-label,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-checkbox-row,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-updates-fieldset,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-updates-fieldset legend,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-update-grid label{
  color:#b6c4cd!important;-webkit-text-fill-color:#b6c4cd!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="text"],
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-form input[type="email"]{
  background:var(--cause060-input)!important;border-color:var(--cause060-line-strong)!important;color:#edf4f8!important;-webkit-text-fill-color:#edf4f8!important;caret-color:#edf4f8!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-form textarea::placeholder,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-form input::placeholder{
  color:#6f818d!important;-webkit-text-fill-color:#6f818d!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-submit{
  border-color:rgba(11,249,158,.32)!important;background:#0a2a20!important;color:#dfffee!important;-webkit-text-fill-color:#dfffee!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-submit:hover,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-cause-feedback-submit:focus-visible{
  border-color:var(--cause060-green)!important;background:#0d3a2b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Deep-blue workspace form controls remain dark and legible. */
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-form{
  background:var(--cause060-workspace)!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row input,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry input,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-update-grid input,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-update-fields input{
  border:1px solid rgba(126,183,255,.22)!important;background:#02080d!important;color:#f4fbff!important;-webkit-text-fill-color:#f4fbff!important;box-shadow:none!important;
}
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-workspace-share-row button,
html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero #causeWorkspaceFrame .mph-cause-direct-updates-entry button{
  border:1px solid rgba(126,183,255,.22)!important;background:#091a29!important;color:var(--cause060-blue)!important;-webkit-text-fill-color:var(--cause060-blue)!important;box-shadow:none!important;
}

/* Black remains deliberate chrome only. */
html.mpmh060-cause-graphite-surface body #publicShell .public-footer,
html.mpmh060-cause-graphite-surface body #mpmhUnifiedShell,
html.mpmh060-cause-graphite-surface body #mpmhUnifiedShell .mpmh-context-row{
  background:#000!important;background-color:#000!important;
}
@media(max-width:980px){
  html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero .mph-home-cause-rail{background:var(--cause060-bg)!important;}
}
@media(prefers-reduced-motion:reduce){
  html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero *,
  html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero *::before,
  html.mpmh060-cause-graphite-surface body #shellMain #selectedCauseHero *::after{transition:none!important;}
}

/* ========================================================================
   MPMH_EDITFRONT061 · CAUSE GRAPHITE POLISH
   ------------------------------------------------------------------------
   Presentation only. The 060 graphite color, deep-blue closeable Cause
   workspace, white organization-logo field, and established black platform
   chrome are now treated as locked. 061 deliberately does NOT chase the last
   black perimeter by rewriting global shell padding/geometry. Instead, the
   selected-Cause surface gets a geometry-neutral hairline so the black reads
   as an intentional MPMH frame, plus a restrained Cause-only rhythm polish.
   ======================================================================== */
html.mpmh061-cause-graphite-polish body #shellMain .mph-home-overview[data-home-mode="selected-cause"],
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero{
  --cause061-frame-line:rgba(126,183,255,.22);
  --cause061-frame-line-soft:rgba(126,183,255,.12);
}

/* Make the existing black perimeter read as frame, not failed fill. Outline is
   paint-only: no margins, negative offsets, width changes, or shell ownership. */
html.mpmh061-cause-graphite-polish body.mpmh-tab-overview #shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
  outline:1px solid var(--cause061-frame-line)!important;
  outline-offset:-1px!important;
}
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation{
  border-bottom-color:var(--cause061-frame-line-soft)!important;
}

/* Small optical rhythm correction only. Keep the existing two-column geometry,
   navigation ownership, and blue workspace dimensions intact. */
@media(min-width:981px){
  html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-stage-body{
    padding-top:22px!important;
  }
  html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-cause-description{
    padding-bottom:18px!important;
  }
  html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-route-nav{
    margin-bottom:9px!important;
  }
  html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-inline-nav{
    margin-bottom:6px!important;
  }
}

/* Preserve 060's graphite canvas and deep-blue active panel exactly in color;
   only the boundary/rhythm above is new. */
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-stage-body,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-cause-rail,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-cause-main{
  background-color:#161d25!important;
  background-image:none!important;
}
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  background-color:#071522!important;
  background-image:none!important;
}
html.mpmh061-cause-graphite-polish body #shellMain #selectedCauseHero .mph-home-logo-link{
  background:#fff!important;
}

@media(max-width:980px){
  html.mpmh061-cause-graphite-polish body.mpmh-tab-overview #shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
    outline-color:rgba(126,183,255,.18)!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT062 · CAUSE SURFACE CLEAN RESET
   ------------------------------------------------------------------------
   This is intentionally a STEP-BACK owner. The graphite Cause surface itself
   is retained, but the established BLACK shell again owns everything outside
   the selected-Cause content. 060's outward shell recolor and 061's outline
   made the right scrollbar/edge read as a blue bleed. 062 removes those two
   experiments instead of adding another perimeter patch.

   HARD RULES:
   - no shell padding/margin/width/position rewrite
   - no negative margins or oversize fill
   - no whole-surface outline
   - no blue shell/scrollbar track beside the graphite surface
   - deep-blue #071522 belongs only to the active Cause workspace
   ======================================================================== */

/* The stable MPMH shell is the one and only outer frame. These selectors match
   the prior 060 :has() owner so the later rule cleanly releases that color
   ownership without changing any geometry. */
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])),
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
}

/* The selected-Cause panel itself remains the approved graphite field. Remove
   the 061 full-panel outline: the shell/content color break is enough. */
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
  background:#161d25!important;
  background-color:#161d25!important;
  background-image:none!important;
  outline:0!important;
  outline-offset:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* Keep the actual Cause canvas continuous and graphite. This is content-scope
   ownership only; nothing here expands past the existing panel boundary. */
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero > .mph-cause-lander-head,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero > .mph-cause-alignment-confirmation,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-home-stage-body,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-home-cause-rail,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-home-cause-main{
  background:#161d25!important;
  background-color:#161d25!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* The right-side scroll control is shell chrome, not Cause/data chrome. Make it
   quiet and neutral so it cannot read as a vertical blue panel leaking through
   the graphite page. Scope is selected-Cause overview only. */
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
  scrollbar-color:#34414b #000!important;
}
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-track,
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-corner{
  background:#000!important;
  background-color:#000!important;
  border-left:0!important;
}
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-thumb{
  background:#34414b!important;
  background-image:none!important;
  border:3px solid #000!important;
  border-radius:0!important;
}
html.mpmh062-cause-surface-clean-reset body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-thumb:hover{
  background:#46545f!important;
  background-image:none!important;
}

/* Reassert the one intentional blue surface. No blue is promoted to the outer
   app stage or panel boundary. */
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero #causeWorkspaceFrame,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-cause-workspace-frame,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-cause-workspace-head,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-cause-workspace-panel,
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-cause-workspace-panel-inner{
  background:#071522!important;
  background-color:#071522!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Preserve the approved white organization identity field. */
html.mpmh062-cause-surface-clean-reset body #shellMain #selectedCauseHero .mph-home-logo-link{
  background:#fff!important;
  background-color:#fff!important;
}


/* ========================================================================
   MPMH_EDITFRONT063 · CAUSE VIEWPORT OWNERSHIP
   ------------------------------------------------------------------------
   Geometry-neutral Cause surface owner. 062 proved the graphite color and
   neutral scrollbar are correct, but leaving the actual viewport/parent field
   black makes existing shell/panel gutters read as padding around an inset
   object. 063 does NOT move, resize, stretch, or offset anything. It simply
   gives the selected-Cause viewport field and the visible Cause panel one
   continuous graphite paint owner.

   HARD RULES:
   - no width / margin / padding / position changes
   - no negative margins, oversize fills, outlines, or pseudo overlays
   - no route-global surface change: selected Cause + overview only
   - global header/nav, live title rail, and footer retain existing chrome
   - deep-blue #071522 remains exclusive to the active Cause workspace
   ======================================================================== */
@media (min-width:901px){
  /* Paint the parent field behind shellMain only while the selected Cause
     overview is actually visible. This makes the existing right/outer gutter
     disappear visually without changing its physical geometry. */
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])){
    background:#161d25!important;
    background-color:#161d25!important;
    background-image:none!important;
  }

  /* The scroll viewport and visible selected-Cause panel share the same paint.
     No dimensions or spacing properties are declared here. */
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])),
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
    background:#161d25!important;
    background-color:#161d25!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  /* The scrollbar lane is part of the same Cause viewport. Neutral graphite
     replaces both the old blue lane and 062's black track. */
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){ 
    scrollbar-color:#34414b #161d25!important;
  }
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-track,
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-corner{
    background:#161d25!important;
    background-color:#161d25!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-thumb{
    background:#34414b!important;
    background-image:none!important;
    border:3px solid #161d25!important;
    border-radius:0!important;
  }
  html.mpmh063-cause-viewport-owner body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-thumb:hover{
    background:#46545f!important;
    background-image:none!important;
  }

  /* Reassert unchanged app chrome inside the now-graphite parent field. */
  html.mpmh063-cause-viewport-owner body #publicShell #mpmhUnifiedShell,
  html.mpmh063-cause-viewport-owner body #publicShell #mpmhUnifiedShell .mpmh-context-row{
    background:#000!important;
    background-color:#000!important;
  }
  html.mpmh063-cause-viewport-owner body #publicShell footer.public-footer.footer-flat-rail.footer-ultra-rail{
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT064 · CAUSE VIEWPORT PERIMETER CLEANUP
   ------------------------------------------------------------------------
   Surgical paint-only cleanup over 063. The continuous graphite viewport is
   now correct; the remaining blue left/right/bottom perimeter came from the
   older global root-frame owner (#shellMain side borders + footer top frame).
   Remove that frame paint ONLY while a selected-Cause overview is visible.

   HARD RULES:
   - no width / margin / padding / position / overflow changes
   - no parent recolor changes from 063
   - no Cause workspace or logo changes
   - no global shell/frame change on any other route
   ======================================================================== */
@media (min-width:901px){
  html.mpmh064-cause-perimeter-cleanup body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  /* The footer remains black; only retire the inherited blue separator while
     the selected-Cause graphite viewport is the active page surface. */
  html.mpmh064-cause-perimeter-cleanup body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) footer.public-footer.footer-flat-rail.footer-ultra-rail{
    border-top-color:#000!important;
    box-shadow:none!important;
  }

  /* Defensive: the visible Cause panel itself must not reintroduce an outer
     perimeter. Internal readout/workspace hairlines remain untouched. */
  html.mpmh064-cause-perimeter-cleanup body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]){
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT065 · CAUSE TITLE RAIL EDGE CLEANUP
   ------------------------------------------------------------------------
   064 established the correct continuous graphite Cause viewport. The final
   blue sliver at the far right is independent of that viewport: it is the
   inherited right border of the sitewide live-section title rail. Retire that
   one border ONLY while a selected-Cause overview is visible.

   HARD RULES:
   - no width / margin / padding / position / overflow changes
   - no graphite, workspace, scrollbar, footer, or shell color changes
   - preserve title-rail background plus top/bottom/left hairlines
   - no effect on any non-Cause route
   ======================================================================== */
@media (min-width:901px){
  html.mpmh065-cause-title-rail-edge-cleanup body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) #mpmhLiveSectionHeader.mpmh-live-section-header{
    border-right:0!important;
    border-right-width:0!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT066 · SELECTED CAUSE WORKFRAME WIDTH RECONCILIATION
   ------------------------------------------------------------------------
   Root-cause owner for the selected-Cause desktop right-edge artifact.
   Older application-frame rules intentionally reserve a right workframe lane
   by reducing shellMain and the selected Cause stage width. 063 then painted
   the parent public shell graphite to hide that lane, which made the same
   reserved strip visible beside independent black/blue chrome. 066 removes
   the need for that paint workaround by giving ONLY the visible selected-
   Cause workframe its full available width.

   HARD RULES:
   - selected Cause + overview + desktop only
   - no global shell width/gutter variable changes
   - no negative margins, transforms, pseudo fills, or oversize overlays
   - publicShell returns to stable black ownership
   - shellMain + visible selected-Cause panel + selectedCauseHero use 100%
   - graphite remains the Cause viewport surface; #071522 remains workspace
   - neutral Cause scrollbar remains inside the reconciled viewport
   - no Home/Brand/Cause-directory/Category/Signal/Insight/Leaderboard impact
   ======================================================================== */
@media (min-width:901px){
  /* Release the 063 parent-paint workaround. */
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])){
    background:#000!important;
    background-color:#000!important;
    background-image:none!important;
  }

  /* Reconcile the actual work viewport rather than painting its reserved lane. */
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    background:#161d25!important;
    background-color:#161d25!important;
    background-image:none!important;
    border-left:0!important;
    border-right:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    scrollbar-color:#34414b #161d25!important;
  }

  /* Retire the legacy selected-Cause calc(100vw - 20px) owner. */
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain > .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]),
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain #selectedCauseHero.mph-home-cause-stage:not([aria-hidden="true"]){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    background:#161d25!important;
    background-color:#161d25!important;
    background-image:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }

  /* Scroll chrome stays inside the now-full-width Cause viewport. */
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-track,
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-corner{
    background:#161d25!important;
    background-color:#161d25!important;
    border:0!important;
    box-shadow:none!important;
  }
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-thumb{
    background:#34414b!important;
    background-image:none!important;
    border:3px solid #161d25!important;
    border-radius:0!important;
  }

  /* Header/footer remain independent black chrome. No geometry changes here. */
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) #mpmhUnifiedShell,
  html.mpmh066-selected-cause-workframe-reconcile body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) footer.public-footer.footer-flat-rail.footer-ultra-rail{
    background-color:#000!important;
    background-image:none!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT067 · SELECTED CAUSE RIGHT-EDGE UNIFICATION
   ------------------------------------------------------------------------
   066 correctly released the selected-Cause workframe to the full available
   viewport width, but the older sitewide frame owner still left the live
   section title rail and footer at calc(100% - 30px). That created three
   different right endpoints on the same selected-Cause surface: full-width
   graphite workframe/scrollbar, short title rail, and short footer.

   067 keeps the correct 066 Cause workframe and makes the independent title
   rail/footer share that same endpoint ONLY while the selected-Cause overview
   is visible. It also removes the native WebKit scrollbar arrow buttons that
   were reading as stray triangles at the far right edge.

   HARD RULES:
   - selected Cause + overview + desktop only
   - preserve 066 shellMain/Cause-stage full-width ownership
   - no global gutter variable changes
   - no negative margins, transforms, pseudo fills, or oversize overlays
   - no Cause content/workspace/readout geometry changes
   - no Home/Brands/Cause-directory/Categories/Signals/Insights/Leaderboards impact
   ======================================================================== */
@media (min-width:901px){
  /* One right endpoint across selected-Cause chrome and workframe. */
  html.mpmh067-selected-cause-right-edge-unified body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) #mpmhLiveSectionHeader.mpmh-live-section-header,
  html.mpmh067-selected-cause-right-edge-unified body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) footer.public-footer.footer-flat-rail.footer-ultra-rail{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Keep the rail clean at the physical right edge; 065 intentionally retired
     its right border on this route and 067 preserves that decision. */
  html.mpmh067-selected-cause-right-edge-unified body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) #mpmhLiveSectionHeader.mpmh-live-section-header{
    border-right:0!important;
    border-right-width:0!important;
  }

  /* Footer is black chrome, flush to the same endpoint. Do not resurrect the
     discarded blue bottom/right perimeter around the graphite viewport. */
  html.mpmh067-selected-cause-right-edge-unified body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) footer.public-footer.footer-flat-rail.footer-ultra-rail{
    border-right:0!important;
    border-top-color:#000!important;
    box-shadow:none!important;
  }

  /* Remove browser-native arrow buttons that show as isolated triangles above
     and below the neutral Cause scrollbar lane in Chromium/WebKit. */
  html.mpmh067-selected-cause-right-edge-unified body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"]))::-webkit-scrollbar-button{
    display:none!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
  }
}


/* ========================================================================
   MPMH_EDITFRONT068 · SELECTED CAUSE PERIMETER HAIRLINES
   ------------------------------------------------------------------------
   067 fixed the selected-Cause desktop right-edge geometry. This pass restores
   only the thin blue perimeter treatment requested for that now-clean frame:
   the live title rail closes with its established strong 1px right border,
   and shellMain carries the established 1px blue side boundaries from directly
   beneath the title rail to the footer boundary.

   This deliberately reuses the existing MPMH263 frame variables so the lines
   match the rest of the shell rather than introducing a new blue or a painted
   overlay. Width remains 100% with border-box sizing, so no gutter returns.

   HARD RULES:
   - selected Cause + overview + desktop only
   - preserve 067 full-width title rail, shellMain and footer endpoints
   - border paint only; no width/margin/padding/position/overflow changes
   - preserve neutral selected-Cause scrollbar and graphite viewport
   - vertical side rails stop at the footer boundary; footer remains unchanged
   - no effect on any non-Cause route
   ======================================================================== */
@media (min-width:901px){
  /* Close the blue title rail at the same physical right endpoint established
     by 067. Its existing top/bottom/left hairlines remain untouched. */
  html.mpmh068-selected-cause-perimeter-hairlines body.mpmh-tab-overview #publicShell:has(#selectedCauseHero:not([aria-hidden="true"])) #mpmhLiveSectionHeader.mpmh-live-section-header{
    border-right:1px solid var(--mpmh263-frame-strong)!important;
    border-right-width:1px!important;
  }

  /* Restore the shell's standard thin blue side boundaries around the selected
     Cause viewport only. Because shellMain is already border-box at 100%, the
     borders occupy the existing box rather than widening or shifting it. */
  html.mpmh068-selected-cause-perimeter-hairlines body.mpmh-tab-overview #publicShell #shellMain.shell-main#shellMain:has(> .mph-home-overview[data-home-mode="selected-cause"]:not([aria-hidden="true"])){
    border-left:1px solid var(--mpmh263-frame)!important;
    border-right:1px solid var(--mpmh263-frame)!important;
    border-top:0!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
  }
}


/* MPMH_EDITFRONT069: fully incremented matched CSS asset carried from 068 unchanged in behavior. Signal visibility reconciliation is JS-owned only. */

/* ========================================================================
   MPMH_EDITFRONT070 — PUBLIC CAMPAIGN + SIGNAL DEFINITION CLARITY
   Built directly from EDITFRONT069.

   Scope is intentionally narrow:
   - only styles the new Entry Home Signal measurement definition
   - Campaign definition reuses the existing mpmh280 prose system
   - no geometry or styling changes to existing readouts, Campaign marquee,
     Cause discovery, selected-Cause surfaces, shell, footer or tracking units
   ======================================================================== */
html.mpmh070-public-definition-clarity body #publicShell #shellMain .mpmh280-home-entry .mpmh070-signal-definition{
  max-width:1180px!important;
  margin:18px auto 0!important;
  padding:15px 0 0!important;
  border-top:1px solid rgba(79,194,255,.18)!important;
  color:#8fa3af!important;
  font-size:clamp(11.5px,.76vw,13.25px)!important;
  line-height:1.58!important;
  font-weight:500!important;
}
html.mpmh070-public-definition-clarity body #publicShell #shellMain .mpmh280-home-entry .mpmh070-signal-definition p{
  max-width:1120px!important;
  margin:0!important;
}
@media(max-width:720px){
  html.mpmh070-public-definition-clarity body #publicShell #shellMain .mpmh280-home-entry .mpmh070-signal-definition{
    margin-top:15px!important;
    padding-top:13px!important;
    font-size:11.5px!important;
    line-height:1.55!important;
  }
}

/* ========================================================================
   MPMH_EDITFRONT072 — CATEGORY DIRECTORY LIST / TREE PRESENTATION
   ------------------------------------------------------------------------
   Presentation-only candidate cleanup while Category V1 Signal/readout
   reconciliation is reviewed separately. This does NOT change data-category,
   filtering, routing, category Signal identity, event admission, or counts.

   Intent:
   - remove blue category modules/cards and nested mini-count boxes
   - preserve black canvas and existing category link behavior
   - present categories as a crisp directory/list with quiet inline counts
   - use whitespace + hairlines instead of panels
   ======================================================================== */
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-clean-body{
  padding:18px 28px 54px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-grid-az{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:46px!important;
  row-gap:0!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-grid-az > .category-btn,
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-grid .category-btn,
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:12px 2px!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(78,121,148,.24)!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#eaf5fb!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:border-color .14s ease,color .14s ease,transform .14s ease!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn:hover{
  background:#000!important;
  border-bottom-color:rgba(75,197,255,.72)!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn:focus-visible{
  outline:1px solid #52c9ff!important;
  outline-offset:3px!important;
  background:#000!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn.active{
  background:#000!important;
  border-bottom-color:#20f2a7!important;
  color:#20f2a7!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-name{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-counts{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  color:#718894!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-counts > span{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:3px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-counts strong{
  color:#9ec9dc!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn:hover .category-counts,
html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn:hover .category-counts strong{
  color:#9adfff!important;
}
@media(max-width:1050px){
  html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-grid-az{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:34px!important;}
}
@media(max-width:650px){
  html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-clean-body{padding:12px 18px 42px!important;}
  html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-grid-az{grid-template-columns:1fr!important;}
  html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories button.category-btn{padding:11px 1px!important;}
  html.mpmh072-category-list-reconcile body #publicShell #shellMain > .mpmh012-surface-categories .category-counts{gap:6px!important;font-size:7.5px!important;}
}


/* ========================================================================
   MPMH_EDITFRONT072A — PURE-BLACK CATEGORY DIRECTORY REFINEMENT
   ------------------------------------------------------------------------
   Operator review of 072 confirmed the structure was moving correctly but
   legacy inner .category-name/.category-counts chrome still painted blue/dark
   plates and the row hairline remained visually too strong.

   Presentation-only refinement:
   - pure black canvas and rows
   - no blue category plates
   - no row underline/hairline
   - no count boxes or dark green count field
   - typography carries hierarchy
   - subtle hover/focus only
   - category data, IDs, routing, counts and Signal instrumentation unchanged
   ======================================================================== */
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories .category-clean-body{
  padding:20px 34px 56px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories .category-grid-az{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:64px!important;
  row-gap:2px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn{
  appearance:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:13px 0!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#dce8ee!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:color .16s ease,opacity .16s ease,transform .16s ease!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn .category-name{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transition:color .16s ease,transform .16s ease!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn .category-counts{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#536873!important;
  opacity:.82!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transition:color .16s ease,opacity .16s ease!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn .category-counts > span{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn .category-counts strong{
  color:#7898a8!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:700!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn:hover{
  background:#000!important;
  color:#72cfff!important;
  opacity:1!important;
  transform:translateX(3px)!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn:hover .category-counts{
  color:#708893!important;
  opacity:1!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn:hover .category-counts strong{
  color:#9bb7c4!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn:focus-visible{
  outline:1px solid rgba(83,201,255,.72)!important;
  outline-offset:4px!important;
  background:#000!important;
  color:#72cfff!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn.active{
  background:#000!important;
  color:#20f2a7!important;
  transform:none!important;
}
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn.active .category-counts,
html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn.active .category-counts strong{
  color:#6ca892!important;
  opacity:1!important;
}
@media(max-width:1050px){
  html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories .category-grid-az{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:46px!important;
  }
}
@media(max-width:650px){
  html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories .category-clean-body{padding:14px 20px 44px!important;}
  html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories .category-grid-az{grid-template-columns:1fr!important;}
  html.mpmh072a-category-pure-black body #publicShell #shellMain .mpmh012-surface-categories button.category-btn{padding:12px 0!important;}
}

/* ========================================================================
   MPMH_EDITFRONT072B — MINIMAL CATEGORY INDEX / ACTIVATION-PREP
   ------------------------------------------------------------------------
   Presentation-only final simplification before Category V1 activation:
   - pure black title rail on Categories
   - three-column desktop index
   - left-aligned category names
   - one quiet TOTAL campaign count only
   - no separators, blue plates, pseudo-decoration, count boxes or mini labels
   - subtle text/position hover; focus remains keyboard-visible
   - category IDs, routing, filters and Signal instrumentation remain unchanged
   ======================================================================== */
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"],
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"] .mpmh-live-section-inner{
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"] #mpmhLiveSectionTitle{
  color:#f1f5f7!important;
  text-shadow:none!important;
  letter-spacing:.24em!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] > .panel-head{
  display:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-clean-body{
  padding:28px 54px 64px!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  column-gap:86px!important;
  row-gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn{
  appearance:none!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:15px 0!important;
  overflow:visible!important;
  background:#000!important;
  background-color:#000!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#dce4e8!important;
  text-align:left!important;
  cursor:pointer!important;
  transform:none!important;
  transition:color .15s ease,transform .15s ease,opacity .15s ease!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn::before,
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-name{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
  text-align:left!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  transition:color .15s ease!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#52636c!important;
  opacity:1!important;
  font-size:0!important;
  line-height:1!important;
  text-align:right!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  transition:color .15s ease!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts > span:nth-child(1),
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts > span:nth-child(2){
  display:none!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts > span:last-child{
  display:inline!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:0!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts > span:last-child strong{
  color:#758a95!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn .category-counts > span:last-child::after{
  content:" campaigns"!important;
  color:#4e6069!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn:hover{
  background:#000!important;
  color:#8fd8ff!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateX(3px)!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn:hover .category-counts > span:last-child strong,
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn:hover .category-counts > span:last-child::after{
  color:#718995!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn:focus-visible{
  outline:1px solid rgba(106,203,255,.68)!important;
  outline-offset:5px!important;
  color:#9bdcff!important;
  transform:translateX(2px)!important;
}
html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.active{
  background:#000!important;
  color:#20f2a7!important;
  border:0!important;
  box-shadow:none!important;
}
@media(max-width:1050px){
  html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:58px!important;
  }
}
@media(max-width:650px){
  html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-clean-body{padding:18px 24px 48px!important;}
  html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{grid-template-columns:1fr!important;}
  html.mpmh072b-category-minimal body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn{padding:13px 0!important;}
}


/* ========================================================================
   MPMH_EDITFRONT073A — CATEGORY V1 GOVERNED INDEX
   Purpose-built 19-category renderer. This intentionally stops styling the
   legacy category card/count markup and owns only the new 073 category links.
   ======================================================================== */
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"],
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"] .mpmh-live-section-inner{
  background:#000!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #mpmhLiveSectionHeader[data-mpmh-active-surface="categories"] #mpmhLiveSectionTitle{
  color:#eef3f5!important;text-shadow:none!important;letter-spacing:.24em!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] > .panel-head{display:none!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-clean-body{
  padding:34px 58px 74px!important;background:#000!important;border:0!important;box-shadow:none!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 92px!important;width:100%!important;margin:0!important;padding:0!important;background:#000!important;border:0!important;box-shadow:none!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link{
  appearance:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:14px 0!important;background:#000!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:#e0e7ea!important;text-align:left!important;cursor:pointer!important;transform:translateX(0)!important;transition:color .16s ease,transform .16s ease,opacity .16s ease!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link::before,
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link::after{content:none!important;display:none!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .mpmh073-category-name{
  min-width:0!important;color:inherit!important;font-size:11.5px!important;line-height:1.35!important;font-weight:700!important;letter-spacing:.075em!important;text-transform:uppercase!important;text-align:left!important;white-space:normal!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .mpmh073-category-count{
  color:#52636b!important;font-size:8px!important;line-height:1!important;font-weight:500!important;letter-spacing:.015em!important;white-space:nowrap!important;text-align:right!important;font-variant-numeric:tabular-nums!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .mpmh073-category-count strong{color:#788d97!important;font-size:9.5px!important;font-weight:700!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link:hover{color:#8fd8ff!important;background:#000!important;transform:translateX(3px)!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link:hover .mpmh073-category-count,
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link:hover .mpmh073-category-count strong{color:#76909c!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link:focus-visible{outline:1px solid rgba(112,207,255,.66)!important;outline-offset:4px!important;color:#9bdcff!important;transform:translateX(2px)!important;}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link.active{color:#20f2a7!important;background:#000!important;}
@media(max-width:1050px){html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 58px!important;}}
@media(max-width:650px){html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-clean-body{padding:22px 24px 52px!important;}html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] .category-grid.category-grid-az{grid-template-columns:1fr!important;}html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] button.category-btn.mpmh073-category-link{padding:13px 0!important;}}


/* ========================================================================
   MPMH_EDITFRONT073A — FINAL MINIMAL CATEGORY INDEX
   Explicit ownership of the purpose-built V1 index. No separators/plates.
   ======================================================================== */
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:8px 78px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#000!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index::before,
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index::after,
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index > *::before,
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index > *::after{
  content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index button.mpmh073-category-link{
  padding:12px 0!important;border:0!important;border-top:0!important;border-bottom:0!important;background:#000!important;box-shadow:none!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index .mpmh073-category-name{
  font-size:12.5px!important;font-weight:700!important;letter-spacing:.06em!important;color:#e9eef0!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index .mpmh073-category-count{
  font-size:7.5px!important;color:#42535c!important;opacity:.82!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index .mpmh073-category-count strong{
  font-size:9px!important;color:#637983!important;font-weight:650!important;
}
html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index button.mpmh073-category-link:hover{
  color:#8fd8ff!important;transform:translateX(2px)!important;
}
@media(max-width:1050px){html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 50px!important;}}
@media(max-width:650px){html.mpmh073-category-v1 body #publicShell #mpmhUnifiedShell #shellMain > section.tab-panel.mpmh012-surface-categories[data-panel="categories"] #categoryDiscoveryGrid.mpmh073a-category-index{grid-template-columns:1fr!important;}}