Lots of changes to the cmap stuff

static/css/wiki.css

@@ -410,6 +410,65 @@ body {
   max-width: 900px;
 }
 
+.page-cmap-connections {
+  box-sizing: border-box;
+  max-width: 900px;
+  margin-top: 2rem;
+  padding: 14px 16px;
+  border: 1px solid #c8d8c3;
+  border-radius: 7px;
+  background: #f5faf3;
+}
+
+.page-cmap-connections h2 {
+  margin: 0 0 10px;
+  font-size: 1rem;
+}
+
+.page-cmap-concept-row {
+  display: grid;
+  grid-template-columns: minmax(180px, 1fr) minmax(220px, 2fr);
+  gap: 12px 18px;
+  align-items: center;
+  padding: 9px 0;
+  border-top: 1px solid #d9e5d5;
+}
+
+.page-cmap-concept-row:first-child { border-top: 0; }
+
+.page-cmap-concept-description {
+  display: grid;
+  gap: 2px;
+}
+
+.page-cmap-concept-description .muted { font-size: .82rem; }
+
+.page-cmap-concept-maps {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.page-cmap-concept-maps a {
+  padding: 4px 8px;
+  border: 1px solid #96b48d;
+  border-radius: 999px;
+  background: #fff;
+  color: #315f2b;
+  font-size: .86rem;
+  text-decoration: none;
+}
+
+.page-cmap-concept-maps a:hover,
+.page-cmap-concept-maps a:focus-visible {
+  background: #e6f3e2;
+  text-decoration: underline;
+}
+
+@media (max-width: 680px) {
+  .page-cmap-concept-row { grid-template-columns: 1fr; }
+}
+
 .markdown-body h1,
 .EasyMDEContainer .editor-preview h1,
 .EasyMDEContainer .editor-preview-side h1 {