/* P423: local adjustments only; other menus and published pages unchanged. */
/* Restore About mega menu two-pane layout: list LEFT, photo RIGHT. */
@media (min-width:1181px) {
 .site-header .site-nav .p416-about-menu > .nav-dropdown.p408-mega,
 .site-header .site-nav .nav-group.p416-about-menu.open > .nav-dropdown.p408-mega{
    display:grid!important; grid-template-columns:minmax(0,1fr) 312px!important;
    grid-template-rows:auto!important;align-items:stretch!important;
    width:min(1060px,calc(100vw - 32px))!important;
    min-height:245px!important; max-height:min(76vh,650px)!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-content{
    grid-column:1!important; grid-row:1!important; min-width:0!important;
    padding:24px 26px!important; background:white!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-feature{
    grid-column:2!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    padding:16px!important; min-height:0!important;align-self:stretch!important;
    background:#f3f8f5!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-feature>img{
    display:block!important;position:static!important;width:100%!important;
    height:clamp(160px,18vw,235px)!important;object-fit:cover!important;
    border-radius:12px!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-feature-copy{height:auto!important;padding:12px 0 0!important;justify-content:start!important;}
 .site-header .site-nav .p416-about-menu .p408-mega-links{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;gap:0 25px!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-links>*{
    grid-column:auto!important;grid-row:auto!important;
 }
}
.site-header .site-nav .p416-about-menu .p408-mega-bottom{display:none!important}
.site-header .site-nav .p416-about-menu .p408-mega-feature-copy a{display:none!important}
.site-header .site-nav .p416-about-menu .p408-mega-feature-copy>span{display:none!important}
/* Keep an ordinary vertical list on phones/tablets. */
@media (max-width:1180px){
 .site-header .site-nav .p416-about-menu .p408-mega-links{
    grid-template-columns:1fr!important;grid-auto-flow:row!important;
 }
 .site-header .site-nav .p416-about-menu .p408-mega-links>*{grid-column:auto!important;grid-row:auto!important}
 .site-header .site-nav .p416-about-menu .p408-mega-feature{display:none!important}
}
/* Use the website's own font; no words baked into the image. */
.p416-basic-page img[src*="symbol-colors-p423.svg"]{font-family:Sarabun,sans-serif}
.p416-basic-page .p411-mini-card:has(img[src*="symbol-colors-p423.svg"]) .p411-mini-card-media img{
  max-height:390px!important;object-fit:cover!important;aspect-ratio:16/9!important;
}
/* Directory hierarchy: one centered principal, then one centered deputy, then teachers. */
.p423-directory .p422-directory-head{text-align:center}
.p423-directory .p422-directory-group>h3{text-align:center;margin-bottom:22px}
.p423-directory .p422-people-grid{display:flex!important;justify-content:center!important;align-items:stretch!important;flex-wrap:wrap!important;gap:20px!important}
.p423-directory .p423-directory-director .p422-person-card,
.p423-directory .p423-directory-deputy .p422-person-card{width:min(360px,100%)!important;flex:0 1 360px!important}
.p423-directory .p423-directory-teachers .p422-person-card,
.p423-directory .p423-directory-support .p422-person-card{
  flex:0 1 calc((100% - 3*20px)/4)!important;min-width:205px!important;max-width:280px!important;
}
.p423-directory .p423-directory-group{margin:28px 0 42px}
.p423-directory .p422-person-card{display:flex;flex-direction:column}
.p423-directory .p422-photo{position:relative!important;width:100%!important;height:auto!important;
  min-height:0!important;aspect-ratio:4/5!important;overflow:hidden!important;background:#e9f4ee!important;}
.p423-directory .p422-photo img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:50% 15%!important;transform:scale(1.12);transform-origin:50% 0%;}
.p423-directory .p422-photo .p422-no-pic{width:100%!important;height:100%!important;min-height:0!important;}
.p423-directory .p422-person-meta{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
@media (max-width:1080px){
 .p423-directory .p423-directory-teachers .p422-person-card,
 .p423-directory .p423-directory-support .p422-person-card{flex-basis:calc((100% - 2*16px)/3)!important;min-width:190px!important;}
}
@media (max-width:700px){
 .p423-directory .p423-directory-teachers .p422-person-card,
 .p423-directory .p423-directory-support .p422-person-card{flex-basis:calc((100% - 14px)/2)!important;min-width:0!important;max-width:none!important;}
 .p423-directory .p422-people-grid{gap:14px!important}
 .p423-directory .p423-directory-director .p422-person-card,
 .p423-directory .p423-directory-deputy .p422-person-card{flex-basis:min(320px,100%)!important}
}
@media (max-width:360px){
 .p423-directory .p423-directory-teachers .p422-person-card,
 .p423-directory .p423-directory-support .p422-person-card{flex-basis:100%!important;max-width:310px!important}
}