.sl-markdown-content .card-grid.stagger {
  --stagger-height: 2.5rem;
}

.sl-markdown-content .card {
  --sl-text-h1: var(--sl-text-4xl);
  --sl-text-h2: var(--sl-text-3xl);
  --sl-text-h3: var(--sl-text-2xl);
  --sl-text-h4: var(--sl-text-xl);
  --sl-text-h5: var(--sl-text-lg);

  border-radius: 0.5rem;
  padding: clamp(1rem, calc(0.125rem + 1.5vw), 2.5rem);
}

.sl-markdown-content .card .title .icon {
  font-size: 1.875rem;
}

.sl-markdown-content .sl-link-card {
  box-shadow: none;
}

.sl-markdown-content .sl-link-card:hover {
  background: initial;
}

.sl-markdown-content .sl-link-card .title {
  color: var(--sl-color-white);
}

.sl-markdown-content .sl-link-card .description {
  color: var(--sl-color-gray-3);
}

.sl-markdown-content .sl-link-card:is(:hover, :focus-visible) .description {
  color: var(--sl-color-gray-2);
}

.sl-markdown-content .sl-link-card .icon {
  color: var(--sl-color-gray-2);
}