/* Mobile training keeps the buyer and response together, with thumb-accessible call controls. */
#mobileBuyer{display:none}
@media(max-width:600px){
 .page{padding-left:16px;padding-right:16px}
 input,select,textarea,.field input,.field select{font-size:16px}
 .nav-inner{padding:12px 16px}
 .nav-tools{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .nav-tools a,.nav-tools button,.language-control select{min-height:44px}
 .training-setup{padding:18px}
 .training-headline h2{font-size:26px;line-height:1.15}
 .training-pill{white-space:normal;line-height:1.4}
 .training-grid,.prospect-grid{grid-template-columns:minmax(0,1fr)}
 .practice-choice{gap:8px;margin-bottom:14px}
 .practice-choice>span{flex-basis:100%}
 .practice-choice .purpose-switch{width:100%}
 body[data-practice-self="true"] .practice-front{padding:24px;min-height:300px}
 .practice-front h3{font-size:30px}
 .practice-front p{font-size:15px}
 #revealPractice{width:100%}
 .practice-actions{margin-bottom:8px}
 .call-workspace .say-card{padding:22px;min-height:0}
 .call-workspace .say-copy{font-size:27px;line-height:1.22;overflow-wrap:anywhere}
 .call-workspace .ask-card,.call-workspace .warn-card{padding:20px;min-height:0}
 .guidance-control{width:100%}
 .guidance-mode{flex:1;min-height:44px}
 body.training-mode.live-mode .page{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}
 body.training-mode.live-mode :is(.purpose-wrap,.mode-switch-wrap,#trainingSetup){display:none!important}
 body.training-mode.live-mode .nav-shell{position:static}
 body.training-mode.live-mode .call-workspace{display:flex;flex-direction:column;gap:22px;margin-top:16px}
 body.training-mode.live-mode .live-wrap{order:-1;min-width:0;width:100%}
 body.training-mode.live-mode .live-heading{margin-bottom:14px}
 body.training-mode.live-mode .live-heading h2{font-size:28px;line-height:1.1}
 body.training-mode.live-mode .brain-meta{display:none}
 body.training-mode.live-mode #mobileBuyer{display:block;padding:18px;margin:0 0 16px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:18px;background:var(--surface-solid)}
 #mobileBuyerLabel{font-size:11px;font-weight:700;color:var(--blue);margin-bottom:8px}
 #mobileBuyerText{font-size:17px;line-height:1.5;color:var(--text);overflow-wrap:anywhere}
 body.training-mode.live-mode .callbar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;border:1px solid var(--line);z-index:40;background:var(--surface-solid);gap:8px;box-shadow:0 -6px 24px #00000014}
 body.training-mode.live-mode .call-actions{display:flex;flex-wrap:nowrap;width:100%;gap:10px}
 body.training-mode.live-mode .call-actions :is(#start,#clear){display:none}
 body.training-mode.live-mode .call-actions :is(#stop,#coachNow){flex:1;padding:12px 8px;min-height:46px;white-space:nowrap;font-size:14px}
 body.training-mode.live-mode .call-feedback{display:flex;flex-wrap:nowrap;width:100%;gap:8px}
 body.training-mode.live-mode .call-feedback #status{display:none}
 body.training-mode.live-mode .signal-monitor{min-width:0;flex:1;padding:5px 8px}
 body.training-mode.live-mode .ai-mini{padding:5px 8px;font-size:11px;min-height:30px}
 body.training-mode.live-mode #turnStrip{position:sticky;top:0;z-index:15;margin-top:10px;grid-template-columns:1fr auto;padding:10px 14px;min-height:44px;border-radius:14px;background:var(--surface-solid)}
 body.training-mode.live-mode #turnHint{display:none}
 body.training-mode.live-mode #transcriptPanel{width:100%;padding:20px}
 body.training-mode.live-mode #transcriptFeed{max-height:240px;overflow:auto}
 body.training-mode.live-mode .live-grid{grid-template-columns:minmax(0,1fr)}
 body.training-mode.live-mode #practiceDeck{scroll-margin-top:58px}
 body.training-mode.live-mode .footer{display:none}
}