/* Mobile audit: readable controls, safe wrapping and touch targets. */
@media(max-width:650px){
#view input:not([type=checkbox]):not([type=radio]):not([type=file]),#view select,#view textarea,#auth input,#askPanel input{font-size:16px!important}
#view .btn,#view .ft,.sui-tabs .stab{min-height:44px}
#view .page-head{flex-wrap:wrap;gap:12px}
#view .page-head>div,#view .card,.sui-fields{min-width:0}
#view .csub,#view .page-head p,.sui-card summary{overflow-wrap:anywhere}
#view table{max-width:100%}
#view textarea{max-width:100%;box-sizing:border-box}
#view .frow>div{min-width:0}
#pwaBar.show{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
.sui-tabs button{white-space:normal}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

@media(max-width:480px){
#landing .topnav{height:112px}
#landing .topnav .inner{flex-wrap:wrap;justify-content:center;padding:8px 12px;gap:7px}
#landing .topnav .logo{justify-content:center}
#landing .topnav .actions{flex:0 0 100%;justify-content:center;gap:7px}
#landing .topnav .actions .btn{min-height:40px;height:40px;font-size:12px;padding-inline:12px}
#landing .topnav .lang-toggle,#landing .topnav .theme-btn{height:40px}
#landing .topnav .lang-toggle button{font-size:12px;min-width:33px}
#landing{padding-top:112px}
#landing .tkr{top:0}
#landing .lux-foot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;line-height:1.7}
#landing .lux-foot>span:first-child{white-space:nowrap}
#landing .lux-foot>span:nth-child(2){direction:rtl;text-align:right}
#landing .lux-foot #lpTime{grid-column:1/-1;white-space:normal;overflow-wrap:normal;direction:rtl;text-align:center}
}

@media(max-width:650px){#pwaBar:not(.show){visibility:hidden;pointer-events:none}#pwaBar{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px;background:var(--surface);border-color:var(--line-strong);box-shadow:none}#pwaBar .pwa-ic{display:none}#pwaBar .pwa-txt{grid-column:1/3;min-width:0}#pwaBar .pwa-txt b{font-size:13px}#pwaBar .pwa-txt small{display:none}#pwaBar .pwa-x{grid-column:3;grid-row:1}#pwaBar .btn{grid-column:1;min-height:40px}#pwaBar .pwa-how{grid-column:2/4;min-height:40px}body:has(.pwa-bar.show) .ask-fab{bottom:140px}}