/* PHIMAI HEALTH | ผู้พัฒนาระบบ : นายวิษณุ เสาะสาย | ตำแหน่ง : เจ้าพนักงานธุรการ */
/* Scoped to personnel-profile, including p1 through p11. */
body.personnel-page{margin:0;padding:0!important;background:linear-gradient(145deg,#edf6f4,#f9fbfc);min-height:100vh;min-height:100dvh}
.personnel-page .personnel-shell,.personnel-page #mainContent{width:100%;max-width:none;min-width:0;margin:0;padding:0}
.personnel-page .personnel-profile-wrap{width:100%;max-width:none;margin:0;padding:clamp(16px,3vw,48px)}
.personnel-page .personnel-profile-card{width:100%;grid-template-columns:minmax(240px,32%) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,64px);padding:clamp(20px,3vw,48px)}
.personnel-page .personnel-profile-photo{width:100%;max-width:440px;margin:0 auto}
.personnel-page .personnel-profile-photo>img{display:block}
.personnel-page .personnel-profile-details{align-self:center;overflow-wrap:anywhere}
.personnel-page .personnel-profile-details h1{font-size:clamp(1.6rem,3vw,3rem)}
.personnel-page .network-contacts a{max-width:100%;min-width:0;white-space:normal;text-align:center}
.personnel-page .btn{min-height:44px;white-space:normal}
.personnel-page .footer{margin:32px 0 0;padding:24px clamp(16px,3vw,48px);text-align:center}
/* Keep the original top bar, breadcrumbs and mobile navigation. */
.personnel-page .shell-main{margin-left:0!important;width:100%;max-width:none}
.personnel-page #mainContent{padding:clamp(16px,3vw,40px)!important;max-width:none;width:100%}
.personnel-page .personnel-profile-wrap{padding:0}
.personnel-page .shell-header{flex-wrap:wrap}
.personnel-page .shell-header .header-title{overflow-wrap:anywhere}
@media(max-width:991.98px){.personnel-page .shell-main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}
@media(max-width:575px){.personnel-page .shell-header .header-title{flex-basis:calc(100% - 80px)}}
@media(max-width:767px){
 .personnel-page .personnel-profile-card{grid-template-columns:minmax(0,1fr);gap:24px;border-radius:20px;padding:20px}
 .personnel-page .personnel-profile-photo{max-width:320px}
 .personnel-page .network-contacts{flex-direction:column;align-items:stretch}
 .personnel-page .network-contacts a{width:100%}
}
@media print{.personnel-page .btn,.personnel-page .footer{display:none}.personnel-page .personnel-profile-card{box-shadow:none}}