/* P424 — grouped About menu, image on right; no changes to other menu sections. */
.site-header .site-nav .p416-about-menu .p408-mega-links.p424-about-columns{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:22px!important;grid-auto-flow:row!important;min-width:0!important;
}
.site-header .site-nav .p416-about-menu .p408-mega-links.p424-about-columns > .p424-menu-column{
 display:block!important;min-width:0!important;grid-column:auto!important;grid-row:auto!important;
}
.p424-menu-column>h3{font:800 16px/1.5 Sarabun,sans-serif;color:#14533e;margin:0 0 10px;
 padding:0 4px 11px;border-bottom:1px solid #cfdfd5}
.p424-menu-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.site-header .site-nav .p416-about-menu .p424-menu-list>.p408-mega-item{
 width:100%;min-width:0;grid-column:auto!important;grid-row:auto!important;
 background:transparent;border-radius:8px;min-height:54px;
}
.site-header .site-nav .p416-about-menu .p424-menu-list>.p408-mega-item:hover,
.site-header .site-nav .p416-about-menu .p424-menu-list>.p408-mega-item:focus-visible{background:#f0f7f3}
/* Photo stays in the right pane as in the earlier mega menu. */
@media(min-width:1181px){
 .site-header .site-nav .p416-about-menu .p408-mega-content{min-width:0!important}
 .site-header .site-nav .p416-about-menu .p408-mega-feature{display:flex!important}
}
@media(max-width:1180px){
 .site-header .site-nav .p416-about-menu .p408-mega-links.p424-about-columns{
  grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
 }
 .p424-menu-column>h3{margin:4px 0 5px;padding-bottom:8px;font-size:15px}
}
@media(max-width:480px){.p424-menu-column>h3{font-size:14px}}
/* Public caretaker portrait is a pre-cropped 4:5 WEBP; do not rescale the face. */
.p423-directory .p422-photo img[src*="school-caretaker-somnuak-p424.webp"]{
 object-position:center top!important;transform:none!important;
}