.workflow-teaser .workflow-accordion-list{max-width:960px;margin:28px 0 0;display:grid;gap:12px}
.workflow-accordion{border:1px solid var(--line,#c9c8bd);background:var(--paper,#f4f2e9);border-radius:3px;overflow:hidden}
.workflow-accordion summary{list-style:none;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:16px;align-items:center;padding:20px 24px;cursor:pointer;font-family:'Sora',sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600;line-height:1.4;color:var(--ink,#171d17)}
.workflow-accordion summary::-webkit-details-marker{display:none}
.workflow-example-icon{width:30px;height:30px;color:#aa3918}
.workflow-accordion summary:hover{background:rgba(224,90,38,.06)}
.workflow-accordion summary:focus-visible{outline:3px solid #aa3918;outline-offset:-4px}
.workflow-toggle{position:relative;width:18px;height:18px;color:#aa3918}
.workflow-toggle:before,.workflow-toggle:after{content:'';position:absolute;background:currentColor;left:1px;top:8px;width:16px;height:2px}
.workflow-toggle:after{transform:rotate(90deg)}
.workflow-accordion[open] .workflow-toggle:after{transform:rotate(0)}
.workflow-accordion[open]{border-color:#aa3918}
.workflow-accordion-body{padding:0 60px 24px 70px;line-height:1.65;color:var(--ink,#171d17)}
.workflow-accordion-body p{max-width:760px;margin:0}
.workflow-example-note{font-size:.9rem;max-width:760px;line-height:1.6;margin:18px 0 24px;color:#53584f}
.workflow-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:0}
.workflow-detail-grid dt{font-weight:700;margin-bottom:6px}
.workflow-detail-grid dd{margin:0}
.workflow-teaser .actions{margin-top:24px;flex-wrap:wrap}
@media(max-width:600px){.workflow-accordion summary{padding:18px 16px;gap:12px;grid-template-columns:26px minmax(0,1fr) 18px}.workflow-example-icon{width:26px;height:26px}.workflow-accordion-body{padding:0 18px 22px}.workflow-detail-grid{grid-template-columns:1fr;gap:18px}}

/* Inverted homepage workflow section, scoped to preserve other pages. */
#workflow-ideas .workflow-accordion{background:var(--ink-soft);border-color:var(--dark-line)}
#workflow-ideas .workflow-accordion summary,#workflow-ideas .workflow-accordion-body,#workflow-ideas .text-link{color:var(--paper)}
#workflow-ideas .workflow-example-icon,#workflow-ideas .workflow-toggle{color:var(--accent)}
#workflow-ideas .workflow-example-note{color:rgba(244,242,235,.75)}
#workflow-ideas .workflow-accordion[open]{border-color:var(--accent)}
#workflow-ideas .workflow-accordion summary:focus-visible{outline-color:var(--accent)}
#workflow-ideas .workflow-accordion summary:hover{background:rgba(242,100,48,.1)}