.loclist { border-top: 1px solid var(--ink); }
.locrow {
  display: grid;
  gap: 10px 28px;
  padding: 20px 0;
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
  align-items: center;
}
@media (min-width: 800px) {
  .locrow { grid-template-columns: minmax(0, 1fr) 9rem 14rem 6rem; }
  .locrow .mark { white-space: normal; }
}
.locrow-city {
  font-family: var(--serif);
  font-weight: 400;
  font-size: 1.35rem;
  letter-spacing: -0.015em;
  line-height: 1.1;
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.locrow:hover .locrow-city { color: var(--seal); }
.locrow-state { font-size: 0.6875rem; color: var(--faint); letter-spacing: 0.1em; }
.locrow-city + .tiny { margin-top: 3px; }
.locrow-drive { font-size: 0.875rem; color: var(--ink-2); font-variant-numeric: tabular-nums; }
@media (min-width: 800px) { .locrow .arrowlink { justify-self: end; } }

.locfacts {
  display: grid;
  gap: 18px 32px;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
}
.locfacts p {
  margin-top: 7px;
  font-size: 1.0625rem;
  font-weight: 500;
  letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums;
}