/* --- Blog Page --- */
.container {
  font-family: 'Inter', sans-serif;
  max-width: 800px; 
  margin: calc(var(--navh) + 28px) auto 40px; 
  padding: 0 20px; 
}

.posts-list { 
  display: flex; 
  flex-direction: column; 
  gap: 22px; 
}

.post-card { 
  background: var(--card); 
  border: 1px solid var(--border); 
  border-radius: var(--radius); 
  padding: 18px 20px; 
  box-shadow: var(--shadow); 
  transition: background .15s, transform .08s; 
}

.post-card:hover { 
  background: #191a1c; 
  transform: translateY(-2px); 
}

.post-card h2 { 
  margin: 0 0 6px; 
  font-size: 1.2rem; 
}

.post-card h2 a { 
  color: var(--text); 
  text-decoration: none; 
}

.post-card h2 a:hover { 
  text-decoration: underline; 
}

.post-card time { 
  display: block; 
  color: var(--muted); 
  font-size: 0.9rem; 
  margin-bottom: 10px; 
}

.post-card p { 
  margin: 0 0 12px; 
  color: var(--text); 
}

.tags { 
  display: flex; 
  flex-wrap: wrap; 
  gap: 8px; 
}

.tags span { 
  font-size: 0.82rem; 
  color: var(--muted); 
  background: #1b1c1e; 
  border-radius: 8px; 
  padding: 4px 8px; 
  border: 1px solid rgba(255,255,255,0.05); 
}