/* personnel.css (v2)
   การ์ดบุคลากรแบบใหม่: ไม่มีป้ายชื่อทับวงกลม, มีไอคอนโทร/อีเมล,
   มีบรรทัด "บทบาทเด่น" สีเน้นแยกจากตำแหน่งหลัก
*/
.personnel-section-title{ text-align:center; color:#000; margin-bottom:20px; }
.personnel-grid{
	display:flex; flex-wrap:wrap; justify-content:center;
	gap:36px 44px; padding:10px 0 30px;
}
/* คนแรกตามลำดับ (หัวหน้ากลุ่ม) แสดงเดี่ยวเต็มแถวบนสุด ส่วนที่เหลือห่อแถวละ 2 คนอัตโนมัติ */
.pcard:first-child{ flex-basis:100%; margin-bottom:14px; }
.pcard{ width:270px; text-align:center; }

.pcard-photo-wrap{ position:relative; width:175px; height:175px; margin:0 auto; }
.pcard-photo{
	width:100%; height:100%; border-radius:50%; object-fit:cover;
	display:block; background:#eef4f7;
	border:4px solid #fff;
	box-shadow:0 4px 14px rgba(0,0,0,.12);
}

.pcard-name{ font-size:17px; font-weight:700; color:#1B2430; margin-top:16px; line-height:1.4; word-spacing:3px; }
.pcard-position{ font-size:14px; color:#4B5563; margin-top:6px; line-height:1.55; }
.pcard-detail{ font-size:14px; font-weight:600; color:#7B1FA2; margin-top:8px; line-height:1.55; }
.pn-nw{ white-space:nowrap; }

.pcard-contact{ margin-top:10px; }
.pcard-contact div{
	display:flex; align-items:center; justify-content:center; gap:6px;
	font-size:12.5px; color:#333; margin-top:5px;
}
.pcard-contact .ic{ font-size:13px; }
.pcard-contact a{ color:#14549C; text-decoration:none; }
.pcard-contact a:hover{ text-decoration:underline; }

@media (max-width:480px){
	.pcard{ width:170px; }
	.pcard-photo-wrap{ width:140px; height:140px; }
}