/* ── BLOG / Обсерватория — Kvazar ── */
.blog-filters { border-bottom: 1px solid var(--color-border); }

.blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: var(--space-12); align-items: start; }
.posts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }

.post-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
  display: flex; flex-direction: column;
}
.post-card[hidden] { display: none; }
.post-card:hover { border-color: var(--color-border-gold); transform: translateY(-4px); box-shadow: var(--shadow-lg); }

.post-card--featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; }

.post-card__thumb { display: block; aspect-ratio: 16/9; position: relative; }
.post-card--featured .post-card__thumb { aspect-ratio: auto; min-height: 280px; }
.post-card__thumb--1 { background: var(--color-surface-2); }
.post-card__thumb--2 { background: var(--color-surface-2); }
.post-card__thumb--3 { background: var(--color-surface-2); }
.post-card__thumb--4 { background: var(--color-surface-2); }

.post-card__category {
  position: absolute; top: var(--space-4); left: var(--space-4);
  font-family: var(--font-mono); font-size: var(--text-xs);
  padding: 0.2rem 0.7rem; border-radius: var(--radius-full);
  background: rgba(7,10,24,.7); border: 1px solid var(--color-border-gold);
  color: var(--color-gold); backdrop-filter: blur(8px);
}

.post-card__body { padding: var(--space-6); display: flex; flex-direction: column; gap: var(--space-2); flex: 1; }
.post-card__date { font-family: var(--font-mono); font-size: var(--text-xs); color: var(--color-text-dim); }
.post-card__title { font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-semi); line-height: var(--leading-snug); }
.post-card--featured .post-card__title { font-size: var(--text-2xl); }
.post-card__title a:hover { color: var(--color-gold); }
.post-card__excerpt { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-relaxed); flex: 1; }
.post-card__read-more { font-size: var(--text-sm); font-weight: var(--font-weight-semi); color: var(--color-gold); margin-top: var(--space-2); }
.post-card__read-more:hover { text-decoration: underline; }

/* SIDEBAR */
.blog-sidebar { display: flex; flex-direction: column; gap: var(--space-8); position: sticky; top: 100px; }
.sidebar-widget__title { font-family: var(--font-display); font-size: var(--text-base); font-weight: var(--font-weight-semi); margin-bottom: var(--space-4); padding-bottom: var(--space-3); border-bottom: 1px solid var(--color-border-gold); display: inline-block; }
.sidebar-search { display: flex; border: 1px solid var(--color-border); border-radius: var(--radius-md); overflow: hidden; background: var(--color-surface); }
.sidebar-search input { flex: 1; padding: 0.6rem 1rem; border: none; outline: none; font-size: var(--text-sm); background: transparent; color: var(--color-text); }
.sidebar-search input::placeholder { color: var(--color-text-dim); }
.sidebar-search button { padding: 0.6rem 1rem; background: var(--color-gold); color: var(--color-text-on-gold); font-size: var(--text-base); }
.sidebar-posts { display: flex; flex-direction: column; gap: var(--space-3); }
.sidebar-posts a { font-size: var(--text-sm); color: var(--color-text-muted); line-height: var(--leading-snug); }
.sidebar-posts a:hover { color: var(--color-gold); }
.sidebar-tags { display: flex; flex-wrap: wrap; gap: var(--space-2); }

@media (max-width: 1024px) { .blog-layout { grid-template-columns: 1fr; } .blog-sidebar { position: static; } }
@media (max-width: 640px) { .posts-grid { grid-template-columns: 1fr; } .post-card--featured { grid-template-columns: 1fr; } .post-card--featured .post-card__thumb { min-height: 200px; } }