/*
 * Home "Who we help" phone switch (2026-10-23). Everything added by almano-wwh-tabs.js is phones-only:
 * above 767px the switch and "+N more" are hidden and both cards show every tag, as before.
 * Tag look copied from the global `.tags span` (Poppins 500 12.5px, 6px 12px, pill).
 */
.alm-wwh-seg,
.alm-wwh-more { display: none; }

@media (max-width: 767px) {
  .alm-wwh-seg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin: 0 0 12px;
    padding: 4px;
    border-radius: 999px;
    background: #EFEBE3;
    border: 1px solid #E2DDD3;
  }
  .alm-wwh-seg .alm-wwh-tab {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 10px 8px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #6E6A62;
    font: 600 13px/1.15 Poppins, system-ui, sans-serif;
    text-align: center;
    cursor: pointer;
  }
  .alm-wwh-seg .alm-wwh-tab[aria-selected="true"] { background: #111111; color: #FFFFFF; }
  .alm-wwh-seg .alm-wwh-tab:focus-visible { outline: 2px solid #BF2B36; outline-offset: 2px; }

  #who-we-help-split > .half.alm-wwh-off { display: none !important; }

  #who-we-help-split .tags .alm-wwh-extra { display: none !important; }
  #who-we-help-split .half.alm-wwh-open .tags .alm-wwh-extra { display: inline-flex !important; }
  #who-we-help-split .half.alm-wwh-open .alm-wwh-more { display: none !important; }

  #who-we-help-split .alm-wwh-more {
    display: inline-flex;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 6px 12px;
    border-radius: 100px;
    font: 600 12.5px/20.625px Poppins, system-ui, sans-serif;
    cursor: pointer;
    background: #111111;
    border: 1px solid #111111;
    color: #FFFFFF;
  }
  #who-we-help-split .half.dark .alm-wwh-more { background: #F8C757; border-color: #F8C757; color: #111111; }
  #who-we-help-split .alm-wwh-more:focus-visible { outline: 2px solid #BF2B36; outline-offset: 2px; }
}
