/* Locations only: the station photo stays decorative, behind the page content. */
body[data-page="operations"] #main {
  background-color:#eaf1f4;
  background-image:
    linear-gradient(180deg,rgba(234,241,244,.12) 0%,rgba(234,241,244,.06) 48%,rgba(234,241,244,.92) 100%),
    linear-gradient(90deg,rgba(247,251,252,.97) 0%,rgba(247,251,252,.91) 34%,rgba(247,251,252,.36) 76%,rgba(247,251,252,.30) 100%),
    url("assets/locations-background.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

body[data-page="operations"] .page-hero {
  padding:56px 0 32px;
  background:transparent;
}

body[data-page="operations"] .page-hero .lead {
  max-width:42ch;
  color:#304b5b;
}

body[data-page="operations"] .location-section {
  padding:12px 0 56px;
}

body[data-page="operations"] .location-card {
  background:#fbfdfd;
  border-color:#d0dfe5;
  box-shadow:0 12px 32px rgba(11,34,49,.09);
}

body[data-page="operations"] .location-top {
  background:#eef4f6;
}

body[data-page="operations"] .location-actions .text-link:hover {
  text-decoration:underline;
}

@media(max-width:800px) {
  body[data-page="operations"] #main {
    /* Keep a natural photo crop near the top instead of stretching it over two cards. */
    background-image:
      linear-gradient(180deg,rgba(234,241,244,.08) 0%,rgba(234,241,244,.18) 50%,#eaf1f4 100%),
      linear-gradient(90deg,rgba(247,251,252,.95) 0%,rgba(247,251,252,.88) 48%,rgba(247,251,252,.78) 100%),
      url("assets/locations-background.jpg");
    background-position:center top;
    background-size:100% 620px,100% 620px,auto 620px;
  }
  body[data-page="operations"] .page-hero {
    padding:40px 0 28px;
  }
  body[data-page="operations"] .location-section {
    padding-bottom:36px;
  }
}

@media(max-width:560px) {
  body[data-page="operations"] .page-hero {
    padding:32px 0 24px;
  }
  body[data-page="operations"] .location-grid {
    gap:18px;
  }
  body[data-page="operations"] .location-section {
    padding-top:8px;
    padding-bottom:28px;
  }
}