/* SGTM V572 — visual consistency refinement for standard service cards.
   Shared layout only; intentionally excludes FAQs, specialist remapping sections,
   footer, header/navigation, hero, account forms, shop/admin functions and case-study galleries. */

/* The legacy content-system rules produce 8-10px rounded cards in some pages,
   while the approved SGTM theme elsewhere uses square corners. */
html body#sgtm-premium-v223.sgtm-premium-v223 main :is(
  .audit-card-v222, .sgtm-proof-card,
  .v337-service-card, .sa151-area-card, .sa432-card, .sa432-case
) {
  border-radius: 0 !important;
}

/* Standard, predictable card spacing across repeated service grids. */
html body#sgtm-premium-v223.sgtm-premium-v223 main :is(
  .care-service-grid, .care-pricing-grid-v545, .care-area-grid,
  .symptom-grid, .steps, .clone-service-grid, .clone-method-grid,
  .mode-grid, .postal-region-grid, .postal-instructions,
  .key-service-grid, .immo-programming-grid, .review-value-grid,
  .diagnostic-card-grid, .electrical-list, .health-steps,
  .coding-safety-grid, .coding-module-grid, .premium-option-grid,
  .level-grid, .v337-service-grid, .dpf-diagnostic-grid,
  .dpf-regen-grid, .dpf-software-grid, .sgtm-proof-grid,
  .sa432-grid, .sa151-area-grid, .sa151-route-grid
) {
  gap: 16px !important;
}

@media (max-width: 700px) {
 html body#sgtm-premium-v223.sgtm-premium-v223 main :is(
  .care-service-grid, .care-pricing-grid-v545, .care-area-grid,
  .symptom-grid, .steps, .clone-service-grid, .clone-method-grid,
  .mode-grid, .postal-region-grid, .postal-instructions,
  .key-service-grid, .immo-programming-grid, .review-value-grid,
  .diagnostic-card-grid, .electrical-list, .health-steps,
  .coding-safety-grid, .coding-module-grid, .premium-option-grid,
  .level-grid, .v337-service-grid, .dpf-diagnostic-grid,
  .dpf-regen-grid, .dpf-software-grid, .sgtm-proof-grid,
  .sa432-grid, .sa151-area-grid, .sa151-route-grid
 ) { gap: 14px !important; }
}

/* High-specificity legacy brake/suspension grid overrides still specify 8px radius
   and 22px gaps. Correct this outlier without affecting other page components. */
html body#sgtm-premium-v223#sgtm-premium-v223.sgtm-premium-v223 main .care-service-grid {
  gap: 16px !important;
}
html body#sgtm-premium-v223#sgtm-premium-v223.sgtm-premium-v223 main .care-service-grid article.audit-card-v222 {
  border-radius: 0 !important;
}
@media (max-width: 700px) {
  html body#sgtm-premium-v223#sgtm-premium-v223.sgtm-premium-v223 main .care-service-grid {
    gap: 14px !important;
  }
}