@import url('./main.css');

/* CORREÇÃO: 
  O seletor foi alterado de ".post-list" para "#articles" 
  para corresponder ao ID usado em posts.html.
*/
#articles {
  display: grid;
  gap: 1.5rem;
}

.post-card {
  background: var(--card-bg);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: var(--shadow);
  transition: transform 0.2s ease, background 0.3s ease;
}

.post-card:hover {
  background: var(--card-bg-hover);
  transform: translateY(-3px);
}

.post-card h2 {
  margin-bottom: 0.5rem;
  color: var(--accent);
}

.post-card p {
  opacity: 0.8;
}

/* CORREÇÃO: 
  O seletor foi alterado de ".article-content" para "#content" 
  para corresponder ao ID usado em posts.html.
*/
#content {
  background: var(--card-bg);
  padding: 2rem;
  border-radius: 1rem;
  line-height: 1.8;
}