/* v3.30.4.12 — Alumni Directory mobile-app compact presentation + bottom-nav safe area.
   Presentation only: search/filter/query/profile eligibility logic is unchanged. */
body.gbpssi-directory-mobile-compact-v330411{
  --gbdm-line:#d9e6ef;
  --gbdm-soft:#f5f9fc;
  --gbdm-soft2:#eef6fb;
  --gbdm-navy:#174a82;
  --gbdm-blue:#1268f3;
  --gbdm-ink:#20384d;
  --gbdm-muted:#6d8194;
}
body.gbpssi-directory-mobile-compact-v330411 .site-content{padding:10px 7px 30px!important}
body.gbpssi-directory-mobile-compact-v330411 .site-content>.ast-container,
body.gbpssi-directory-mobile-compact-v330411 .ast-container,
body.gbpssi-directory-mobile-compact-v330411 #primary,
body.gbpssi-directory-mobile-compact-v330411 .content-area,
body.gbpssi-directory-mobile-compact-v330411 .site-main,
body.gbpssi-directory-mobile-compact-v330411 .entry-content{
  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;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir{
  width:100%!important;max-width:none!important;margin:10px auto 26px!important;padding:0 8px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero{
  min-height:0!important;padding:17px!important;border-radius:16px!important;
  display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:end!important;
  margin-bottom:10px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero .eyebrow{font-size:8.5px!important;letter-spacing:.08em!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero h1{font-size:24px!important;line-height:1.12!important;margin:5px 0 6px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero p{
  margin:0!important;max-width:56ch!important;font-size:11px!important;line-height:1.45!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis{
  min-width:86px!important;padding:10px!important;border-radius:12px!important;text-align:center!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis strong{font-size:23px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis span{font-size:9px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis small{display:none!important}

body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-search{
  margin:0 0 9px!important;padding:10px!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(23,74,130,.05)!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-search-main{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-q{grid-column:1/-1!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-q input{
  width:100%!important;height:42px!important;padding:0 12px!important;border-radius:10px!important;font-size:12px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-btn{
  min-height:38px!important;padding:0 12px!important;border-radius:9px!important;font-size:10.5px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-btn.filter{width:100%!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-btn.reset{justify-self:end!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-panel{
  grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important;
  max-height:60vh!important;overflow:auto!important;overscroll-behavior:contain!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-panel label{font-size:8.5px!important;gap:3px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-panel select{height:38px!important;font-size:11px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-actions{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-actions>*{width:100%!important;text-align:center!important;justify-content:center!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-active-filters{
  gap:5px!important;margin:8px 0!important;padding:0!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-active-filters>a{
  min-height:27px!important;padding:4px 8px!important;font-size:8.5px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-active-label{font-size:9px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-cohort-summary{
  grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:8px 0!important;padding:8px!important;border-radius:12px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-cohort-summary div{padding:7px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-cohort-summary b{font-size:15px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-cohort-summary span{font-size:8px!important}

body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-toolbar{
  position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;
  margin:8px 0!important;padding:9px 10px!important;border-radius:12px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-toolbar>div:first-child{display:flex!important;justify-content:space-between!important;gap:8px!important;align-items:baseline!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-toolbar strong{font-size:11px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-toolbar span{font-size:8.5px!important;line-height:1.3!important;text-align:right!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-tools label{min-width:0!important;font-size:8px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-tools select{width:100%!important;height:36px!important;font-size:10.5px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-view{display:none!important}

body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-card,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results.is-list .gbp-dir-card{
  display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:9px 10px!important;
  width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:10px!important;
  border-radius:13px!important;box-shadow:0 3px 11px rgba(23,74,130,.04)!important;transform:none!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-card-head{
  display:contents!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-avatar,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-avatar img,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results.is-list .gbp-dir-avatar,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results.is-list .gbp-dir-avatar img{
  width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;flex-basis:54px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-person{grid-column:2!important;min-width:0!important;align-self:center!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-batch{
  margin-bottom:2px!important;font-size:8px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-person h3{margin:0 0 2px!important;font-size:14px!important;line-height:1.18!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-person p{
  margin:0!important;font-size:9.5px!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-meta,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results.is-list .gbp-dir-meta{
  grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 9px!important;
  margin:0!important;padding:7px 0 0!important;border-top:1px solid #edf2f6!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-meta span{margin-bottom:1px!important;font-size:7px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-meta strong{font-size:9px!important;line-height:1.25!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-badges{
  grid-column:1/-1!important;min-height:0!important;margin:0!important;gap:4px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-badges:empty{display:none!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-badges span{min-height:20px!important;padding:0 6px!important;font-size:7.5px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-card-actions,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results.is-list .gbp-dir-card-actions{
  grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:6px!important;margin:0!important;padding:6px 0 0!important;white-space:normal!important;border-top:1px solid #f2f5f8!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-profile-btn{
  display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 9px!important;border-radius:8px!important;
  background:#eef5fb!important;color:#174a82!important;font-size:8.5px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-member-actions{
  display:flex!important;justify-content:flex-end!important;gap:4px!important;flex-wrap:wrap!important;min-width:0!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-card-actions .gbpssi-net-btn{
  min-height:28px!important;padding:0 8px!important;border-radius:7px!important;font-size:7.5px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-connect-state{
  min-height:26px!important;padding:0 7px!important;font-size:7.5px!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-memorial-note{
  grid-column:1/-1!important;margin:0!important;padding:7px 0!important;font-size:9px!important;line-height:1.4!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-memorial-actions{font-size:8px!important;color:var(--gbdm-muted)!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-pagination{gap:8px!important;margin:14px 0!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-pagination a{padding:8px 10px!important;font-size:9.5px!important}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-pagination span{font-size:9px!important}

/* Mobile app/touch browsers can expose a desktop CSS viewport. Keep only the
   Portal icon rail on Directory, without changing the member's stored shell preference. */
@media(min-width:821px){
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar{width:72px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-label,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-chevron,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-submenu,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-divider{display:none!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-scroll{padding-left:8px!important;padding-right:8px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-home,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-batch,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-group-button,
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-collapse-foot{justify-content:center!important;padding-left:8px!important;padding-right:8px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-sidebar-batch{border-color:transparent!important;background:transparent!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbpssi-portal-content-shift-root{
    margin-left:72px!important;width:calc(100% - 72px)!important;max-width:none!important;
  }
}
@media(max-width:520px){
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir{padding:0 4px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero{grid-template-columns:1fr!important;padding:15px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis{justify-self:start!important;display:flex!important;align-items:baseline!important;gap:6px!important;min-width:0!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-hero-kpis strong{font-size:20px!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-panel{grid-template-columns:1fr!important}
  body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-filter-actions{grid-column:1!important}
}
/* v3.30.4.12: reserve a safe scroll area above the fixed mobile-app bottom navigation.
   This does not move or alter the navigation itself; it only ensures the final
   directory actions/pagination can be scrolled fully above it. */
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir{
  padding-bottom:calc(94px + env(safe-area-inset-bottom, 0px))!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-results{
  scroll-padding-bottom:calc(94px + env(safe-area-inset-bottom, 0px))!important;
}
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-card-actions,
body.gbpssi-directory-mobile-compact-v330411 .gbp-dir-pagination{
  scroll-margin-bottom:calc(98px + env(safe-area-inset-bottom, 0px))!important;
}