.knowledge-detail-intro {
  max-width: 760px;
  margin: 22px 0 34px;
  color: var(--knowledge-muted, #625a6a);
  font-size: 1.08rem;
  line-height: 1.75;
}

.knowledge-term-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.knowledge-term-grid > div {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 20px;
  border: 1px solid rgba(103, 18, 165, .18);
  border-radius: 12px;
  background: #fff;
}

.knowledge-term-grid strong {
  color: #6712a5;
  font-size: 1rem;
}

.knowledge-term-grid span {
  color: #625a6a;
  font-size: .94rem;
  line-height: 1.55;
}

.detail-panel-soft {
  background: linear-gradient(135deg, rgba(103, 18, 165, .055), rgba(239, 124, 29, .055));
}

.detail-panel-soft ul {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding-left: 20px;
  color: #433c49;
  line-height: 1.6;
}

.topic-detail-grid {
  align-items: stretch;
}

.topic-detail-card {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 190px;
  padding: 24px;
  border: 1px solid rgba(103, 18, 165, .16);
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.topic-detail-card:hover,
.topic-detail-card:focus-visible {
  transform: translateY(-3px);
  border-color: #6712a5;
  box-shadow: 0 12px 28px rgba(61, 25, 83, .12);
}

.topic-detail-card h2 {
  margin: 0;
  color: #6712a5;
  font-size: 1.25rem;
}

.topic-detail-card p {
  margin: 0;
  color: #625a6a;
  line-height: 1.6;
}

.topic-detail-card span {
  margin-top: auto;
  color: #ef7c1d;
  font-weight: 700;
}

@media (max-width: 680px) {
  .knowledge-term-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-term-grid > div,
  .topic-detail-card {
    min-height: 0;
  }
}