.topic-filter-bar{background:var(--bg);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;padding:24px 0;position:sticky;top:64px;z-index:10}.topic-btn{background:transparent;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.1em;padding:7px 16px;text-decoration:none;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.topic-btn:hover{border-color:var(--text);color:var(--text)}.topic-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.featured-post{background:var(--border);border:1px solid var(--border);color:inherit;display:grid;gap:1px;grid-template-columns:1fr 1fr;margin-bottom:1px;text-decoration:none;transition:background .2s}.featured-post:hover .featured-post-content{background:var(--surface)}.featured-post:hover{color:inherit}.featured-post-img{background:var(--surface);min-height:340px;overflow:hidden;position:relative}.featured-post-img img{display:block;filter:grayscale(20%);height:100%;object-fit:cover;transition:transform .4s ease,filter .3s;width:100%}.featured-post:hover .featured-post-img img{filter:grayscale(0);transform:scale(1.03)}.featured-post-content{background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;padding:48px 44px;transition:background .2s}.featured-post-meta{align-items:center;display:flex;gap:16px;margin-bottom:20px}.featured-label{background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:.5rem;letter-spacing:.12em;padding:4px 10px;text-transform:uppercase}.featured-post-title{font-family:var(--font-display);font-size:clamp(28px,3.5vw,48px);line-height:1.05;margin-bottom:20px}.featured-post-excerpt{color:var(--muted);flex:1;font-size:.9rem;font-weight:300;line-height:1.75;margin-bottom:32px}.featured-post-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:20px}.posts-grid{background:var(--border);border:1px solid var(--border);border-top:none;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.post-card{background:var(--bg);color:inherit;display:flex;flex-direction:column;text-decoration:none;transition:background .2s}.post-card:hover{background:var(--surface);color:inherit}.post-card-img{aspect-ratio:16/9;background:var(--surface);overflow:hidden}.post-card-img img{display:block;filter:grayscale(20%);height:100%;object-fit:cover;transition:transform .35s ease,filter .25s;width:100%}.post-card:hover .post-card-img img{filter:grayscale(0);transform:scale(1.04)}.post-card-body{display:flex;flex:1;flex-direction:column;padding:24px 24px 20px}.post-card-meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.post-date{color:var(--muted)}.post-category,.post-date{font-family:var(--font-mono);font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}.post-category{border:1px solid var(--accent);color:var(--accent);padding:2px 8px}.post-title{font-size:.95rem;font-weight:600;line-height:1.4;margin-bottom:10px}.post-excerpt{color:var(--muted);flex:1;font-size:.8rem;font-weight:300;line-height:1.7;margin:0}.post-card-footer{border-top:1px solid var(--border);margin-top:16px;padding:14px 24px}.post-read-link{color:var(--accent);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}.dir-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:48px 0 24px}.page-btn{border:1px solid var(--border);color:var(--muted);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.08em;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:border-color .15s,color .15s}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-btn.disabled{opacity:.35;pointer-events:none}.page-info{color:var(--muted);font-family:var(--font-mono);font-size:.52rem;letter-spacing:.06em}.no-results{color:var(--muted);display:none;font-size:.85rem;font-weight:300;grid-column:1/-1;padding:60px 40px;text-align:center}.no-results.show{display:block}@media (max-width:991px){.featured-post{grid-template-columns:1fr}.featured-post-img{min-height:260px}.posts-grid{grid-template-columns:1fr 1fr}.topic-filter-bar{top:56px}}@media (max-width:575px){.posts-grid{grid-template-columns:1fr}.featured-post-content{padding:32px 24px}}