.klc-detail-tags .feature__tag {
  display: inline-flex; align-items: center; gap: 7px; max-width: 100%;
  padding: 8px; border-radius: 12px; background: #edf3fe; color: #09283f;
  font: 400 12px/1.4 Arial, Helvetica, sans-serif;
}
.klc-detail-tags .feature__tag svg { width: 18px; height: 18px; color: #2563eb; flex: none; stroke-width: 1.7; }
.klc-detail-tags .feature__tag > span, .klc-detail-tags .feature__outcome > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.klc-detail-tags .feature__outcome { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; color: #536575; font: 400 15px/1.7 Arial, Helvetica, sans-serif; }
.klc-detail-tags .feature__check { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; background: #edf3fe; color: #2563eb; }
.klc-detail-tags .feature__check svg { width: 18px; height: 18px; stroke-width: 2; }

/* Top-right service badges, matching the supplied colour treatments. */
.klc-detail-tags .feature__badge {
  position: absolute; top: 49px; right: 26px; transform: translateY(-50%);
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px;
  border-radius: 16px; font: 400 12px/18px Arial, Helvetica, sans-serif;
  white-space: nowrap;
}
.klc-detail-tags .feature__badge svg { width: 16px; height: 16px; flex: none; stroke-width: 1.8; }
.klc-detail-tags .feature__badge--popular { background: #fff5ce; color: #946b00; }
.klc-detail-tags .feature__badge--popular svg { color: #e6ad08; fill: currentColor; }
.klc-detail-tags .feature__badge--demand, .klc-detail-tags .feature__badge--comprehensive { background: #e9f7ef; color: #268b6d; }
.klc-detail-tags .feature__badge--reliable { background: #fff1df; color: #bb713d; }

.service-page .klc-detail-tags { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; max-width:100%; overflow-x:auto; padding:2px 0 10px; margin:16px 0 14px; scrollbar-width:thin; }
.klc-detail-tags .feature__badge { position:static; transform:none; flex:none; }
.klc-detail-tags .feature__tag { flex:none; white-space:nowrap; max-width:none; }
.klc-detail-tags .feature__tag > span { overflow-wrap:normal; }
.klc-detail-tags:focus-visible { outline:2px solid #2563eb; outline-offset:4px; border-radius:6px; }
/* Mobile: show every label without horizontal scrolling. */
@media (max-width: 600px) {
  .service-page .klc-detail-tags { flex-wrap: wrap; overflow: visible; }
  .klc-detail-tags .feature__tag { max-width: 100%; }
}

.service-page h1 .klc-service-title-link { color:inherit; font:inherit; text-decoration:none; cursor:pointer; transition:color 150ms ease; }
.service-page h1 .klc-service-title-link:hover { text-decoration:none; color:#2563eb; }
.service-page h1 .klc-service-title-link:focus-visible { outline:2px solid #2563eb; outline-offset:5px; border-radius:4px; }

.service-page h1 .klc-service-title-link:active { color:#2563eb; text-decoration:none; }