.social {
  display: flex;
  gap: 16px;
  margin: 16px 0 25px;
}

.social__link {
  color: var(--accent);
  line-height: 0;
}

.social__link:hover {
  color: var(--foreground);
}

.social__icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.status {
  margin: 0 0 25px;
  color: color-mix(in srgb, var(--foreground) 65%, transparent);
}

.status[data-error] {
  color: #ff6b6b;
}

#pages-list .post-title {
  margin-bottom: 0;
}

#pages-list .post-meta {
  margin-top: 8px;
}

#pages-list .post-content p {
  margin-bottom: 0;
}