/* Mobile-first alumni workspace. Scoped to alumni.php, including directory aliases. */
.alumni-mobile { --hub-ink:#142f48; --hub-teal:#4150c0; --hub-muted:#526774; background:#f6f6f8; color:var(--hub-ink); }
.alumni-mobile .alumni-mobile-hero { padding:28px 0; background:radial-gradient(ellipse at 100% 0%,#e8e9f2,transparent 65%),#f5f5f9; }
.alumni-mobile .alumni-mobile-hero h1 { font-size:clamp(2rem,5vw,3rem); margin:8px 0; }
.alumni-mobile .alumni-mobile-hero p { max-width:680px; margin:0 0 20px; color:var(--hub-muted); }
.alumni-mobile .alumni-mobile-search { max-width:780px; }
.alumni-mobile label { display:block; font-size:.85rem; font-weight:800; margin:0 0 6px; color:var(--hub-ink); }
.alumni-mobile input:not([type=hidden]):not([type=checkbox]), .alumni-mobile select, .alumni-mobile textarea { font-size:16px; max-width:100%; }
.alumni-mobile .alumni-mobile-search input,.alumni-mobile .alumni-mobile-search select { width:100%; min-width:0; min-height:48px; border:1px solid #cdced9; border-radius:10px; background:#fff; padding:10px 12px; color:var(--hub-ink); }
.alumni-search-line { display:flex; gap:8px; }
.alumni-mobile .btn { min-height:46px; padding:11px 17px; border-radius:10px; font-size:.9rem; white-space:normal; }
.alumni-mobile .btn-primary { background:var(--hub-ink); border-color:var(--hub-ink); }
.alumni-search-filters { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.alumni-search-filters > div { min-width:0; }
.alumni-mobile-search small { display:block; color:var(--hub-muted); margin-top:8px; }
.alumni-clear-search { display:inline-flex; align-items:center; min-height:44px; font-weight:700; text-decoration:underline; }
.alumni-mobile .alumni-hub-home { padding:24px 0 40px; }
.alumni-mobile .alumni-welcome { padding:18px; border-radius:16px; background:#fff; border:1px solid #e2e3ea; margin-bottom:28px; }
.alumni-welcome strong { font-size:1.1rem; }
.alumni-welcome p { margin:6px 0 14px; color:var(--hub-muted); font-size:.95rem; }
.alumni-welcome-actions { display:flex; align-items:center; gap:20px; }
.alumni-text-link { display:inline-flex; align-items:center; min-height:44px; font-weight:800; }
.alumni-mobile .alumni-hub-section { margin:0 0 30px; scroll-margin-top:100px; }
.alumni-mobile .alumni-hub-section-heading { text-align:left; margin-bottom:16px; }
.alumni-mobile .alumni-hub-section-heading h2 { font-size:clamp(1.5rem,3vw,2rem); margin-bottom:6px; }
.alumni-mobile .alumni-hub-section-heading p { color:var(--hub-muted); font-size:.95rem; margin:0; }
.alumni-network-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.alumni-mobile .alumni-network-card { position:relative; display:flex; flex-direction:column; gap:8px; border:1px solid #dfe1ea; border-radius:16px; background:#fff; padding:18px 14px; color:var(--hub-ink); text-decoration:none; }
.alumni-network-card strong { font-size:1rem; line-height:1.35; }
.alumni-network-card > span:not(.alumni-hub-icon):not(.alumni-card-arrow) { font-size:.85rem; color:var(--hub-muted); line-height:1.5; }
.alumni-mobile .alumni-hub-icon { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border-radius:14px; background:#eff0f5; color:var(--hub-teal); font-size:22px; }
.alumni-network-card:nth-child(2) .alumni-hub-icon { background:#f7eedc; color:#886424; }
.alumni-network-card:nth-child(3) .alumni-hub-icon { background:#e8eef6; color:#325780; }
.alumni-card-arrow { position:absolute; right:14px; top:16px; color:var(--hub-teal); }
.alumni-resource-list { display:grid; gap:10px; }
.alumni-mobile .alumni-resource-row { display:flex; gap:14px; align-items:center; min-height:88px; padding:16px; border-radius:14px; border:1px solid #e2e3ea; background:#fff; color:var(--hub-ink); text-decoration:none; }
.alumni-resource-row > span:nth-child(2) { flex:1; min-width:0; }
.alumni-resource-row strong,.alumni-resource-row small { display:block; }
.alumni-resource-row small { color:var(--hub-muted); line-height:1.5; margin-top:4px; }
.alumni-about { padding:18px; border:1px solid #e2e3ea; border-radius:14px; background:#f1f1f5; }
.alumni-about summary { cursor:pointer; font-weight:700; min-height:44px; }
.alumni-about p { margin:12px 0 0; color:var(--hub-muted); }
.alumni-mobile .alumni-feed-shell { padding:24px 0!important; }
.alumni-mobile .alumni-feed-shell > .container { max-width:1140px; }
.alumni-mobile .alumni-card,.alumni-mobile .alumni-section-card { border-radius:16px; box-shadow:none; }
.alumni-mobile .alumni-post-card { overflow:visible; }
.alumni-mobile .alumni-section-card { padding:16px; }
.alumni-mobile .alumni-directory-card { border-radius:14px; box-shadow:none; padding:16px; gap:12px; }
.alumni-mobile .alumni-directory-card-body { overflow-wrap:anywhere; }
.alumni-mobile .alumni-directory-grid { grid-template-columns:minmax(0,1fr); }
.alumni-mobile .alumni-directory-action { min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; }
.alumni-mobile .section-title a[onclick*="showPopup"] { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 18px; border-radius:10px; background:var(--hub-teal); color:#fff; font-family:var(--sms-font-family); font-size:16px; }
.alumni-mobile .alumni-post-title,.alumni-mobile .alumni-post-body { overflow-wrap:anywhere; }
.alumni-mobile .alumni-post-title { font-size:1.25rem; }
.alumni-mobile .alumni-post-header { gap:12px; }
.alumni-mobile .alumni-post-avatar { width:44px; height:44px; }
.alumni-mobile .alumni-popup { position:fixed!important; width:min(640px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overscroll-behavior:contain; border-radius:18px; }
.alumni-mobile .alumni-popup-close { min-width:44px; min-height:44px; }
.alumni-mobile .alumni-popup-inner { padding:20px; }
.alumni-mobile .alumni-popup-actions { position:sticky; bottom:0; background:#fff; padding:12px 0 0; }
.alumni-mobile .alumni-popup textarea { min-height:130px; }
.alumni-submit-status { font-size:.9rem; color:#8b2b24; margin:10px 0; }
.alumni-submit-status:empty { display:none; }
.alumni-mobile :focus-visible { outline:3px solid #ba7f26; outline-offset:3px; }
.alumni-mobile-nav { display:none; }
@media (max-width:767px) {
 .alumni-mobile { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
 .alumni-mobile .container { padding-left:16px; padding-right:16px; }
 .alumni-mobile .alumni-mobile-hero p { font-size:.95rem; }
 .alumni-mobile-nav { position:fixed; bottom:0; left:0; right:0; z-index:1001; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); background:#fff; border-top:1px solid #dcdee7; box-shadow:0 -4px 20px #142f4808; padding:6px 8px calc(6px + env(safe-area-inset-bottom)); }
 .alumni-mobile-nav a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-height:54px; color:#526774; font-size:.72rem; font-weight:800; text-decoration:none; border-radius:10px; }
 .alumni-mobile-nav a > span:first-child { font-size:22px; }
 .alumni-mobile-nav a[aria-current],.alumni-mobile-nav a:focus-visible { background:#eff0f5; color:var(--hub-teal); }
 .alumni-mobile .cookie-popup { bottom:calc(70px + env(safe-area-inset-bottom)); }
 .alumni-mobile .st-sticky-share-buttons { display:none!important; }
 .alumni-mobile.alumni-keyboard-open .alumni-mobile-nav,.alumni-mobile.alumni-dialog-open .alumni-mobile-nav { display:none; }
 .alumni-mobile .alumni-feed-shell .col-md-3 { margin-top:24px; }
 .alumni-mobile .custom-breadcrumns { font-size:.8rem; }
}
@media (min-width:768px) {
 .alumni-mobile .alumni-mobile-hero { padding:40px 0; }
 .alumni-mobile .alumni-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px; }
 .alumni-welcome p { margin-bottom:0; }
 .alumni-network-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .alumni-mobile .alumni-network-card { padding:24px; }
 .alumni-resource-list,.alumni-mobile .alumni-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .alumni-mobile .alumni-hub-home { padding-top:32px; }
}
@media (min-width:768px) and (max-width:991px) {
 .alumni-mobile .alumni-feed-shell .col-md-9,.alumni-mobile .alumni-feed-shell .col-md-3 { flex:0 0 100%; max-width:100%; }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 .alumni-network-card,.alumni-resource-row { transition:transform .18s ease,box-shadow .18s ease; }
 .alumni-network-card:hover,.alumni-resource-row:hover { transform:translateY(-3px); box-shadow:0 8px 24px #142f480c; }
}

.alumni-mobile .alumni-mobile-hero .alumni-hub-eyebrow { color:var(--hub-teal); font-size:.7rem; letter-spacing:.12em; }
.alumni-mobile .alumni-hub-home > .container { background:transparent; }
.alumni-mobile .alumni-group-country { font-size:1rem; color:var(--hub-muted); display:inline-block; margin-top:10px; letter-spacing:0; }
.alumni-mobile .site-blocks-cover.ftco-subscribe-1 { padding:24px 0!important; }
.alumni-mobile .site-blocks-cover.ftco-subscribe-1 .sms-page-title { font-size:clamp(1.65rem,4vw,2.6rem); }
@media(max-width:767px) {
 .alumni-mobile .alumni-welcome { padding:14px; display:flex; align-items:center; gap:12px; }
 .alumni-welcome strong { font-size:.95rem; line-height:1.4; display:block; }
 .alumni-welcome p { font-size:.8rem; line-height:1.5; margin:6px 0 0; }
 .alumni-welcome-actions { flex-direction:column; gap:0; flex-shrink:0; }
 .alumni-mobile .alumni-welcome .btn { padding:10px 13px; }
 .alumni-mobile .alumni-welcome .alumni-text-link { font-size:.85rem; }
 .alumni-mobile .alumni-hub-home { background:#f6f6f8; }
 .alumni-mobile .alumni-feed-shell > .container { padding:0 12px; }
}

.alumni-mobile .alumni-hub-section-heading { max-width:none; margin:0 0 16px; }
@media(min-width:992px) {
 .alumni-mobile-hero > .container { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:48px; }
 .alumni-mobile .alumni-mobile-intro p { margin-bottom:0; }
}