.wp-block-pulp-article-feature {
  --block-margin-y: var(--spacing-10);
  --grid-gap: var(--spacing-7);
}
.wp-block-pulp-article-feature .article-list {
  align-items: var(--grid-align-y);
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
  --grid-columns: 1;
}
@media (min-width: 992px) {
  .wp-block-pulp-article-feature .article-list {
    --grid-columns: 3;
  }
}
.wp-block-pulp-article-feature .article-list li {
  position: relative;
}
.wp-block-pulp-article-feature .article-list li:first-child {
  --article-accent: var(--color-blue);
}
.wp-block-pulp-article-feature .article-list li:nth-child(2) {
  --article-accent: var(--color-orange);
}
.wp-block-pulp-article-feature .article-list li:nth-child(3) {
  --article-accent: var(--color-red-light);
}
.wp-block-pulp-article-feature .article-card .wp-block-heading {
  position: static;
}
.wp-block-pulp-article-feature .article-card p {
  font-size: var(--font-size-medium);
  max-width: 38ch;
}
.wp-block-pulp-article-feature .article-title {
  color: var(--article-accent);
  font-size: var(--font-size-medium);
  margin-block: 0 clamp(0.5rem, 1.2121212121vw, 2rem);
}
.wp-block-pulp-article-feature .article-link {
  text-decoration: none;
}
.wp-block-pulp-article-feature .article-link::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
.wp-block-pulp-article-feature .article-link svg {
  transition: transform var(--transition);
}
.wp-block-pulp-article-feature .wp-block-heading {
  max-width: 50ch;
}
.wp-block-pulp-article-feature .wp-block-heading svg {
  color: var(--article-accent);
  height: 2rem;
  min-width: 2.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .wp-block-pulp-article-feature li:hover .article-link svg {
    transform: translateX(1rem) translateY(-0.06em);
  }
}