section.post-listing {
  padding-bottom: var(--block-padding);
}
section.post-listing .lead {
  font: var(--body-font);
}
section.post-listing .wrapper.full .scroll-wrapper {
  overflow-x: auto;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
section.post-listing .wrapper.full .scroll-wrapper::-webkit-scrollbar {
  display: none;
}
section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper {
  margin: 0;
}
section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper::after {
  content: "";
  display: -ms-grid;
  display: grid;
  width: 50px;
}
@container main (max-width: 47.9375rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper::after {
    width: 1px;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper article {
    width: 35vw;
    max-width: 37.5rem;
  }
}
@container main (min-width: 64.0625rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper article {
    width: 25vw;
    max-width: 25rem;
  }
}
@container main (min-width: 85.4375rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper article.alt-layout {
    width: 34vw;
    max-width: 39.5rem;
  }
}
@container main (min-width: 64.0625rem) and (max-width: 85.375rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper article.alt-layout {
    width: 40.5vw;
    max-width: 31rem;
  }
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper article.alt-layout {
    width: 58.5vw;
    max-width: 30rem;
  }
}
@container main (min-width: 48rem) {
  section.post-listing .wrapper.full .scroll-wrapper .posts-wrapper.as article {
    width: 37vw;
    max-width: 42.5rem;
  }
}
@container main (max-width: 47.9375rem) {
  section.post-listing .wrapper .scroll-wrapper.alt:not(:has(.posts-wrapper article:nth-child(3))) .posts-wrapper {
    padding-right: 20px;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  section.post-listing .wrapper .scroll-wrapper.alt:not(:has(.posts-wrapper article:nth-child(3))) .posts-wrapper article {
    width: 100% !important;
  }
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article {
  padding: 1.5625rem 1.875rem;
  border-radius: 0.5rem;
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article.no-padding {
  padding: 0;
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article.no-padding .content {
  padding: 1.5625rem 1.875rem;
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article.no-padding .content + .img-wrapper {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@container main (max-width: 47.9375rem) {
  section.post-listing .wrapper .scroll-wrapper .posts-wrapper article {
    width: 75vw;
  }
  section.post-listing .wrapper .scroll-wrapper .posts-wrapper article.alt-layout .img-wrapper {
    border-top-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0;
  }
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article h3 {
  -ms-hyphens: auto;
      hyphens: auto;
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article .excerpt {
  font: var(--body-font);
  -ms-hyphens: auto;
      hyphens: auto;
}
@container main (max-width: 47.9375rem) {
  section.post-listing .wrapper .scroll-wrapper .posts-wrapper article .excerpt {
    font: var(--caption-font);
  }
}
section.post-listing .wrapper .scroll-wrapper .posts-wrapper article a {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-decoration: underline;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
  font: var(--caption-font);
}