#school-list {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  height: 600px;
  max-height: none;
  overflow: auto;
  padding-right: .25rem;
}

#map { height: 600px; }

.map-section > .school-panel {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(0, 1.8fr);
  gap: 1.25rem;
  align-items: start;
}

.map-section > .school-panel > .eyebrow { grid-column: 1 / -1; margin-bottom: -1rem; }

@media (max-width: 800px) {
  #school-list,
  #map { height: 380px; }
  .map-section > .school-panel { grid-template-columns: 1fr; }
  .map-section > .school-panel > .eyebrow { margin-bottom: 0; }
}

.school-button {
  min-height: 72px;
}

.school-button-meta { display: flex !important; align-items: center; flex-wrap: wrap; gap: .35rem; margin-top: .2rem; }
.school-level { display: inline-flex; align-items: center; border-radius: 999px; padding: .12rem .42rem; color: #143333; font-size: .68rem; font-style: normal; font-weight: 900; line-height: 1.25; }
.school-level.level-1 { background: #23634a; color: #fff; }
.school-level.level-2 { background: #81b45f; color: #143333; }
.school-level.level-3 { background: #e5c957; color: #143333; }
.school-level.level-4 { background: #e98b47; color: #143333; }
.school-level.level-5 { background: #d24c3e; color: #fff; }
.school-level.level-missing { background: #89918f; color: #fff; }

.school-list-sentinel { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 56px; color: #547168; font-size: .76rem; font-weight: 800; }
.school-list-sentinel i { width: .8rem; height: .8rem; border: 2px solid #769087; border-right-color: transparent; border-radius: 50%; animation: school-list-spin .8s linear infinite; }
.school-list-sentinel.is-loading { color: #173c38; }
.school-list-sentinel.is-loading i { border-color: #173c38; border-right-color: transparent; }
@keyframes school-list-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .school-list-sentinel i { animation: none; border-right-color: #769087; } }