/* Blog index category filter (Tips & Tricks): pill bar + in-place filtering of the post grid. */
.lr-catbar{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  max-width:1120px; margin:0 auto 34px; padding:0;
}
.lr-catbar .lr-catbar__pill{
  display:inline-flex; align-items:center; margin:0; padding:10px 18px; border-radius:999px; cursor:pointer;
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif !important; font-size:14px; font-weight:700;
  line-height:1.2; letter-spacing:0; text-transform:none; color:#fff; text-decoration:none;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.24); box-shadow:none;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.lr-catbar .lr-catbar__pill:hover,
.lr-catbar .lr-catbar__pill:focus-visible{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.45); color:#fff; transform:translateY(-1px); }
.lr-catbar .lr-catbar__pill:focus-visible{ outline:3px solid #31e0b2; outline-offset:2px; }
.lr-catbar .lr-catbar__pill.is-active{
  background:linear-gradient(135deg,#8b5cf6 0%,#6730e7 100%); border-color:transparent; color:#fff;
  box-shadow:0 8px 22px rgba(103,48,231,.45);
}
/* every post is in the HTML; the filter shows 20 at a time */
body.lr-clay.page-id-5142 #blog-posts article.elementor-post.lr-hide{ display:none !important; }
body.lr-clay.page-id-5142 #blog-posts .elementor-posts-container:not(.lr-ready) > article:nth-child(n+21){ display:none !important; }
body.lr-clay.page-id-5142 #blog-posts .lr-loadmore{ margin-top:50px; text-align:center; }
@media (max-width:767px){
  .lr-catbar{ gap:8px; margin-bottom:26px; }
  .lr-catbar .lr-catbar__pill{ padding:9px 14px; font-size:13px; }
}