.guided-flow-teaser{margin:30px 0}.flow-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guided-flow-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.guided-flow-card:hover{border-color:var(--green)}.guided-flow-art{display:flex;align-items:center;justify-content:center;gap:2px;background:#273222;padding:18px 12px;border-bottom:1px solid #3c4931}.guided-flow-art svg{width:27%;height:75px;min-width:0}.guided-flow-art>span{color:var(--green);font-size:.8rem}.guided-flow-art text{display:none}.guided-flow-copy{padding:18px}.guided-flow-copy .eyebrow{font-size:.58rem;margin:0 0 9px}.guided-flow-copy h3{font-size:1rem}.guided-flow-copy p{font-size:.76rem;line-height:1.7;margin:9px 0 18px}.guided-flow-copy>span:last-child{font-size:.72rem;color:var(--green);display:flex;justify-content:space-between}.guided-flow-teaser>.notice{margin-top:16px}.flow-workspace{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px}.flow-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.flow-workspace-head h2{font-size:1.6rem}.flow-workspace-head p{font-size:.9rem;margin-top:8px}.flow-workspace-head>.tag{white-space:nowrap}.flow-step-rail{display:flex;gap:10px;margin-bottom:27px}.flow-step-rail button{flex:1;display:grid;grid-template-columns:32px 1fr;gap:3px 9px;background:#252b22;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left;min-width:0}.flow-step-rail button>span{grid-row:1/3;align-self:center;background:#343e2d;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--green);font-size:.76rem}.flow-step-rail strong{font-size:.8rem;line-height:1.4}.flow-step-rail small{font-size:.67rem;color:var(--muted)}.flow-step-rail button[aria-pressed=true]{border-color:var(--green);background:#35422a}.flow-step-rail button.reviewed>span{background:var(--green);color:#22311a}.flow-stage{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.flow-coach{background:#20271c;border:1px solid #3b4730;border-radius:12px;padding:22px}.flow-main-diagram{height:150px;margin:15px 0}.flow-main-diagram svg{height:100%;width:100%}.flow-coach h3{font-size:1.35rem}.flow-cue{display:block;color:var(--orange);font-size:.85rem;margin:10px 0}.flow-coach>p{font-size:.85rem;line-height:1.8}.flow-bridge{border-top:1px solid #435037;margin-top:22px;padding-top:20px}.flow-bridge>span{font-size:.63rem;letter-spacing:1.5px;color:var(--green)}.flow-bridge p{font-size:.8rem;margin-top:8px}.flow-coach .flow-diagram-note{font-size:.7rem;margin-top:23px}.flow-video{min-width:0}.flow-video .media-section{margin:16px 0 0}.flow-video-actions{display:flex;gap:9px;flex-wrap:wrap}.flow-video-actions .btn{font-size:.8rem;padding:11px 14px}.flow-video-note{font-size:.74rem;margin-top:15px}.flow-next{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.flow-next button{font-size:.83rem}.flow-next>.textlink{white-space:nowrap}.flow-save-note{font-size:.72rem;text-align:right;margin:12px 0 20px}.flow-sources{margin-top:20px;font-size:.8rem;color:var(--muted)}.flow-sources summary{cursor:pointer;color:var(--green)}.flow-sources p{margin:12px 0}.flow-sources a{display:inline-block;margin:0 20px 6px 0;text-decoration:underline}.flow-other{margin-top:36px}.flow-complete{background:#334829;border:1px solid #7e9b60;border-radius:12px;padding:20px;margin-bottom:25px}.flow-complete>b{font-size:1.05rem;color:#e3eed2}.flow-complete p{margin:8px 0 15px;font-size:.85rem}.flow-complete .textlink{font-size:.8rem}.collapsed-chapters{margin-top:15px}.collapsed-chapters>summary{cursor:pointer;color:var(--green);font-size:.8rem;padding:10px 0}.collapsed-chapters .video-chapters{margin-top:5px}
@media(max-width:1150px){.flow-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-stage{grid-template-columns:1fr}.flow-coach{display:grid;grid-template-columns:140px 1fr;gap:5px 20px}.flow-main-diagram{grid-column:1;grid-row:1/6;height:160px;margin:0;align-self:center}.flow-coach>.eyebrow,.flow-coach>h3,.flow-coach>.flow-cue,.flow-coach>p{grid-column:2}.flow-bridge{grid-column:1/-1;margin-top:15px;padding-top:15px}.flow-coach .flow-diagram-note{grid-column:1/-1;margin-top:10px}.flow-step-rail button{padding:11px;grid-template-columns:1fr}.flow-step-rail button>span{grid-row:auto}.flow-step-rail strong{font-size:.74rem}}
@media(max-width:600px){#flow-studio .page-heading{flex-direction:column;align-items:flex-start;gap:12px}.flow-workspace{padding:17px}.flow-workspace-head{align-items:flex-start;flex-direction:column;gap:12px}.flow-workspace-head h2{font-size:1.3rem}.flow-step-rail{gap:5px}.flow-step-rail button{padding:9px 6px;gap:6px}.flow-step-rail button>span{width:25px;height:25px;font-size:.65rem}.flow-step-rail strong{font-size:.65rem}.flow-step-rail small{font-size:.56rem}.flow-coach{grid-template-columns:65px 1fr;padding:15px;gap:4px 13px}.flow-main-diagram{height:90px}.flow-coach h3{font-size:1.1rem}.flow-coach>p{font-size:.77rem}.flow-cue{font-size:.75rem}.flow-coach>.eyebrow{font-size:.6rem}.flow-next{flex-direction:column-reverse;align-items:stretch}.flow-next>.btn{font-size:.77rem}.flow-save-note{text-align:left}.flow-card-grid{gap:10px}.guided-flow-art{padding:12px 6px}.guided-flow-art svg{height:55px}.guided-flow-copy{padding:13px}.guided-flow-copy h3{font-size:.85rem}.guided-flow-copy p{font-size:.66rem}.guided-flow-copy .eyebrow{font-size:.5rem}.guided-flow-copy>span:last-child{font-size:.62rem}.flow-video-actions .btn{font-size:.73rem;padding:10px}.flow-video .media-controls{gap:12px}}
