/* P004 — School leadership only. P003 Mega override is intentionally NOT loaded. */
.p000-about-page .p004-leadership{font-family:Sarabun,system-ui,sans-serif;color:#174938}
.p000-about-page .p004-leadership :is(h2,h3,p){margin-top:0}
.p004-leadership-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:clamp(19px,3vw,29px);background:#f1f8f4;border:1px solid #dbeadf;border-radius:19px;margin-bottom:19px;overflow:hidden}
.p004-section-mark{display:inline-block;color:#14845b;font-size:12px;letter-spacing:.095em;font-weight:800;margin:0 0 10px}
.p004-leadership-intro h2{font-size:clamp(23px,2.6vw,30px)!important;font-weight:800!important;color:#114a36!important;margin:0 0 6px!important;line-height:1.3!important}
.p004-leadership-intro p{font-size:15px;line-height:1.75;color:#547365;margin:0;max-width:61ch}
.p004-intro-decoration{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:19px;background:#dfefe5;color:#13805a;font-size:29px}
.p004-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}
.p004-leader-card{display:flex;align-items:center;gap:18px;position:relative;isolation:isolate;min-width:0;padding:17px;border-radius:19px;background:#fff;border:1px solid #dde8e0;box-shadow:0 7px 22px rgba(19,78,54,.055);overflow:hidden}
.p004-leader-card.is-director{border-color:#b9dac8;background:#fbfefc}
.p004-leader-image{flex:0 0 clamp(135px,12.5vw,180px);width:clamp(135px,12.5vw,180px);height:clamp(190px,18vw,235px);overflow:hidden;border-radius:13px;background:#d4e9dd;border:1px solid #d8e8df;position:relative}
.p004-leader-image img{display:block;width:100%!important;max-width:none!important;height:132%!important;max-height:none!important;margin:0!important;object-fit:cover!important;object-position:50% 0!important;transform:scale(1.08);transform-origin:center top;border-radius:0!important}
.p004-leader-details{min-width:0;position:relative;z-index:1;flex:1}
.p004-leader-rank{display:inline-block;color:#147453;background:#e5f3eb;padding:5px 9px;border-radius:7px;font-size:12px;font-weight:800;line-height:1.5;margin-bottom:12px}
.p004-leader-details h2{font-size:clamp(18px,2vw,24px)!important;line-height:1.38!important;color:#0e4936!important;margin:0 0 8px!important;font-weight:800!important}
.p004-leader-details p{font-size:14px;color:#5a7568;line-height:1.6;margin:0}
.p004-leader-number{font-size:54px;font-weight:900;line-height:1;position:absolute;bottom:11px;right:16px;color:#e7f2eb;z-index:0}
.p004-principle-section{padding:23px 0 8px}
.p004-section-heading{text-align:center;margin:0 auto 21px;max-width:690px}
.p004-section-heading h2{font-size:clamp(23px,2.6vw,30px)!important;font-weight:800!important;color:#114b37!important;margin:0 0 5px!important}
.p004-section-heading p{font-size:14px;color:#6a8275;line-height:1.65;margin:0}
.p004-principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:25px}
.p004-principle{padding:17px 13px 16px;min-width:0;text-align:center;border:1px solid #deebe2;background:#f8fbf9;border-radius:14px}
.p004-principle-icon{display:grid;place-items:center;margin:0 auto 11px;width:43px;height:43px;border-radius:13px;background:#e7f3eb;color:#108059;font-size:18px}
.p004-principle h3{font-size:15px!important;font-weight:800!important;line-height:1.5!important;color:#1a5941!important;margin:0 0 7px!important}
.p004-principle p{font-size:13px;line-height:1.7;color:#607c6d;margin:0}
.p004-together{padding:clamp(20px,2.7vw,29px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);gap:25px;align-items:center;background:#104e3a;color:white;border-radius:19px;margin-bottom:25px}
.p004-together .p004-section-mark{color:#bce2ca}
.p004-together h2{font-size:clamp(21px,2.3vw,27px)!important;font-weight:800!important;line-height:1.4!important;color:white!important;margin:0 0 10px!important}
.p004-together p{font-size:14px;line-height:1.8;color:#def0e5;margin:0}
.p004-partners{display:grid;gap:8px}
.p004-partners span{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:14px;font-weight:700}
.p004-partners i{color:#a3dfbc;font-size:17px;width:20px;text-align:center}
.p004-leadership-editorial{padding:clamp(18px,3vw,28px);background:#f6faf7;border:1px solid #d9e8dd;border-radius:18px;color:#466557;font-size:15px;line-height:1.85}
.p004-leadership-editorial h2{font-size:clamp(21px,2.5vw,27px)!important;color:#124c38!important;margin:0 0 10px!important}
.p004-leadership-editorial p{margin:0 0 12px!important}
.p004-leadership-editorial p:last-child{margin-bottom:0!important}
@media(max-width:1050px){.p004-leader-card{display:block}.p004-leader-image{width:100%;height:255px;flex-basis:auto;margin-bottom:14px}.p004-leader-details{padding:1px 2px 8px}.p004-principles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.p004-leader-grid{grid-template-columns:1fr;gap:13px}.p004-leader-card{display:flex}.p004-leader-image{flex:0 0 140px;width:140px;height:192px;margin-bottom:0}.p004-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.p004-together{grid-template-columns:1fr}.p004-intro-decoration{display:none}}
@media(max-width:420px){.p004-leadership-intro{padding:17px}.p004-leader-card{gap:11px;padding:10px}.p004-leader-image{flex-basis:114px;width:114px;height:167px}.p004-leader-rank{font-size:11px;padding:4px 6px;margin-bottom:6px}.p004-leader-details h2{font-size:17px!important}.p004-leader-details p{font-size:12px}.p004-principles{gap:8px}.p004-principle{padding:14px 9px}.p004-principle h3{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.p004-leadership *{animation:none!important;transition:none!important}}
