/* Centered, fully clickable public article directory */
.article-directory-shell {
  max-width: 1280px;
  margin-inline: auto;
}

.article-directory-shell .article-grid article {
  padding: 0;
}

.article-card-link {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 20px;
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.article-card-link:focus-visible {
  outline: 3px solid rgba(13, 104, 251, 0.72);
  outline-offset: -4px;
}

.article-card-link h2 {
  transition: color 180ms ease;
}

.article-card-link:hover h2,
.article-card-link:focus-visible h2 {
  color: var(--red);
}