/* AI capability stories reuse the site's feature layout and color hierarchy. */
body.atc-site-finished .atc-ai-section .atc-ai-heading{
 display:flex;flex-direction:column;align-items:flex-start;gap:12px;
 max-width:800px;margin-bottom:32px;
}
/* Keep the eyebrow, title and description together, without inherited margins. */
html body.atc-responsive.atc-visual-enhanced.atc-unified.atc-site-finished:is(#top,#atc-site) .atc-ai-heading>:is(.atc-ui-eyebrow,.atc-ui-h2,.atc-ui-lead){margin:0!important}
body.atc-site-finished .atc-ai-heading>.atc-ui-eyebrow{--atc-label-ink:var(--atc-spectrum-peach)}
html[data-atc-theme="light"] body.atc-site-finished .atc-ai-heading>.atc-ui-eyebrow{--atc-label-ink:oklch(from var(--atc-spectrum-peach) .43 .10 h)}
body.atc-site-finished .atc-ai-section .atc-ui-h2{max-width:24ch;text-wrap:balance}
body.atc-site-finished .atc-ai-section .atc-ui-lead{max-width:64ch}
@media(forced-colors:active),print{
 body.atc-site-finished .atc-ai-heading>.atc-ui-eyebrow{--atc-label-ink:CanvasText}
}
body.atc-site-finished .atc-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.atc-site-finished .atc-ai-feature{min-width:0;display:flex;flex-direction:column;gap:14px}
body.atc-site-finished .atc-ai-feature .atc-ui-h3{margin:0;max-width:24ch;text-wrap:balance}
body.atc-site-finished .atc-ai-feature .atc-ui-copy{margin:0;text-wrap:pretty}
body.atc-site-finished .atc-ai-feature .atc-ai-number{font:500 12px/1.5 var(--atc-mono);color:var(--ui-muted);letter-spacing:.1em}
body.atc-site-finished .atc-ai-outcome{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-top:24px;padding-top:22px;border-top:1px solid var(--ui-border)}
body.atc-site-finished .atc-ai-outcome p{max-width:76ch;margin:0;font:400 14px/1.65 var(--atc-body);color:var(--ui-muted);text-wrap:pretty}
body.atc-site-finished .atc-ai-outcome a{flex:none;min-height:44px;display:inline-flex;align-items:center;color:var(--ui-fg);text-decoration:underline;text-underline-offset:5px}
body.atc-site-finished .atc-ai-outcome a:hover{color:var(--ui-fg);text-decoration-thickness:2px}
body.atc-site-finished .atc-ai-outcome a:focus-visible{outline:3px solid var(--ui-accent-text);outline-offset:5px;border-radius:3px}
body.atc-site-finished .atc-ai-evidence{box-sizing:border-box;width:min(100%,640px);margin:0 auto 28px;padding:12px;border:1px solid var(--atc-finish-border);border-radius:22px;background:var(--ui-surface)}
body.atc-site-finished .atc-ai-evidence img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;filter:none!important}
body.atc-site-finished .atc-ai-image{position:relative;border-radius:12px}
body.atc-site-finished .atc-ai-evidence figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px;color:var(--ui-muted);font:400 13px/1.6 var(--atc-body);text-wrap:pretty}
body.atc-site-finished .atc-ai-evidence figcaption p{margin:0;max-width:75ch}
@media(max-width:920px){
 body.atc-site-finished .atc-ai-grid{grid-template-columns:minmax(0,1fr)}
 body.atc-site-finished .atc-ai-feature{gap:10px}
 body.atc-site-finished .atc-ai-outcome{align-items:flex-start;flex-direction:column;gap:14px}
 body.atc-site-finished .atc-ai-evidence figcaption{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(max-width:600px){body.atc-site-finished .atc-ai-evidence{padding:10px;border-radius:16px}}

/* Ecosystem overview: customer benefits lead; the product screen is a compact example. */
body.atc-site-finished .atc-ai-overview .atc-ai-heading{max-width:900px}
body.atc-site-finished .atc-ai-overview .atc-ai-evidence.atc-ai-example{
 display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;
 gap:24px;width:100%;margin:24px 0 0;padding:18px;
}
body.atc-site-finished .atc-ai-overview .atc-ai-example figcaption{
 display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;min-width:0;
}
body.atc-site-finished .atc-ai-overview .atc-ai-example figcaption .atc-ui-h3{
 margin:0;font-size:18px;line-height:1.4;color:var(--ui-fg);text-wrap:balance;
}
body.atc-site-finished .atc-ai-overview .atc-ai-example figcaption p{max-width:65ch;font-size:14px;text-wrap:pretty}
@media(max-width:920px){
 body.atc-site-finished .atc-ai-overview .atc-ai-evidence.atc-ai-example{grid-template-columns:minmax(0,1fr);gap:18px;padding:16px}
 body.atc-site-finished .atc-ai-overview .atc-ai-example .atc-ai-image{width:min(100%,300px)}
}

body.atc-site-finished .atc-ai-overview .atc-ai-feature .atc-ui-copy,
body.atc-site-finished .atc-ai-overview .atc-ai-outcome p{text-wrap:balance}
