/* Layout */
.hs-blog-post-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}

.hs-blog-post-listing__post {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  overflow: hidden;
  width: 100%;
  background-color: #252525; /*<<< Achtergrondkleur blog & related posts */
  color: #fff;               /*<<< Standaard tekstkleur */
  border-radius: 10px;
  transition: background 0.2s;
}

.hs-blog-post-listing__post--2 {
  flex: 1;
  min-width: 450px;
  max-width: 100%;
}

@media only screen and (max-width: 600px) {
  .hs-blog-post-listing__post--2 {
    min-width: 100%;
  }
}

/* Featured image */
.hs-blog-post-listing__post-image {
  height: 350px;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 10px 10px 0 0; /* Ronde hoeken alleen boven bij afbeelding */
}

/* Article content */
.hs-blog-post-listing__post-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 5px;
  padding: 1.25rem 1.25rem 1rem 1.25rem;
}

.hs-blog-post-listing__post-tags,
.hs-blog-post-listing__post-title,
.hs-blog-post-listing__post-timestamp,
.hs-blog-post-listing__post-author,
.hs-blog-post-listing__post-image--card {
  margin: 0 0 0.5rem;
}

.hs-blog-post-listing__post-title {
  font-size: 1.25rem;
  margin: 0 0 0.5rem 0;
}

.hs-blog-post-listing__post-title a,
.hs-blog-post-listing__post-title-link {
  color: #fff;
  text-decoration: none;
  font-family: Inter, sans-serif;
  font-style: normal;
  font-weight: 800;
  text-transform: none;
  transition: color 0.2s;
}
.hs-blog-post-listing__post-title a:hover,
.hs-blog-post-listing__post-title-link:hover {
  color: #252525;
  background: #fff;
  border-radius: 4px;
  padding: 2px 6px;
}

/* Samenvatting/beschrijving */
.hs-blog-post-listing__post-description {
  color: #fff;
  font-size: 1rem;
  line-height: 1.