/* Keep the longer school name readable in the existing masthead. */
.school-site .brand small{letter-spacing:.075em}
@media(max-width:650px){
  body.school-site .header .brand small{font-size:.55rem;letter-spacing:.035em;line-height:1.5}
  body.school-site .header .brand{gap:8px}
}
@media(max-width:360px){
  body.school-site .header .brand{font-size:.85rem}
  body.school-site .header .brand small{font-size:.5rem;letter-spacing:.02em}
  body.school-site .header .default-emblem{width:44px;height:44px;flex-basis:44px}
}