Graph calculator improvmentes

frontend/app/assets/css/_book.scss

@@ -269,6 +269,32 @@
   &:hover { color: var(--text); background: var(--surface-2); }
 }
 
+// ---------- A wiki page laid on the book ----------
+// The link map and the graphing calculator are pages too: the search popup
+// lays one of them on the book beside the articles (ToolPane.vue). It fills
+// the page edge to edge — no column of prose scrolls here, the surface keeps
+// its own docks and toolbars — and it takes the whole share of the desk, a
+// plane being no narrower read than a page of text. Each stage's own sheet
+// answers for the rest (_graph.scss, _calculator.scss).
+
+.book-pane.pane-tools {
+  max-width: none;
+  overflow: hidden;
+}
+
+.pane-stage {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
+
+// the surface's mark on the spine, under the ×, so a page of the map or the
+// plane reads as itself fanned in among the articles
+.pane-spine .spine-glyph { flex: none; opacity: 0.65; }
+
+.book-pane.active .pane-spine .spine-glyph { opacity: 1; }
+
 @media (max-width: 900px) {
   .book-layer, .reader-note { inset: 0; box-shadow: none; }