/* Category artwork adds a second visual cue; labels stay the primary cue. */
.service-menu-icon {
  display: inline-flex;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--service-icon-color);
  pointer-events: none;
}
.service-menu-icon svg { display: block; flex: none; width: 32px; height: 32px; }
.service-icon-wash { fill: currentColor; fill-opacity: .09; stroke: none; }
.service-menu-icon--teal { --service-icon-color: #128295; }
.service-menu-icon--green { --service-icon-color: #328455; }
.service-menu-icon--orange { --service-icon-color: #c17b35; }
.service-menu-icon--blue { --service-icon-color: #397bb8; }
.service-menu-icon--violet { --service-icon-color: #8465b1; }
.service-menu-icon--amber { --service-icon-color: #b68b30; }
.service-menu-icon--rose { --service-icon-color: #bd626c; }
.service-menu-icon--slate { --service-icon-color: #6b8195; }
.services-mega .mega-grid { align-content: start; gap: 12px 20px; }
.services-mega .mega-grid > .service-menu-entry {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  min-width: 0;
  padding: 14px 10px;
}
.services-mega .mega-grid a > .service-menu-icon { display: inline-flex; color: var(--service-icon-color); margin: 0; }
.services-mega .mega-grid a > .service-menu-copy { flex: 1; min-width: 0; margin: 3px 0 0; color: inherit; }
.services-mega .service-menu-copy strong { overflow-wrap: anywhere; }
.services-mega .service-menu-copy > span { margin-top: 5px; }
.mobile-service-navigation .mobile-product-group > .service-menu-entry {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-left: 5px;
}
.mobile-service-navigation .service-menu-icon { flex-basis: 30px; width: 30px; height: 30px; }
.mobile-service-navigation .service-menu-icon svg { width: 24px; height: 24px; }
.mobile-service-navigation .service-menu-label { min-width: 0; overflow-wrap: anywhere; }
@media (forced-colors: active) {
  .service-menu-icon { --service-icon-color: LinkText; }
}

.mobile-service-navigation .mobile-academy-navigation>summary{display:flex;align-items:center;gap:13px;padding-left:5px}
.mobile-service-navigation .mobile-academy-navigation>summary:after{margin-left:auto}

.mobile-service-navigation .mobile-academy-navigation{margin-left:0}