/* Responsive refinement: content width, touch targets and reading hierarchy. */
.workspace,.times-layout>*,.form-grid>*,.coordinate-settings,.reading-page,.guide-reading,.presence-feature{min-width:0}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid input,.form-grid select,.field input,.field select{min-width:0;max-width:100%;width:100%}
.guided-lesson>details>summary,.school-help>summary,.practice-support>summary,.coordinate-settings>summary,.reset-progress>summary,#times-form details>summary{min-height:44px;padding-block:10px;line-height:1.6;cursor:pointer}
.phrase-tools button,.text-button,#practice-source{min-height:44px;font-size:14px}
.continuous-choice{min-height:44px;cursor:pointer}
.language-controls{display:flex;flex-wrap:wrap;gap:4px 12px;min-width:0}
.language-controls button{margin-right:0;min-height:44px;white-space:nowrap}
.learning-heading h1{margin:8px 0 0}
.guided-lesson .lesson-outcome{align-items:flex-start}
.guide-prose,.heart-reading,.reading-page .article{overflow-wrap:break-word}
.reader-tools select{max-width:100%}
.legal-footer{font-size:14px;line-height:1.7}
.learn-submenu a[aria-current=page]{background:var(--soft);color:var(--ink);border-color:var(--line)}
@media(max-width:1000px){
 .learning-grid{display:block}
 .learning-path.path{position:static;margin:0 0 20px;padding:0}
 .lesson-list>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.5;cursor:pointer}
 .lesson-list>summary span{font-size:13px;white-space:nowrap;color:var(--accent)}
 .lesson-list:not([open])>div{display:none}
 .lesson-list>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:10px}
 .learning-path>.caption,.learning-path>a{display:none}
 .workspace .stage-grid .step-content{min-width:0}
 .learning-heading{gap:18px;margin-bottom:22px}
 .school-choice{margin-left:0}
}
@media(max-width:760px){
 input:not([type=radio]):not([type=checkbox]),select,.practice-toolbar .prayer-select select,.school-select-wrap select,.workspace-top select,#jump-step{font-size:16px!important}
 .learning-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:20px}
 .learning-heading h1{font-size:clamp(27px,7vw,34px);line-height:1.2}
 .learning-heading .eyebrow{font-size:11px;line-height:1.5;margin-top:0}
 .learning-heading>.btn{font-size:13px;min-height:44px;padding:10px;margin:0;white-space:normal;max-width:116px}
 .learning-heading p:not(.eyebrow){font-size:15px;line-height:1.6}
 .lesson-list>div{grid-template-columns:1fr}
 .guided-lesson{padding:20px}
 .guided-lesson>.lesson-outcome{gap:12px}
 .lesson-outcome p{font-size:15px;line-height:1.65}
 .wudu-card{padding:18px}
 .wudu-card .lesson-nav{grid-template-columns:1fr 1fr}
 .wudu-card .lesson-nav .btn{padding:10px;font-size:14px;text-align:center}
 .workspace-top{display:grid!important;grid-template-columns:1fr 1fr;align-items:end!important;gap:12px!important}
 .workspace-top .field,.workspace-top .school-choice{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:0!important;margin:0!important;width:100%!important;font-size:14px}
 .workspace-top select,.workspace-top .school-select-wrap{width:100%!important;min-width:0!important;max-width:100%}
 .workspace-top .school-select-wrap select{width:100%!important;min-width:0!important}
 .practice-toolbar .unit-tabs button{min-width:44px;min-height:44px}
 .practice-toolbar .unit-tabs{gap:4px}
 .practice-toolbar .unit-caption{font-size:11px;margin-right:2px}
 body:not(.studio-focus) .stage-grid>.figure-pane{height:290px;min-height:290px;grid-template-rows:22px minmax(0,1fr) 64px;padding:14px 18px}
 body:not(.studio-focus) .stage-grid .pose{margin:0 0 8px}
 body:not(.studio-focus) .stage-grid .pose img{height:184px;max-height:100%}
 body:not(.studio-focus) .stage-grid .scene-position{height:64px;padding:10px 0 0;justify-content:center}
 body:not(.studio-focus) .stage-grid .scene-position:before{bottom:-14px}
 body:not(.studio-focus) .stage-grid .scene-step-number{font-size:72px;top:42px}
 body:not(.studio-focus) .stage-grid .scene-orbit{bottom:77px}
 .language-controls{gap:0 10px}
 .language-controls button{font-size:14px;padding:10px 2px;flex:0 0 auto}
 .phrase-text .arabic{font-size:28px;line-height:1.9}
 .phrase-tools{gap:8px;font-size:13px;align-items:center}
 .phrase-tools button{font-size:13px;padding:6px 0;flex-shrink:0}
 .reader-tools .btn{white-space:normal;text-align:center}
 .reading-page>.panel{padding:20px}
 .reading-page h1{font-size:clamp(27px,7.5vw,34px)}
 .reading-page .guide-reading>h1{overflow-wrap:normal}
 #times-form{padding:20px}
 #times-form .form-grid{gap:14px 10px}
 #times-form details{min-width:0}
 #times-form .field{line-height:1.5}
 #times-date-mode .btn{display:block;margin:10px 0 0}
 .review-item .field{width:100%}
 .review-item .field select{min-height:44px}
 .home-hero-actions>a{min-height:48px}
}
@media(max-width:380px){
 #times-form .form-grid{grid-template-columns:minmax(0,1fr)}
 #times-form .form-grid>.wide{grid-column:auto}
 .workspace-top{grid-template-columns:minmax(0,1fr)!important}
 .workspace-top .school-choice{grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:12px!important}
 .rakah-story{grid-template-columns:minmax(0,1fr)}
 .rakah-story li{display:grid;grid-template-columns:75px minmax(0,1fr);gap:0 14px;padding:16px}
 .rakah-story .story-pose{grid-column:1;grid-row:1/5;align-self:center}
 .rakah-story li>:not(.story-pose){grid-column:2}
 .rakah-story h3{margin:8px 0}
 .rakah-story p{margin:0}
 .story-pose,.story-pose img{height:115px}
}
@media(max-height:540px) and (orientation:landscape){
 body:not(.studio-focus)>header{position:relative}
 .learn-submenu{max-height:65dvh}
 body.studio-focus .focus-head{min-height:46px;padding:4px 14px}
 body.studio-focus .focus-hint{display:none}
 body.studio-focus .stage-grid>.figure-pane{padding:8px 14px;grid-template-rows:20px minmax(0,1fr) 48px}
 body.studio-focus .stage-grid .scene-position{height:48px;padding:2px 0}
 body.studio-focus .stage-grid .pose{margin:0}
 body.studio-focus .stage-grid .pose img{height:38dvh;max-height:100%}
 body.studio-focus .step-controls{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}
}
@media(max-width:760px) and (max-height:650px) and (orientation:portrait){
 body.studio-focus .stage-grid{grid-template-rows:100px minmax(0,1fr)}
 body.studio-focus .stage-grid>.figure-pane{grid-template-rows:minmax(0,1fr) 28px;padding:4px 12px 0}
 body.studio-focus .stage-grid .scene-top{display:none}
 body.studio-focus .stage-grid .pose img{height:68px}
 body.studio-focus .stage-grid .scene-position{height:28px;flex-direction:row;gap:10px;font-size:12px;padding:0}
 body.studio-focus .stage-grid .scene-arabic{font-size:15px}
 body.studio-focus .stage-grid .scene-step-number{top:10px;font-size:42px}
 body.studio-focus .stage-grid .step-content{display:block}
 body.studio-focus .stage-grid .step-content>h2{margin:8px 0}
 body.studio-focus .stage-grid .step-content>p{margin-bottom:12px}
 body.studio-focus .stage-grid .words-panel,body.studio-focus .stage-grid .words-scroll{overflow:visible}
}