.blog-toolbar {
  flex-wrap: wrap;
}

.blog-topics a {
  color: #505b70;
  font-size: .75rem;
  padding: .65rem .8rem;
}

.blog-topics a[aria-current="page"] {
  background: var(--ink);
  border-color: var(--ink);
  color: white;
}

.blog-card .blog-latest {
  margin: 0 0 .75rem;
  color: var(--ink);
  font-weight: 800;
}

@media (min-width: 761px) {
  .blog-grid-front .blog-card:first-child {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 1fr 1fr;
  }
  .blog-grid-front .blog-card:first-child .blog-card-media {
    aspect-ratio: auto;
    min-height: 18rem;
  }
  .blog-grid-front .blog-card:first-child .blog-card-body {
    padding: clamp(1.75rem, 4vw, 3.5rem);
  }
  .blog-grid-front .blog-card:first-child h2 {
    font-size: clamp(1.6rem, 3vw, 2.5rem);
  }
}
