.design-workflow{--wf-footer:88px;--wf-top:194px}.design-workflow .top{height:68px}.design-workflow .tdc-suite-nav{position:relative;top:auto;min-height:50px}.design-workflow .shell{height:calc(100dvh - var(--wf-top) - var(--wf-footer));grid-template-columns:420px minmax(0,1fr)}.design-workflow .panel{padding:20px;scroll-padding-top:16px}.design-workflow .panel h1,.design-workflow .panel h2{font-size:1.35rem;line-height:1.25}.design-workflow .panel label,.design-workflow .panel .muted,.design-workflow .panel .status{font-size:.875rem;line-height:1.5}.design-workflow .panel p{line-height:1.5}.design-workflow .panel .card{padding:20px;margin-bottom:16px}.wf-bar{background:#153d32;color:#fff;padding:12px 20px 0;border-top:1px solid #ffffff20}.wf-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.wf-context>div{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap}.wf-context strong{font-size:1rem;overflow-wrap:anywhere}.wf-context #wfBreadcrumb{font-size:.875rem;color:#e4d8c3}.wf-context button{color:#fff;background:#ffffff18;border:1px solid #ffffff35}.wf-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#bda077}.wf-steps{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}.wf-steps button{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:9px;background:transparent;color:#e4e9e5;border-radius:10px 10px 0 0;border-bottom:3px solid transparent;white-space:nowrap}.wf-steps button span{font-size:.75rem;color:#d3b688}.wf-steps button.active{background:#f4efe3;color:#153d32;border-bottom-color:#c49a62}.wf-steps button.active span{color:#735631}.wf-intro{margin-bottom:20px}.wf-intro h1{font-size:1.9rem!important;margin:6px 0 8px}.wf-intro p{font-size:1rem;color:#66736d;margin-bottom:14px}.wf-card{position:relative}.wf-card>h1,.wf-card>h2{padding-right:84px}.wf-card-toggle{position:absolute;right:14px;top:12px;background:transparent;color:#153d32;padding:8px;font-size:.875rem;border:1px solid #d9d1c3}.card.talus .wf-card-toggle{color:#fff;border-color:#ffffff40}.wf-collapsed>:not(h1):not(h2):not(h3):not(.wf-card-toggle){display:none!important}.wf-collapsed{min-height:70px}.wf-collapsed>h1,.wf-collapsed>h2,.wf-collapsed>h3{margin-bottom:0!important}.wf-footer{position:fixed;bottom:0;left:0;right:0;z-index:1400;background:#fffdf8;border-top:1px solid #d9d1c3;box-shadow:0 -8px 28px #153d3210;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;gap:18px;align-items:center;justify-content:space-between}.wf-save-state{display:grid;gap:3px;min-width:0;flex:1;font-size:.875rem;line-height:1.4}.wf-save-state strong,.wf-save-state span{overflow-wrap:anywhere}.wf-save-state span{color:#66736d}.wf-save-actions{display:flex;gap:8px;flex-shrink:0}.wf-save-actions button{min-height:44px}.wf-save-actions #wfMobileMap,.wf-save-actions #wfMobileWorkflow{display:none}.design-workflow #designExperienceBadge,.design-workflow .pro-nav{display:none!important}.design-workflow [hidden]{display:none!important}.design-workflow .mapwrap{min-height:0}.design-workflow .talus-guide-map-button{top:64px;bottom:auto}.design-workflow .tdc-mobile-controls{display:none!important}@media(min-width:801px){.design-workflow .top .brand small{display:none}.design-workflow .tdc-suite-nav{min-height:0;padding:5px 14px}.design-workflow{--wf-top:210px}.wf-context{margin-bottom:6px}.wf-bar{padding-top:9px}}@media(max-width:1100px) and (min-width:801px){.design-workflow .shell{grid-template-columns:370px minmax(0,1fr)}.wf-save-state{max-width:42%}}@media(max-width:800px){.design-workflow{--wf-footer:150px}.design-workflow .top{height:60px;position:relative}.design-workflow .tdc-suite-nav{min-height:44px;padding:4px 10px}.design-workflow .tdc-suite-nav .guide-workspaces{display:block}.design-workflow .wf-bar{padding:10px 12px 0}.wf-context .wf-eyebrow{display:none}.wf-context>div{gap:3px;display:grid}.wf-context #wfBreadcrumb{font-size:.875rem}.wf-steps button{flex:0 0 auto;min-width:105px;padding:10px 12px}.design-workflow .shell{display:block;height:auto}.design-workflow .panel{display:block;padding:18px 12px calc(var(--wf-footer) + env(safe-area-inset-bottom));border:0}.design-workflow .mapwrap{display:none}.design-workflow[data-workflow-surface=map] .panel{display:none}.design-workflow[data-workflow-surface=map] .mapwrap{display:block;height:calc(100dvh - 204px - var(--wf-footer));min-height:330px}.wf-footer{padding:9px 12px calc(9px + env(safe-area-inset-bottom));display:grid;gap:8px}.wf-save-state{font-size:.75rem;max-height:54px;overflow:auto}.wf-save-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wf-save-actions button{font-size:.875rem;padding:8px 4px}.wf-save-actions #wfMobileMap,.wf-save-actions #wfMobileWorkflow{display:block}.wf-save-actions #wfNext{display:none}.wf-save-actions button[aria-pressed=true]{background:#153d32;color:#fff}.wf-intro{margin-bottom:16px}.design-workflow .talus-guide-map-button{top:auto;bottom:92px}.design-workflow .mapwrap .legend{bottom:160px}.design-workflow .universal-map-dock{bottom:12px}.wf-card-toggle{min-height:44px}.design-workflow .panel .card{padding:18px}}

@media(max-width:800px){.design-workflow .universal-map-dock{position:absolute;left:6px;right:6px;bottom:12px;transform:none}.design-workflow .universal-map-sheet{bottom:calc(var(--wf-footer) + 8px);z-index:1500}.design-workflow .universal-map-toast{bottom:calc(var(--wf-footer) + 10px);z-index:1510}.design-workflow .design-layer-drawer{bottom:calc(var(--wf-footer) + 8px);z-index:1500}.design-workflow .guide-workspace-menu{z-index:1500}}

.design-workflow .tdc-suite-nav{display:none}.design-workflow .guide-workspaces{display:block;font-size:.875rem;padding:8px 12px}.design-workflow .top>div:last-child{gap:8px!important}.design-workflow .guide-workspace-menu{position:fixed;top:70px;right:20px;left:auto;z-index:1500;display:grid;gap:6px;width:260px;background:#fff;border:1px solid #d9d1c3;border-radius:12px;padding:8px;box-shadow:0 12px 30px #0004}.design-workflow .guide-workspace-menu[hidden]{display:none}.design-workflow .guide-workspace-menu a{color:#153d32;text-decoration:none;font-weight:700;padding:10px}.design-workflow .guide-workspace-menu a[aria-disabled=true]{opacity:.4;pointer-events:none}.wf-progress-actions{display:flex;gap:8px;margin:12px 0}.wf-progress-actions button{flex:1;font-size:.875rem}@media(max-width:800px){.design-workflow .top #designExperienceToggle{display:none}.design-workflow .guide-workspace-menu{top:64px;right:10px;left:10px;width:auto}.design-workflow[data-workflow-surface=map] .mapwrap{height:calc(100dvh - var(--wf-top) - var(--wf-footer))}}
.design-workflow .wf-bar{position:sticky;top:0;z-index:1300}

.wf-steps button{position:relative}
.wf-step-state{width:8px;height:8px;border-radius:50%;background:#ffffff45;flex:0 0 auto}
.wf-steps button.complete .wf-step-state{background:#69b783;box-shadow:0 0 0 2px #69b78322}
.wf-steps button.active .wf-step-state{background:#c49a62}
.wf-cockpit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.wf-cockpit-item{min-width:0;padding:10px 11px;border:1px solid #ddd4c5;border-radius:12px;background:#fffdf8}
.wf-cockpit-item span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7973;font-weight:800;margin-bottom:3px}
.wf-cockpit-item strong{display:block;font-size:.82rem;line-height:1.25;color:#153d32;overflow-wrap:anywhere}
.wf-recommended{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #b9cfbf;background:#f5faf6;border-radius:14px;padding:13px 14px;margin:10px 0 16px}
.wf-recommended>div{min-width:0}
.wf-recommended strong{display:block;font-size:1rem;margin:2px 0 3px;color:#153d32}
.wf-recommended p{margin:0;font-size:.82rem!important;color:#52645b!important;line-height:1.4}
.wf-recommended button{flex:0 0 auto;min-width:132px}
.design-workflow .wf-card:not(.wf-collapsed){border-color:#d2c8b7}
.design-workflow .wf-card.wf-collapsed{box-shadow:none;background:#fffdf9}
.design-workflow .wf-card.wf-collapsed h1,.design-workflow .wf-card.wf-collapsed h2,.design-workflow .wf-card.wf-collapsed h3{color:#42564b}
@media(max-width:800px){
 .wf-cockpit{grid-template-columns:1fr 1fr}
 .wf-recommended{align-items:stretch;flex-direction:column}
 .wf-recommended button{width:100%}
 .wf-steps button{min-width:116px}
}
@media(max-width:430px){
 .wf-cockpit{grid-template-columns:1fr 1fr;gap:6px}
 .wf-cockpit-item{padding:8px}
 .wf-save-state span{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
