:root{
  --mk-brand:#054B81;
  --mk-brand-2:#0a5f9e;
  --mk-line:rgba(0,0,0,.08);
  --mk-muted:#5b6b7a;
}
.mk-alumni-wrap{font-family:inherit;max-width:1200px;margin:0px auto;padding:10px;color:#1a2330}
.mk-alumni-head{text-align:center;margin-bottom:24px}
.mk-alumni-head h2{margin:0;color:var(--mk-brand);font-size:32px;font-weight:600}
.mk-alumni-underline{width:70px;height:3px;background:var(--mk-brand);margin:10px auto 0;border-radius:2px}

.mk-alumni-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px;padding:14px;background:#fff;border-radius:10px;}
.mk-alumni-tab{font-size:13px;padding:9px 16px;border-radius:30px;border:1px solid var(--mk-line);background:#fff;color:#334;cursor:pointer;transition:all .2s;white-space:nowrap;font-weight:500}
.mk-alumni-tab:hover,.mk-alumni-tab:focus{border:1px solid var(--mk-line);color:#ffffff;}
button.mk-alumni-tab:focus {
    background:var(--mk-brand);
}
.mk-alumni-tab.active{background:var(--mk-brand);color:#fff;border:1px solid var(--mk-line);}

.mk-alumni-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:900px){.mk-alumni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mk-alumni-grid{grid-template-columns:1fr}}

.mk-alumni-card{background:#fff;border-radius:10px;border:1px solid var(--mk-line);box-shadow:0 2px 6px rgba(0,0,0,.05);overflow:hidden;text-align:center;padding-bottom:18px;transition:transform .25s,box-shadow .25s}
.mk-alumni-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(5,75,129,.18)}
.mk-alumni-card img{width:100%;height:350px;object-fit:cover;display:block;background:#eef2f6}
.mk-alumni-card h4{margin:16px 14px 4px;font-size:17px;color:#1a2330;font-weight:600}
.mk-alumni-card .mk-desig{font-size:13px;color:var(--mk-muted);margin:0 14px 0px;min-height:36px;line-height:1.4}
.mk-alumni-readmore{background:var(--mk-brand);color:#fff;border:0;padding:9px 22px;border-radius:30px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}
.mk-alumni-readmore:hover{background:var(--mk-brand-2)}
.mk-alumni-empty{text-align:center;padding:40px;color:var(--mk-muted);background:#f5f7fa;border-radius:10px}

/* Modal */
.mk-alumni-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}
.mk-alumni-modal.open{display:flex}
.mk-alumni-modal-inner{background:#fff;border-radius:12px;max-width:720px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.mk-alumni-modal-head{background:var(--mk-brand) !important;color:#fff !important;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2}
.mk-alumni-modal-head h3{margin:0 !important;font-size:18px !important;font-weight:600 !important;color:#ffffff !important;line-height:1.2 !important}
.mk-alumni-close{background:rgba(255,255,255,.2) !important;border:0 !important;color:#ffffff !important;width:30px !important;height:30px !important;min-width:30px !important;min-height:30px !important;border-radius:50% !important;font-size:20px !important;cursor:pointer !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;flex-shrink:0 !important;box-shadow:none !important;transition:background .2s !important}
.mk-alumni-close:hover{background:rgba(255,255,255,.35) !important}
.mk-alumni-modal-body{padding:24px;display:block;grid-template-columns:200px 1fr;gap:24px}
@media(max-width:560px){.mk-alumni-modal-body{grid-template-columns:1fr}}
.mk-alumni-modal-body img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:#eef2f6}
.mk-alumni-modal-info h4{margin:0 0 4px;color:var(--mk-brand);font-size:22px}
.mk-alumni-modal-info .subd{color:var(--mk-muted);font-size:13px;margin-bottom:14px}
.mk-alumni-row{display:grid;grid-template-columns:130px 1fr;gap:8px;font-size:13px;padding:8px 0;border-bottom:1px dashed var(--mk-line)}
.mk-alumni-row b{color:#334;font-weight:500}
.mk-alumni-row span{color:var(--mk-muted)}
.mk-alumni-linkedin{display:inline-flex;align-items:center;gap:6px;color:#0a66c2;font-size:13px;margin-top:14px;text-decoration:none;font-weight:500}
.mk-alumni-linkedin svg{width:18px;height:18px;fill:#0a66c2}
.mk-alumni-test{margin-top:16px;padding:12px 14px;background:#f5f7fa;border-left:3px solid var(--mk-brand);border-radius:0 6px 6px 0;font-size:13px;color:#334;font-style:italic;line-height:1.6}