.single-post__header {
  background-color: var(--color-black);
}

.single-post__category {
  background-color: var(--color-gold);
  padding: 4px;
  width: fit-content;
}

.single-post__title {
  color: var(--color-white);
  text-wrap: balance;
}

.single-post__meta {
  color: var(--color-black-muted);
  display: flex;
  gap: 8px;
}

.single-post__featured-image {
  max-height: 600px;
}

.single-post__image {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  display: block;
}

.single-post__header .container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block: 48px;
}

.wp-block-quote {
  font-style: italic;
  font-size: 1.4rem;
  margin-block: 24px;
  border-bottom: 4px solid var(--color-orange);
  padding-bottom: 8px;
}

.wp-block-paragraph {
  margin-bottom: 12px;
}

.single-post__share {
  padding-block: 12px;
  display: flex;
  gap: 12px;
}

.single-post__body {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
  padding-block: 48px;
}

@media (min-width: 768px) {
  .single-post__image {
    max-height: 600px;
  }

  .single-post__body:has(.single-post__lineup) {
    display: grid;
    grid-template-columns: 1fr minmax(280px, 360px);
    gap: 48px;
    align-items: start;
  }

  .single-post__lineup {
    position: sticky;
    top: 24px;
  }
}