/* P003 | Public school website: consistent submenu Hero and clear headings.
   Presentation only. Loaded AFTER P024, whose high-specificity !important dark heading
   incorrectly overrides the white title on non-image (About) Hero cards. */
.school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero {
  background:#eef6f0!important;
  border-bottom:1px solid #e2eee6!important;
  overflow:visible;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero-inner {
  box-sizing:border-box;
  display:block!important;
  min-height:0!important;
  width:100%!important;
  max-width:min(1160px,calc(100% - 36px))!important;
  margin:0 auto!important;
  padding:19px 0 23px!important;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .content-breadcrumb {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px!important;
  color:#5c776a!important;
  font:600 13px/1.55 Sarabun,sans-serif!important;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .content-breadcrumb a {color:#0b7550!important}
.school-site-body .site-content-page.sdc-public-unified-hero-page .content-breadcrumb span {color:#718779!important}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,38%);
  align-items:center;
  gap:clamp(18px,3.4vw,42px);
  padding:clamp(20px,2.6vw,32px);
  min-height:245px;
  background:#104d3d;
  border-radius:22px;
  box-shadow:0 14px 26px rgba(14,74,52,.08);
  overflow:hidden;
  color:#fff!important;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card .p000-about-hero-copy {min-width:0}
/* Specificity higher than .school-site-body .inner-page-hero:not(.has-image) .inner-page-title h1 in P024. */
.school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero .p000-about-hero-card .inner-page-title h1 {
  margin:0!important;
  color:#fff!important;
  font:800 clamp(27px,3.1vw,39px)/1.24 Sarabun,sans-serif!important;
  letter-spacing:-.015em;
  text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
  overflow-wrap:anywhere;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero .p000-about-hero-card .inner-page-summary {
  max-width:56ch;
  margin:11px 0 0!important;
  color:#e3f1e9!important;
  font:400 clamp(14px,1.3vw,16px)/1.72 Sarabun,sans-serif!important;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card .p000-about-eyebrow,
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card .p000-about-eyebrow i {color:#d3f0e2!important}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card .p000-about-eyebrow span {color:#badfcd!important}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-media {
  box-sizing:border-box;
  min-width:0;
  height:190px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  background:#d9eee2;
}
.school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
/* Dark Hero builder blocks also lost heading contrast due to the P024 content heading rule. */
.school-site-body .site-content-page .content-page-body .p411-public-blocks .p411-hero.p411-theme-navy .p411-hero-content :is(h1,h2,h3,h4) {color:#fff!important}
.school-site-body .site-content-page .content-page-body .p411-public-blocks .p411-hero.p411-theme-navy .p411-hero-content p {color:#e1efe9!important}
@media(max-width:760px){
  .school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero-inner {
    max-width:calc(100% - 24px)!important;
    padding:13px 0 15px!important;
  }
  .school-site-body .site-content-page.sdc-public-unified-hero-page .content-breadcrumb {
    margin-bottom:10px!important;
    font-size:12px!important;
  }
  .school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-card {
    grid-template-columns:minmax(0,1fr);
    gap:16px;
    padding:21px 19px;
    min-height:0;
    border-radius:17px;
  }
  .school-site-body .site-content-page.sdc-public-unified-hero-page .inner-page-hero .p000-about-hero-card .inner-page-title h1 {
    font-size:clamp(25px,6.2vw,34px)!important;
  }
  .school-site-body .site-content-page.sdc-public-unified-hero-page .p000-about-hero-media {
    height:170px;
    border-radius:12px;
  }
}