/* V13.7 · Knowledge is a fixed four-layer engineering closure, not a content shelf. */

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .v51-knowledge-hero > div:first-child {
  max-width: 760px;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .engineering-knowledge-categories > button {
  min-height: 112px !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .engineering-knowledge-categories > button em {
  line-height: 1.55 !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-journey {
  position: relative !important;
  margin-top: 2px !important;
  border-color: rgba(79, 110, 247, 0.22) !important;
  box-shadow: 0 16px 38px rgba(34, 53, 96, 0.075) !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-journey::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(180deg, #4f6ef7, #0f9f84 36%, #e37b28 68%, #8055df);
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-journey > header > div > span {
  letter-spacing: 0.16em !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-node {
  min-height: 168px !important;
  grid-template-rows: auto auto minmax(50px, 1fr) auto !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-node > strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-node > span::after {
  content: " · 固定节点";
  color: #98a3b5;
  font-size: 8px;
  font-weight: 750;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .learning-knowledge-card > .learning-knowledge-linkage {
  gap: 8px !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .learning-knowledge-card > .learning-knowledge-linkage > span {
  position: relative;
  min-height: 26px !important;
  overflow: visible !important;
  background: #f8faff !important;
}

html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .learning-knowledge-card > .learning-knowledge-linkage > span:not(:last-child)::after {
  content: "→";
  position: absolute;
  z-index: 2;
  right: -8px;
  color: #a7b0c0;
  font-size: 8px;
  font-weight: 950;
}

html[data-theme="dark"]:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .learning-knowledge-card > .learning-knowledge-linkage > span {
  border-color: #2b3950 !important;
  background: #111c2e !important;
  color: #aebbd0 !important;
}

@media (max-width: 1120px) {
  html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-node {
    min-height: 152px !important;
  }
}

@media (max-width: 700px) {
  html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .engineering-knowledge-categories > button {
    min-height: 96px !important;
  }

  html:not(.react-student-embedded) body[data-active-panel="knowledge-map"] .knowledge-association-node > span::after {
    content: "";
  }
}