/* Give the questionnaire the phone screen while keeping Home and form navigation. */
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html[data-theme] .phone-project-open .os-desktop{bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  html[data-theme] .phone-project-open :is(footer.taskbar,.phone-home-indicator){display:none}
  html[data-theme] #projekt .wizard-header{display:none}
  html[data-theme] #projekt .wizard-sidebar{padding:4px 8px}
  html[data-theme] #projekt .wizard-sidebar button{min-height:44px;padding:6px 2px;font-size:11px;line-height:1.2;gap:0}
  html[data-theme] #projekt .wizard-sidebar button>span{display:none}
  html[data-theme] #projekt .wizard-main{padding:18px 16px;scroll-padding-block:16px}
  html[data-theme] #projekt .wizard-main .eyebrow{margin-bottom:6px}
  html[data-theme] #projekt .wizard-main h2{margin-bottom:10px}
  html[data-theme] #projekt .wizard-intro{margin-bottom:18px}
  html[data-theme] #projekt .wizard-field textarea{min-height:168px;font-size:16px;line-height:1.5}
  html[data-theme] #projekt .wizard-field textarea[name=process]{min-height:192px}
  html[data-theme] #projekt footer.wizard-footer{min-height:64px;padding:8px 12px;gap:6px;flex-wrap:nowrap}
  html[data-theme] #projekt #wizard-step-count{font-size:10px;line-height:1.3;max-width:54px;flex-shrink:0}
  html[data-theme] #projekt footer.wizard-footer>div{gap:6px;min-width:0}
  html[data-theme] #projekt .wizard-footer .button{min-height:44px;padding:9px 11px}
  html[data-theme=retro] .phone-project-open .os-desktop{left:6px;right:6px}
}