/* S4A RC2: additive mobile integrity, no mutations to the shared RC35 stylesheet.
   All selectors scoped to common stable containers, no global text transform. */
@media(max-width:600px){
 #app header .mobileNavInner{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
 #app header .mobileNavInner>button{
  box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;
  white-space:normal;overflow:visible;overflow-wrap:normal;word-break:normal;
  text-align:left;line-height:1.35;min-height:44px;padding:12px 15px
 }
 #app .schedule .sectionHead{
  display:flex;flex-direction:column;align-items:stretch;gap:14px;
 }
 #app .schedule .sectionHead>div:first-child{min-width:0;width:100%}
 #app .schedule .sectionHead h1{overflow-wrap:normal;word-break:normal}
 #app .schedule .sectionHead p{overflow-wrap:break-word;word-break:normal;line-height:1.55}
 #app .schedule .calendarNav{
  width:100%;min-width:0;display:grid;
  grid-template-columns:minmax(44px,52px) minmax(0,1fr) minmax(44px,52px);
  grid-template-areas:"previous today next" "month month month";
  align-items:center;justify-content:stretch;gap:8px;
 }
 #app .schedule .calendarNav>[data-g18-calendar=previous]{grid-area:previous}
 #app .schedule .calendarNav>[data-g18-calendar=today]{grid-area:today}
 #app .schedule .calendarNav>[data-g18-calendar=next]{grid-area:next}
 #app .schedule .calendarNav>.monthTitle{
  grid-area:month;min-width:0;max-width:100%;text-align:center;
  margin:0;padding:4px 0;font-size:clamp(17px,5vw,23px);
  white-space:normal;overflow-wrap:normal;word-break:normal
 }
 #app .schedule .calendarNav>button{
  display:flex;align-items:center;justify-content:center;
  width:100%;min-width:0;min-height:48px;padding:10px 8px;
  white-space:normal;word-break:normal;overflow:visible
 }
 #app .schedule .week{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
 #app .schedule .week>.day{box-sizing:border-box;min-width:88px;white-space:normal;overflow:visible;word-break:normal;line-height:1.35}
 #app .schedule .week>.day>b,#app .schedule .week>.day>strong{display:block;font-size:inherit;line-height:1.3}
 #app .gsStudioSection .gsEditorialHead{align-items:stretch;min-width:0}
 #app .gsStudioSection .gsEditorialHead h2{max-width:100%;overflow-wrap:normal;word-break:normal}
 #app .gsStudioSection .gsEditorialHead>button{align-self:flex-start;max-width:100%;white-space:normal}
 #app .cards>.card>.s4aTeacherMediaColumn>img{height:270px;object-position:center 32%}
 #app .s4aTeacherMediaColumn>.s4aTeacherShowcase{margin-top:0;padding:10px 12px 0}
 #app .s4aTeacherMediaColumn>.s4aTeacherShowcase .s4aShowcaseHead h3{font-size:15px}
 #app .s4aTeacherMediaColumn>.s4aTeacherShowcase .s4aWorkThumb{height:95px}
}
@media(max-width:360px){
 #app .schedule .sectionHead h1{font-size:clamp(27px,9vw,37px)}
 #app .schedule .calendarNav{grid-template-columns:46px minmax(0,1fr) 46px}
}
@media(prefers-reduced-motion:reduce){
 #app .s4aTeacherMediaColumn .s4aWorksTrack{scroll-behavior:auto}
}