/* simple mobile-first styles */
body { font-family: 'Noto Sans Bengali', sans-serif; background:#fff; color:#111827; margin:0; }
.container{ max-width:980px; margin:0 auto; padding:12px; }
.section-title{ font-weight:800; margin-top:18px; border-bottom:2px solid #eee; padding-bottom:10px; font-size:18px; }
.grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:12px; }
@media (max-width:600px){ .grid-3{ grid-template-columns: repeat(3, 1fr); gap:10px; } }
@media (max-width:420px){ .grid-3{ grid-template-columns: repeat(2,1fr); } }
.card-small{ background:#fff; border-radius:12px; padding:12px; text-align:center; box-shadow:0 8px 22px rgba(2,6,23,0.06); }
.cat-icon{ width:72px; height:72px; border-radius:12px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin:0 auto 8px; }
.cat-icon img{ max-width:100%; max-height:100%; display:block; }
.blog-item{ display:flex; gap:12px; align-items:flex-start; padding:12px; border-radius:10px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.04); margin-bottom:12px; }
.blog-item img{ width:100px; height:80px; object-fit:cover; border-radius:8px; }
.list-group-item{ border-radius:10px; margin-bottom:10px; }
.navbar-fix{ position:sticky; top:0; z-index:40; background:#fff; }