/* Happy Medium: the work moves, the writing surface stays steady. */
.shell .brainstorm{--board-surface:#e9ede5}
.shell .pipeline-board-hint{font-size:13px;line-height:1.6;color:#68735f;margin-bottom:18px}
.hm-pipeline-map{display:flex;gap:7px;max-width:100%;overflow-x:auto;margin:0 0 22px;padding:2px 2px 8px;scrollbar-width:thin}
.hm-pipeline-map button{display:flex;align-items:center;gap:8px;flex:1 0 auto;border:1px solid #d9e0d1;border-radius:30px;padding:10px 14px;min-height:44px;background:#f8f9f2;color:#4a5a40;font:650 11px var(--sans);cursor:pointer;transition:background .18s,transform .25s var(--hm-spring)}
.hm-pipeline-map .hm-icon{width:17px;height:17px}.hm-pipeline-map b{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#e3eadb;font-size:11px}
.hm-pipeline-map button:hover{background:#dce7d2;transform:translateY(-2px)}
.shell .brain-columns{gap:18px;padding:4px 2px 20px;scroll-padding-inline:3px;align-items:stretch;scrollbar-color:#b3c1a8 #e8ede1}
.shell .brain-column{padding:14px;min-height:380px;height:auto;border:1px solid #dbe2d2;border-radius:26px;background:#e9ede4;overflow:visible}
.shell .brain-column>header{padding:5px 3px 18px;gap:10px;border:0}
.shell .brain-column h2{font:750 15px/1.2 var(--sans);letter-spacing:-.045em;color:#384b2d}
.hm-lane-symbol{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#d5dfcb;border-radius:12px;color:#4b653b}
.hm-lane-symbol .hm-icon{width:20px;height:20px}
.shell .brain-column:nth-child(2n) .hm-lane-symbol{border-radius:50%;background:#31442c;color:#f1f4e6}
.shell .brain-column>header .hm-lane-count{font:750 28px/1 var(--sans);color:#9fab91;letter-spacing:-.07em;margin-left:auto}
.shell .brain-column[data-brain-stage=review]{background:#e7eae3}.shell .brain-column[data-brain-stage=approved]{background:#e1e9d9}
.shell .brain-card{position:relative;padding:18px;margin-bottom:12px;border:1px solid #d9e1d1;border-radius:19px;background:#fffefa;box-shadow:0 3px 0 #d5decd;transition:border-color .18s,box-shadow .18s,transform .25s var(--hm-spring)}
.shell .brain-card-heading{gap:10px;align-items:flex-start}
.shell .brain-card-title{font:750 15px/1.45 var(--sans);letter-spacing:-.025em;padding:0;color:#2b3a24;min-height:38px}
.hm-card-format{display:flex;align-items:center;gap:6px;padding-right:30px;margin:0 0 13px;color:#77836c;font:650 10px/1 var(--sans);letter-spacing:.055em;text-transform:uppercase}
.hm-card-format .hm-icon{width:15px;height:15px;color:#627853}
.shell .brain-card .hm-card-menu{position:absolute;right:10px;top:8px;width:36px;min-height:36px;padding:8px;background:transparent!important;color:#7a8970}
.shell .brain-card p{color:#6a785f;font-size:12px;line-height:1.65;margin:10px 0 0;-webkit-line-clamp:2}
.shell .brain-card .brain-card-meta{max-height:none;display:flex;flex-wrap:wrap;gap:5px;margin:16px 0 0;padding-top:12px;border-top:1px solid #e9eddf;white-space:normal;overflow:visible}
.shell .brain-card .brain-card-meta span{font:500 10px/1.5 var(--sans);white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;padding:3px 7px;border-radius:7px;color:#6c7a62;background:#eef2e7}
.shell .brain-empty{display:grid;justify-items:start;gap:18px;padding:27px 18px;border:1px dashed #cbd7c0;border-radius:19px;margin:0;color:#75856a}
.shell .brain-empty p{font-size:12px;line-height:1.6;margin:0;max-width:150px}
.hm-lane-placeholder{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;color:#9daf90;background:#dfe7d7;transform:rotate(-10deg)}
.hm-lane-placeholder .hm-icon{width:25px;height:25px}
@media(hover:hover){.shell .brain-card:hover{transform:translateY(-3px);box-shadow:0 6px 0 #d0dcc5;border-color:#a0b78b}.shell .brain-column:hover .hm-lane-symbol{transform:rotate(-6deg)}.hm-lane-symbol{transition:transform .3s var(--hm-spring)}}
.shell .brain-card:focus-within{border-color:#7b9666}.shell .brain-column:has(.brain-card:active){outline:none}
/* Detail boxes use the same materials as cards; status still carries semantic color. */
#modal .task-detail-header{align-items:flex-start;gap:16px;margin-bottom:12px}
#modal .task-detail-header h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.055em;overflow-wrap:anywhere}
#modal .task-detail-audience{font-size:12px;color:#76816b;line-height:1.6}
#modal :is(.pipeline-stage-control,.pipeline-conversation,.task-writing,.task-detail-notes,.pipeline-production-upload,.pipeline-file,.pipeline-deliverable,.pipeline-slide){background:#f1f4ea;border:1px solid #dbe4d0;border-radius:19px;box-shadow:none;color:#425535}
#modal .pipeline-stage-control{padding:15px 12px;margin:20px 0}
#modal .pipeline-stage-heading{position:static;width:auto;height:auto;margin:0 5px 10px;clip:auto;overflow:visible;white-space:normal;display:flex;gap:12px;align-items:center}
#modal .pipeline-stage-heading strong{font-size:12px;color:#486436}
#modal .pipeline-detail-layout{gap:22px;grid-template-columns:minmax(0,1fr) 290px}
#modal .pipeline-conversation{padding:20px;background:#e9efdf}
#modal .pipeline-conversation h3{font-size:19px;letter-spacing:-.045em}
#modal .pipeline-conversation :is(p,time),#modal .pipeline-files header p{color:#6b7b5e}
#modal .pipeline-conversation textarea,#modal .task-subtask-add input{background:#fffefa;color:#354a2b;border:1px solid #cddbbe;border-radius:12px;padding:12px;font:14px/1.6 var(--sans)}
#modal .pipeline-section-tabs{background:#e3ebd8;border-color:#d4e0c6;border-radius:14px;box-shadow:none;padding:4px;margin-bottom:18px}
#modal .pipeline-section-tabs .btn{min-height:42px;background:transparent!important;font-size:12px;color:#677b56}
#modal .pipeline-section-tabs .btn[aria-pressed=true]{background:#d0dfc0!important;color:#365128!important}
#modal .task-detail-notes{padding:20px}#modal .task-detail-notes p{line-height:1.7;font-size:14px;color:#637356;white-space:pre-wrap}
#modal .pipeline-production-upload{padding:22px;background:#edf2e5}
#modal .pipeline-production-upload header p{color:#667954}#modal .pipeline-production-upload .file-dropzone{background:#f7faf0;border-color:#afc29d}
#modal .pipeline-file-preview{background:#e4ecd9}.pipeline-file-symbol{color:#7b9169}
#modal .pipeline-slide{background:#eef3e5}#modal .pipeline-slide-number{background:#526b40;color:#f7faec;border-radius:16px;box-shadow:none;font-family:var(--sans)}
#modal .pipeline-approved{background:#e0edd4;color:#3d632c}
#modal .task-subtask-check.is-done{background:#456c32;border-color:#456c32}
#modal .workflow-progress .progress-node{background:#dde6d4;border-color:#f1f4ea;box-shadow:none}
#modal .workflow-progress .progress-core{background:#dde6d4;box-shadow:none}
#modal .workflow-progress :is(.is-current,.is-past) .progress-core{background:var(--step-color);box-shadow:none}
#modal .workflow-progress .is-current .progress-node:before{box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color) 25%,transparent);animation:none}
#modal .workflow-progress>li:before{background:#d1dfc5}#modal .workflow-progress>li:after{background:var(--step-color);animation-duration:180ms;animation-delay:0ms}
#modal .workflow-progress :is(.progress-core,.progress-node){animation-delay:0ms;animation-duration:240ms}
#modal .workflow-progress .is-current .progress-core:after{box-shadow:none}
#modal .workflow-progress>li{color:#738365}#modal .workflow-progress>.is-current{color:#354e2a}
/* Fit the task: quick dialogs stay compact; editing workspaces get room. */
dialog#modal[open]{display:flex;flex-direction:column;height:fit-content;max-height:calc(100dvh - 64px);overflow:hidden}
#modal>.modal-head{flex:none;position:relative;padding:18px 24px}
#modal>.modal-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:18px;padding:24px}
#modal .modal-head .close{width:44px;height:44px;background:#e8eee0;flex:none}
#modal:has(.task-detail) .modal-content{padding:24px}
#modal:has(#pipeline-create-form) .modal-content{overflow:hidden;padding:0}
#modal:has(#pipeline-create-form){max-height:calc(100dvh - 64px)}
#modal:has(#pipeline-create-form) #pipeline-create-form{max-height:calc(100dvh - 145px)}
#modal:has(.pipeline-detail-layout){width:min(1160px,calc(100vw - 64px))}
#modal .pipeline-type-picker{margin-bottom:22px}
#modal .pipeline-type-picker label{padding:15px 8px;gap:10px}
#modal .pipeline-type-art{width:48px;height:48px}
#modal .pipeline-type-art svg{width:27px;height:27px}
/* A typographic opening, then small graphic cues on each contextual guide. */
.hm-welcome-composition{height:145px;position:relative;margin:3px 0 22px;isolation:isolate}
.hm-welcome-composition>span{position:relative;display:block;font:800 62px/.94 var(--sans);letter-spacing:-.075em;color:#283124;z-index:1}
.hm-welcome-composition>span:nth-child(2){margin-left:48px}
.hm-welcome-composition i{position:absolute;width:58px;height:20px;background:#a9bc98;border-radius:40px;right:30px;top:20px;transform:rotate(-20deg);animation:hm-welcome-settle .85s var(--hm-spring) both}
.hm-welcome-composition i:nth-of-type(2){width:28px;height:28px;top:99px;right:0;background:#d4dfc8;animation-delay:.08s}
.hm-welcome-composition i:nth-of-type(3){width:21px;height:57px;right:auto;left:4px;top:76px;background:#dce4d4;transform:rotate(18deg);animation-delay:.16s}
.workspace-tour .tour-welcome-screen h2{font-size:24px;letter-spacing:-.045em;line-height:1.18;max-width:370px}
.workspace-tour .tour-welcome-screen .tour-hello{font-size:14px;margin-bottom:7px;color:#718365}
.workspace-tour .tour-welcome-screen #tour-description{margin-top:16px}
.workspace-tour .tour-welcome-screen #tour-description p{font-size:16px;line-height:1.65}
.workspace-tour .tour-welcome-screen #tour-description p+p{font-size:14px;color:#6e7f62}
.hm-guide-art{display:flex;align-items:center;gap:8px;height:50px;margin:4px 0 18px;pointer-events:none;overflow:hidden}
.hm-guide-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#30432a;color:#eff4e6;animation:hm-guide-pop .5s var(--hm-spring) both}
.hm-guide-symbol svg{width:26px;height:26px}
.hm-guide-capsule{display:block;width:16px;height:38px;background:#b4c5a3;border-radius:30px;transform:rotate(-15deg);animation:hm-guide-pop .5s .05s var(--hm-spring) both}
.hm-guide-dot{width:16px;height:16px;background:#7d9768;border-radius:50%;animation:hm-guide-pop .5s .1s var(--hm-spring) both}
.hm-guide-line{width:58px;height:14px;background:#dde7d2;border-radius:30px;animation:hm-guide-pop .5s .15s var(--hm-spring) both}
.workspace-tour .tour-compact .tour-body{padding-top:10px}
.workspace-tour .tour-compact h2{font:800 27px/1.14 var(--sans);letter-spacing:-.05em;color:#2f4026}
.workspace-tour li{font-size:15px;line-height:1.55;color:#55634a}
.workspace-tour .tour-top>span,.workspace-tour .tour-eyebrow{color:#6c7d5f;font-size:10px;letter-spacing:.09em}
.workspace-tour .tour-top button{background:#e8eee1;color:#536847;border-radius:50%}
.workspace-tour .tour-progress{height:5px;background:#e6ecdf;border-radius:20px}.workspace-tour .tour-progress i{background:#6d8858;border-radius:20px}
.workspace-tour .tour-footer{background:#f1f4ea;border-color:#e0e7d7}
.workspace-tour .tour-controls button{font-family:var(--sans);color:#647855}
.workspace-tour .tour-journey{padding:12px;background:#e8efde;border:1px solid #d9e4ce;border-radius:14px}
.workspace-tour .tour-journey :is(strong,span){color:#526b40;font-size:12px}.workspace-tour .tour-journey button{background:#d7e4ca;color:#405c30;border-radius:10px;min-height:40px}
.workspace-tour .tour-ring{border:2px solid #a7ba94;box-shadow:none}
@keyframes hm-guide-pop{from{opacity:0;transform:translateY(12px) scale(.75)}to{opacity:1}}
@keyframes hm-welcome-settle{from{opacity:0;translate:0 20px;scale:.8}to{opacity:1;translate:0 0;scale:1}}
@media(max-width:700px){
 .shell .brain-heading{gap:16px;margin-bottom:20px}.shell .brain-heading .btn{width:auto;align-self:flex-start}
 .shell .brain-toolbar{margin-bottom:15px;gap:8px}.shell .pipeline-format-tabs{margin-bottom:12px}
 .shell .pipeline-board-hint{font-size:12px;margin-bottom:12px}
 .hm-pipeline-map{gap:6px;margin-bottom:12px}.hm-pipeline-map button{padding:8px 11px;font-size:11px}.hm-pipeline-map .hm-icon{width:15px;height:15px}
 .shell .brain-columns{grid-template-columns:repeat(var(--pipeline-columns,7),minmax(255px,80vw));gap:12px;scroll-snap-type:x proximity}
 .shell .brain-column{min-height:300px;padding:12px;border-radius:23px}.shell .brain-card{padding:17px}
 #modal .pipeline-detail-layout{grid-template-columns:minmax(0,1fr);gap:20px}.pipeline-conversation{position:static!important}
 #modal .pipeline-section-tabs{position:sticky;top:-16px;z-index:3;flex-wrap:nowrap;overflow:auto;padding:5px}
 #modal .workflow-progress>li{min-width:78px}#modal .workflow-progress{scroll-snap-type:x proximity;padding-bottom:10px}
 #modal .task-detail-header{flex-wrap:wrap}#modal .task-detail-header h2{font-size:27px}
}
@media(max-width:680px){
 dialog#modal[open]{width:calc(100vw - 36px);max-height:calc(100dvh - 100px);margin:auto;border-radius:24px}
 #modal>.modal-head{padding:13px 16px}#modal .modal-head h2{font-size:20px}
 #modal>.modal-content{padding:18px;scroll-padding-block:18px}
 #modal:has(#pipeline-create-form){width:calc(100vw - 24px);max-height:calc(100dvh - 72px)}
 #modal:has(#pipeline-create-form) #pipeline-create-form{max-height:calc(100dvh - 146px)}
 #modal .pipeline-type-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #modal .pipeline-type-picker label{border-radius:14px;padding:12px 4px;gap:8px}
 #modal .pipeline-type-picker strong{font-size:10px;white-space:normal;text-align:center}
 #modal .pipeline-type-art{width:35px;height:35px;border-radius:11px}#modal .pipeline-type-art svg{width:21px;height:21px}
 #modal .pipeline-type-picker i{width:15px;height:15px;font-size:10px;line-height:15px;top:3px;right:3px}
 #modal .pipeline-type-picker legend{font-size:13px;margin-bottom:12px}
 #modal .pipeline-create-fields{padding:16px}.pipeline-create-footer p{font-size:10px!important}
 #modal:has(.pipeline-detail-layout),#modal:has(.voiceover-editor){width:100vw!important;max-width:none;height:100dvh;max-height:100dvh!important;margin:0;border-radius:0;border:0}
 #modal:has(.pipeline-detail-layout)>.modal-head,#modal:has(.voiceover-editor)>.modal-head{padding-top:max(12px,env(safe-area-inset-top))}
 #modal:has(.pipeline-detail-layout)>.modal-content,#modal:has(.voiceover-editor)>.modal-content{padding:16px 16px max(24px,env(safe-area-inset-bottom))}
 .workspace-tour .tour-welcome-screen{width:calc(100vw - 40px);border-radius:26px}
 .workspace-tour .tour-welcome-body{padding:8px 24px 0}.workspace-tour .tour-welcome-screen .tour-top{padding:10px 18px 0}
 .hm-welcome-composition{height:122px;margin-bottom:16px}.hm-welcome-composition>span{font-size:clamp(42px,13vw,56px)}.hm-welcome-composition>span:nth-child(2){margin-left:28px}
 .hm-welcome-composition i{width:40px;height:15px;right:8px;top:8px}.hm-welcome-composition i:nth-of-type(2){width:22px;height:22px;top:97px}.hm-welcome-composition i:nth-of-type(3){width:13px;height:36px;top:64px;left:1px}
 .workspace-tour .tour-welcome-screen h2{font-size:21px}.workspace-tour .tour-welcome-screen #tour-description p{font-size:15px}.workspace-tour .tour-welcome-screen #tour-description p+p{font-size:13px}
 .workspace-tour .tour-welcome-footer{padding:18px 24px}.workspace-tour .tour-welcome-footer>p{margin-top:16px;padding-top:13px;font-size:9px}
 .workspace-tour .tour-welcome-footer .tour-controls{gap:8px}.workspace-tour .tour-welcome-footer .tour-next{font-size:14px;min-height:46px;padding:11px 15px}.workspace-tour .tour-welcome-footer .tour-explore{font-size:12px}
 .workspace-tour .tour-compact:not(.tour-welcome-screen) .tour-inner{display:flex;flex-direction:column;height:100%;min-height:0}
 .workspace-tour .tour-compact:not(.tour-welcome-screen) .tour-top,.workspace-tour .tour-compact:not(.tour-welcome-screen) .tour-footer{position:static;flex:none}
 .workspace-tour .tour-compact:not(.tour-welcome-screen) .tour-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:8px 20px 0;flex:1}
 .workspace-tour .tour-compact:not(.tour-welcome-screen) h2{font-size:23px;line-height:1.15}
 .workspace-tour .tour-compact li{font-size:14px;line-height:1.5}.workspace-tour .tour-compact ul{gap:10px;margin-top:12px}
 .workspace-tour .tour-compact:not(.tour-welcome-screen) .tour-footer{padding:12px 16px;margin-top:12px}
 .workspace-tour .tour-chapter-progress{font-size:10px}.workspace-tour .tour-controls button,.workspace-tour .tour-controls .tour-explore{font-size:12px;min-height:44px}
 .hm-guide-art{height:32px;margin:0 0 12px;gap:6px}.hm-guide-symbol{width:30px;height:30px;border-radius:10px}.hm-guide-symbol svg{width:18px;height:18px}.hm-guide-capsule{width:12px;height:27px}.hm-guide-dot{width:12px;height:12px}.hm-guide-line{width:40px;height:10px}
}
@media(max-height:600px){dialog#modal[open]{max-height:calc(100dvh - 24px)}#modal:has(#pipeline-create-form){max-height:calc(100dvh - 24px)}#modal:has(#pipeline-create-form) #pipeline-create-form{max-height:calc(100dvh - 96px)}.hm-welcome-composition{height:84px}.hm-welcome-composition>span{font-size:42px}.hm-welcome-composition i{display:none}.workspace-tour .tour-welcome-screen #tour-description{margin-top:10px}.workspace-tour .tour-welcome-footer>p{display:none}.workspace-tour .tour-compact:not(.tour-welcome-screen) .hm-guide-art{display:none}}
@media(prefers-reduced-motion:reduce){.hm-guide-art>span,.hm-welcome-composition i{animation:none!important}.hm-pipeline-map button,.shell .brain-card,.hm-lane-symbol{transition:none!important;transform:none!important}}
/* Capsule checkpoints, rather than glowing beads. Labels carry stage meaning. */
:is(.shell,#modal) .workflow-progress .progress-node{width:38px;height:32px;border-radius:13px;border:0;background:#dde6d4;box-shadow:none}
:is(.shell,#modal) .workflow-progress .progress-core{position:static;width:100%;height:100%;border-radius:inherit;background:#dde6d4;color:#879b76;box-shadow:none}
:is(.shell,#modal) .workflow-progress .progress-core .hm-icon{width:18px;height:18px}
:is(.shell,#modal) .workflow-progress .is-current .progress-core{background:#30462a;color:#f1f7e8;box-shadow:none}
:is(.shell,#modal) .workflow-progress .is-past .progress-core{background:#adc497;color:#304d23;box-shadow:none}
:is(.shell,#modal) .workflow-progress .is-current .progress-node::before{inset:-4px;border-radius:17px;box-shadow:0 0 0 1px #9db58a;animation:none}
:is(.shell,#modal) .workflow-progress .is-current .progress-core::after{display:none}
:is(.shell,#modal) .workflow-progress>li::before{background:#dbe4d1;top:15px}
:is(.shell,#modal) .workflow-progress>li::after{background:#a9c492;top:15px}
#modal .task-detail-header .pipeline-next{min-height:44px}
#modal .task-writing :is(textarea,input){background:#fffefa;border-color:#d1dec5;color:#3e5333}
#modal .file-dropzone :is(strong,u){color:#466237}
.hm-dialog-notice{flex:none;padding:13px 20px;background:#dce9d1;color:#355329;border-bottom:1px solid #bfceaF;font:600 13px/1.5 var(--sans);max-height:85px;overflow:auto}
.hm-dialog-notice[hidden]{display:none!important}
@media(max-width:680px){dialog#modal[open]:has(.pipeline-detail-layout),dialog#modal[open]:has(.voiceover-editor){height:100dvh;border-radius:0!important}}

.shell .brain-card .brain-card-meta>span+span::before{content:none}

/* Stage colors are navigation: preserve their meaning throughout the pipeline. */
.shell .brain-column[data-brain-stage]{background:color-mix(in srgb,var(--stage-color) 16%,#faf9f4);border-color:color-mix(in srgb,var(--stage-color) 27%,#e5e6df)}
.shell .brain-column[data-brain-stage] .hm-lane-symbol{background:var(--stage-color);color:#fff}
.shell .brain-column h2,.shell .brain-column>header .hm-lane-count{color:color-mix(in srgb,var(--stage-color) 65%,#24252a)}
.hm-pipeline-map button{background:color-mix(in srgb,var(--stage-color) 12%,#fffefa);border-color:color-mix(in srgb,var(--stage-color) 30%,#e8e5df);color:color-mix(in srgb,var(--stage-color) 60%,#25262a)}
.hm-pipeline-map button:hover{background:color-mix(in srgb,var(--stage-color) 23%,#fffefa)}
.hm-pipeline-map b{background:color-mix(in srgb,var(--stage-color) 20%,#fffefa)}
.shell .brain-card{border-color:color-mix(in srgb,var(--stage-color) 30%,#e9e7e0);box-shadow:inset 0 3px 0 var(--stage-color),0 3px 0 color-mix(in srgb,var(--stage-color) 21%,#e6e7df)}
.shell .brain-card .hm-card-format,.shell .brain-card .hm-card-format .hm-icon{color:color-mix(in srgb,var(--stage-color) 65%,#323238)}
.shell .brain-card:focus-within{border-color:var(--stage-color)}
.shell .brain-empty{border-color:color-mix(in srgb,var(--stage-color) 30%,transparent)}
.shell .hm-lane-placeholder{background:color-mix(in srgb,var(--stage-color) 20%,#faf9f4);color:color-mix(in srgb,var(--stage-color) 75%,#343438)}
@media(hover:hover){.shell .brain-card:hover{border-color:var(--stage-color);box-shadow:inset 0 3px 0 var(--stage-color),0 6px 0 color-mix(in srgb,var(--stage-color) 25%,#e6e7df)}}
#modal .pipeline-stage-control{background:color-mix(in srgb,var(--stage-color) 8%,#fffefa);border-color:color-mix(in srgb,var(--stage-color) 28%,#e7e5df)}
#modal .pipeline-stage-heading strong{color:color-mix(in srgb,var(--stage-color) 65%,#24252a)}
:is(.shell,#modal) .workflow-progress .progress-node,:is(.shell,#modal) .workflow-progress .progress-core{background:color-mix(in srgb,var(--step-color) 16%,#fffefa);color:color-mix(in srgb,var(--step-color) 70%,#292b31)}
:is(.shell,#modal) .workflow-progress .is-past .progress-core{background:color-mix(in srgb,var(--step-color) 32%,#fffefa);color:color-mix(in srgb,var(--step-color) 60%,#202229)}
:is(.shell,#modal) .workflow-progress .is-current .progress-core{background:var(--step-color);color:#fff}
:is(.shell,#modal) .workflow-progress .is-current .progress-node::before{box-shadow:0 0 0 2px color-mix(in srgb,var(--step-color) 65%,transparent)}
:is(.shell,#modal) .workflow-progress>li::before{background:color-mix(in srgb,var(--step-color) 22%,#e8e7e0)}
:is(.shell,#modal) .workflow-progress>li::after{background:linear-gradient(90deg,var(--previous-color),var(--step-color))}
:is(.shell,#modal) .workflow-progress>.is-current{color:color-mix(in srgb,var(--step-color) 60%,#202229)}

/* One short prompt per guide, with clear space around the next action. */
.workspace-tour .tour-prompt{font:400 16px/1.55 var(--sans);color:#475140;margin:14px 0 6px;max-width:36ch}
.workspace-tour .tour-footer .tour-progress{margin:0 0 12px}
.workspace-tour .tour-welcome-footer{padding-top:20px}
@media(max-width:680px){.workspace-tour .tour-prompt{font-size:16px;line-height:1.5;margin-top:12px}.workspace-tour .tour-welcome-footer{padding-top:18px}}

.workspace-tour .tour-body>.tour-visual{margin:18px 0 0;width:100%;flex:none}

@media(max-height:600px){.workspace-tour .tour-compact .tour-visual{display:none!important}}