/* Mobil və planşet uyğunlaşması, azaldılmış hərəkət */
@media (max-width:1100px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g2{grid-template-columns:1fr}
}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;top:0;bottom:0;left:0;width:284px;z-index:30;transform:translateX(-100%);transition:transform .22s ease;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
  .nav-open .side{transform:none;box-shadow:0 0 40px rgba(0,0,0,.25)}
  .nav-open .scrim{display:block;position:fixed;inset:0;background:rgba(8,16,20,.4);z-index:20}
  .menu-b{display:inline-flex}
  .top{padding:8px 14px;top:0}
  .top-d{display:none}
  .content{padding:20px 16px 48px}
  .gcards,.g2e{grid-template-columns:1fr}
  .login{grid-template-columns:1fr}
  .lg-brand{padding:28px 24px;gap:24px}
  .lg-brand h1{font-size:30px}
  .lg-brand p{font-size:14.5px}
}
@media (max-width:640px){
  .ph h1{font-size:23px}
  .stat .v{font-size:25px}
  .stats{gap:10px}
  .fg,.opts-e{grid-template-columns:1fr}
  .tb .fld,.tb .fld.sm{min-width:0;flex:1 1 140px}
  .chat{grid-template-columns:1fr;height:560px}
  .chat.has-open .cl{display:none}
  .chat:not(.has-open) .thread{display:none}
  .th-back{display:inline-flex}
  .ag-i{grid-template-columns:48px 4px minmax(0,1fr)}
  .ag-r{grid-column:3;justify-content:flex-start}
  .qa{grid-template-columns:1fr 48px}
  .qa .meter{display:none}
  .tk-q{padding:18px 16px 4px}
  .tk-f{padding:12px 16px 16px}
  .q{font-size:16.5px}
  .res-hero{gap:18px;padding:20px}
  .seg button{padding:6px 8px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}