/* Original React controls remain intact; these rules only modernize their presentation. */
@media (max-width:720px){
 body{background:#f6f7fb!important}.app-shell,.site-shell{background:#f6f7fb!important}.topbar{position:sticky;top:0;z-index:20;background:#fffffff2!important;backdrop-filter:blur(16px);border-bottom:1px solid #edf0f6!important}.page-heading{padding:22px 18px 12px!important}.page-heading h1{font-size:26px!important;letter-spacing:-1.5px!important;line-height:1.25}.page-heading p{font-size:13px!important;line-height:1.55}.searchbox{margin:14px 16px!important;padding:6px!important;border:1px solid #e8ebf2!important;border-radius:18px!important;box-shadow:0 8px 22px #1d29410d!important;background:#fff!important}.searchbox input{font-size:15px!important}.searchbox .primary{border-radius:13px!important;padding:11px 13px!important;background:#f0524f!important}.quick-row{overflow:auto!important;white-space:nowrap!important;padding:0 18px 8px!important;scrollbar-width:none}.quick-row button{border:1px solid #e9edf3!important;border-radius:999px!important;background:#fff!important;padding:8px 11px!important}.school-grid{padding:4px 16px 96px!important;grid-template-columns:1fr!important;gap:12px!important}.school-card{border:1px solid #e7ebf2!important;border-radius:22px!important;box-shadow:0 9px 24px #1a24400d!important;padding:16px!important;background:#fff!important}.school-title h3{font-size:18px!important;letter-spacing:-.8px}.school-location{font-size:12px!important}.ratings-pair{gap:8px!important}.card-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.card-footer button,.community-link{min-height:40px!important;border-radius:11px!important;font-size:12px!important}.community-link{border:0!important;background:#fff0ee!important;color:#e84d45!important;font-weight:800!important}.mobile-nav{box-shadow:0 -8px 24px #1d29410d!important;background:#fffffff5!important;backdrop-filter:blur(12px)}body.school-search-empty .school-grid,body.school-search-empty .pagination,body.school-search-empty .contribute{display:none!important}body.school-search-empty .results-intro:after{content:'학교명 또는 지역을 입력해 찾아보세요.';display:block;text-align:center;padding:56px 0 75px;color:#7d889b;font-size:14px}.large-modal{border-radius:24px 24px 0 0!important;max-height:90dvh!important}.detail-tabs{overflow:auto!important;white-space:nowrap!important}}