/* Scoped to the four automation service diagrams. */
.automation-scope { display:grid; grid-template-columns:1fr; border:0; gap:0; }
.automation-scope .detail-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,6vw,88px); padding:48px 0; border:0; border-top:1px solid var(--line); }
.automation-scope .scope-copy { max-width:540px; }
.automation-scope .card-index { margin-bottom:20px; }
.automation-scope h3 { font-size:clamp(1.7rem,2.7vw,2.5rem); line-height:1.15; }
.automation-scope figure { margin:0; width:100%; max-width:480px; justify-self:end; }
.automation-scope img { display:block; width:100%; height:auto; border-radius:4px; }
.automation-scope figcaption { color:#59594d; font-size:.875rem; line-height:1.5; margin-top:12px; }
@media (max-width:760px) {
  .automation-scope .detail-card { grid-template-columns:1fr; gap:28px; padding:32px 0; }
  .automation-scope .scope-copy { max-width:none; }
  .automation-scope figure { justify-self:center; }
}