/* bs-blog-2r2 2026-11-01: blog topics nav + pagination, 9 cards/page: 1 col phone, 2 col tablet, 3 col desktop (additive to bs-blog-20261031-1.css; scoped to .bs-blog-list/.bs-blog-post). Rollback: /root/backup/shopbuddhastone_blog23_20261101155317/rollback.sh */
.bs-blog-list .bs-blog-topics{margin:0 0 28px}
.bs-blog-list .bs-blog-topics ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.bs-blog-list .bs-blog-topics li{margin:0}
.bs-blog-list .bs-blog-topics a{display:inline-block;border:1px solid var(--bs-line);padding:8px 14px;color:var(--bs-ink);text-decoration:none;font-size:13px;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;white-space:nowrap}
.bs-blog-list .bs-blog-topics a:hover{border-color:var(--bs-ink)}
.bs-blog-list .bs-blog-topics a[aria-current="page"]{background:var(--bs-ink);border-color:var(--bs-ink);color:#fff}
.bs-blog-list .bs-blog-card .bs-blog-meta{margin:0 0 6px}
.bs-blog-list .bs-blog-card p:last-child{margin:0;color:var(--bs-muted);font-size:15px}
.bs-blog-list .bs-blog-count{color:var(--bs-muted);font-size:14px;margin:-12px 0 20px}
.bs-blog-list .bs-blog-pager{margin:0 0 36px}
.bs-blog-list .bs-blog-pager ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;margin:0}
.bs-blog-list .bs-blog-pager li{margin:0}
.bs-blog-list .bs-blog-pager a,.bs-blog-list .bs-blog-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--bs-line);color:var(--bs-ink);text-decoration:none;font-size:14px;letter-spacing:.05em;text-transform:uppercase;box-sizing:border-box}
.bs-blog-list .bs-blog-pager a:hover{border-color:var(--bs-ink)}
.bs-blog-list .bs-blog-pager [aria-current="page"]{background:var(--bs-ink);border-color:var(--bs-ink);color:#fff}
.bs-blog-post .bs-blog-back a+a{margin-left:4px}
/* desktop: list container wider than the 760px reading column so 3 cards fit; intro stays readable */
@media (min-width:1024px){
 html body.cms-page-view .bs-blog-list{max-width:1120px}
 .bs-blog-list .bs-blog-intro{max-width:760px}
 .bs-blog-list .bs-blog-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
 .bs-blog-list .bs-blog-card h2{font-size:19px}
}
@media (max-width:767px){
 .bs-blog-list .bs-blog-pager ul{gap:6px}
 .bs-blog-list .bs-blog-pager a,.bs-blog-list .bs-blog-pager span{padding:0 12px}
 .bs-blog-list .bs-blog-topics ul{gap:6px}
 .bs-blog-list .bs-blog-topics a{padding:7px 10px;font-size:12px}
 .bs-blog-list .bs-blog-cards{gap:24px}
}