/* Scoped additions to SKARR's existing service cards and detail pages. */
/* The service paragraph has its own measure, separate from the card grid.
   Preserve the requested second line; let narrow phones flow naturally. */
#services > .lab-sechead > .lab-lead { max-inline-size: 54ch; }
#services > .lab-sechead > .lab-lead .svs-lead-tail { display: block; }
@media (max-width: 426.98px) {
  #services > .lab-sechead > .lab-lead .svs-lead-tail { display: inline; }
}
.automation-services { margin-top: 20px; scroll-margin-top: 100px; }
.automation-label { margin: 0 0 10px; color: var(--ink-mute); font: 500 11px/16px "Inter",sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.design-label { margin-top: 24px; }
.design-label + .cat { margin-top: 0; }
.automation-services .automation-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.automation-services .automation-grid > li { grid-column: auto; min-width: 0; }
.automation-services .cat-item { min-height: 160px; }
.automation-services .cat-body { gap: 8px; }
.automation-services .cat-line { display: block; max-inline-size: 43ch; overflow: visible; -webkit-line-clamp: unset; text-wrap: pretty; }
.automation-services .cat-title { text-wrap: balance; }
.automation-services .cat-meta { letter-spacing: .04em; }
.automation-flow { display: flex; flex-direction: column; justify-content: center; min-height: 440px; margin: 0; padding: clamp(24px,3vw,48px); border-radius: 16px; background: #e4e5e6; color: #171719; }
.automation-flow figcaption { max-inline-size: 24ch; font: 400 clamp(22px,2vw,32px)/1.25 "Inter",sans-serif; letter-spacing: -.03em; }
.automation-flow ol { display: grid; gap: 0; margin: 30px 0; padding: 0; list-style: none; }
.automation-flow li { position: relative; display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 16px; padding-block: 18px; }
.automation-flow li + li { border-top: 1px solid #b9bbc1; }
.automation-flow-number { display: grid; place-items: center; align-self: start; height: 36px; border: 1px solid #aeb0b6; border-radius: 10px; font: 500 12px/1 "Inter",sans-serif; }
.automation-flow strong { display: block; font: 500 17px/1.4 "Inter",sans-serif; }
.sd .automation-flow p { max-inline-size: 36ch; margin-top: 5px; color: #535760; font: 400 14px/1.5 "Inter",sans-serif; }
.sd .automation-flow .automation-flow-note { margin-top: auto; max-inline-size: 42ch; font-size: 12px; }
.sd--automation .sd-copy p { max-inline-size: 48ch; }
.sd--automation .sd-work-list p { max-inline-size: 52ch; }
.sd .automation-eyebrow { margin-bottom: 20px; font: 500 11px/1.5 "Inter",sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.automation-related-links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 24px; }
.application-capabilities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 56px; }
.application-capabilities article { padding-top: 24px; border-top: 1px solid var(--sd-rule); }
.application-capabilities p { max-inline-size: 45ch; margin-top: 16px; }
.application-capabilities .sd-link { margin-top: 12px; }
@media (max-width: 900px) {
  .automation-services .automation-grid { grid-template-columns: minmax(0,1fr); }
  .automation-services .cat-item { min-height: 0; }
  .automation-services .cat-line { max-inline-size: 58ch; }
  .automation-services .cat-meta { max-inline-size: 64ch; }
}
@media (max-width: 719px) {
  .application-capabilities { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .automation-flow { min-height: 0; padding: 24px; }
  .automation-flow ol { margin-block: 24px; }
  .automation-services .cat-meta { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .automation-services .cat-item, .automation-services .cat-icon, .automation-services :is(.cat-line,.cat-meta) { transition: none; }
}