/* Same typography and native scroll controller as the integration/profile pages. */
.automation-visual { padding:32px 24px; }
.automation-report { padding:32px; border-radius:20px; background:#edf3fc; color:var(--ink); transform:scale(var(--profile-zoom,1)); transform-origin:center; }
.automation-report-icon { width:40px; height:40px; color:#1748af; }
.automation-report-title { font-size:var(--type-card); line-height:1.25; font-weight:550; margin-block:20px 28px; }
.automation-report ul { list-style:none; padding:0; margin:0; }
.automation-report li { display:flex; gap:16px; align-items:center; padding-block:16px; border-top:1px solid #b6c8e3; font-size:var(--type-copy); line-height:1.5; }
.automation-report li svg { width:24px; height:24px; color:#1748af; flex-shrink:0; }
.automation-review { margin:24px -32px -32px; padding:24px 32px; border-radius:0 0 20px 20px; display:flex; align-items:center; gap:16px; background:var(--blue); color:white; font-size:var(--type-copy); line-height:1.5; }
.automation-review svg { width:32px; height:32px; flex-shrink:0; }
.automation-examples-intro { padding-block:56px 40px; display:flex; align-items:baseline; flex-wrap:wrap; gap:20px 64px; }
.automation-examples-intro p { font-size:1rem; line-height:1.6; color:var(--muted); }
.automation-case-title { font-size:var(--type-story); line-height:1.12; letter-spacing:-.035em; max-width:23ch; }
.automation-page .profile-flow-panel h4 { margin:0; font-size:var(--type-card); line-height:1.25; letter-spacing:-.025em; }
.automation-page .profile-flow-step.is-after h4 { color:#1748af; }
.automation-case { padding-block:clamp(48px,6vw,80px); }
.automation-case+.automation-case { border-top:1px solid var(--line); }
.automation-comparison { display:grid; grid-template-columns:1fr 1fr; gap:48px 80px; margin:36px 0 24px; }
.automation-comparison dt { font-size:var(--type-card); font-weight:550; margin-bottom:16px; line-height:1.25; }
.automation-comparison>div:last-child dt { color:#1748af; }
.automation-comparison dd { margin:0; max-width:54ch; color:var(--muted); font-size:var(--type-copy); line-height:1.6; }
.automation-human { display:flex; align-items:flex-start; gap:16px; padding-top:24px; font-size:var(--type-copy); line-height:1.6; }
.automation-human strong { font-weight:550; color:#1748af; }
.automation-human svg { width:24px; height:24px; flex-shrink:0; margin-top:2px; color:#1748af; }
.automation-method { background:#edf3fc; }
.automation-method .automation-measure { border-top:1px solid #b6c8e3; padding-top:24px; margin-top:28px; font-size:1rem; }
.automation-related { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:32px 64px; align-items:center; padding-top:64px; }
.automation-related p { font-size:var(--type-copy); color:var(--muted); line-height:1.6; margin-top:20px; }
.automation-related a { justify-self:end; }
@media(max-width:900px) {
 .automation-visual { width:100%; max-width:500px; margin:auto; padding:16px 12px; }
 .automation-related { grid-template-columns:1fr; gap:16px; }
 .automation-related a { justify-self:start; margin:0; }
}
@media(max-width:760px) {
 .automation-report { padding:24px; }
 .automation-review { margin:24px -24px -24px; padding:20px 24px; }
 .automation-examples-intro { padding-block:40px 32px; gap:16px; }
 .automation-page .profile-flow-panel h4 { font-size:1.375rem; }
 .automation-comparison { grid-template-columns:1fr; gap:28px; margin-top:28px; }
 .automation-comparison dt { margin-bottom:12px; }
 .automation-human { padding-top:8px; }
 .automation-related { padding-top:48px; }
}
@media(prefers-reduced-motion:reduce) { .automation-report { transform:none; } }
@media print {
 .automation-report { transform:none; }
 .automation-visual { display:none; }
 .automation-case { break-inside:avoid; padding-block:24px; }
 .automation-examples-intro,.automation-related { padding-block:24px; }
}