.muted {
  color: var(--muted);
}

.subtle {
  color: var(--subtle);
}

.stack > * + * {
  margin-top: var(--space-4);
}

.inline-icon {
  display: inline-flex;
  width: 1.1rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
  vertical-align: -0.18em;
}

.inline-icon svg {
  width: 100%;
  height: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.overflow-x {
  max-width: 100%;
  overflow-x: auto;
}

.no-js-only {
  display: none;
}

noscript .no-js-only {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .start-card:hover,
  .start-card:focus-within,
  .category-card:hover,
  .category-card:focus-within,
  .article-card:hover,
  .article-card:focus-within,
  .related-card:hover,
  .related-card:focus-within {
    transform: none !important;
  }
}