/* APOL · map-first home (CEO rescue, 15 Sep 2026; public map and simplification correction, 16 Sep 2026; local
   preview correction, 16 Sep 2026: the boundary-dispute fine print sits under the map itself, inside the map card, so
   it travels with the map on a phone and in the expanded view; the side panel carries the movement call; practical
   public UX correction, 16 Sep 2026: a missing population figure is a compact placeholder, never an explanation).
   One universal first view at 1280 and 390: the homeland map dominant (the real Google map with APOL's
   verified boundaries when configured, the verified local drawing otherwise), the Abasi Nation population
   panel always on the map, one identity line, the selected audience, the five channels, one "Provide
   Leadership". The former hero treatment (c0d0b254: deep green→navy panel, green action) is kept as the
   side panel; everything else sits under Explore. */
.apol-mf{--mf-ink:#10271f;--mf-muted:#587067;--mf-line:#cadfd5;--mf-green:#18b77d;--mf-green-ink:#0d6b4e;--mf-blue:#2466d4;--mf-panel:linear-gradient(135deg,#06372d,#102345 70%);
  display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"welcome welcome" "map intro" "map audience" "map send" "map trust" "journey journey";grid-template-rows:auto auto auto auto 1fr auto;gap:12px 14px;max-width:1320px;margin:0 auto 14px}
.apol-mf>*{min-width:0}
/* The rolling statement (34 px, sticky) leads this page like every other; the shell's sticky top bar sits under it
   (command-center.css: .topbar{top:34px}). The shared control row between them is in the flow. */
.apol-chrome-controls{position:static}
/* On a wide screen the LGA chip list scrolls inside its own strip so the map keeps most of the panel. */
@media (min-width:901px){.apol-mf-legend{max-height:118px;overflow-y:auto;scrollbar-width:thin}}
/* ---- the map (dominant) ---- */
.apol-mf-map{grid-area:map;display:flex;flex-direction:column;min-height:0;border:1px solid var(--mf-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,67,49,.07);overflow:hidden}
.apol-mf-map-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e3efe9}
.apol-mf-layers{display:flex;gap:6px;margin:0;padding:0;list-style:none}
.apol-mf-layers button{min-height:38px;padding:7px 12px;border:1px solid var(--mf-line);border-radius:10px;background:#f4f8f6;color:var(--mf-ink);font:inherit;font-weight:850;cursor:pointer}
.apol-mf-layers button[aria-selected="true"]{background:#10271f;border-color:#10271f;color:#fff}
.apol-mf-expand{margin-left:auto;min-height:38px;padding:7px 12px;border:1px solid var(--mf-line);border-radius:10px;background:#fff;color:var(--mf-blue);font:inherit;font-weight:850;cursor:pointer}
.apol-mf-stage{position:relative;flex:1;min-height:320px;background:#eaf3ee}
.apol-mf-svg{display:block;width:100%;height:100%;min-height:320px;touch-action:manipulation}
.apol-mf-svg path{stroke:#fff;stroke-width:1.2;cursor:pointer;transition:opacity .15s}
.apol-mf-svg path:hover{opacity:.85}
.apol-mf-svg path:focus{outline:none}
.apol-mf-svg path:focus-visible{stroke:#10271f;stroke-width:3}
.apol-mf-svg path[data-selected="true"]{stroke:#10271f;stroke-width:2.6}
.apol-mf-svg[data-has-selection="true"] path:not([data-selected="true"]){opacity:.38}
.apol-mf-svg text{font:700 13px/1 system-ui,Segoe UI,Roboto,sans-serif;fill:#10271f;pointer-events:none;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}
.apol-mf-map-status{margin:0;padding:6px 12px;color:var(--mf-muted);font-size:12px;line-height:1.4}
.apol-mf-legend{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.apol-mf-legend button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;border:1px solid var(--mf-line);border-radius:999px;background:#fff;color:var(--mf-ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.apol-mf-legend button i{width:12px;height:12px;border-radius:50%;background:var(--swatch,#2357c6)}
.apol-mf-legend button[aria-pressed="true"]{border-color:#10271f;box-shadow:inset 0 0 0 1px #10271f}
.apol-mf-legend-more{display:contents}
.apol-mf[data-mf-expanded="true"] .apol-mf-map{position:fixed;inset:0;z-index:60;border-radius:0}
.apol-mf[data-mf-expanded="true"] .apol-mf-stage,.apol-mf[data-mf-expanded="true"] .apol-mf-svg{min-height:0;height:100%}
/* Sign-in gate on the legacy Explore workspaces (CEO, 17 Sep 2026): the workspace renders only for a signed-in session
   (authorized or not yet a Leader); a signed-out visitor sees the gate card; while the session is unknown, only the title. */
.view[data-apol-gated] [data-view-gate]{display:none;max-width:560px;margin:8px 0 0;padding:16px 18px;border:1px solid #cadfd5;border-radius:14px;background:#fff;color:#10271f}
.view[data-apol-gated] [data-view-gate] p{margin:0 0 10px;font-size:15px;line-height:1.5}
.view[data-apol-gated] [data-view-gate] button{min-height:40px;padding:8px 16px;border:0;border-radius:10px;background:#0d6b4e;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.view[data-apol-gated] [data-view-gate] button:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
body:not([data-apol-session="authorized"]):not([data-apol-session="no-role"]) .view[data-apol-gated]>:not(.view-head):not([data-view-gate]){display:none!important}
body[data-apol-session="signed-out"] .view[data-apol-gated] [data-view-gate]{display:block}
.apol-mf-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:var(--mf-muted);text-align:center;box-sizing:border-box}
.apol-mf-svg[hidden]{display:none}
/* The Google basemap fills the same stage the local drawing uses; the drawing is hidden while it shows. */
.apol-mf-google{position:absolute;inset:0;min-height:320px;background:#e5eee9}
.apol-mf[data-mf-expanded="true"] .apol-mf-google{min-height:0}
/* ---- the population panel (always visible on the map) ---- */
.apol-mf-population{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 12px 8px;padding:8px 12px;border:1px solid var(--mf-line);border-radius:12px;background:#f4f8f6;color:var(--mf-ink)}
.apol-mf-population-label{flex:0 0 auto;color:var(--mf-green-ink);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.apol-mf-population b{flex:0 0 auto;font-size:16px;line-height:1.2}
.apol-mf-population small{flex:1 1 200px;min-width:0;color:var(--mf-muted);font-size:12px;line-height:1.4}
.apol-mf-population button{flex:0 0 auto;min-height:30px;padding:3px 9px;border:1px solid var(--mf-line);border-radius:8px;background:#fff;color:var(--mf-ink);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.apol-mf-population button[data-mf-help]{border:0;padding:0 4px;background:transparent;color:var(--mf-blue);text-decoration:underline}
.apol-mf-population button[hidden]{display:none}
.apol-mf-population button:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
/* A missing figure is a compact neutral placeholder (a dash with an accessible title), not a sentence about it
   (practical public UX correction, 16 Sep 2026); a withheld figure stays a short labelled state. */
.apol-mf-population[data-mf-population-state="withheld"] b{font-size:14px;color:#5a3a00}
.apol-mf-population b[role="img"]{color:var(--mf-muted);font-weight:700;cursor:help}
.apol-mf-population[data-mf-population-state="loading"] b{font-size:14px;color:var(--mf-muted);font-weight:700}
/* ---- the side panel (former hero treatment) ---- */
.apol-mf-intro{grid-area:intro;margin:0;padding:18px 20px 14px;border-radius:18px 18px 0 0;background:var(--mf-panel);color:#fff}
.apol-mf-welcome{grid-area:welcome;margin:0 0 10px;font-size:clamp(24px,3.4vw,38px);line-height:1.12;font-weight:900;letter-spacing:-.01em;color:var(--mf-ink)}
.apol-mf-identity{margin:0;font-size:clamp(20px,2.1vw,26px);line-height:1.15;letter-spacing:-.02em;font-weight:900}
.apol-mf-support{margin:8px 0 0;color:#c1d6cf;font-size:14px;line-height:1.45}
/* The public education purpose and the movement call, in the first view at both widths. */
.apol-mf-calls{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;font-size:13px;line-height:1.35}
.apol-mf-calls a{color:#8ff0c8;font-weight:850;text-decoration:underline;text-underline-offset:2px}
.apol-mf-calls a:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
.apol-mf-audience{grid-area:audience;margin:-12px 0 0;padding:12px 20px;background:var(--mf-panel);color:#fff}
.apol-mf-audience-label{display:block;color:#62ebb5;font-size:11px;font-weight:900;letter-spacing:.14em}
.apol-mf-audience b{display:block;margin-top:3px;font-size:18px;line-height:1.2}
.apol-mf-audience span[data-mf-audience-aggregate],.apol-mf-audience span[data-mf-audience-contacts]{display:block;margin-top:4px;color:#c1d6cf;font-size:13px;line-height:1.4}
.apol-mf-audience-link{display:block;margin-top:4px;font-size:13px;font-weight:700;color:#9ec5ff;text-decoration:underline}.apol-mf-audience-link[hidden]{display:none}
.apol-mf-audience button{margin-top:6px;min-height:32px;padding:4px 10px;border:1px solid #5d7896;border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.apol-mf-channels{grid-area:channels;display:flex;flex-wrap:wrap;gap:6px;margin:-12px 0 0;padding:10px 20px;list-style:none;background:var(--mf-panel)}
.apol-mf-channels li{display:inline-flex;flex-direction:column;gap:1px;min-height:38px;padding:5px 10px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;font-size:13px;font-weight:850;line-height:1.2}
.apol-mf-channels li small{color:#b9d5cc;font-size:11px;font-weight:600}
.apol-mf-channels li[data-capability="dispatch"] small{color:#8ff0c8}
.apol-mf-send{grid-area:send;margin:-12px 0 0;padding:0 20px 8px;background:var(--mf-panel)}
.apol-mf-send button[hidden]{display:none}
.apol-mf-send button{display:block;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:12px;background:var(--mf-green);color:#06372d;font:inherit;font-size:18px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(24,183,125,.32)}
.apol-mf-send button:focus-visible,.apol-mf-layers button:focus-visible,.apol-mf-expand:focus-visible,.apol-mf-legend button:focus-visible,.apol-mf-audience button:focus-visible,.apol-mf-journey button:focus-visible,.apol-mf-journey a:focus-visible,.apol-mf-trust button:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
.apol-mf-trust{grid-area:trust;margin:-12px 0 0;padding:6px 20px 14px;border-radius:0 0 18px 18px;background:var(--mf-panel);color:#9fb8ae;font-size:12px;line-height:1.45}
.apol-mf-trust button{padding:0 4px;border:0;background:transparent;color:#8ff0c8;font:inherit;font-weight:850;text-decoration:underline;cursor:pointer}
/* The boundary-dispute disclosure: fine print with its link, immediately under the map drawing, inside the map card,
   so it is read with the map and never only in the side panel. */
.apol-mf-disclosure{margin:0;padding:0 12px 8px;color:var(--mf-muted);font-size:11px;line-height:1.45}
.apol-mf-disclosure a{color:var(--mf-blue);font-weight:800}
.apol-mf-disclosure a:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
/* ---- the journey ---- */
.apol-mf-journey{grid-area:journey;padding:18px 20px 20px;border:1px solid var(--mf-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,67,49,.07)}
.apol-mf-journey[hidden]{display:none}
.apol-mf-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 14px;padding:0;list-style:none}
.apol-mf-steps li{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 8px;border-radius:9px;background:#f4f8f6;color:var(--mf-muted);font-size:12px;font-weight:850}
.apol-mf-steps li span{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#e8f1ff;color:#245fc8;font-size:11px}
.apol-mf-steps li[aria-current="step"]{background:#10271f;color:#fff}
.apol-mf-steps li.done span{background:#dff7ea;color:var(--mf-green-ink)}
.apol-mf-step h3{margin:0 0 4px;font-size:24px;line-height:1.1;color:var(--mf-ink)}
.apol-mf-step p{margin:6px 0;color:#33473f;line-height:1.5}
.apol-mf-note{display:block;color:var(--mf-muted);font-size:13px;line-height:1.45}
.apol-mf-bad{color:#a11f36;font-weight:800}
.apol-mf-field{display:block;margin-top:10px;font-weight:800;color:var(--mf-ink)}
.apol-mf-field textarea,.apol-mf-field select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px 12px;border:1px solid #a9bdb6;border-radius:10px;font:inherit;font-weight:400;min-height:44px}
.apol-mf-choices{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.apol-mf-choice{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--mf-line);border-radius:12px;background:#fbfdfc}
.apol-mf-choice input{width:22px;height:22px;margin:2px 0 0}
.apol-mf-choice b{display:block;color:var(--mf-ink)}
.apol-mf-choice small{display:block;color:var(--mf-muted);font-size:13px;line-height:1.4}
.apol-mf-choice[data-capability="dispatch"] small{color:var(--mf-green-ink)}
.apol-mf-choice[data-capability="unavailable"]{border-style:dashed;background:#f7f9f8}
.apol-mf-choice[data-capability="unavailable"] small{color:#4a5f57}
.apol-mf-review{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.apol-mf-review li{padding:10px 12px;border:1px solid var(--mf-line);border-radius:12px;background:#fbfdfc}
.apol-mf-review li b{display:block;color:var(--mf-ink)}
.apol-mf-review li q{display:block;margin-top:4px;white-space:pre-wrap;quotes:none;color:#33473f}
.apol-mf-approve{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #ffd166;border-radius:12px;background:#fff8e6;font-weight:800;color:var(--mf-ink)}
.apol-mf-approve input{width:22px;height:22px}
.apol-mf-results{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.apol-mf-results li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--mf-line);border-radius:12px;background:#fbfdfc}
.apol-mf-results li>div:last-child{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.apol-mf-results li b{display:block;color:var(--mf-ink)}
.apol-mf-results li>div{min-width:0}
.apol-mf-results li small{display:block;color:var(--mf-muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.apol-mf-state{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.02em;background:#e8f1ff;color:#245fc8}
.apol-mf-state[data-state="sandbox_simulated"]{background:#fff3cd;color:#7a5a00}
.apol-mf-state[data-state="delivered"]{background:#dff7ea;color:var(--mf-green-ink)}
.apol-mf-state[data-state="partially_delivered"]{background:#ffe8cc;color:#8a4b00}
.apol-mf-state[data-state="failed"]{background:#fde2e6;color:#a11f36}
.apol-mf-state[data-state="unknown"]{background:#eceff1;color:#455a64}
.apol-mf-state[data-state="opened_in_app"]{background:#e6f4ff;color:#0b5a9c}
.apol-mf-state[data-state="not_sent"]{background:#eceff1;color:#455a64}
.apol-mf-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;align-items:stretch}
/* APOL-GTM-02: the step's two controls are one decision and one retreat, and they were reading as a
   pair of equals — same height, same width, side by side, "← Back" as loud as "Next". The forward
   control now takes the room it earns and the retreat takes only what it needs; at phone widths they
   stack with the forward one first, where the thumb already is. */
.apol-mf-actions .apol-mf-primary{flex:1 1 auto}
.apol-mf-actions .apol-mf-secondary{flex:0 0 auto}
@media(max-width:640px){.apol-mf-actions{flex-direction:column}.apol-mf-actions .apol-mf-primary,.apol-mf-actions .apol-mf-secondary{width:100%}}
.apol-mf-primary,.apol-mf-secondary{display:inline-grid;min-height:46px;padding:12px 17px;place-items:center;border-radius:11px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}
.apol-mf-primary{border:0;background:var(--mf-green);color:#06372d}
.apol-mf-primary:disabled{background:#d7e3dd;color:#4a5f57;cursor:not-allowed;box-shadow:none}
.apol-mf-secondary{border:1px solid var(--mf-line);background:#f4f8f6;color:var(--mf-ink)}
.apol-mf-secondary:disabled{border-style:dashed;background:#fbfdfc;color:#6b7c75;cursor:not-allowed}
.apol-mf-link{word-break:break-all}
.apol-mf-link code{font-size:12px}
/* ---- Explore (progressive disclosure of everything else) ---- */
.apol-explore{max-width:1320px;margin:0 auto 18px;border:1px solid var(--mf-line);border-radius:14px;background:#fff}
.apol-explore>summary{padding:14px 18px;font-weight:900;color:var(--mf-ink);cursor:pointer}
.apol-explore>summary:focus-visible{outline:3px solid rgba(43,107,212,.35);outline-offset:2px}
.apol-explore-links{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 14px}
.apol-explore-links a,.apol-explore-links button{display:inline-grid;min-height:40px;padding:8px 13px;place-items:center;border:1px solid var(--mf-line);border-radius:10px;background:#f4f8f6;color:var(--mf-ink);font:inherit;font-weight:850;text-decoration:none;cursor:pointer}
.apol-explore-legacy{padding:0 18px 18px}
.apol-explore:not([open]) .apol-explore-legacy{display:none}
/* The former scorecards' 9 px grey captions on lilac failed contrast (axe, 15 Sep 2026); under Explore they are read at AA. */
.apol-explore-legacy .v4-home-scorecards small{color:#3f4d47;font-size:11px}
/* ---- phone ---- */
@media (max-width:900px){
  /* On a phone the first view has ONE row of controls — the shared row (Home · BOT · Search · Back · Menu · Sign in),
     which adopted this page's own controls — and the shell's title bar yields the space to the map. On every other
     view the title bar stays. (If the shared chrome did not load, the bar below still shows Menu, the title and
     sign-in, and the four duplicates stay hidden.) */
  .app:has(.view.active[data-view="intake"]) .topbar:not(:has(.menu-btn)){display:none}
  .app:has(.view.active[data-view="intake"]) .topbar #home-button,.app:has(.view.active[data-view="intake"]) .topbar #back-button,.app:has(.view.active[data-view="intake"]) .topbar #global-search-button,.app:has(.view.active[data-view="intake"]) .topbar #global-bot-button{display:none}
  .app:has(.view.active[data-view="intake"]) .topbar{flex-wrap:nowrap;padding:6px 12px;gap:8px}
  .app:has(.view.active[data-view="intake"]) .topbar .menu-btn{order:0;flex:0 0 auto}
  .app:has(.view.active[data-view="intake"]) .topbar #view-title{flex:1 1 auto;min-width:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .app:has(.view.active[data-view="intake"]) .topbar .leadership-top-actions{flex:0 0 auto;margin-left:auto;gap:8px}
  .apol-leadership-standalone .view.active[data-view="intake"]{padding:10px 10px 48px}
  .apol-mf{grid-template-columns:minmax(0,1fr);grid-template-areas:"welcome" "intro" "map" "audience" "send" "trust" "journey";grid-template-rows:auto;gap:0;margin-bottom:12px}
  .apol-mf-disclosure{padding:0 8px 5px;font-size:10px;line-height:1.3}
  /* A phone's first view keeps the movement call; the Learn link is under Explore ("About Abasi People") and the
     audience block's own Sign in yields to the shared row's, so the fine print under the map and the call fit above
     the one action. */
  .apol-mf-calls{margin:5px 0 0;gap:3px 10px;font-size:12px}
  .apol-mf-calls [data-mf-learn]{display:none}
  .apol-mf-audience [data-mf-signin]{display:none}
  .apol-mf-population{margin:0 8px 6px;padding:4px 9px;gap:0 6px;border-radius:10px}
  .apol-mf-population-label{font-size:10px}
  .apol-mf-population b{font-size:13.5px}
  .apol-mf-population small{flex:1 1 100%;order:9;font-size:10.5px;line-height:1.3}
  .apol-mf-population button{min-height:26px;padding:2px 7px;font-size:11px}
  .apol-mf-population button[data-mf-help]{margin-left:auto}
  .apol-mf-audience-label{display:none}
  .apol-mf-google{min-height:0}
  .apol-mf-intro{padding:10px 12px 8px;border-radius:16px 16px 0 0}
  .apol-mf-identity{font-size:18px;line-height:1.2}
  .apol-mf-support{display:none}
  .apol-mf-identity{font-size:17px}
  .apol-mf-map{border-radius:0;border-left:0;border-right:0}
  .apol-mf-map-head{flex-wrap:nowrap;gap:5px;padding:6px 8px}
  .apol-mf-layers{gap:4px}
  .apol-mf-layers button{min-height:34px;padding:4px 8px;font-size:12px}
  .apol-mf-expand{min-height:34px;padding:4px 8px;font-size:12px;white-space:nowrap}
  .apol-mf-stage,.apol-mf-svg{min-height:0;height:min(23vh,190px)}
  .apol-mf-legend{display:none}
  .apol-mf[data-mf-expanded="true"] .apol-mf-legend{display:flex}
  /* Expand map does what it says at phone width (sweep 1 C1 (a)): the drawing grows and the places list scrolls beneath it. */
  .apol-mf[data-mf-expanded="true"] .apol-mf-map{overflow:auto}
  .apol-mf[data-mf-expanded="true"] .apol-mf-stage{flex:0 0 auto;height:52vh;min-height:260px}
  .apol-mf[data-mf-expanded="true"] .apol-mf-svg{height:100%;min-height:0}
  .apol-mf-map-status{padding:2px 8px;font-size:10.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .apol-mf-audience{margin:0;padding:8px 12px}
  .apol-mf-audience b{margin-top:2px;font-size:15px}
  .apol-mf-audience span[data-mf-audience-aggregate],.apol-mf-audience span[data-mf-audience-contacts]{margin-top:2px;font-size:12px;line-height:1.35}
  .apol-mf-audience button{margin-top:4px;min-height:30px}
  .apol-mf-channels{margin:0;gap:4px;padding:4px 12px}
  .apol-mf-channels li{flex-direction:row;align-items:baseline;gap:4px;min-height:26px;padding:2px 6px;font-size:11.5px}
  .apol-mf-channels li small{font-size:9.5px}
  .apol-mf-send{margin:0;padding:6px 12px 4px}
  .apol-mf-send button{min-height:50px;font-size:17px}
  .apol-mf-trust{margin:0;padding:4px 12px 10px;border-radius:0 0 16px 16px;font-size:11px}
  /* The trust line's fuller explanation is the Why? tooltip; on a phone the line is one row of the first view. */
  .apol-mf-journey{margin-top:12px;padding:14px}
  .apol-mf-results li{grid-template-columns:1fr}
  .apol-mf-results li>div:last-child{justify-content:flex-start}
  .apol-mf-steps{grid-template-columns:repeat(5,1fr);gap:3px}
  .apol-mf-steps li{min-height:30px;padding:4px 5px;font-size:0}
  .apol-mf-steps li span{font-size:11px}
  .apol-mf-steps li[aria-current="step"]{font-size:11px}
}
@media (max-height:700px) and (max-width:900px){
  .apol-mf-stage,.apol-mf-svg{height:min(21vh,150px)}
  .apol-mf-population small{display:none}
  /* A short screen: the shared control row already carries Sign in, so the audience block's own button yields;
     the channel chips tighten so all five still sit above the one action. */
  .apol-mf-audience [data-mf-signin]{display:none}
  .apol-mf-channels{padding:3px 12px;gap:3px}
  .apol-mf-channels li{min-height:22px;padding:1px 5px;font-size:11px}
  .apol-mf-channels li small{font-size:9.5px}
  .apol-mf-send{padding-top:4px}
  .apol-mf-send button{min-height:46px;font-size:16px}
  .apol-mf-support{display:none}
  .apol-mf-identity{font-size:15px}
  .apol-mf-intro{padding:8px 12px 6px}
  .apol-mf-audience-label{display:none}
  .apol-mf-audience{padding:5px 12px}
  .apol-mf-map-status{display:none}
  .apol-mf-calls{margin-top:3px;font-size:11px}
  .apol-mf-disclosure{font-size:9.5px;line-height:1.25;padding:0 8px 4px}
  .apol-mf-population{margin-bottom:4px;padding:3px 8px}
}
@media (prefers-reduced-motion:reduce){.apol-mf-svg path{transition:none}}

/* GTM (Founder, 16 Sep 2026): the identity sentence is smaller than the welcome; the coastal-boundary
   fine print is fine print and stands where the status line stood once the map is drawn; the panel shows
   the selected beneficiaries only. */
.apol-mf-identity{font-size:clamp(14px,1.4vw,17px)!important;font-weight:600!important;line-height:1.35!important}
.apol-mf-fineprint{font-size:10.5px!important;line-height:1.4!important;color:var(--mf-muted)!important}
.apol-mf[data-mf-map="ready"] [data-mf-map-status]:not([data-mf-notice]){display:none}
.apol-mf-legend a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:5px 10px;border:1px solid var(--mf-line);border-radius:999px;background:#fff;color:var(--mf-ink);font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.apol-mf-legend a i{width:12px;height:12px;border-radius:50%;background:var(--swatch,#2357c6)}
.apol-mf-legend a[aria-current="true"]{border-color:#10271f;box-shadow:inset 0 0 0 1px #10271f}
.apol-mf-legend a:focus-visible{outline:3px solid #ffd166;outline-offset:2px}
.apol-mf-audience [data-mf-audience-contacts],.apol-mf-audience [data-mf-retry],.apol-mf-audience [data-mf-signin]{display:none!important}
.apol-mf-audience [data-mf-audience-aggregate][hidden]{display:none!important}

.apol-mf-trust{align-self:start}