/* MBS FAI - halaman /alumni: katalog DataTables server-side. Kartu tabel & kontrol DataTables
   memakai gaya katalog Pengumuman (.pgm di pengumuman.css); di sini hanya isi sel khusus alumni. */
.alm-intro{ margin: 0 0 18px; max-width: 72ch; color: var(--mbs-muted); font-size: .95rem; }

.alm-item{ display: flex; align-items: center; gap: 14px; min-width: 0; }
/* Foto bulat bercincin putih + biru, sama dengan kartu alumni di beranda */
.alm-foto{
  flex-shrink: 0; width: 48px; height: 48px; border-radius: 50%; overflow: hidden;
  display: grid; place-items: center; background: var(--mbs-grad-soft); color: var(--mbs-teal);
  border: 2px solid #fff; box-shadow: 0 0 0 2px var(--mbs-blue-light);
}
.alm-foto img{ width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
.alm-foto .bi{ font-size: 1.4rem; line-height: 1; }
/* break-word (bukan anywhere): nama hanya terlipat di antara kata, dan lebar minimum kolom tetap
   jujur sehingga DataTables Responsive memindahkan kolom lain ke rincian alih-alih memeras nama */
.alm-nama{ min-width: 0; color: var(--mbs-ink); font-weight: 800; line-height: 1.35; text-decoration: none; overflow-wrap: break-word; }
.alm-nama:hover{ color: var(--mbs-teal); }
.alm-nama:focus-visible{ outline: 2px solid var(--mbs-teal); outline-offset: 2px; border-radius: 4px; }
.alm-lembaga{
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 11px;
  border-radius: var(--r-pill); background: var(--mbs-grad-soft); color: var(--mbs-teal);
  font-size: .8rem; font-weight: 700; overflow-wrap: anywhere;
}
.alm-lembaga .bi{ flex-shrink: 0; line-height: 1; }

@media (max-width: 575.98px){
  .alm-intro{ font-size: .88rem; margin-bottom: 14px; }
  .alm-item{ gap: 10px; }
  .alm-foto{ width: 42px; height: 42px; }
  .alm-nama{ font-size: .92rem; }
}