@media (max-width:900px){
  .wrap{padding:12px; padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  main.wrap{padding:14px 12px calc(120px + env(safe-area-inset-bottom))}
  .grid.cols2{grid-template-columns:1fr; gap:14px}
  .grid.cols2 > aside.card{order:-1}
  #topNav{display:none}
  .topbar-inner{gap:10px}
  .brand-text{max-width:62vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  .drawer-link{padding:14px 14px; font-size:15px}
  .drawer{width:min(86vw, 360px)}
  .dockbar{display:flex}
}

@media (max-width:820px){
  .topbar-inner{gap:10px}
  .hamburger{display:flex}
  .nav{
    overflow-x:auto;
    white-space:nowrap;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    gap:8px;
    max-width:60vw;
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:36px;
    min-width:92px;
    padding:0 12px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);
    text-decoration:none;
  }
  .nav a.pill{min-width:92px}
}

@media (max-width:720px){
  .partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .scroll-container,
  .partners-hscroll{padding:12px; gap:12px}
  .partners-hscroll .partner-item,
  .scroll-container .partner-item{
    width:clamp(180px, 74vw, 230px);
    max-width:none;
    border-radius:18px;
  }
  .partners-hscroll .partner-item img,
  .scroll-container .partner-item img{height:110px}
  .hscroll-wrap .hs-btn{display:none}
}

@media (min-width:721px){
  #partnersScroller{padding-left:56px; padding-right:56px}
}

@media (min-width:1100px){
  .partners-hscroll .partner-item,
  .scroll-container .partner-item{width:280px}
  .partners-hscroll .partner-item img,
  .scroll-container .partner-item img{height:150px}
}

@media (max-width:900px){
  aside.card .list{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:10px;
    padding-bottom:6px;
  }
  aside.card .list::-webkit-scrollbar{display:none}
  aside.card .list .row{
    flex:0 0 auto;
    min-width:180px;
    padding:12px 12px;
    border-radius:16px;
  }
  aside.card .list .badge{display:none}
}

@media (max-width:420px){
  .card{border-radius:16px}
  .row{padding:12px}
  .row .title,
  .title{font-size:15px; line-height:1.25}
  .badge{font-size:12px}
  .lv-badge{font-size:11px; padding:4px 10px}
  .lv-bar{height:8px}
}


@media (max-width:900px){
  .site-strip{display:none}
  .brand-sub{max-width:58vw}
  .scoryon-panel .panel-grid{grid-template-columns:1fr}
  .footer-links{gap:10px}
}