{"id":3082,"date":"2026-10-12T14:32:05","date_gmt":"2026-10-12T06:32:05","guid":{"rendered":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/?page_id=3082"},"modified":"2026-10-16T10:59:31","modified_gmt":"2026-10-16T02:59:31","slug":"direktori-2","status":"publish","type":"page","link":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/direktori-2\/","title":{"rendered":"DIREKTORI"},"content":{"rendered":"\n<style>\n  \/* Base Container (Sidebar Layout) *\/\n  .custom-tabs-container {\n    display: flex;\n    gap: 20px;\n    max-width: 100%;\n    margin: 10px auto; \/* Ditukar daripada 80px supaya rapat ke atas *\/\n    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;\n    align-items: flex-start;\n  }\n\n  \/* Navigation Bar (Vertical Sidebar Track) *\/\n  .tabs-nav {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    width: 240px;\n    min-width: 220px;\n    background: linear-gradient(180deg, #e3f2fd 0%, #d0e8f6 50%, #b2dfdb 100%);\n    padding: 14px;\n    border-radius: 14px;\n    border: 1px solid #90caf9;\n    box-shadow: \n      inset 0 2px 4px rgba(255, 255, 255, 0.9),\n      0 6px 15px rgba(2, 136, 209, 0.1);\n    flex-shrink: 0;\n  }\n\n  \/* Individual Tab Button (3D High-Tech Button) *\/\n  .tab-btn {\n    width: 100%;\n    text-align: left;\n    padding: 12px 16px;\n    border: 1px solid #80deea;\n    background: linear-gradient(180deg, #ffffff 0%, #e0f7fa 100%);\n    color: #0277bd;\n    font-weight: 600;\n    font-size: 13.5px;\n    line-height: 1.35;\n    border-radius: 10px;\n    cursor: pointer;\n    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);\n    \n    box-shadow: \n      0 3px 0 #80cbd2,\n      0 4px 8px rgba(2, 136, 209, 0.1),\n      inset 0 1px 0 #ffffff;\n    position: relative;\n    top: 0;\n  }\n\n  \/* Hover State *\/\n  .tab-btn:hover {\n    background: linear-gradient(180deg, #ffffff 0%, #b2ebf2 100%);\n    color: #01579b;\n    transform: translateX(4px);\n    border-color: #29b6f6;\n    box-shadow: \n      -3px 4px 0 #0288d1,\n      0 6px 15px rgba(3, 169, 244, 0.25),\n      0 0 10px rgba(0, 229, 255, 0.4);\n  }\n\n  \/* Active State *\/\n  .tab-btn.active {\n    background: linear-gradient(135deg, #0288d1 0%, #00695c 100%);\n    color: #ffffff;\n    border-color: #80d8ff;\n    transform: translateX(2px);\n    box-shadow: \n      0 2px 0 #013b34,\n      0 3px 10px rgba(2, 136, 209, 0.4),\n      0 0 12px rgba(0, 229, 255, 0.5),\n      inset 0 1px 1px rgba(255, 255, 255, 0.4);\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n  }\n\n  \/* Content Panel Box *\/\n  .tab-content-wrapper {\n    flex: 1;\n    background: #ffffff;\n    border-radius: 14px;\n    padding: 22px 24px;\n    border: 1px solid #b2ebf2;\n    box-shadow: \n      0 8px 20px rgba(2, 136, 209, 0.06),\n      0 2px 4px rgba(0, 0, 0, 0.03);\n    min-height: 250px;\n  }\n\n  .tab-panel {\n    display: none;\n    animation: fadeInTech 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .tab-panel.active {\n    display: block;\n  }\n\n  \/* Smooth Animation *\/\n  @keyframes fadeInTech {\n    from {\n      opacity: 0;\n      transform: translateY(6px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  \/* Responsive Design untuk Skrin Telefon *\/\n  @media (max-width: 768px) {\n    .custom-tabs-container {\n      flex-direction: column;\n      margin: 10px 0;\n    }\n    .tabs-nav {\n      width: 100%;\n    }\n  }\n<\/style>\n\n<div class=\"custom-tabs-container\">\n  <!-- Navigasi Tab (Sidebar Tepi) -->\n  <div class=\"tabs-nav\" role=\"tablist\">\n    <button class=\"tab-btn active\" onclick=\"openTab(event, 'tab-pengurusan-tertinggi')\">Pengurusan Tertinggi<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-pengurusan')\">Pengurusan<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-perubatan')\">Direktorat Perubatan<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-pembedahan')\">Direktorat Pembedahan<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-wanita-kanak-kanak')\">Direktorat Wanita &amp; Kanak-Kanak<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-diagnostik')\">Direktorat Diagnostik &amp; Sokongan Klinikal<\/button>\n    <button class=\"tab-btn\" onclick=\"openTab(event, 'tab-kualiti')\">Direktorat Kualiti Penjagaan Perubatan<\/button>\n  <\/div>\n\n  <!-- Kandungan Tab -->\n  <div class=\"tab-content-wrapper\">\n    <div id=\"tab-pengurusan-tertinggi\" class=\"tab-panel active\">\n      <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing pengurusan-tertinggi\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/pengarah-scaled.jpg\" alt=\"Dr. Nanthakumar A\/L Thirunavukkarasu : Pengarah Hospital Sibu\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Nanthakumar A\/L Thirunavukkarasu<\/h3>\r\n        <h4 class=\"staff-member-position\">Pengarah Hospital Sibu<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:hs&#105;b&#117;&#064;&#109;&#111;h.&#103;ov&#046;m&#121;\" title=\"Email Dr. Nanthakumar A\/L Thirunavukkarasu\">hs&#105;b&#117;&#064;m&#111;h.&#103;o&#118;&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/dr-nizam-scaled.jpg\" alt=\"Dr. Nizam Bin Ishak : Timbalan Pengarah I (Perubatan)\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Nizam Bin Ishak<\/h3>\r\n        <h4 class=\"staff-member-position\">Timbalan Pengarah I (Perubatan)<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#110;&#105;&#095;z&#097;m&#064;m&#111;h&#046;&#103;o&#118;&#046;&#109;y\" title=\"Email Dr. Nizam Bin Ishak\">&#110;i&#095;&#122;am&#064;&#109;o&#104;&#046;&#103;&#111;v&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/Dr.-Justina.jpg\" alt=\"Dr. Justina Lau Sie Wei : Timbalan Pengarah II (Perubatan)\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Justina Lau Sie Wei<\/h3>\r\n        <h4 class=\"staff-member-position\">Timbalan Pengarah II (Perubatan)<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#106;&#117;&#115;&#116;&#105;n&#097;&#108;s&#119;&#064;m&#111;h.go&#118;.my\" title=\"Email Dr. Justina Lau Sie Wei\">&#106;u&#115;&#116;&#105;&#110;a&#108;sw&#064;&#109;oh&#046;gov.&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/dr-teng-scaled.jpg\" alt=\"Dr. Teng Li Cin : Timbalan Pengarah III (Perubatan)\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Teng Li Cin<\/h3>\r\n        <h4 class=\"staff-member-position\">Timbalan Pengarah III (Perubatan)<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#116;e&#110;g&#108;&#105;c&#105;&#110;&#064;&#109;oh&#046;gov.m&#121;\" title=\"Email Dr. Teng Li Cin\">t&#101;&#110;&#103;l&#105;cin&#064;mo&#104;&#046;gov&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/ptd-scaled.jpg\" alt=\"En. Tiong Hwa Nguong : Ketua Penolong Pengarah Kanan (Pengurusan))\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">En. Tiong Hwa Nguong<\/h3>\r\n        <h4 class=\"staff-member-position\">Ketua Penolong Pengarah Kanan (Pengurusan))<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#116;&#105;o&#110;g&#064;&#109;&#111;&#104;&#046;gov.&#109;&#121;\" title=\"Email En. Tiong Hwa Nguong\">&#116;i&#111;&#110;g&#064;&#109;oh.g&#111;&#118;&#046;m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-content\/uploads\/2026\/10\/En.-Colin.jpg\" alt=\"Collin Anak Bilun : Penolong Pengarah Kanan (Pengurusan)\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Collin Anak Bilun<\/h3>\r\n        <h4 class=\"staff-member-position\">Penolong Pengarah Kanan (Pengurusan)<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:co&#108;li&#110;bi&#108;&#117;n&#064;&#109;&#111;h.&#103;&#111;&#118;.&#109;y\" title=\"Email Collin Anak Bilun\">&#099;oll&#105;&#110;&#098;ilu&#110;&#064;mo&#104;.gov&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n    <\/div>\n\n    <div id=\"tab-pengurusan\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing pengurusan\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Toh Teck Hock : Clinical Research Centre\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Toh Teck Hock<\/h3>\r\n        <h4 class=\"staff-member-position\">Clinical Research Centre<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#116;o&#104;&#116;&#104;&#064;moh&#046;&#103;ov.&#109;y\" title=\"Email Dr. Toh Teck Hock\">&#116;&#111;hth&#064;m&#111;&#104;.&#103;&#111;v.m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Matron Nita Binti Bakar : Kejururawatan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Matron Nita Binti Bakar<\/h3>\r\n        <h4 class=\"staff-member-position\">Kejururawatan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:n&#105;&#116;a&#098;&#064;&#109;&#111;&#104;.&#103;&#111;&#118;&#046;my\" title=\"Email Matron Nita Binti Bakar\">nita&#098;&#064;moh.&#103;&#111;&#118;&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"En. John Douglas Gundam : Penolong Pegawai Perubatan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">En. John Douglas Gundam<\/h3>\r\n        <h4 class=\"staff-member-position\">Penolong Pegawai Perubatan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#106;&#111;hnd&#111;ug&#108;as&#064;&#109;oh.&#103;&#111;&#118;&#046;&#109;&#121;\" title=\"Email En. John Douglas Gundam\">&#106;o&#104;&#110;d&#111;&#117;g&#108;&#097;&#115;&#064;&#109;&#111;h&#046;g&#111;&#118;&#046;my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Christina Anak Jaragan : Sumber Manusia\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Christina Anak Jaragan<\/h3>\r\n        <h4 class=\"staff-member-position\">Sumber Manusia<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:chr&#105;&#115;tina&#046;&#106;a&#114;an&#103;&#064;m&#111;h&#046;g&#111;&#118;&#046;m&#121;\" title=\"Email Christina Anak Jaragan\">c&#104;r&#105;st&#105;&#110;&#097;.j&#097;ra&#110;&#103;&#064;&#109;oh.gov.&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Juas Anak Jawang : Pentadbiran Am\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Juas Anak Jawang<\/h3>\r\n        <h4 class=\"staff-member-position\">Pentadbiran Am<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:ju&#097;s&#064;m&#111;&#104;&#046;gov&#046;&#109;y\" title=\"Email Juas Anak Jawang\">&#106;&#117;a&#115;&#064;&#109;&#111;&#104;&#046;gov&#046;m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Khu Fan Mei : Teknologi Maklumat\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Khu Fan Mei<\/h3>\r\n        <h4 class=\"staff-member-position\">Teknologi Maklumat<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:kh&#117;fm&#101;&#064;m&#111;h.&#103;&#111;&#118;&#046;&#109;y\" title=\"Email Pn. Khu Fan Mei\">&#107;&#104;&#117;f&#109;e&#064;&#109;&#111;h.&#103;o&#118;&#046;m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"En. Zul Zikri Bin Juaini : Psikologi &amp; Kaunseling\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">En. Zul Zikri Bin Juaini<\/h3>\r\n        <h4 class=\"staff-member-position\">Psikologi &amp; Kaunseling<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#122;u&#108;&#122;&#117;k&#114;&#105;&#064;mo&#104;.g&#111;&#118;&#046;my\" title=\"Email En. Zul Zikri Bin Juaini\">zulz&#117;k&#114;&#105;&#064;m&#111;&#104;&#046;&#103;&#111;v.my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Grace Janie Anak Rogers : Kejuruteraan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Grace Janie Anak Rogers<\/h3>\r\n        <h4 class=\"staff-member-position\">Kejuruteraan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#103;&#114;a&#099;e&#106;&#097;n&#105;&#101;&#064;&#109;&#111;&#104;.&#103;&#111;v&#046;m&#121;\" title=\"Email Dr. Grace Janie Anak Rogers\">&#103;ra&#099;&#101;j&#097;&#110;i&#101;&#064;m&#111;h&#046;&#103;&#111;v.my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Chuay Chia Hui : Kewangan &amp; Akaun\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Chuay Chia Hui<\/h3>\r\n        <h4 class=\"staff-member-position\">Kewangan &amp; Akaun<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:c&#104;&#117;&#097;&#121;ch&#105;&#097;h&#117;&#105;&#064;m&#111;&#104;&#046;&#103;&#111;v.my\" title=\"Email Chuay Chia Hui\">&#099;&#104;&#117;&#097;ychiah&#117;&#105;&#064;&#109;oh.&#103;&#111;&#118;&#046;m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Jamil Bin Edris : Keselamatan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Jamil Bin Edris<\/h3>\r\n        <h4 class=\"staff-member-position\">Keselamatan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:jamil.&#101;&#064;&#109;oh&#046;&#103;ov&#046;&#109;&#121;\" title=\"Email Jamil Bin Edris\">ja&#109;i&#108;&#046;&#101;&#064;moh&#046;&#103;&#111;v.m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Ustazah Rosmah Binti Hj. Suigem : Pembangunan Insan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Ustazah Rosmah Binti Hj. Suigem<\/h3>\r\n        <h4 class=\"staff-member-position\">Pembangunan Insan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#114;&#111;smah&#115;u&#105;ge&#109;&#064;&#109;&#111;&#104;&#046;go&#118;&#046;&#109;y\" title=\"Email Ustazah Rosmah Binti Hj. Suigem\">&#114;osmahsui&#103;e&#109;&#064;&#109;oh&#046;&#103;&#111;&#118;.&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Dayang Azizah Binti Abang Ahmad : Perolehan, Aset &amp; Stor\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Dayang Azizah Binti Abang Ahmad<\/h3>\r\n        <h4 class=\"staff-member-position\">Perolehan, Aset &amp; Stor<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#100;yg&#097;&#122;iz&#097;h&#064;&#109;&#111;h.&#103;&#111;v&#046;&#109;y\" title=\"Email Pn. Dayang Azizah Binti Abang Ahmad\">dygazi&#122;ah&#064;&#109;&#111;&#104;&#046;&#103;ov.my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n\n    <div id=\"tab-perubatan\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing perubatan\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Yung Chun Hieng : Perubatan Am\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Yung Chun Hieng<\/h3>\r\n        <h4 class=\"staff-member-position\">Perubatan Am<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:c&#104;&#117;n&#104;&#105;e&#110;g&#064;m&#111;&#104;.g&#111;&#118;&#046;&#109;&#121;\" title=\"Email Dr. Yung Chun Hieng\">&#099;hun&#104;&#105;e&#110;g&#064;mo&#104;&#046;gov&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. John Chieng Kwang Chong : Psikiatri\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. John Chieng Kwang Chong<\/h3>\r\n        <h4 class=\"staff-member-position\">Psikiatri<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#106;ohn&#099;h&#105;&#101;&#110;g&#064;mo&#104;.go&#118;.my\" title=\"Email Dr. John Chieng Kwang Chong\">jo&#104;&#110;c&#104;&#105;eng&#064;m&#111;&#104;&#046;g&#111;v&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n\n    <div id=\"tab-pembedahan\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing pembedahan\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Nurhafizah Binti Hazmi : Pergigian Pediatrik\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Nurhafizah Binti Hazmi<\/h3>\r\n        <h4 class=\"staff-member-position\">Pergigian Pediatrik<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#110;u&#114;ha&#102;izah.h&#097;&#122;&#109;&#105;&#064;mo&#104;&#046;&#103;o&#118;&#046;&#109;y\" title=\"Email Dr. Nurhafizah Binti Hazmi\">nu&#114;&#104;a&#102;iza&#104;.&#104;azm&#105;&#064;mo&#104;.g&#111;v.my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Terence Siew Kung Yung : Anestesiologi &amp; Rawatan Rapi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Terence Siew Kung Yung<\/h3>\r\n        <h4 class=\"staff-member-position\">Anestesiologi &amp; Rawatan Rapi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#116;er&#101;&#110;c&#101;&#046;si&#101;&#119;&#064;&#109;&#111;h.&#103;&#111;&#118;&#046;m&#121;\" title=\"Email Dr. Terence Siew Kung Yung\">te&#114;enc&#101;.&#115;ie&#119;&#064;mo&#104;&#046;go&#118;&#046;my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Syed Jeffery Bin Syed Ahmad Kabeer : Ortopedik\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Syed Jeffery Bin Syed Ahmad Kabeer<\/h3>\r\n        <h4 class=\"staff-member-position\">Ortopedik<\/h4>\r\n        \r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Chieng Tiong How : Pembedahan Am\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Chieng Tiong How<\/h3>\r\n        <h4 class=\"staff-member-position\">Pembedahan Am<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:ti&#111;ngh&#111;&#119;&#064;moh&#046;gov.my\" title=\"Email Dr. Chieng Tiong How\">t&#105;&#111;ng&#104;&#111;w&#064;&#109;o&#104;&#046;&#103;ov&#046;my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Melvinder Mohan Tyndall : Bedah Mulut &amp; Maksilofasial\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Melvinder Mohan Tyndall<\/h3>\r\n        <h4 class=\"staff-member-position\">Bedah Mulut &amp; Maksilofasial<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:m&#101;&#108;&#118;i&#110;&#100;er&#109;ohan&#064;moh.&#103;&#111;v&#046;&#109;&#121;\" title=\"Email Dr. Melvinder Mohan Tyndall\">&#109;e&#108;&#118;&#105;&#110;d&#101;&#114;&#109;&#111;ha&#110;&#064;m&#111;h&#046;&#103;&#111;v&#046;my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Loh Zheng Hao : ORL\/ENT\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Loh Zheng Hao<\/h3>\r\n        <h4 class=\"staff-member-position\">ORL\/ENT<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:zhe&#110;g&#104;&#097;&#111;&#064;&#109;oh&#046;go&#118;&#046;&#109;y\" title=\"Email Dr. Loh Zheng Hao\">z&#104;engh&#097;&#111;&#064;&#109;o&#104;.go&#118;&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Edwin Pheng Chin Meng : Oftalmologi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Edwin Pheng Chin Meng<\/h3>\r\n        <h4 class=\"staff-member-position\">Oftalmologi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:ed&#119;in&#112;cm&#064;&#109;o&#104;.&#103;ov&#046;m&#121;\" title=\"Email Edwin Pheng Chin Meng\">e&#100;&#119;&#105;&#110;p&#099;&#109;&#064;m&#111;&#104;&#046;go&#118;&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Nazirah Binti Hamzah : Kecemasan &amp; Trauma\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Nazirah Binti Hamzah<\/h3>\r\n        <h4 class=\"staff-member-position\">Kecemasan &amp; Trauma<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:na&#122;&#105;rahh&#064;&#109;&#111;h&#046;&#103;&#111;&#118;&#046;&#109;y\" title=\"Email Dr. Nazirah Binti Hamzah\">&#110;&#097;&#122;irahh&#064;m&#111;&#104;&#046;&#103;&#111;v.m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Nelson Yap Kok Bing : Pembedahan Neuro\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Nelson Yap Kok Bing<\/h3>\r\n        <h4 class=\"staff-member-position\">Pembedahan Neuro<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:n&#101;l&#115;o&#110;yap&#064;&#109;o&#104;&#046;g&#111;v.m&#121;\" title=\"Email Dr. Nelson Yap Kok Bing\">&#110;&#101;&#108;&#115;&#111;nya&#112;&#064;&#109;&#111;h&#046;go&#118;&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n\n    <div id=\"tab-wanita-kanak-kanak\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing wanita-kanak-kanak\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Chieng Chae Hee : Pediatrik\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Chieng Chae Hee<\/h3>\r\n        <h4 class=\"staff-member-position\">Pediatrik<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#099;h&#105;&#101;ngch&#064;m&#111;&#104;.&#103;&#111;v.&#109;y\" title=\"Email Dr. Chieng Chae Hee\">&#099;h&#105;&#101;n&#103;c&#104;&#064;moh&#046;&#103;ov.m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Kang Marcus : Obstetrik &amp; Ginekologi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Kang Marcus<\/h3>\r\n        <h4 class=\"staff-member-position\">Obstetrik &amp; Ginekologi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#107;&#097;&#110;g&#109;ar&#099;&#117;&#115;&#064;m&#111;&#104;&#046;&#103;&#111;&#118;.m&#121;\" title=\"Email Dr. Kang Marcus\">k&#097;ngm&#097;&#114;cu&#115;&#064;m&#111;h.&#103;ov&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n\n    <div id=\"tab-diagnostik\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing diagnostik-sokongan-klinikal\"><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Lee Siew Ting : Rekod Perubatan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Lee Siew Ting<\/h3>\r\n        <h4 class=\"staff-member-position\">Rekod Perubatan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#108;&#101;&#101;s&#105;&#101;&#119;&#116;&#105;&#110;&#103;&#064;&#109;&#111;h&#046;&#103;&#111;&#118;&#046;my\" title=\"Email Dr. Lee Siew Ting\">l&#101;&#101;&#115;&#105;e&#119;&#116;&#105;ng&#064;mo&#104;.&#103;&#111;v&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Cheng Jian Yuan : Patologi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Cheng Jian Yuan<\/h3>\r\n        <h4 class=\"staff-member-position\">Patologi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#099;h&#101;n&#103;j&#105;&#097;nyua&#110;&#064;mo&#104;.gov.m&#121;\" title=\"Email Dr. Cheng Jian Yuan\">c&#104;e&#110;&#103;jian&#121;&#117;&#097;&#110;&#064;&#109;&#111;h.gov&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Wong Sheau Ning : Pengimejan &amp; Diagnostik\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Wong Sheau Ning<\/h3>\r\n        <h4 class=\"staff-member-position\">Pengimejan &amp; Diagnostik<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#106;anice.go&#118;&#064;&#109;oh.go&#118;&#046;my\" title=\"Email Dr. Wong Sheau Ning\">&#106;&#097;nice&#046;go&#118;&#064;m&#111;h&#046;go&#118;.my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Syazwana Syirin Binti Ibrahim : Tabung Darah\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Syazwana Syirin Binti Ibrahim<\/h3>\r\n        <h4 class=\"staff-member-position\">Tabung Darah<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#100;&#114;s&#121;a&#122;&#119;an&#097;&#115;y&#105;r&#105;n&#064;m&#111;&#104;&#046;&#103;o&#118;&#046;&#109;y\" title=\"Email Dr. Syazwana Syirin Binti Ibrahim\">d&#114;s&#121;&#097;&#122;wan&#097;syir&#105;&#110;&#064;m&#111;h.&#103;ov.m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Cheng Jian Yuan : Forensik\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Cheng Jian Yuan<\/h3>\r\n        <h4 class=\"staff-member-position\">Forensik<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#099;&#104;&#101;&#110;gjianyua&#110;&#064;moh&#046;gov&#046;m&#121;\" title=\"Email Dr. Cheng Jian Yuan\">ch&#101;&#110;g&#106;ia&#110;&#121;uan&#064;&#109;o&#104;&#046;g&#111;v.&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Sandra Anyi : CSSU\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Sandra Anyi<\/h3>\r\n        <h4 class=\"staff-member-position\">CSSU<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:sandraan&#121;i&#064;mo&#104;&#046;&#103;&#111;&#118;.my\" title=\"Email Pn. Sandra Anyi\">&#115;a&#110;dra&#097;&#110;yi&#064;&#109;o&#104;.g&#111;v&#046;m&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Tracy Ting Lee Lyee : Kawalan Infeksi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Tracy Ting Lee Lyee<\/h3>\r\n        <h4 class=\"staff-member-position\">Kawalan Infeksi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#116;&#114;a&#099;&#121;&#116;i&#110;&#103;&#108;&#121;&#064;mo&#104;&#046;&#103;o&#118;.&#109;y\" title=\"Email Dr. Tracy Ting Lee Lyee\">&#116;racy&#116;&#105;n&#103;l&#121;&#064;&#109;&#111;h.&#103;&#111;&#118;&#046;&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Jee Rou Chen : Rehabilitasi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Jee Rou Chen<\/h3>\r\n        <h4 class=\"staff-member-position\">Rehabilitasi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#106;eerc&#064;mo&#104;.go&#118;&#046;&#109;&#121;\" title=\"Email Dr. Jee Rou Chen\">j&#101;&#101;rc&#064;m&#111;h.go&#118;&#046;&#109;y<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Chang Pho Yin : Farmasi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Chang Pho Yin<\/h3>\r\n        <h4 class=\"staff-member-position\">Farmasi<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#099;han&#103;p&#121;&#064;&#109;&#111;&#104;.&#103;&#111;&#118;\" title=\"Email Pn. Chang Pho Yin\">&#099;&#104;&#097;&#110;g&#112;y&#064;&#109;&#111;h.&#103;o&#118;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"En. Tan Chong Thea : Fisioterapi\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">En. Tan Chong Thea<\/h3>\r\n        <h4 class=\"staff-member-position\">Fisioterapi<\/h4>\r\n        \r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Amy Chen Ern Ming : Pemulihan Carakerja\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Amy Chen Ern Ming<\/h3>\r\n        <h4 class=\"staff-member-position\">Pemulihan Carakerja<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:a&#109;yc&#104;&#101;&#110;&#064;&#109;oh&#046;&#103;o&#118;.m&#121;\" title=\"Email Pn. Amy Chen Ern Ming\">&#097;m&#121;&#099;&#104;&#101;&#110;&#064;&#109;&#111;h.&#103;o&#118;.&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member odd \">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Lulian Anak Nyalu : Kerja Sosial Perubatan\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Lulian Anak Nyalu<\/h3>\r\n        <h4 class=\"staff-member-position\">Kerja Sosial Perubatan<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:&#108;uli&#110;n&#064;m&#111;h.&#103;&#111;&#118;.m&#121;\" title=\"Email Pn. Lulian Anak Nyalu\">&#108;&#117;li&#110;n&#064;&#109;&#111;&#104;.&#103;o&#118;.&#109;&#121;<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><div class=\"staff-member even  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Pn. Ima Zatul \u2018Iffah Binti Ismail : Dietetik &amp; Sajian\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Pn. Ima Zatul \u2018Iffah Binti Ismail<\/h3>\r\n        <h4 class=\"staff-member-position\">Dietetik &amp; Sajian<\/h4>\r\n        \r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n\n    <div id=\"tab-kualiti\" class=\"tab-panel\">\n      <div class=\"no-photo\">\n        <style>\r\n\/* ==========================================================================\r\n   1. GRID LAYOUT RESPONSIF\r\n   - Desktop: 2 kad sebaris\r\n   - Mobile: 1 kad sebaris\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing,\r\n.pengurusan-tertinggi,\r\ndiv.staff-member-listing.pengurusan-tertinggi {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n    gap: 14px !important;\r\n    padding: 5px 0 !important;\r\n    align-items: stretch !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\ndiv.staff-member-listing &gt; div.staff-member {\r\n    min-width: 0 !important;\r\n    min-height: 150px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   2. REKAAN KAD STAF UMUM\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member {\r\n    background: linear-gradient(\r\n        135deg,\r\n        #f4fafa 0%,\r\n        #ffffff 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #b7d8d8 !important;\r\n    border-radius: 12px !important;\r\n\r\n    padding: 12px !important;\r\n    margin: 0 !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n    gap: 12px !important;\r\n\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-width: 0 !important;\r\n\r\n    box-sizing: border-box !important;\r\n    overflow: hidden !important;\r\n\r\n    box-shadow: 0 3px 9px rgba(23, 78, 86, 0.07) !important;\r\n\r\n    order: 2 !important;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        box-shadow 0.2s ease,\r\n        transform 0.2s ease !important;\r\n}\r\n\r\ndiv.staff-member:hover {\r\n    border-color: #286c73 !important;\r\n    box-shadow: 0 5px 13px rgba(23, 78, 86, 0.12) !important;\r\n    transform: translateY(-2px) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   3. PENGURUSAN TERTINGGI\r\n   - Kedudukan asal dikekalkan\r\n   - Kad lebih besar dan selesa\r\n   - Pengarah kekal di atas\r\n   ========================================================================== *\/\r\n\r\n.pengurusan-tertinggi div.staff-member,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n    min-height: 185px !important;\r\n    height: 100% !important;\r\n    padding: 16px 18px !important;\r\n    gap: 16px !important;\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Kad Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n    grid-column: 1 \/ -1 !important;\r\n    order: 1 !important;\r\n\r\n    justify-self: center !important;\r\n    width: 100% !important;\r\n    max-width: 620px !important;\r\n\r\n    min-height: 195px !important;\r\n    height: auto !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    align-items: center !important;\r\n    justify-content: flex-start !important;\r\n\r\n    padding: 18px 20px !important;\r\n    gap: 18px !important;\r\n\r\n    background: linear-gradient(\r\n        135deg,\r\n        #ffffff 0%,\r\n        #e8f5f3 100%\r\n    ) !important;\r\n\r\n    border: 1.5px solid #008080 !important;\r\n    border-radius: 14px !important;\r\n\r\n    box-shadow: 0 5px 15px rgba(0, 128, 128, 0.10) !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   4. GAMBAR STAF\r\n   - Saiz lebih besar untuk Pengurusan Tertinggi\r\n   - Gambar tidak diregangkan\r\n   ========================================================================== *\/\r\n\r\nimg.staff-member-photo {\r\n    display: block !important;\r\n    float: none !important;\r\n\r\n    width: 100px !important;\r\n    height: 120px !important;\r\n\r\n    min-width: 100px !important;\r\n    min-height: 120px !important;\r\n    max-width: 100px !important;\r\n    max-height: 120px !important;\r\n\r\n    flex: 0 0 100px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    background-color: #edf5f5 !important;\r\n\r\n    border: 1px solid #a9cccc !important;\r\n    border-radius: 8px !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n\r\n    box-shadow: 0 2px 6px rgba(23, 78, 86, 0.10) !important;\r\n\r\n    box-sizing: border-box !important;\r\n}\r\n\r\n\/* Gambar Pengurusan Tertinggi *\/\r\n.pengurusan-tertinggi img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n    width: 120px !important;\r\n    height: 150px !important;\r\n\r\n    min-width: 120px !important;\r\n    min-height: 150px !important;\r\n    max-width: 120px !important;\r\n    max-height: 150px !important;\r\n\r\n    flex: 0 0 120px !important;\r\n\r\n    object-fit: cover !important;\r\n    object-position: center 20% !important;\r\n\r\n    margin: 0 !important;\r\n    border-radius: 9px !important;\r\n}\r\n\r\n\/* Gambar Pengarah lebih besar sedikit *\/\r\n.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\ndiv.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n    width: 130px !important;\r\n    height: 160px !important;\r\n\r\n    min-width: 130px !important;\r\n    min-height: 160px !important;\r\n    max-width: 130px !important;\r\n    max-height: 160px !important;\r\n\r\n    flex: 0 0 130px !important;\r\n}\r\n\r\n\/* Kad tanpa gambar *\/\r\n.no-photo img.staff-member-photo {\r\n    display: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   5. MAKLUMAT STAF\r\n   - Gambar kiri, maklumat kanan\r\n   - Jarak nama, jawatan dan e-mel lebih kemas\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap {\r\n    float: none !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n\r\n    flex: 1 1 0% !important;\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: 100% !important;\r\n\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n\r\n    gap: 0 !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\/* Nama staf *\/\r\ndiv.staff-member-listing h3.staff-member-name {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 5px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #174e56 !important;\r\n\r\n    font-size: 1em !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Nama Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h3.staff-member-name {\r\n    color: #174e56 !important;\r\n    font-size: 1.12em !important;\r\n    line-height: 1.4 !important;\r\n    margin-bottom: 7px !important;\r\n}\r\n\r\n\/* Jawatan staf *\/\r\ndiv.staff-member-listing h4.staff-member-position {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 0 7px 0 !important;\r\n    padding: 0 !important;\r\n\r\n    color: #286c73 !important;\r\n\r\n    font-size: 0.88em !important;\r\n    font-weight: 600 !important;\r\n    font-style: normal !important;\r\n    line-height: 1.4 !important;\r\n\r\n    text-align: left !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: normal !important;\r\n}\r\n\r\n\/* Jawatan Pengarah *\/\r\n.pengurusan-tertinggi div.staff-member:first-child h4.staff-member-position {\r\n    color: #286c73 !important;\r\n    font-size: 0.94em !important;\r\n    line-height: 1.45 !important;\r\n    margin-bottom: 9px !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   6. E-MEL STAF\r\n   ========================================================================== *\/\r\n\r\n.staff-member-info-wrap a {\r\n    display: inline-block !important;\r\n\r\n    width: fit-content !important;\r\n    max-width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 5px 9px !important;\r\n\r\n    color: #174e56 !important;\r\n    background: #e8f5f3 !important;\r\n\r\n    border: 1px solid #c5e2df !important;\r\n    border-radius: 6px !important;\r\n\r\n    font-size: 0.78em !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.35 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    overflow-wrap: anywhere !important;\r\n    word-break: break-word !important;\r\n\r\n    box-sizing: border-box !important;\r\n\r\n    transition:\r\n        background-color 0.2s ease,\r\n        color 0.2s ease !important;\r\n}\r\n\r\n.staff-member-info-wrap a:hover {\r\n    background: #286c73 !important;\r\n    color: #ffffff !important;\r\n    border-color: #286c73 !important;\r\n}\r\n\r\n\/* Buang elemen pseudo tambahan *\/\r\ndiv.staff-member::after {\r\n    display: none !important;\r\n    content: none !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   7. DIREKTORAT \/ SENARAI STAF LAIN\r\n   - Teks kekal di tengah\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) .staff-member-info-wrap {\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h3.staff-member-name,\r\ndiv.staff-member-listing:not(.pengurusan-tertinggi) h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   8. KAD TANPA GAMBAR\r\n   ========================================================================== *\/\r\n\r\ndiv.staff-member.no-photo {\r\n    justify-content: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo .staff-member-info-wrap {\r\n    flex: 1 1 100% !important;\r\n    width: 100% !important;\r\n\r\n    align-items: center !important;\r\n    text-align: center !important;\r\n}\r\n\r\ndiv.staff-member.no-photo h3.staff-member-name,\r\ndiv.staff-member.no-photo h4.staff-member-position {\r\n    text-align: center !important;\r\n}\r\n\r\n\/* ==========================================================================\r\n   9. TABLET DAN TELEFON\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n\r\n    div.staff-member-listing,\r\n    .pengurusan-tertinggi,\r\n    div.staff-member-listing.pengurusan-tertinggi {\r\n        grid-template-columns: minmax(0, 1fr) !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    div.staff-member-listing &gt; div.staff-member {\r\n        min-height: 140px !important;\r\n    }\r\n\r\n    \/* Kad Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi div.staff-member,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member {\r\n        min-height: 160px !important;\r\n        padding: 12px !important;\r\n        gap: 12px !important;\r\n    }\r\n\r\n    \/* Kad Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child {\r\n        grid-column: 1 \/ -1 !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n\r\n        min-height: 170px !important;\r\n        padding: 13px !important;\r\n        gap: 13px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 100px !important;\r\n        height: 125px !important;\r\n\r\n        min-width: 100px !important;\r\n        min-height: 125px !important;\r\n        max-width: 100px !important;\r\n        max-height: 125px !important;\r\n\r\n        flex: 0 0 100px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 108px !important;\r\n        height: 135px !important;\r\n\r\n        min-width: 108px !important;\r\n        min-height: 135px !important;\r\n        max-width: 108px !important;\r\n        max-height: 135px !important;\r\n\r\n        flex: 0 0 108px !important;\r\n    }\r\n\r\n    \/* Saiz teks *\/\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.96em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.84em !important;\r\n    }\r\n\r\n    .staff-member-info-wrap a {\r\n        font-size: 0.74em !important;\r\n        padding: 5px 7px !important;\r\n    }\r\n}\r\n\r\n\/* ==========================================================================\r\n   10. TELEFON KECIL\r\n   ========================================================================== *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    div.staff-member {\r\n        padding: 9px !important;\r\n        gap: 9px !important;\r\n    }\r\n\r\n    img.staff-member-photo {\r\n        width: 78px !important;\r\n        height: 98px !important;\r\n\r\n        min-width: 78px !important;\r\n        min-height: 98px !important;\r\n        max-width: 78px !important;\r\n        max-height: 98px !important;\r\n\r\n        flex-basis: 78px !important;\r\n    }\r\n\r\n    \/* Gambar Pengurusan Tertinggi *\/\r\n    .pengurusan-tertinggi img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi img.staff-member-photo {\r\n        width: 86px !important;\r\n        height: 108px !important;\r\n\r\n        min-width: 86px !important;\r\n        min-height: 108px !important;\r\n        max-width: 86px !important;\r\n        max-height: 108px !important;\r\n\r\n        flex-basis: 86px !important;\r\n    }\r\n\r\n    \/* Gambar Pengarah *\/\r\n    .pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo,\r\n    div.staff-member-listing.pengurusan-tertinggi div.staff-member:first-child img.staff-member-photo {\r\n        width: 90px !important;\r\n        height: 112px !important;\r\n\r\n        min-width: 90px !important;\r\n        min-height: 112px !important;\r\n        max-width: 90px !important;\r\n        max-height: 112px !important;\r\n\r\n        flex-basis: 90px !important;\r\n    }\r\n\r\n    div.staff-member-listing h3.staff-member-name {\r\n        font-size: 0.9em !important;\r\n    }\r\n\r\n    div.staff-member-listing h4.staff-member-position {\r\n        font-size: 0.79em !important;\r\n    }\r\n}\r\n<\/style><div class=\"staff-member-listing direktori-kualiti-penjagaan-perubatan\"><div class=\"staff-member even  last\">\r\n    <img decoding=\"async\" class=\"staff-member-photo\" src=\"\" alt=\"Dr. Esther Kwan Hsiau Yieng : Amalan Perubatan dan Medikolegal\">\r\n    <div class=\"staff-member-info-wrap\">\r\n        <h3 class=\"staff-member-name\">Dr. Esther Kwan Hsiau Yieng<\/h3>\r\n        <h4 class=\"staff-member-position\">Amalan Perubatan dan Medikolegal<\/h4>\r\n        <a class=\"staff-member-email\" href=\"mailto:esth&#101;&#114;&#107;&#104;&#121;&#064;m&#111;&#104;&#046;g&#111;v.&#109;&#121;\" title=\"Email Dr. Esther Kwan Hsiau Yieng\">&#101;&#115;t&#104;erk&#104;&#121;&#064;m&#111;&#104;&#046;&#103;o&#118;&#046;my<\/a>\r\n    <\/div>\r\n<\/div> <!-- Close staff-member --><\/div> <!-- Close staff-member-listing -->\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  function openTab(evt, tabId) {\n    const panels = document.querySelectorAll('.tab-panel');\n    panels.forEach(panel => panel.classList.remove('active'));\n\n    const buttons = document.querySelectorAll('.tab-btn');\n    buttons.forEach(btn => btn.classList.remove('active'));\n\n    document.getElementById(tabId).classList.add('active');\n    evt.currentTarget.classList.add('active');\n  }\n<\/script>\n ","protected":false},"excerpt":{"rendered":"<p>Pengurusan Tertinggi Pengurusan Direktorat Perubatan Direktorat Pembedahan Direktorat Wanita &amp; Kanak-Kanak Direktorat Diagnostik &amp; Sokongan Klinikal Direktorat Kualiti Penjagaan Perubatan<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"_kad_post_transparent":"default","_kad_post_title":"default","_kad_post_layout":"default","_kad_post_sidebar_id":"","_kad_post_content_style":"default","_kad_post_vertical_padding":"default","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-3082","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3082","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/comments?post=3082"}],"version-history":[{"count":8,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3082\/revisions"}],"predecessor-version":[{"id":3129,"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/pages\/3082\/revisions\/3129"}],"wp:attachment":[{"href":"https:\/\/jknsarawak.moh.gov.my\/hsibu\/wp-json\/wp\/v2\/media?parent=3082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}