/* Shared card accent: one red top edge, also preserved on hover. */
main :is(.service-card, .value-card, .safety-card, .public-document-card,
  .configuration-grid > article, .qualification-grid > article, .location-card,
  .yard-summary, .yard-features > div, .qr-card, .job-row, .empty-jobs,
  .coverage-location, .coverage-region-card, .story-milestone, .territory-panel, .document-box,
  .bca-document-card, .bca-driver, .bca-login-card),
main :is(.service-card, .value-card, .safety-card, .public-document-card,
  .configuration-grid > article, .qualification-grid > article, .location-card,
  .yard-summary, .yard-features > div, .qr-card, .job-row, .empty-jobs,
  .coverage-location, .coverage-region-card, .story-milestone, .territory-panel, .document-box,
  .bca-document-card, .bca-driver, .bca-login-card):hover {
  border-top: 3px solid var(--red);
}
main .story-milestone { border-left: 0; }

/* The four transport specialisms lead; the yard is a separate full-width service. */
.service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.service-card.yard-service {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 40px;
}
.yard-service .card-top { grid-column: 1; }
.yard-service h3 { grid-column: 1; grid-row: 2; }
.yard-service p { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.yard-service .text-link { grid-column: 2; }
@media (max-width: 650px) {
  .service-grid { grid-template-columns: minmax(0, 1fr); }
  .service-card.yard-service { display: flex; }
}