.suggested-next-banner {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  margin-top: 2rem;
  background: var(--surface, #f8fafc);
  border: 1px solid var(--border, #e2e8f0);
  border-radius: 8px;
}

.suggested-next-banner span {
  font-size: 0.875rem;
  color: var(--text-muted, #64748b);
}

.suggested-next-banner a {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--primary, #6366f1);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.suggested-next-banner a:hover {
  text-decoration: underline;
}

/* Dark mode */
[data-theme="dark"] .suggested-next-banner {
  background: var(--surface-2, #2d2d2d);
  border-color: var(--border, #374151);
}

[data-theme="dark"] .suggested-next-banner span {
  color: var(--text-muted, #9ca3af);
}

[data-theme="dark"] .suggested-next-banner a {
  color: var(--primary, #7E8CF7);
}