.knowledge-page .home-hero { min-height: min(78svh, 720px); }
.knowledge-page .home-hero h1 { max-width: 960px; font-size: clamp(3rem, 6vw, 6.2rem); }
.system-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.system-map article { min-height: 240px; padding: 25px; background: var(--surface); border: 1px solid var(--line); }
.system-map span { color: var(--accent-2); font-size: .73rem; font-weight: 900; text-transform: uppercase; }
.system-map h3 { margin: 42px 0 8px; font-size: 1.4rem; }
.system-map p { color: var(--muted); }
.layer-flow { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.layer-flow article { min-height: 190px; padding: 23px; border-right: 1px solid var(--line); background: var(--surface); }
.layer-flow article:last-child { border-right: 0; }
.layer-flow strong { color: var(--accent); }
.layer-flow p { color: var(--muted); font-size: .9rem; }
.theme-galaxia .system-map article, .theme-galaxia .layer-flow article { background: #0c1420; }
.theme-matriz .system-map { gap: 0; }
.theme-matriz .system-map article, .theme-matriz .layer-flow article { background: transparent; border-radius: 0; }
.theme-multiverso .system-map article { border-top: 5px solid #d94b4b; }
.theme-multiverso .system-map article:nth-child(2n) { border-top-color: #298ca5; }
.theme-multiverso .system-map article:nth-child(3n) { border-top-color: #efb94f; }
@media (max-width: 860px) {
  .system-map { grid-template-columns: repeat(2, 1fr); }
  .layer-flow { grid-template-columns: repeat(2, 1fr); }
  .layer-flow article:nth-child(2) { border-right: 0; }
  .layer-flow article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .system-map, .layer-flow { grid-template-columns: 1fr; }
  .layer-flow article { min-height: 160px; border-right: 0; border-bottom: 1px solid var(--line); }
  .layer-flow article:last-child { border-bottom: 0; }
}