/* Uses the same service-detail.css components as marketing and managed IT. */
.page-ai-automation{background:var(--paper)}
.page-ai-automation main .section-shell{width:84.4444%;max-width:1216px}
.page-ai-automation .sd-card h3{font-size:var(--type-title);font-weight:750;line-height:1.2;letter-spacing:-.03em}
.page-ai-automation .sd-card p{font-size:var(--type-body);font-weight:400;line-height:1.6}
.page-ai-automation .sd-section-dark .sd-card p{color:#d2dce4}
.automation-example{display:block}
.automation-flow{list-style:none;margin:0;padding:8px 28px 16px}
.automation-flow li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;padding:20px 0}
.automation-flow li:not(:last-child){border-bottom:1px solid #f7f1eb26}
.automation-flow-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f2851926;color:var(--orange)}
.automation-flow-icon .icon{width:22px;height:22px}
.automation-flow strong{display:block;font-size:var(--type-body);font-weight:700;line-height:1.4}
.automation-flow p{font-size:var(--type-body);line-height:1.5;color:#c4d0db;margin-top:5px}
.automation-flow li:last-child .automation-flow-icon{background:var(--orange);color:var(--navy)}
@media(max-width:600px){.page-ai-automation main .section-shell{width:89%}.automation-flow{padding:0 20px 12px}.automation-flow li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding-block:18px}.automation-flow-icon{width:32px;height:32px;border-radius:10px}.automation-flow-icon .icon{width:18px;height:18px}}