/* V3.4.6.1: stacked/mobile guidance is inline, never a floating layer. */
.workspace .compact-guidance-toggle,.workspace .compact-step{display:none}
@media(max-width:999px){
 .workspace .control-guidance{position:static;top:auto;z-index:auto;padding:10px;margin-bottom:0;overflow:visible}
 .workspace .compact-guidance-toggle{display:block;min-height:44px;width:100%;margin:5px 0 0;background:transparent;color:#d5dfc9;border-color:#617352;font-size:12px;white-space:normal}
 .workspace .control-guidance:not(.guidance-expanded) .beginner-recommendation,.workspace .control-guidance:not(.guidance-expanded) #beginner-start,.workspace .control-guidance:not(.guidance-expanded) .next-action-label,.workspace .control-guidance:not(.guidance-expanded) #current-step-title,.workspace .control-guidance:not(.guidance-expanded) #current-instruction{display:none}
 .workspace .control-guidance:not(.guidance-expanded) .compact-step{display:block}
 .workspace .compact-step strong{display:block;font-size:13px;line-height:1.4;font-weight:650;color:var(--lime)}
 .workspace .compact-step p{font-size:13px;line-height:1.5;margin:5px 0 0;color:var(--text);overflow-wrap:anywhere}
 .workspace .control-guidance .guidance-mode{margin:0;gap:6px}
 .workspace .control-guidance .guidance-mode #mode-follow{flex:2 1 0;min-width:0;line-height:1.4;font-size:12px;padding:7px}
 .workspace .control-guidance .guidance-mode #mode-edit{flex:1 1 0;min-width:0;line-height:1.4;font-size:12px;padding:7px}
 .workspace .control-guidance .next-action{margin-top:10px;gap:6px}
 .workspace .control-guidance #show-control{margin:0;min-height:36px;padding:6px 0}
 .workspace .control-guidance.guidance-expanded .compact-step{display:none}
 /* These are normal document-flow sections too, including while expanded. */
 .workspace .guide-reference{position:static;z-index:auto}
}