.workflow-explainer{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:22px}
#approach>.flow{grid-template-columns:repeat(5,minmax(0,1fr))}
.workflow-video-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px}
.workflow-video-copy>p{font-size:14px;line-height:1.7;color:var(--muted)}
.workflow-stages{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 14px}
.workflow-stages span{font-size:11px;line-height:1.5;padding:5px 9px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--soft)}
.workflow-video-copy .workflow-scenario-note{font-size:11px;line-height:1.6;margin-top:15px;margin-bottom:0}
.workflow-video-wrap{min-width:0}
.workflow-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#232326;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.workflow-video::cue{background:rgba(35,35,38,.97);color:#fff;font-family:system-ui,sans-serif}
.workflow-video-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}
.workflow-video-meta a{color:var(--accent);font-weight:600;white-space:nowrap}
.workflow-transcript{border-top:1px solid var(--line);margin-top:15px;font-size:12px;color:var(--muted)}
.workflow-transcript summary{cursor:pointer;font-weight:650;color:var(--ink);padding:13px 0;min-height:44px}
.workflow-transcript h4{font-size:12px;margin:12px 0 4px;color:var(--ink)}
.workflow-transcript p{font-size:12px;line-height:1.7;margin:0 0 12px}
@media(max-width:1000px){.workflow-explainer{grid-template-columns:1fr 1.25fr;gap:22px;padding:22px}.workflow-video-copy h3{font-size:22px}#approach>.flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.workflow-explainer{grid-template-columns:1fr;gap:22px;padding:20px}.workflow-video-copy h3{font-size:23px}.workflow-video-copy .workflow-scenario-note{margin-top:10px}}
@media(max-width:420px){#approach>.flow{grid-template-columns:1fr}}
@media print{.workflow-video{display:none}.workflow-explainer{grid-template-columns:1fr}.workflow-video-meta a{display:none}}
