.post-grid .block-quote {
  border: 3px solid #f6f6f7;
  border-radius: 5px;
  margin: 2rem 0 3rem;
  position: relative
}

.post-grid .block-quote cite {
  font-style: normal
}

.post-grid .block-quote::before {
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='31' height='29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 29H0v-9.6c0-3.9.3-7 1-9.1C1.7 8 2.9 6 4.7 4.2 6.5 2.4 8.7 1 11.6 0L14 5.5a11 11 0 0 0-5.6 3.8 11.3 11.3 0 0 0-1.8 6.3H13V29zm17 0H16.8v-9.6c0-3.9.3-7 1-9.2.6-2.2 1.9-4.2 3.7-6 1.8-1.8 4-3.2 6.8-4.2L31 5.5a11 11 0 0 0-5.6 3.8 11.3 11.3 0 0 0-1.8 6.3H30V29z' fill='%23ABABB0'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 29px;
  position: absolute;
  top: -15px;
  transform: translateX(-21px);
  width: 72px
}

.post-grid .block-callout {
  background: #fffcf6;
  border-left: 2px solid #ffd000;
  margin: 1rem 0
}

.post-grid .block-side-comment {
  background: #f6f6f7;
  border-radius: 5px;
  padding: 24px
}

.post-grid .block-youtube {
  margin: 2rem 0 3rem
}

.post-grid .block-image,
.post-grid .block-video,
.post-grid .block-youtube {
  text-align: center
}

.post-grid .block-image figcaption,
.post-grid .block-video figcaption,
.post-grid .block-youtube figcaption {
  color: #ababb0;
  font-size: 0.75rem;
  margin-top: 1rem
}

.post-grid .block-table {
  overflow: auto
}

.post-grid .block-table table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 2rem 0 3rem;
  text-align: left;
  width: 100%
}

.post-grid .block-table table thead {
  background-color: #f6f6f7
}

.post-grid .block-table table td,
.post-grid .block-table table th {
  padding: 1rem 2rem
}

.post-grid .block-table table td {
  border-bottom: 1px solid #f6f6f7
}

.post-grid .post-featured-image {
  border-radius: 1rem;
  grid-column: 2/span 3;
  grid-row: 2;
  margin-bottom: 30px
}