/* Concrete supported events show how the release workflow moves forward. */
.siteAutomation{background:#e4e7d8;border-radius:24px;padding:48px;min-width:0}.automationDemo{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center}.automationExamples{display:grid;gap:12px;min-width:0}.automationExample{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;border:0;border-radius:18px;padding:20px;background:#d7ddc9;text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:background-color 450ms ease}.automationExample>span{font-size:9px;letter-spacing:.06em;color:var(--muted)}.automationExample>b{font-size:19px;line-height:1.2;letter-spacing:-.02em}.automationExample>i{font-style:normal;color:var(--muted)}.automationExample.isActive{background:#252d21;color:#f8f6f2}.automationExample.isActive :where(span):is(ci-spec,*),.automationExample.isActive :where(i):is(ci-spec,*){color:#c5d3b6}.automationExample:focus-visible{outline:2px solid #428fd5;outline-offset:4px}.automationExamples>p{font-size:13px;line-height:1.65;color:var(--muted);margin:12px 0}.automationExamples>.textLink{font-size:13px;max-width:100%}
.automationWindow{background:#f8f6f2;border:1px solid #d3d9c8;border-radius:22px;overflow:hidden;min-width:0}.automationScenes{display:grid;padding:24px}.automationScene{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity 700ms ease,transform 700ms cubic-bezier(.25,.8,.25,1),visibility 700ms;pointer-events:none}.automationScene.isActive{opacity:1;visibility:visible;transform:none;pointer-events:auto}.automationTrigger{display:flex;gap:14px;padding:18px;background:#e4e7d8;border-radius:16px;align-items:flex-start}.automationEventIcon{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#b3d663;color:#344424;font-size:13px}.automationTrigger small{display:block;font-size:8px;letter-spacing:.075em;color:var(--muted)}.automationTrigger h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:10px 0}.automationTrigger p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.automationConnector{display:flex;align-items:center;gap:10px;padding:12px 0 12px 32px}.automationConnector>i{height:26px;width:2px;background:#d2dac6;position:relative;overflow:hidden}.automationConnector>i:after{content:"";position:absolute;inset:0;background:#688b4f;transform:translateY(-100%)}.automationConnector>span{font-size:8px;letter-spacing:.075em;color:var(--muted)}.automationActions{display:grid;gap:10px}.automationAction{display:flex;gap:12px;align-items:center;background:var(--panel);border-radius:14px;padding:14px;min-width:0}.automationAction>i{display:grid;place-items:center;flex:0 0 24px;height:24px;background:#dee2d3;border-radius:50%;font-size:8px;font-style:normal;color:#556b45}.automationAction:nth-child(2)>i{background:#d7e5ed;color:#3b6076}.automationAction:nth-child(3)>i{background:#e4dcf0;color:#70518a}.automationAction>span{min-width:0}.automationAction b{display:block;font-size:12px;line-height:1.3;font-weight:500}.automationAction small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:4px}.automationAction>em{margin-left:auto;font-style:normal;font-size:12px;color:#739257}.automationSetupNote{font-size:11px;line-height:1.7;color:var(--muted);max-width:900px;margin:28px 0 0}
@keyframes automation-step-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes automation-event-pass{from{transform:translateY(-100%)}to{transform:translateY(100%)}}
.automationScene.isActive .automationAction{animation:automation-step-arrive 800ms cubic-bezier(.25,.8,.25,1) both;animation-delay:850ms}.automationScene.isActive .automationAction:nth-child(2){animation-delay:1600ms}.automationScene.isActive .automationAction:nth-child(3){animation-delay:2350ms}.automationScene.isActive .automationConnector>i:after{animation:automation-event-pass 1200ms ease both;animation-delay:250ms}.automationDemo[data-paused="true"] .automationAction,.automationDemo[data-paused="true"] .automationConnector>i:after{animation:none}
@container site (max-width:850px){.siteAutomation{padding:32px}.automationDemo{grid-template-columns:minmax(0,1fr);gap:24px}.automationExamples{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.automationExample{display:flex;flex-direction:column;align-items:flex-start;padding:16px;gap:10px}.automationExample>b{font-size:17px}.automationExample>i{display:none}.automationExamples>p,.automationExamples>.textLink{grid-column:1/-1}.automationExamples>p{margin:8px 0}.automationWindow{width:100%;max-width:680px;justify-self:center}}
@container site (max-width:540px){.siteAutomation{padding:28px 24px}.automationExamples{grid-template-columns:minmax(0,1fr)}.automationExample{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:16px}.automationExample>b{font-size:18px}.automationScenes{padding:16px}.automationTrigger{padding:14px;gap:10px}.automationTrigger h3{font-size:22px}.automationTrigger p{font-size:11px}.automationAction{padding:12px;gap:10px}.automationAction b{font-size:11px}.automationAction small{font-size:9px}.automationAction>em{display:none}.automationWindow .setupDemoTop{padding:14px}.automationWindow .previewBrand{font-size:10px}.automationWindow .setupDemoPreview{font-size:8px}.automationWindow .setupDemoBottom{padding:12px 14px;font-size:9px;gap:8px}.automationSetupNote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.automationExample,.automationScene{transition:none;transform:none}.automationScene *{animation:none!important}}