/* User-controlled walkthroughs of illustrative AI workflows. */
.ai-work-section{padding-block:48px 80px}
.ai-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.ai-workflow{min-width:0;padding:32px;background:#f7f8fa;border-radius:24px;display:flex;flex-direction:column}
.ai-workflow-teams{background:#f0f6fc}
.ai-workflow h3{font-size:25px;line-height:1.25;letter-spacing:-.035em}
.ai-workflow-brief{margin:20px 0 26px;font-size:16px;line-height:1.7;color:#333d4b}
.ai-workflow-brief>span,.ai-example-output>span{display:block;margin-bottom:7px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#687183}
.ai-workflow-step{border-top:1px solid #dce2e9}
.ai-workflow-step summary{display:flex;align-items:center;gap:12px;padding:20px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:600;line-height:1.5}
.ai-workflow-step summary::-webkit-details-marker{display:none}
.ai-step-number{color:#68768d;font-size:11px;font-weight:500}
.ai-workflow-step summary>.icon{width:17px;height:17px;margin-left:auto;flex-shrink:0}
.ai-workflow-step[open] summary>.icon{transform:rotate(45deg)}
.ai-step-body{padding:0 0 24px 28px}
.ai-step-body>p{font-size:14px;line-height:1.8;color:#515d6e}
.ai-step-body>p.ai-role{margin-bottom:10px;color:#2864a2;font-size:12px;font-weight:600}
.ai-example-output{margin-top:18px;padding:16px 18px;background:#fff;border-radius:12px}
.ai-example-output>p{font-size:13px;line-height:1.7;color:#333d4b}
.ai-step-body>.text-link{font-size:12px;margin-top:18px}
.ai-workflow-link{align-self:flex-start;margin-top:auto;padding-top:26px;font-size:13px}
@media(max-width:900px){.ai-workflow{padding:24px}.ai-workflow h3{font-size:23px}.ai-workflow-grid{gap:20px}.ai-step-body{padding-left:0}}
@media(max-width:700px){.ai-work-section{padding-block:32px 48px}.ai-workflow-grid{grid-template-columns:minmax(0,1fr)}.ai-workflow{padding:26px 22px}.ai-workflow-step summary{font-size:14px}.ai-workflow-brief{font-size:15px}}