.cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:2rem 0 .5rem}
.cats__btn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.4rem 1rem;font-family:var(--font);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease;display:inline-block}
.cats__btn:hover{color:var(--text);border-color:rgba(255,255,255,.4)}
.cats__btn.is-active{color:#0a0a0a;background:var(--text);border-color:var(--text)}
.featured{display:grid;grid-template-columns:1.3fr 1fr;gap:0;margin-top:2rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.featured img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.featured__body{padding:2rem;display:flex;flex-direction:column;justify-content:center}
@media (max-width:880px){.featured{grid-template-columns:1fr}}
.post-card{display:block;position:relative}
.post-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:1rem;transition:opacity .2s ease}
.post-card:hover img{opacity:.85}
.post-card__cat{position:absolute;top:.7rem;left:.7rem;background:rgba(5,5,5,.75);color:var(--text);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}
.post-card h3{font-size:1.05rem;margin-bottom:.4rem}
.crumbs{font-size:.82rem;color:var(--muted);margin-bottom:1.2rem}
.crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.crumbs a:hover{color:var(--text)}
.pager{display:flex;justify-content:center;gap:.6rem;margin-top:2.4rem}