#component--blog-grid {
  max-width: 90rem;
  margin-inline: auto;
}
#component--blog-grid .gbwp-facet--container > * {
  width: 100%;
  min-width: 26rem;
  max-width: 48%;
}
#component--blog-grid .gbwp-facet--container fieldset {
  margin: 0;
}
#component--blog-grid .blog-grid__facet-wrap select {
  padding: 1.2rem 3rem 1.2rem 2rem;
  display: flex;
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%225%22%20viewBox%3D%22169%20177%2010%205%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M174%20182l5-5h-10%22%2F%3E%3C%2Fsvg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 10px 5px;
  padding-inline-end: 30px;
  appearance: none;
  border-radius: 0.3rem;
  border: var(--border-field);
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card {
  box-shadow: var(--box-shadow-subtle);
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card figure {
  margin: 0;
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card figure img {
  object-fit: cover;
  aspect-ratio: 16/8;
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card .blog-grid__text-wrap {
  padding: clamp(2rem, 2.6vw, 4rem);
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card .blog-grid__text-wrap .blog-grid__meta {
  font-size: small;
  opacity: 0.8;
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card .blog-grid__text-wrap .blog-grid__title {
  font-size: x-large;
}
#component--blog-grid ul.blog-grid__list li.blog-grid__card .blog-grid__text-wrap a.blog-grid__readmore {
  font-weight: 600;
  font-size: medium;
  color: var(--secondary);
}