/* SET V76 mobile layout normalization: preserve existing learning logic */
:root{--set-mobile-safe-bottom:env(safe-area-inset-bottom,0px)}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{width:100%;max-width:100%;min-height:100dvh;overflow-x:clip;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}
body,button,input,select,textarea{touch-action:pan-y pinch-zoom}
button,a,[role=button]{-webkit-tap-highlight-color:rgba(215,185,119,.2);cursor:pointer}
button,input,select,textarea{max-width:100%;font:inherit}
img,video,canvas,svg{max-width:100%}
.page.active{overflow-x:clip;overflow-y:visible;min-height:0}
main,.main-content,.content,.app-main,.page-content{max-width:100%;min-width:0}
@media(max-width:767px){
 html,body{margin:0;width:100%;max-width:100%;}
 .page.active{height:auto!important;max-height:none!important;touch-action:pan-y!important;}
 .page.active :is(.lesson-list,.lesson-content,.course-content,.vocabulary-list,.question-list,.scenario-list){max-height:none;min-width:0}
 .page.active :is(h1,h2,h3,p,span){overflow-wrap:break-word}
 .page.active :is(.grid,.cards,.card-grid){min-width:0}
 .page.active :is(.card,.lesson-card,.word-card){min-width:0;max-width:100%}
 input,select,textarea{font-size:16px!important}
 .set-author-credit{padding-bottom:calc(14px + var(--set-mobile-safe-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}