/* Mobile layout, loaded after the existing feature styles. */
.mobile-menu-toggle{display:none}
main>*{min-width:0}
@media(max-width:780px){
 header{padding:12px;gap:10px}.brand{font-size:21px}.contact{font-size:12px}
 #accountbar{gap:6px}#accountbar>*{max-width:100%}.account-profile{flex:1;min-width:0}.account-profile>span{overflow-wrap:anywhere}
 main{margin:12px auto;padding:0 10px;gap:10px}
 .mobile-menu-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:48px;font-weight:700;background:#eef5ef}
 #sidebar{display:none;position:static;max-height:60vh;max-height:60dvh;overscroll-behavior:contain;padding:12px;border-radius:14px}
 body.mobile-menu-open #sidebar{display:block}
 .workspace{padding:16px 12px;border-radius:14px;min-height:360px}
 #pagehead{padding-bottom:14px;margin-bottom:16px}h1{font-size:25px;line-height:1.35;overflow-wrap:anywhere}
 button.btn,a.btn,.nav,.option,.dots,summary{min-height:44px}
 .btn{white-space:normal;overflow-wrap:anywhere;text-align:center}
 input,textarea,select{font-size:16px;max-width:100%;min-width:0}input[type=checkbox],input[type=radio]{min-height:20px;min-width:20px}
 input[type=file]{font-size:14px;padding:9px}input[type=file]::file-selector-button{min-height:36px;max-width:100%;margin-right:8px}
 .actions,.tabs{gap:8px;margin:14px 0}.actions>.btn{flex:0 1 auto}
 .grid,.shop-grid,.video-grid,.giao-an-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
 .box,.shop-card,.video-card{padding:14px}.study{padding:18px 12px;min-height:260px}.prompt{font-size:23px;line-height:1.65;margin:18px 0}.jp{font-size:36px}.meaning{font-size:22px}.option{padding:14px;font-size:17px;line-height:1.55;overflow-wrap:anywhere}
 .options{gap:10px}.tablewrap{max-width:100%;overscroll-behavior-x:contain}.tablewrap table{font-size:14px}td,th{padding:10px 8px}
 .tools{flex-wrap:wrap}.tools .btn{min-height:44px;font-size:13px}.navrow{min-width:0}.children{margin-left:5px;padding-left:5px}
 .ga-article-heading{padding:18px}.ga-article-heading h1{font-size:27px}.ga-section{padding:15px}.ga-section h2{flex-wrap:wrap}.ga-copy p{font-size:17px}
 .ga-sentence{min-height:36px;white-space:normal}.ga-editor-footer{position:static}.ga-editor-section{padding:12px;min-width:0}.ga-vocab-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
 .pdfviewer,.teacher-pdf{height:65vh;height:65dvh;min-height:300px}
 #gatrashcorner{position:static;margin:12px;max-width:calc(100% - 24px)}body:has(#gatrashcorner){padding-bottom:0}
 footer{padding:0 12px;line-height:1.6}footer span{float:none;display:block;margin-top:5px}
 .anyquestion{padding:10px}.anyquestion summary{overflow-wrap:anywhere}.verbforms>div{padding:10px}.verbforms b{font-size:19px}
}
@media(max-width:380px){.brand{font-size:19px}.workspace{padding:14px 10px}.verbgrid{grid-template-columns:1fr}.kana-grid{gap:5px}.kana-tile{padding:12px 2px}.actions>.btn{flex-grow:1}.rank-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}