/* BananaTools mobile v2.2: single compact header and accessible card layout. */
@media(max-width:650px){
  .top .shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-auto-rows:auto;
    gap:7px!important;
    align-items:center;
    min-height:58px!important;
    padding:8px 13px!important;
  }
  .top .shell>.brand{
    grid-column:1;grid-row:1;min-width:0;gap:7px;
    align-self:center;white-space:nowrap;
  }
  .top .shell>.brand .mark{
    font-size:20px!important;
    padding:5px 6px!important;
    line-height:1.25;
  }
  .top .shell>.brand .logo,
  .top .shell>.brand .logo b{
    font-size:19px!important;
    letter-spacing:-.7px!important;
  }
  .top .shell>nav{display:none!important;}
  .top .shell>.banana-theme-toggle{
    grid-column:2;grid-row:1;
    order:initial!important;
    min-height:36px!important;
    min-width:65px!important;
    padding:6px!important;
    margin:0!important;
    font-size:11px!important;
  }
  .top .shell>.account-controls{
    grid-column:3;grid-row:1;
    order:initial!important;
    margin:0!important;
    display:flex;align-items:center;justify-content:flex-end;
    gap:4px!important;
  }
  .top .shell .dashboard-link{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:31px;min-height:36px;
    padding:4px!important;
    overflow:hidden;
    font-size:0!important;
    line-height:0;
  }
  .top .shell .dashboard-link::after{
    content:"▦";
    display:block;
    font-size:22px;
    line-height:1;
  }
  .top .shell .account-button{
    font-size:11px!important;
    padding:8px 10px!important;
    border-radius:9px;
    min-height:36px;
  }
  main.shell{padding-top:17px!important;}
  main.shell>h1{
    font-size:clamp(25px,6.5vw,31px)!important;
    line-height:1.15!important;
    letter-spacing:-.7px!important;
    margin:0 auto 9px!important;
    max-width:650px;
  }
  main.shell>.intro{
    font-size:13px!important;
    line-height:1.48!important;
    margin-bottom:16px!important;
    max-width:550px;
  }
  main.shell>.search{
    margin-bottom:13px!important;
    padding:12px 14px!important;
    font-size:14px!important;
  }
  main.shell>.pills{
    margin-bottom:15px!important;
    gap:7px!important;
  }
  main.shell>.pills .pill{
    font-size:12px!important;
    min-height:36px;
    padding:7px 11px!important;
  }
  main.shell>.tool-grid{
    gap:11px!important;
  }
  .tool-frame .tool{
    padding-right:38px;
  }
}
@media(max-width:420px){
  .top .shell>.brand .logo,
  .top .shell>.brand .logo b{font-size:17px!important;}
  .top .shell>.brand .mark{font-size:18px!important;padding:4px 5px!important;}
  .top .shell{padding:8px 10px!important;gap:5px!important;}
  .top .shell>.banana-theme-toggle{min-width:59px!important;font-size:10px!important;}
  .top .shell .account-button{padding:7px 8px!important;font-size:11px!important;}
  main.shell>.tool-grid{grid-template-columns:1fr!important;}
  main.shell>.tool-grid .tool{min-height:133px!important;padding:13px 42px 14px 15px!important;}
  main.shell>.tool-grid .tool strong{font-size:15px!important;margin:5px 0 4px!important;}
  main.shell>.tool-grid .tool .desc{font-size:12px!important;}
  main.shell>.tool-grid .tool .tag{margin-top:8px!important;}
}

/* Mobile: optional Android-native APK link AFTER the list of 23 tools.
   The installed native app may offer reinstall/update download; no automatic install. */
.banana-mobile-app-download{display:none}
@media(max-width:650px){
  html.banana-native-app .banana-mobile-app-download{
    display:flex;align-items:center;gap:10px;min-width:0;
    padding:11px 12px;margin:24px 0 0;border:1px solid #c9e1cf;
    border-radius:13px;background:#eaf6ed;color:#215d3d;
  }
  .banana-mobile-app-icon{
    background:#d5eddb;border-radius:10px;padding:9px;
    line-height:1;font-size:20px;flex-shrink:0;
  }
  .banana-mobile-app-info{
    display:grid;gap:2px;min-width:0;flex:1;
    font-size:12px;line-height:1.25;
  }
  .banana-mobile-app-info strong{font-size:12px}
  .banana-mobile-app-info small{font-size:10px;color:#587f66}
  .banana-mobile-app-link{
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;min-height:39px;border-radius:10px;
    background:#236541;color:#fff;text-decoration:none;
    font-weight:800;font-size:12px;padding:9px 11px;white-space:nowrap;
  }
}
@media(max-width:370px){
 .banana-mobile-app-download{gap:6px;padding:9px}
 .banana-mobile-app-icon{display:none}
 .banana-mobile-app-link{font-size:11px;padding:8px}
}
html[data-banana-theme="dark"] .banana-mobile-app-download{
 background:#24394a;color:#e1f5e8;border-color:#3c6754;
}
html[data-banana-theme="dark"] .banana-mobile-app-icon{background:#385c48}
html[data-banana-theme="dark"] .banana-mobile-app-info small{color:#a9c7b1}
html[data-banana-theme="dark"] .banana-mobile-app-link{background:#327b52;color:#fff}