/* ---- responsive ---- */
  @media (max-width:820px){
    .feature-grid{grid-template-columns:1fr;}
    nav{padding:12px 16px;flex-wrap:wrap;gap:10px;}
    .nav-tabs{order:3;width:100%;overflow-x:auto;}
    .wrap{padding:24px 16px 44px;}
    .grid,.skel-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
    .detail-modal{top:0;height:100vh;max-height:100vh;border-radius:0;width:100vw;max-width:100vw;}
    .search-overlay{top:0;height:100vh;max-height:100vh;border-radius:0;width:100vw;}
    .auth-view-panel{width:94vw;}
    .drawer{width:100vw;}
    .hero-title{letter-spacing:-.5px;}
  }
  @media (max-width:480px){
    .nav-right{gap:6px;}
    .theme-switch{display:none;}
  }