/* Start Your Design: touch-first chapters and board review. */
@media(max-width:1000px){
 html{scroll-padding-bottom:110px}body{height:auto;overflow:visible}
 header{height:auto;min-height:88px;padding:12px 5%}
 header .stq-home img{width:150px!important;max-height:64px!important}
 main{height:auto;padding:24px 5% 130px}
 .chapters{overflow-x:auto;flex-wrap:nowrap;gap:22px;margin-bottom:28px;padding:8px 0 14px;scrollbar-width:thin}
 .chapters span{flex:0 0 auto;white-space:nowrap;font-size:14px!important}
 .stage,.project-screen,.life-stage,.taste-stage,.taste-flow,.brief-stage,.contact-stage,.architecture-stage{grid-template-columns:minmax(0,1fr)!important;gap:30px;min-height:0;overflow:visible}
 .stage>div{min-width:0;max-width:100%;overflow:visible;padding-right:0}
 .stage h1,.life-stage h1,.taste-stage h1{font-size:clamp(34px,7vw,48px);line-height:1.12;letter-spacing:-.04em}
 .stage p{font-size:16px;line-height:1.6}
 input,select,textarea{font-size:16px!important;min-height:48px}
 input[type=checkbox],input[type=radio]{min-height:0}
 button,a,input,select,textarea{touch-action:manipulation}
 button{min-height:44px}.actions{left:0;right:0;padding:12px 5% max(12px,env(safe-area-inset-bottom));gap:14px;border-top:1px solid #ccc;box-shadow:0 -4px 20px #00000008}
 .actions .count{display:none}.actions .back{flex-shrink:0;font-size:16px;min-height:48px}
 .actions .primary{padding:14px 18px;min-height:48px;font-size:15px;gap:10px;margin:0;max-width:75%;white-space:normal;text-align:center;justify-content:center}
 .stage [data-next]{max-width:100%;min-width:0!important}
 .live-drawing,.life-study{position:static;width:100%;max-height:none}
 .study-pair{grid-template-columns:minmax(0,1fr);gap:18px}.study-pair .volume-row{justify-content:center}
 .life-study .study-pair #plot-svg,.life-study #plot-svg{height:auto;min-height:260px;max-height:460px;width:100%}
 .taste-grid,.material-options,.architecture-options,.exterior-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.taste-active .taste-card{grid-template-rows:auto auto auto;gap:8px}
 body.taste-active .taste-label{font-size:18px;min-height:0;height:auto;line-height:1.3}
 body.taste-active .taste-desc{font-size:14px;line-height:1.5;min-height:0;height:auto}
 body.taste-active .material-option{grid-template-rows:auto auto auto;min-width:0}
 body.taste-active .material-option img{height:auto!important;aspect-ratio:2/3;object-fit:cover;width:100%}
 .material-option strong,.material-option span,.exterior-material-grid span{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
 .palette-option{min-height:90px}.palette-option strong{font-size:17px!important}
 .composition-slot .composition-images,.contact-composition-slot .composition-images{height:220px}
 .spatial-pair,.architecture-stage .spatial-pair,.architecture-board .spatial-pair{grid-template-columns:minmax(0,1fr)!important;gap:26px}
 .spatial-pair svg{width:100%;height:auto;max-height:420px}
 .elevation-with-finishes{grid-template-columns:minmax(0,1fr)}
 .finish-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .finish-column figure{margin:0;min-width:0}.finish-column img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
 .finish-column figcaption{font-size:14px;line-height:1.4}
 .direction-board{min-height:0;padding-block:24px}.direction-board h2{font-size:24px}
 .contact-fields{grid-template-columns:minmax(0,1fr)}.contact-fields label,.contact-message{font-size:16px}
 .stq-consent{font-size:14px;line-height:1.6}.stq-consent input{width:22px;height:22px}
 #submit-design,#download-brief,#preview-boards{width:100%;justify-content:center;font-size:16px;min-height:48px;gap:10px}
 #board-preview{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overscroll-behavior:contain}
 .preview-toolbar{padding:14px 16px;gap:12px;flex-wrap:wrap}
 .preview-toolbar h2{flex:1 0 100%;font-size:18px}
 .preview-toolbar button{font-size:14px;min-height:46px;padding:12px}
 #save-all-boards{flex:1}#close-boards{flex:0 0 auto}
 .pdf-page-preview{margin:16px 12px 28px}.pdf-page-preview button{font-size:14px;width:100%;min-height:48px}
 #board-progress{font-size:14px;margin:16px}.brief-visual{overflow:visible!important}
 footer{padding-bottom:110px;gap:16px;flex-wrap:wrap;font-size:12px}
}
@media(max-width:360px){.taste-grid{grid-template-columns:minmax(0,1fr)!important}.actions .primary{font-size:14px;padding-inline:10px}.preview-toolbar{gap:8px;padding-inline:12px}}