/* P422 school identity + executive + staff pages. No changes to history template. */
.site-content-page .p422-leader-page,.site-content-page .p422-directory{width:100%;}
.p422-leader-page{padding:clamp(20px,3vw,44px);border-radius:24px;background:#f4faf6;border:1px solid #deebe2;color:#154b39;font-family:Sarabun,sans-serif}
.p422-leader-header{text-align:center;max-width:740px;margin:0 auto 30px}
.p422-kicker{display:inline-flex;padding:7px 14px;background:#d8f2e3;color:#086a45;border-radius:99px;font-weight:800;font-size:13px}
.p422-leader-header h2{font-size:clamp(25px,3vw,38px);margin:14px 0 8px;color:#114c35}
.p422-leader-header p{margin:0;color:#526b5c;font-size:16px;line-height:1.8}
.p422-leader-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:940px;margin:0 auto}
.p422-person-card{background:#fff;border:1px solid #d7e5da;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px rgba(20,58,40,.06);transition:transform .2s ease,box-shadow .2s ease}
@media(hover:hover){.p422-person-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(20,58,40,.11)}}
.p422-photo{background:#e9f4ed;display:flex;align-items:center;justify-content:center;min-height:230px}
.p422-photo img{display:block;max-width:100%;width:auto;height:100%;max-height:290px;object-fit:contain;margin:auto}
.p422-no-pic{display:flex;min-height:230px;align-items:center;justify-content:center;font-size:60px;color:#98b9a6}
.p422-person-meta{padding:17px 18px 21px;text-align:center}
.p422-person-meta h3{margin:0 0 5px;font-weight:800;font-size:18px;line-height:1.5;color:#124a35}
.p422-person-meta p{margin:0;color:#47695a;font-size:15px}
.p422-person-meta small{display:block;color:#628172;margin-top:5px;font-size:13px}
.p422-leader-grid .p422-photo{min-height:340px}
.p422-leader-grid .p422-photo img{max-height:340px;height:auto;width:auto;object-fit:contain}
.p422-leader-grid .p422-person-card{border-radius:24px}
.p422-leader-grid .p422-person-meta{padding:22px}
.p422-leader-grid .p422-person-meta h3{font-size:23px}
.p422-directory-head{border-radius:22px;padding:26px 30px;background:#eaf6ef;position:relative;margin:0 0 25px}
.p422-directory-head h2{margin:0 0 6px;font-size:clamp(25px,3vw,35px);color:#114a34}
.p422-directory-head p{margin:0;color:#4a6b5a}
.p422-total{display:inline-block;border:1px solid #c2dfce;background:white;color:#126444;padding:7px 12px;border-radius:99px;margin-top:13px;font-weight:800}
.p422-directory-group{margin:27px 0 36px}
.p422-directory-group>h3{font-size:21px;color:#114b35;margin:0 0 15px;border-bottom:1px solid #dcebe2;padding-bottom:10px}
.p422-people-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.p422-people-grid .p422-photo{height:240px;min-height:240px;position:relative}
.p422-people-grid .p422-photo img{max-height:230px;max-width:100%;height:auto;width:auto;object-fit:contain}
.p422-empty{padding:35px;text-align:center;border:1px dashed #bed9c8;border-radius:12px;color:#597b69}
.p416-basic-page .p411-public-blocks .p411-split:has(img[src*="symbol-colors-p417.svg"]){background:#f4faf6}
.p416-basic-page .p411-public-blocks .p411-split:has(img[src*="symbol-colors-p417.svg"]) .p411-split-photo img{max-height:350px;object-fit:contain;background:#eaf6ee}
/* Menu About remains a readable dropdown, not a link to an empty page. */
.p416-about-menu>.p422-about-trigger{cursor:pointer}
@media(max-width:1150px){.p422-people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.p422-leader-grid{grid-template-columns:1fr;max-width:520px}.p422-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p422-leader-page{padding:20px}}
@media(max-width:480px){.p422-people-grid{grid-template-columns:1fr 1fr;gap:9px}.p422-people-grid .p422-photo{min-height:160px;height:160px}.p422-people-grid .p422-photo img{max-height:160px}.p422-people-grid .p422-person-meta{padding:12px 8px 16px}.p422-people-grid .p422-person-meta h3{font-size:15px}.p422-people-grid .p422-person-meta p{font-size:12px}.p422-leader-grid .p422-photo{min-height:290px}.p422-leader-grid .p422-photo img{max-height:290px}.p422-leader-header{margin-bottom:18px}}

.p422-no-pic[hidden]{display:none!important}
.site-header .site-nav .nav-group.p416-about-menu.open>.p408-mega{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}