body.blog section.post-listing,
body.single section.post-listing,
body.wp-admin:has(section.post-listing) section.post-listing {
  display: grid;
  grid-template-columns: var(--base-grid);
  row-gap: var(--spacing-large);
}
body.blog section.post-listing .inner,
body.single section.post-listing .inner,
body.wp-admin:has(section.post-listing) section.post-listing .inner {
  grid-column: 2/span 12;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--spacing-medium);
  column-gap: var(--spacing-medium);
}
@media (min-width: 790px) {
  body.blog section.post-listing .inner,
  body.single section.post-listing .inner,
  body.wp-admin:has(section.post-listing) section.post-listing .inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  body.blog section.post-listing .inner,
  body.single section.post-listing .inner,
  body.wp-admin:has(section.post-listing) section.post-listing .inner {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.blog section.post-listing .heading, body.blog section.post-listing .listing,
body.single section.post-listing .heading,
body.single section.post-listing .listing,
body.wp-admin:has(section.post-listing) section.post-listing .heading,
body.wp-admin:has(section.post-listing) section.post-listing .listing {
  grid-column: 1/-1;
  text-align: center;
}
body.blog section.post-listing article.background-white,
body.single section.post-listing article.background-white,
body.wp-admin:has(section.post-listing) section.post-listing article.background-white {
  --background-color: var(--color-white);
}
body.blog section.post-listing article.background-white a,
body.single section.post-listing article.background-white a,
body.wp-admin:has(section.post-listing) section.post-listing article.background-white a {
  background-color: var(--background-color);
}
body.blog section.post-listing article.background-steel-light,
body.single section.post-listing article.background-steel-light,
body.wp-admin:has(section.post-listing) section.post-listing article.background-steel-light {
  --background-color: var(--color-steel-light);
}
body.blog section.post-listing article.background-steel-light a,
body.single section.post-listing article.background-steel-light a,
body.wp-admin:has(section.post-listing) section.post-listing article.background-steel-light a {
  background-color: var(--background-color);
}
body.blog section.post-listing article a,
body.single section.post-listing article a,
body.wp-admin:has(section.post-listing) section.post-listing article a {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 1fr;
  gap: var(--spacing-small);
  text-decoration: none;
  border-radius: var(--base-radius);
  transition: background-color var(--base-speed);
  padding: var(--spacing-small);
  height: 100%;
  align-content: start;
  color: var(--color-black);
}
body.blog section.post-listing article a p.date,
body.single section.post-listing article a p.date,
body.wp-admin:has(section.post-listing) section.post-listing article a p.date {
  grid-row: 3;
  align-self: end;
  color: var(--color-steel-mid);
  font-size: var(--font-size-base-small);
}
body.blog section.post-listing article a p.h4,
body.blog section.post-listing article a p.h5,
body.single section.post-listing article a p.h4,
body.single section.post-listing article a p.h5,
body.wp-admin:has(section.post-listing) section.post-listing article a p.h4,
body.wp-admin:has(section.post-listing) section.post-listing article a p.h5 {
  color: var(--color-marine-dark);
}
body.blog section.post-listing article a p.h4:hover,
body.blog section.post-listing article a p.h5:hover,
body.single section.post-listing article a p.h4:hover,
body.single section.post-listing article a p.h5:hover,
body.wp-admin:has(section.post-listing) section.post-listing article a p.h4:hover,
body.wp-admin:has(section.post-listing) section.post-listing article a p.h5:hover {
  color: var(--color-black);
}
body.blog section.post-listing article a:hover,
body.single section.post-listing article a:hover,
body.wp-admin:has(section.post-listing) section.post-listing article a:hover {
  background-color: hsl(from var(--background-color) h s 85%);
}
body.blog nav.pagination,
body.single nav.pagination,
body.wp-admin:has(section.post-listing) nav.pagination {
  grid-column: 1/-1;
}
body.blog nav.pagination ul,
body.single nav.pagination ul,
body.wp-admin:has(section.post-listing) nav.pagination ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  width: 100%;
  gap: var(--spacing-small);
  list-style: none;
}
body.blog nav.pagination ul li + li,
body.single nav.pagination ul li + li,
body.wp-admin:has(section.post-listing) nav.pagination ul li + li {
  margin-top: 0;
}
body.blog nav.pagination ul li.prev,
body.single nav.pagination ul li.prev,
body.wp-admin:has(section.post-listing) nav.pagination ul li.prev {
  justify-self: start;
}
body.blog nav.pagination ul li.next,
body.single nav.pagination ul li.next,
body.wp-admin:has(section.post-listing) nav.pagination ul li.next {
  justify-self: end;
}
body.blog nav.pagination ul a,
body.single nav.pagination ul a,
body.wp-admin:has(section.post-listing) nav.pagination ul a {
  color: var(--color-black);
}
body.blog nav.pagination ul a:hover,
body.single nav.pagination ul a:hover,
body.wp-admin:has(section.post-listing) nav.pagination ul a:hover {
  color: var(--color-primary);
}