/* Wandsworth Road location page: how to find us (rows and a map) and what is here. The hero is the shared page hero (../sections.css). */
.loc-find-grid { display: grid; gap: 32px; }
.loc-rows { list-style: none; margin: 24px 0 0; padding: 0; border-top: 1px solid var(--text); }
.loc-rows li { padding: 16px 0; border-bottom: 1px solid var(--border); }
.loc-rows h3 { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 20px; line-height: 1; color: var(--text); margin: 0 0 6px; }
.loc-rows p { font-size: 15px; line-height: 1.55; color: var(--text-muted); max-width: 52ch; margin: 0; }
.loc-rows a { color: var(--text); font-weight: 600; text-decoration: none; border-bottom: 1px solid currentColor; }
.loc-rows a:hover { color: var(--accent-ink); }
.loc-map { min-height: 320px; border: 1px solid var(--border); overflow: hidden; background: var(--surface-low); }
.loc-map iframe { display: block; width: 100%; height: 100%; min-height: 320px; border: 0; }
.loc-here { background: var(--surface-low); border-top: 1px solid var(--border); }

@media (min-width: 769px) {
  .loc-rows-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 40px; }
}
@media (min-width: 1025px) {
  .loc-find-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 56px; align-items: start; }
  .loc-find .loc-rows { margin-top: 24px; }
  .loc-map, .loc-map iframe { min-height: 420px; }
}