/* P072: keep every public news title icon consistent from home -> archive -> article. */
.p006-news-archive :is(.p006-news-copy h3,.p006-story h2) .p072-news-title-icon {
  display:inline-block;
  margin-right:.38em;
  font-size:.88em;
  line-height:1;
  color:#0b886d;
  vertical-align:.015em;
}

/* The four department duty lists are information, not collapsed controls. */
.p428-organization .p428-duty-details {
  border-top:1px solid #edf3ed;
  margin-top:10px;
  padding-top:10px;
}
.p428-organization .p428-duty-label {
  margin:0 0 9px;
  color:#0e7954;
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}
.p428-organization .p428-duty-body {
  max-height:none;
  height:auto;
  overflow:visible;
  padding:0;
}
.p428-organization .p428-duty-group:last-child {margin-bottom:0;}
.p428-organization .p428-duty-group ul {overflow-wrap:anywhere;}

/* P073: P072 expanded to 1640px, while the About Hero stayed near 1120px.
   Restore the original visual rhythm: the main public shell is 1440px and
   inner-page Hero/contents have the SAME max width of 1120px. */
@media (min-width:1024px) {
  .school-site-body {--site-max:1440px;}
  .school-site-body .site-shell {
    width:min(var(--site-max),calc(100% - 48px));
  }
  .school-site-body .site-content-page .inner-page-grid.no-related,
  .school-site-body .site-content-page .inner-page-hero-inner,
  .school-site-body .p000-about-page .inner-page-hero-inner {
    box-sizing:border-box;
    width:100%!important;
    max-width:min(1120px,calc(100% - 36px))!important;
    margin-inline:auto!important;
  }
  /* Revert P072's "none" org chart max-width; container limits it to Hero. */
  .school-site-body .p428-organization,
  .school-site-body .p428-virtues {max-width:100%;width:100%;}
}

/* Keep headings balanced instead of scaling them up on wide monitors.
   These rules apply only to PUBLIC inner pages (not the home/teacher/student). */
.school-site-body .site-content-page.public-inner-page .inner-page-title h1 {
  font-size:clamp(24px,2.2vw,32px)!important;
}
.school-site-body .site-content-page .content-page-body .p411-public-blocks .p411-b h2 {
  font-size:clamp(21px,2.15vw,28px)!important;
  line-height:1.35;
}
.school-site-body .site-content-page .content-page-body .p411-public-blocks .p411-hero .p411-hero-content h2 {
  font-size:clamp(25px,2.6vw,34px)!important;
}
.school-site-body .site-content-page .content-page-body .p411-public-blocks .p411-mini-card h3 {
  font-size:clamp(16px,1.35vw,20px)!important;
}
.school-site-body .site-content-page.p416-basic-page .content-page-body .p411-public-blocks .p411-mini-card p {
  font-size:15px;
}
/* The About Hero uses stronger P003 selectors; reduce its title independently. */
.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(26px,2.5vw,34px)!important;
}
/* The global P024 heading rule overrides white on the dark leadership block.
   Make contrast explicit with higher specificity, without changing the CMS text. */
.school-site-body .site-content-page .content-page-body .p004-leadership .p004-together {
  color:#fff;
}
.school-site-body .site-content-page .content-page-body .p004-leadership .p004-together h2 {
  color:#fff!important;
  font-size:clamp(21px,2vw,26px)!important;
}
.school-site-body .site-content-page .content-page-body .p004-leadership .p004-together .p004-section-mark {
  color:#c7f2d9!important;
}
.school-site-body .site-content-page .content-page-body .p004-leadership .p004-together p {
  color:#ecf8ef!important;
}
.school-site-body .site-content-page .content-page-body .p004-leadership .p004-together .p004-partners span {
  color:#fff!important;
}
@media (max-width:1023px) {
  .school-site-body .p428-organization .p428-duty-body {overflow:visible;max-height:none;}
}
@media (max-width:620px) {
  .school-site-body .site-content-page.public-inner-page .inner-page-title h1 {
    font-size:clamp(23px,5.9vw,29px)!important;
  }
  .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,6vw,30px)!important;
  }
}