.article-word-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 2px 16px;
  max-width: 820px;
  margin: 20px 0 22px;
}
.article-word {
  appearance: none;
  border: 0;
  border-radius: 6px;
  padding: 5px 0;
  min-height: 44px;
  background: transparent;
  color: #34383e;
  font: inherit;
  font-weight: 600;
  line-height: 1.25;
  cursor: pointer;
}
.article-word--small { font-size: 1rem; font-weight: 500; }
.article-word--medium { font-size: 1.25rem; }
.article-word--large { font-size: 1.65rem; font-weight: 750; color: #171a1e; }
.article-word:hover { background: #F3E03B; text-decoration: none; }
.article-word:focus-visible { outline: 3px solid #171a1e; outline-offset: 3px; background: #F3E03B; }
@media (max-width: 600px) {
  .article-word-cloud { gap: 0 10px; margin: 15px 0 18px; }
  .article-word--medium { font-size: 1.1rem; }
  .article-word--large { font-size: 1.3rem; }
}