@media(max-width:767px){html{overflow-x:clip}body{font-size:15px;background:#f3f5ee;padding-bottom:90px}aside{position:sticky;top:0;width:100%;padding:12px 17px;background:#f9fcf3ed;backdrop-filter:blur(20px);z-index:5;border:0;box-shadow:0 4px 20px #365d3e08}.brand{margin:0;text-align:right;display:flex;align-items:center;gap:10px}.brand>a{display:block}.brand>a img{width:38px!important;border-radius:12px!important}.brand h2{font-size:17px}.brand small,.asidefoot{display:none}#nav{position:fixed;bottom:0;left:0;right:0;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));margin:0;background:#fbfff4f5;backdrop-filter:blur(20px);border-top:1px solid #d7e1cf;box-shadow:0 -5px 20px #365d3e0b}#nav:empty{display:none}#nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:auto;min-width:67px;flex-shrink:0;padding:7px 9px;min-height:58px;font-size:12px;border-radius:12px;text-align:center;white-space:nowrap}#nav button em{display:grid;width:27px;height:27px;min-width:27px;font-size:17px;border-radius:9px}main{margin:0;padding:0 16px 30px;max-width:100%;min-width:0}header{height:58px;display:flex}header>span{display:none}header>div{width:100%;display:flex;justify-content:space-between;gap:12px}header button{font-size:14px;min-height:40px}.banner{font-size:12px;line-height:2;margin-top:13px;padding:10px 12px}.title{margin:24px 0 18px;flex-wrap:wrap;gap:12px}.title h1{font-size:24px;line-height:1.7}.sub{font-size:14px;line-height:1.9}.title>button{font-size:14px;min-height:44px}.hero{padding:21px;min-height:140px;border-radius:20px;gap:10px}.hero h2{font-size:18px;line-height:1.8}.hero p{font-size:14px;line-height:2}.hero .note{font-size:45px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.card{padding:16px;border-radius:17px;min-width:0}.statlabel{font-size:12px;gap:5px}.statnum{font-size:23px;margin:11px 0 5px;overflow-wrap:anywhere}.statfoot{font-size:12px;line-height:1.8}.grid{grid-template-columns:1fr;gap:15px}.cardhead{gap:10px}.cardhead h3{font-size:15px}.cardhead a{font-size:12px}.tablewrap{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}td,th{padding:13px 10px}td{font-size:14px}td button{font-size:12px;padding:8px 10px;min-height:38px}.teachergrid{grid-template-columns:1fr;gap:12px}.teachergrid .card{display:block}.teachergrid h3{font-size:16px}.toolbar{gap:8px}.toolbar input{max-width:none}.toolbar button{min-height:43px;font-size:14px}input,select,textarea{font-size:16px;min-height:47px}label{font-size:14px}.policy{font-size:14px;line-height:2.3}.policy h3{font-size:16px}.policy button{font-size:14px;min-height:44px;margin:5px 0}.chart{height:165px;gap:10px;padding:0 12px}.bars label{font-size:12px}.legend{font-size:12px}.brand h2{margin:0}dialog{width:100%;max-width:100vw;max-height:100dvh;height:100dvh;margin:0;padding:20px 18px calc(25px + env(safe-area-inset-bottom));border-radius:0;overflow:auto}dialog .modalhead{position:sticky;top:-20px;background:#fffcf4;z-index:2;padding:13px 0}dialog .modalhead h2{font-size:18px}#fields{grid-template-columns:1fr;gap:16px}#form>.primary{width:100%;min-height:48px;font-size:15px}#toast{bottom:100px;left:16px;right:16px;padding:14px 18px;font-size:14px;line-height:1.9}#content>.card[style]{padding:25px 20px!important;margin:23px auto!important}#content>.card[style] h2{font-size:21px;line-height:1.9}#content>.card[style] img{width:100px!important}}
@media(max-width:767px){aside{backdrop-filter:none;transform:none;filter:none}}