@charset "UTF-8";
.post-card {
  display: flex;
  flex-direction: column;
  color: var(--blockColor,#06070e)
}
.post-card:focus,
.post-card:hover {
  color: var(--blockHoverColor,#17313b)
}
.block-filter-top .post-card {
  grid-column: span 12
}
@media (min-width:48rem) {
  .block-filter-top .post-card {
    grid-column: span 4
  }
}
.block-filter-side .post-card {
  grid-column: span 12
}
@media (min-width:48rem) {
  .block-filter-side .post-card {
    grid-column: span 6
  }
}
@media (min-width:62rem) {
  .block-filter-side .post-card {
    grid-column: span 4
  }
}
.post-card__image-wrapper {
  margin-bottom: 1rem;
  padding-bottom: 55.76923%
}
.post-card__image-wrapper:not(:has(img)) {
  background-color: #d8d6d3
}
.post-card__meta {
  font-weight: var(--subtitle-3-font-weight);
  font-size: var(--subtitle-3-font-size);
  font-family: var(--subtitle-3-font-family);
  line-height: var(--subtitle-3-line-height);
  font-variant-numeric: var(--subtitle-3-font-variant-numeric);
  margin-bottom: .5rem;
  font-size: 0;
  line-height: 0
}
.post-card__meta span {
  font-weight: var(--subtitle-3-font-weight);
  font-size: var(--subtitle-3-font-size);
  font-family: var(--subtitle-3-font-family);
  line-height: var(--subtitle-3-line-height);
  font-variant-numeric: var(--subtitle-3-font-variant-numeric)
}
.post-card__meta span:not(:last-child)::after {
  content: "•";
  display: inline-block;
  width: .25rem;
  margin: auto .5rem;
  color: transparent;
  background-color: #bfbeba;
  clip-path: circle(.125rem at 50% 50%)
}
.post-card__title {
  font-weight: var(--title-1-font-weight);
  font-size: var(--title-1-font-size);
  font-family: var(--title-1-font-family);
  line-height: var(--title-1-line-height);
  font-variant-numeric: var(--title-1-font-variant-numeric);
  margin-top: 0;
  margin-bottom: var(--title-1-margin-bottom)
}
.post-card__title:first-child {
  margin-top: 0
}
.post-card__title:last-child {
  margin-bottom: 0
}
.post-card__title {
  margin-top: 0
}
.post-card__author {
  font-weight: var(--subtitle-3-font-weight);
  font-size: var(--subtitle-3-font-size);
  font-family: var(--subtitle-3-font-family);
  line-height: var(--subtitle-3-line-height);
  font-variant-numeric: var(--subtitle-3-font-variant-numeric);
  margin-top: auto
}