/* Keep repair cards independent of the legacy circular .step badge. */
.repair-steps { list-style: none; padding: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.repair-step { min-width: 0; }
.repair-step-number { display: block; color: var(--orange2); font-size: 1.8rem; font-weight: 900; line-height: 1; margin-bottom: 1.1rem; }
.repair-step h3 { line-height: 1.35; }
.repair-step p { font-size: 1rem; line-height: 1.65; }
.grid3 > *, .links > *, .location-row > *, .contact-grid > * { min-width: 0; }
.contact-method a { overflow-wrap: anywhere; }
@media (max-width: 900px) {
  .repair-steps { grid-template-columns: minmax(0, 1fr); }
}
/* The inherited narrow-screen rule hid the company name below 370px. */
@media (max-width: 520px) {
  .navin { flex-wrap: wrap; }
  .brand { flex: 1 1 10rem; font-size: .875rem; white-space: normal; line-height: 1.2; }
  .navlinks { margin-left: auto; }
}

/* Keep each service photograph fully visible, including tools at its edges. */
.keyword-hero .hero-art { aspect-ratio: 8 / 5; background: #0c1522; }
.keyword-hero .hero-art img { object-fit: contain; object-position: center; }
.keyword-hero .hero-art::after { background: none; }
.top { gap: 1rem; }
.top span { min-width: 0; }
.top a { white-space: nowrap; }