.school-icon {
  border-radius: 12px 12px 12px 4px;
  background: color-mix(in srgb, var(--color) 12%, white);
  border: 1px solid color-mix(in srgb, var(--color) 35%, white);
  box-shadow: 0 3px 0 color-mix(in srgb, var(--color) 20%, transparent);
  font-weight: 800;
}
.school-row:hover .school-icon, .school-row.selected .school-icon {
  color: white;
  background: var(--color);
}
.selection[data-institution-kind] {
  border-top: 5px solid var(--institution-accent, #397f72);
}
.institution-kicker {
  display: block;
  margin: 0 34px 12px 0;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 700;
}
.selection[data-institution-kind] .type-tag {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--institution-accent) 12%, white);
  color: #334b49;
}
.selection[data-institution-kind] h3 {
  margin-top: 12px;
  letter-spacing: -.035em;
}
body[data-theme="night"] .institution-kicker { color: #bdd0dc; }
body[data-theme="night"] .selection[data-institution-kind] .type-tag {
  background: #2c4556;
  color: #eef6f7;
}