.faq-related {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}

.faq-related h4 {
  margin: 0 0 0.65rem;
}

.faq-related-list {
  display: grid;
  gap: 0.55rem;
}

.faq-related-list button {
  display: grid;
  gap: 0.18rem;
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(7, 30, 56, 0.11);
  border-radius: 12px;
  background: #f8fafc;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.faq-related-list button:hover,
.faq-related-list button:focus-visible {
  border-color: var(--accent);
  outline: none;
}

.faq-related-list span {
  font-weight: 800;
  line-height: 1.35;
}

.faq-related-list small {
  color: var(--muted);
}

@media (min-width: 760px) {
  .faq-related-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}