figure.seo-blog-cover {
  margin: 1.5rem 0 2rem;
  padding: clamp(.75rem, 2vw, 1.25rem);
  border: 1px solid #cad9ce;
  border-radius: 16px;
  background: #f5f9f2;
}
.seo-blog-pictures {
  display: grid;
  grid-template-columns: repeat(var(--seo-blog-columns, 2), minmax(0, 1fr));
  gap: clamp(.6rem, 2vw, 1.5rem);
}
.seo-blog-cover .seo-blog-figure {
  min-width: 0;
  margin: 0;
}
.seo-blog-figure a {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 10px;
  background: #eff5eb;
}
.seo-blog-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.seo-blog-figure figcaption {
  margin-top: .6rem;
  padding: 0;
  overflow-wrap: anywhere;
  color: #345548;
  font-size: .8rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}
.seo-blog-figure strong,
.seo-blog-figure span {
  display: block;
}
.seo-blog-figure strong { color: #173d2e; font-size: .95rem; }
.seo-blog-date { color: #476057; font-size: .8rem; }
.seo-blog-table {
  max-width: 100%;
  margin: 1rem 0 1.5rem;
  overflow-x: auto;
  border: 1px solid #cad9ce;
  border-radius: 10px;
}
.seo-blog-table table { width: 100%; min-width: 35rem; border-collapse: collapse; text-align: left; }
.seo-blog-table caption { padding: .75rem; text-align: left; font-size: .85rem; }
.seo-blog-table :is(th, td) { padding: .7rem .8rem; border-top: 1px solid #d6e2d7; vertical-align: top; }
.seo-blog-table thead { background: #e5efe2; }
.seo-blog-related {
  margin: 2rem 0;
  padding: 1rem clamp(1rem, 3vw, 1.75rem);
  border-inline-start: 3px solid #397452;
  background: #f0f6ec;
}
.seo-blog-related h2 { margin: 0 0 .7rem; font-size: 1.2rem; }
.seo-blog-related ul { margin: 0; padding-inline-start: 1.2rem; }
.seo-blog-related li + li { margin-top: .45rem; }
.post-card .seo-blog-thumb {
  display: grid;
  grid-template-columns: repeat(var(--seo-blog-columns, 2), minmax(0, 1fr));
  height: clamp(145px, 16vw, 205px);
  gap: .4rem;
  padding: .6rem;
  overflow: hidden;
  background: #eff5eb;
}
.post-card .seo-blog-thumb img { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
@media (max-width: 600px) {
  .seo-blog-pictures { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seo-blog-pictures > :last-child:nth-child(odd) { grid-column: 1 / -1; width: 50%; justify-self: center; }
  .seo-blog-pictures > :only-child { width: 100%; }
  .seo-blog-table :is(th, td) { padding: .6rem; font-size: .9rem; }
  .post-card .seo-blog-thumb { height: 165px; }
}