.related-articles { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e2e8f0; }
.related-articles h3 { margin-bottom: 1rem; font-size: 1.15rem; color: #1e293b; }
.related-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0.75rem; }
.related-item { display: block; padding: 0.75rem 1rem; background: #f8fafc; border-radius: 8px; color: #334155; text-decoration: none; font-size: 0.95rem; line-height: 1.5; transition: background 0.2s; }
.related-item:hover { background: #eef2ff; color: #4f46e5; }

.topic-guide-link {
  padding: 0.5rem 0;
  font-size: 0.875rem;
}
.topic-guide-link a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.topic-guide-link a:hover {
  text-decoration: underline;
}