/* ============ PAGE STYLES: blog-category-listing.html ============ */

.b-hero .bg img{opacity:.4}
.b-mag{right:5%;top:20%;width:180px}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.news-status{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.92rem;color:#d4def7;background:rgba(255,255,255,.1);padding:.5em 1em;border-radius:var(--radius-pill);margin-top:16px}
.lead-post{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:64px}
.lead-post .media{border-radius:var(--radius-lg);aspect-ratio:16/11}
.lead-post h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
.lead-post h2 a{background:linear-gradient(var(--orange-500),var(--orange-500)) 0 100%/0 3px no-repeat;transition:background-size var(--t) var(--ease)}
.lead-post:hover h2 a{background-size:100% 3px}
.lead-post:hover .media img{transform:scale(1.05)}
.lead-post .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--ink-3);font-size:.9rem;margin-bottom:14px}
@media (max-width:860px){.lead-post{grid-template-columns:1fr}}
.source-note{display:flex;gap:12px;align-items:center;margin-top:40px;font-size:.9rem;color:var(--ink-3)}
.source-note svg{color:var(--blue-500)}
.skeleton{min-height:320px;border-radius:var(--radius);background:linear-gradient(90deg,var(--mist) 25%,var(--mist-2) 50%,var(--mist) 75%) 0 0/200% 100%;animation:shimmer 1.4s infinite}
@keyframes shimmer{to{background-position:-200% 0}}

.bc-ring{right:5%;top:16%;width:260px;opacity:.8}
.bc-layout{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}
.bc-aside{position:sticky;top:100px;display:grid;gap:18px}
.aside-box{position:relative;overflow:hidden;padding:26px;border-radius:var(--radius);background:var(--mist);border:1px solid var(--line)}
.aside-box h3{font-size:1.15rem}
.bc-orb{right:-6px;top:-10px;width:50px;z-index:2}
.aside-photo{border-radius:14px;aspect-ratio:16/9;margin:0 0 16px}
.mini{display:flex;gap:8px}.mini .btn{min-width:48px;padding:0}
.cat-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cat-list a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;font-weight:700;transition:all var(--t-fast)}
.cat-list a:hover{background:#fff;color:var(--blue-600);padding-left:18px}
.cat-list a[aria-current="page"]{background:var(--navy-900);color:#fff}
.cat-list span{opacity:.6}
@media (max-width:960px){.bc-layout{grid-template-columns:1fr}.bc-aside{position:static}}