/* --- Blog layout & cards --- */
#jj-blog .container{max-width:1100px;margin:0 auto;padding:24px}
#jj-blog .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
#jj-blog .card{background:var(--card,#101314);border:1px solid rgba(0,0,0,.06);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.06)}
#jj-blog .thumb{aspect-ratio:16/9;background:#0e1112;display:block}
#jj-blog .thumb img{width:100%;height:100%;object-fit:cover;display:block}
#jj-blog .body{padding:14px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
#jj-blog .title{font-weight:700;line-height:1.25;color:#fff;text-decoration:none}
#jj-blog .title:hover{text-decoration:underline}
#jj-blog .meta{font-size:.85rem;color:var(--muted,#6b7280);display:flex;gap:8px;align-items:center}
#jj-blog .excerpt{color:#cbd5e1;font-size:.95rem}
#jj-blog .chips{display:flex;flex-wrap:wrap;gap:8px}
#jj-blog .chip{font-size:.8rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#e5e7eb;cursor:pointer}
#jj-blog .chip:hover{border-color:#fff}
#jj-blog .more{margin-top:auto;color:#fcd116;text-decoration:none;font-weight:600}
#jj-blog .more:hover{text-decoration:underline}


/* --- Hero & controls --- */
#jj-blog .hero{padding-top:36px}
#jj-blog .blog-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:10px}
#jj-blog .search input{width:280px;max-width:100%;padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0f1213;color:#e5e7eb}
#jj-blog .tags{display:flex;gap:10px;flex-wrap:wrap}
#jj-blog .tag{padding:.45rem .8rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:transparent;color:#e5e7eb;cursor:pointer}
#jj-blog .tag.is-active{border-color:#fcd116;color:#fcd116}


/* --- Load more --- */
#jj-blog .load-more-wrap{display:flex;justify-content:center;margin:24px 0 40px}
#jj-blog .load-more{padding:.7rem 1.1rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#0f1213;color:#fff;cursor:pointer}
#jj-blog .load-more[disabled]{opacity:.5;cursor:not-allowed}


/* --- Utilities --- */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}


/* --- Responsive --- */
@media (max-width:640px){
#jj-blog .container{padding:16px}

/* Single post */
#jj-blog .post h1{font-size:2rem;margin:8px 0 8px;color:#fff}
#jj-blog .post .meta{color:#94a3b8;display:flex;gap:8px;margin-bottom:10px}
#jj-blog .post-hero img{width:100%;height:auto;border-radius:14px}
#jj-blog .post-content{color:#e5e7eb;line-height:1.75;margin-top:16px}
#jj-blog .post-content p{margin:0 0 1rem}
#jj-blog .post-content h2{font-size:1.4rem;margin:1.2rem 0 .5rem;color:#fff}
#jj-blog .post-footer{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#jj-blog .post-pager a{color:#fcd116;text-decoration:none;font-weight:600}
#jj-blog .post-pager a:hover{text-decoration:underline}
}