/* CSS adicional carregado ap?s a primeira dobra. */
body {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #ffffff;
  line-height: 1.2;
}

h1 {
  font-size: clamp(2.2rem, 3vw, 3rem);
}

h2 {
  font-size: clamp(1.75rem, 2.2vw, 2.25rem);
}

p {
  margin: 0 0 1rem;
}

.post-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post-card:hover {
  transform: translateY(-0.2rem);
}

.post-card__body {
  padding: 1rem;
}

.post-grid {
  margin-top: 2rem;
}

.site-main header {
  margin-bottom: 2rem;
}

.site-main h1,
.site-main h2 {
  margin-top: 0;
}

.page-content {
  max-width: 720px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .site-main {
    padding: 1.5rem 1rem 2rem;
  }
}