.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px;border-top:1px solid var(--line)}
.pagination a{min-width:34px;height:34px;line-height:34px;text-align:center;border:1px solid var(--line);border-radius:5px}
.pagination a.on{background:var(--blue);border-color:var(--blue);color:#fff}
.search-page{min-height:420px}
img.appicon{object-fit:cover;background:#fff;border:1px solid var(--line)}

/* Mobile-only presentation overrides. Keep the generated HTML and templates untouched. */
@media(max-width:850px){
  nav>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;overflow:visible}
  nav a{padding:11px 4px;text-align:center;font-size:14px;border-right:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
  nav a:nth-child(4n){border-right:0}
  .hero-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .hero-cats a{padding:14px}
  .section-title{height:auto;min-height:54px;gap:10px}
  footer div{flex-wrap:wrap}
}

@media(max-width:560px){
  html,body{max-width:100%;overflow-x:hidden}
  .brand{font-size:26px}
  .search input,.hero-search input{min-width:0}
  .search button,.hero-search button{flex:0 0 74px;width:74px}
  .hero h1{font-size:28px;line-height:1.35}
  .hero{gap:20px}
  .hero-cats b{font-size:16px}
  .hero-cats small{font-size:12px}
  .section-title{padding:12px 20px}
  .section-title h1,.section-title h2{font-size:20px}
  .app-head{gap:16px}
  .app-head>div{min-width:0}
  .app-head h1{overflow-wrap:anywhere}
  .download-box{gap:12px;padding:14px 16px}
  .download-box a{flex:0 0 auto;padding:9px 16px}
  .article-body{overflow-wrap:anywhere}
  footer div{display:block}
  footer span{display:block;margin-top:4px}
}