/* Keep the public dashboard and process interactions together on phones. */
.public-progress-chart .public-chart-mobile,.public-progress-chart .public-chart-key{display:none}
@media(max-width:900px){
 .dashboard-explorer{grid-template-columns:minmax(0,1fr);gap:24px}
 .dashboard-explorer>*,.dashboard-controls,.dashboard-detail,.dashboard-image{min-width:0;max-width:100%;box-sizing:border-box}
 .dashboard-image{width:100%;margin:0}
 .dashboard-explorer .support-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .support-tabs button{min-width:0;max-width:100%;white-space:normal;line-height:1.45;overflow-wrap:break-word}
 .public-progress-chart{width:100%;max-width:100%;box-sizing:border-box;overflow:visible}
 .public-progress-chart svg{min-width:0;max-width:100%;width:100%;height:auto}
 .public-progress-chart .public-chart-wide{display:none}
 .public-progress-chart .public-chart-mobile{display:block}
 .public-progress-chart .public-chart-key{display:grid;gap:10px;margin:10px 0 22px;font:13px/1.4 Arial,sans-serif;color:#073c46}
 .public-chart-key span{display:flex;align-items:center;gap:10px}
 .public-chart-key i{display:block;width:28px;flex:0 0 28px;border-top:3px solid #167987}
 .public-chart-key .key-sleep{border-top-style:dashed;border-top-color:#a96760}
 .public-chart-key .key-baseline{border-top-style:dotted;border-top-color:#8b751c}
}
@media(max-width:760px){
 #work-moves .work-stage{padding:18px;min-width:0}
 #work-moves .work-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:14px;scroll-margin-top:100px}
 #work-moves .work-navigation button{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:7px 3px;font-size:14px;line-height:1.2;white-space:normal}
 #work-moves .work-scene{display:flex;flex-direction:column;gap:0;min-height:0}
 #work-moves .coherence-form{order:0;width:100%;margin:12px 0 0}
 #work-moves .coherence-form svg{display:block;width:100%;height:min(60vw,240px);max-height:240px}
 #work-moves .form-caption{margin:4px 0 12px;font-size:12px}
 #work-moves .work-panel{order:1;width:100%;padding:16px 0 4px}
 #work-moves .work-panel h3{font-size:27px;line-height:1.2}
 #work-moves .work-panel p{margin-top:14px;font-size:15px;line-height:1.65}
}
@media(max-width:900px){
 .public-chart-mobile text{font-size:20px}
 .public-chart-mobile polyline{stroke-width:4px}
}