/* ==========================================================================
   locations.css — campus location cards with a building photo on top
   ========================================================================== */
.location-grid { align-items: stretch; }
.location-card {
  padding: 0;            /* override .card padding so the photo is edge-to-edge */
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.location-card__media {
  display: block;
  aspect-ratio: 16 / 9;
  background: var(--color-surface-2);
  border-bottom: 1px solid var(--color-border);
}
.location-card__media img { width: 100%; height: 100%; object-fit: cover; }

.location-card__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  padding: var(--space-3);
  flex: 1;
}
.location-card__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); }
.location-card__head h2 { font-size: var(--text-xl); margin: 0; }
.location-card__body { font-style: normal; display: grid; gap: 0.5rem; margin: 0; }
.location-card__body p { display: grid; grid-template-columns: auto 1fr; gap: 0.6rem; align-items: start; margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }
.location-card__body .icon { color: var(--color-accent); margin-top: 2px; }
.location-card__body a { color: var(--color-accent-hover); }
.location-card .link-arrow { margin-top: auto; padding-top: var(--space-1); font-size: var(--text-sm); }