/* Blog index and post pages */

.post-meta {
  margin-top: var(--s-5);
  color: var(--text-3);
}

.post-body blockquote p + .post-cite {
  margin-top: var(--s-3);
}

.post-cite {
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-style: normal;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-3);
}

.post-body ol > li::marker {
  color: var(--text-3);
}

.post-body strong {
  font-weight: 600;
  color: var(--text);
}

.post-cta {
  margin-top: var(--s-7);
}

.post-list {
  display: grid;
  gap: var(--s-8);
}

.post-card {
  display: grid;
  gap: var(--s-5);
  align-items: center;
}

.post-card__media {
  display: block;
}

.post-card__title a {
  color: inherit;
  text-decoration: none;
}

.post-card__title a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

@media (min-width: 900px) {
  .post-card {
    grid-template-columns: 5fr 6fr;
    gap: var(--s-8);
  }
}