@dotdotgod/cli 0.6.7 → 0.7.0

package/README.md

@@ -42,7 +42,7 @@ dotdotgod init .
 dotdotgod validate .
 dotdotgod query . "project documentation"
 dotdotgod graph impact . --changed <path> --compact
-dotdotgod graph serve . --changed <path>
+dotdotgod graph serve .
 ```
 
 ## What It Does
@@ -53,7 +53,8 @@ dotdotgod graph serve . --changed <path>
 - `query` defaults to hybrid vector/keyword search over full Markdown and code outlines/comments, not implementation bodies. Use `--scope docs|code|all`, `--search hybrid|keyword|vector` and `--limit 30`. Keyword mode works without embeddings; hybrid reports vector failures and retains keyword results. Selecting a remote embedding provider authorizes sending documentation and code metadata (names, signatures, and comments), without implementation bodies or an additional consent flag. Local E5 remains the default when its optional runtime is installed. Tree-sitter coverage and boundaries: [CODE_OUTLINES.md](../../docs/spec/cli/CODE_OUTLINES.md).
 - `resolve` and `expand` map explicit or high-signal prompt references to project files and can include related impact evidence.
 - `graph impact` ranks likely related specs, tests, docs, commands, and source files for one or more changed paths, with a combined ranking and per-file top five. Non-seed scores use fixed weighted PPR connection `80` plus memory policy `20`. A bounded request-local multilingual vector overlay participates in PPR when the query cache is available; vector preparation failures degrade to structural-only results.
-- `graph serve` starts a local read-only explorer rooted at one or more changed files. It keeps only connected shared structural nodes, lays them out by minimum structural hop, and supports persisted instant, layer, or one-by-one reveal modes.
+- `graph serve` starts a standalone read-only traceability graph without Obsidian. It uses resolved project configuration, relation filters, document-group colors, and optional weighted line widths.
+- `graph export` writes `.dotdotgod/traceability.json` for the desktop Obsidian plugin. Run it in the project/vault, then reload traceability in Obsidian. Exported paths are relative; referenced files must exist in the vault. See [plugin setup](../obsidian/README.md).
 - `traceability links` checks or repairs generated Markdown traceability-link sections.
 
 ## Commands
@@ -79,8 +80,8 @@ dotdotgod traceability links . --write
 dotdotgod graph impact . --changed <path>
 dotdotgod graph impact . --changed <path> --changed <another-path> --compact
 dotdotgod graph impact . --changed <path> --changed <another-path> --yml
-dotdotgod graph serve . --changed <path>
-dotdotgod graph serve . --changed <path> --changed <another-path> --port 4313
+dotdotgod graph serve .
+dotdotgod graph serve . --port 4313
 dotdotgod graph communities .
 ```
 
@@ -95,7 +96,7 @@ dotdotgod graph communities .
 | Resolve `[[...]]` references from a prompt | `dotdotgod expand . "Update [[PLAN_MODE]]"` |
 | Repair generated traceability-link sections | `dotdotgod traceability links . --write` |
 | See what else to inspect after a change | `dotdotgod graph impact . --changed <path> --compact` |
-| Explore the connected structural graph visually | `dotdotgod graph serve . --changed <path>` |
+| Explore project traceability visually | `dotdotgod graph serve .` |
 
 ## Changed-File Impact
 
@@ -122,10 +123,10 @@ The indexed graph is built from maintained project files: Markdown links, README
 ## Local Impact Graph Explorer
 
 ```bash
-dotdotgod graph serve . --changed packages/cli/src/core.mjs
+dotdotgod graph serve .
 ```
 
-`graph serve` prints a local URL and binds to `127.0.0.1` by default. Repeat `--changed` to use multiple roots. Set `--port 4313` for a fixed port or `--host <host>` when the default loopback binding is not suitable.
+`graph serve` prints a local URL and binds to `127.0.0.1` by default. Set `--port 4313` for a fixed port. Only loopback hosts are accepted. Use `graph impact --changed <path>` for changed-file ranking; the web command no longer accepts `--changed`. Reload refreshes project config and index data.
 
 The explorer includes only shared indexed nodes structurally connected to a retained changed-file root. Connectivity treats stored structural edges as undirected so incoming evidence remains discoverable, while rendered arrows preserve each relation's original direction. Local-memory nodes, disconnected nodes, and request-local vector edges are excluded from the canvas and search.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dotdotgod/cli",
-  "version": "0.6.7",
+  "version": "0.7.0",
   "description": "CLI for dotdotgod validation, hybrid document/code-outline search, and graph indexing.",
   "type": "module",
   "license": "Elastic-2.0",
@@ -31,10 +31,8 @@
   "dependencies": {
     "@vscode/tree-sitter-wasm": "0.3.1",
     "d3": "^7.9.0",
-    "graphology": "^0.26.0",
     "ignore": "7.0.5",
-    "leiden-ts": "^0.1.0",
-    "sigma": "^3.0.3"
+    "leiden-ts": "^0.1.0"
   },
   "homepage": "https://github.com/dotdotgod/dotdotgod-kit/tree/main/packages/cli#readme",
   "repository": {

package/src/cli/usage.mjs

@@ -11,7 +11,7 @@ export function commandUsage(command = 'root') {
   dotdotgod validate <root> [--include-local-memory] [--check-index] [--max-lines n] [--max-chars n] [--no-link-check] [--json]`;
     case 'init':
       return `Usage:
-  dotdotgod init <root> [--project-name NAME] [--template NAME] [--documentation-root PATH] [--dotdot-setting] [--claude-plans] [--dry-run] [--json]
+  dotdotgod init <root> [--project-name NAME] [--template NAME] [--documentation-root PATH] [--claude-plans] [--dry-run] [--json]
 
 Create AGENTS.md, agent entrypoints, docs indexes, a project config from an initialization template, and local memory gitignore entries.
 Use --claude-plans only after opting into project-local native plan storage; existing Claude settings are preserved.`;
@@ -67,7 +67,8 @@ Checks or writes generated Markdown traceability link sections from canonical fe
     case 'graph':
       return `Usage:
   dotdotgod graph impact <root> --changed <path> [--changed <path> ...] [--compact|--json|--yml|--yaml]
-  dotdotgod graph serve <root> --changed <path> [--changed <path> ...] [--host HOST] [--port PORT]
+  dotdotgod graph serve <root> [--host HOST] [--port PORT]
+  dotdotgod graph export <root> [--json]
   dotdotgod graph communities <root> [--json]`;
     case 'graph impact':
       return `Usage:
@@ -76,9 +77,11 @@ Checks or writes generated Markdown traceability link sections from canonical fe
 Ranks nodes related to one or more changed files. <root> is the project root; repeat --changed with project-relative file paths. Results include a combined ranking and the top five related nodes for each changed file. Use --compact for a short text summary or --yml/--yaml for structured agent-facing output.`;
     case 'graph serve':
       return `Usage:
-  dotdotgod graph serve <root> --changed <path> [--changed <path> ...] [--host HOST] [--port PORT]
+  dotdotgod graph serve <root> [--host HOST] [--port PORT]
 
-Starts a local-only impact graph explorer. Changed files are rendered as root nodes and are excluded from related-result lists.`;
+Starts a standalone local traceability graph without Obsidian.`;
+    case 'graph export':
+      return `Usage:\n  dotdotgod graph export <root> [--json]\n\nWrite .dotdotgod/traceability.json for the Obsidian plugin.`;
     case 'graph communities':
       return `Usage:
   dotdotgod graph communities <root> [--json]`;
@@ -102,7 +105,8 @@ Commands:
   status                Show local index status.
   traceability links    Check or write generated traceability links.
   graph impact          Find files related to changed files.
-  graph serve           Open a local impact graph explorer.
+  graph serve           Open a standalone local traceability graph.
+  graph export          Export traceability data for Obsidian.
   graph communities     Find groups of related project-memory nodes.
 
 Options:

package/src/commands/graph.mjs

@@ -1,4 +1,7 @@
 import { commandUsage, parseCommon, usage } from '../cli/usage.mjs';
+import { mkdir, writeFile, rename, rm } from 'node:fs/promises';
+import { join } from 'node:path';
+import { exportTraceability } from '../graph-view/traceability.mjs';
 import { buildCommunities } from '../graph/communities.mjs';
 import { graphSummary, readFreshIndex } from '../index/cache.mjs';
 import { buildCompactImpactReport, buildImpactReport } from '../impact/report.mjs';
@@ -42,9 +45,23 @@ export async function runGraph(argv) {
   const sub = argv[0];
   const isImpact = sub === 'impact';
   const isServe = sub === 'serve';
-  if (!['impact', 'communities', 'serve'].includes(sub)) usage(sub ? `Unknown graph command: ${sub}` : 'Missing graph command.', 'graph');
+  if (!['impact', 'communities', 'serve', 'export'].includes(sub)) usage(sub ? `Unknown graph command: ${sub}` : 'Missing graph command.', 'graph');
   const options = parseGraphOptions(argv.slice(1));
-  if (isServe && options.changed.length === 0) usage('Missing required option: --changed <path>.', 'graph serve');
+  if (sub === 'export') {
+    const graph = await exportTraceability(options.root);
+    delete graph.projectRoot;
+    const directory = join(options.root, '.dotdotgod');
+    await mkdir(directory, { recursive: true });
+    const path = join(directory, 'traceability.json');
+    const temporary = `${path}.${process.pid}.tmp`;
+    try {
+      await writeFile(temporary, JSON.stringify(graph, null, 2));
+      await rename(temporary, path);
+    } finally { await rm(temporary, { force: true }); }
+    console.log(options.json ? JSON.stringify({ ok: true, path, edges: graph.edges.length }) : `graph export: ${path} (${graph.edges.length} relations)`);
+    return;
+  }
+  if (isServe && options.changed.length > 0) usage('graph serve now shows project traceability. Use graph impact for --changed analysis.', 'graph serve');
   if (isServe && !Number.isInteger(options.port)) usage('Invalid --port. Use an integer from 0 through 65535.', 'graph serve');
   if (isServe) {
     options.changed = [...new Set(options.changed.map((path) => canonicalizeChangedPath(options.root, path)).filter(Boolean))];

package/src/config/templates.mjs

@@ -7,9 +7,16 @@ import { isKebabCase } from '../docs/markdown.mjs';
 export const DEFAULT_TEMPLATE_NAME = 'software';
 export const BUILT_IN_TEMPLATE_NAMES = ['software', 'research', 'case-and-evidence', 'publication', 'portfolio', 'policy'];
 
+const engineeringScaffold = [
+  ['docs/spec/README.md', 'Specs', 'Use this area for behavior specs, API contracts, and requirements. Follow `dotdotgod validate` traceability guidance for applicable documents.'],
+  ['docs/arch/README.md', 'Architecture', 'Use this area for architecture decisions, design rationale, conventions, and integration boundaries.'],
+  ['docs/test/README.md', 'Verification', 'Use this area for test strategy, evaluation methods, regression cases, and verification records.'],
+];
+
 const BUILT_IN_TEMPLATE_SCAFFOLDS = {
-  software: [],
+  software: engineeringScaffold,
   research: [
+    ...engineeringScaffold,
     ['docs/research/README.md', 'Research', 'Use this area for research notes, sources, and findings.'],
     ['docs/record/README.md', 'Research Records', 'Use this area for dated measurements, experiments, and execution records.'],
     ['docs/report/README.md', 'Reports', 'Use this area for research diagnoses, analyses, results, and performance reports.'],

package/src/core.mjs

@@ -28,8 +28,7 @@ export { addDeterministicSemanticEdges } from './graph/semantic.mjs';
 export { buildIndex, writeIndex, readIndex, getStatus, runIndex, runStatus, readFreshIndex, graphSummary } from './index/cache.mjs';
 export { runValidate } from './validate/run.mjs';
 export { buildImpactReport, buildCompactImpactReport } from './impact/report.mjs';
-export { buildImpactGraphPayload } from './graph-view/payload.mjs';
-export { buildServedImpact, startImpactGraphServer } from './graph-view/server.mjs';
+export { startImpactGraphServer } from './graph-view/server.mjs';
 export { buildChangedFileProfile, MAX_VECTOR_PROFILE_CHARS, MAX_VECTOR_PROFILE_FILE_BYTES, MAX_VECTOR_PROFILE_METADATA_ITEMS } from './impact/vector-profile.mjs';
 export { buildVectorImpactOverlay, VECTOR_RELATION_WEIGHT } from './impact/vector-overlay.mjs';
 export { formatCompactImpactOutput, formatYmlGraphImpactError, formatYmlImpactOutput } from './impact/format.mjs';

package/src/graph-view/assets/app.css

@@ -1,115 +1,29 @@
-:root {
-  color-scheme: light;
-  --paper: #f4f6f3;
-  --panel: #fbfcf8;
-  --ink: #182028;
-  --muted: #59656f;
-  --rule: #c8d0cd;
-  --cobalt: #1857c8;
-  --amber: #c66a12;
-  --green: #16734b;
-  --violet: #6b47a8;
-  --focus: #073f9b;
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-}
+:root { color-scheme: dark; font-family: system-ui; background: #1b1d24; color: #d8dee9; --file-row-height: 36px; }
 * { box-sizing: border-box; }
-html, body { margin: 0; min-height: 100%; background: var(--paper); color: var(--ink); }
-body { min-height: 100vh; overflow: hidden; }
-button, input, select { font: inherit; }
-button { border: 1px solid var(--ink); background: var(--ink); color: #fff; padding: .62rem .82rem; cursor: pointer; }
-button:hover { background: var(--cobalt); border-color: var(--cobalt); }
-button:focus-visible, input:focus-visible, select:focus-visible, .result-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus), transparent 25%); outline-offset: 2px; }
-::selection { background: var(--cobalt); color: white; }
-.command-rail { height: 64px; display: grid; grid-template-columns: 1fr minmax(420px, 620px) auto; align-items: center; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid var(--ink); background: var(--panel); }
-.brand { display: flex; align-items: baseline; gap: .58rem; white-space: nowrap; }
-.brand strong { letter-spacing: -.025em; }
-.brand span:last-child { color: var(--muted); }
-.brand-mark { width: 12px; height: 12px; background: var(--cobalt); display: inline-block; }
-.reroot-form { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto; align-items: center; gap: .55rem; }
-.reroot-form label { font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
-.reroot-form input { min-width: 0; padding: .58rem .7rem; border: 1px solid var(--rule); background: white; color: var(--ink); }
-#status { margin: 0; color: var(--muted); font-size: .82rem; white-space: nowrap; }
-.workspace { height: calc(100vh - 64px); display: grid; grid-template-columns: 225px minmax(320px, 1fr) minmax(330px, 420px); }
-.filters, .evidence { background: var(--panel); overflow: auto; }
-.filters { border-right: 1px solid var(--rule); padding: 1.2rem 1rem; display: flex; flex-direction: column; gap: 1.3rem; }
-h1, h2, h3, p { margin-top: 0; }
-h1 { font-size: 1.42rem; margin-bottom: .42rem; letter-spacing: -.025em; }
-h2 { font-size: 1.12rem; margin-bottom: .2rem; }
-h3 { font-size: 1rem; }
-.filters p, .plot-heading p, .inspection p { color: var(--muted); font-size: .86rem; line-height: 1.5; }
-#relation-filters { border: 0; padding: 0; margin: 0; display: grid; gap: .35rem; }
-.filter-control { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: .48rem; padding: .42rem 0; border-bottom: 1px solid #e2e7e4; font-size: .82rem; }
-.filter-control input { accent-color: var(--cobalt); }
-.filter-control code { color: var(--muted); font-size: .7rem; }
-.motion-control { margin-top: .35rem; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
-#motion-mode { width: 100%; border: 1px solid var(--ink); border-radius: 0; background: var(--panel); color: var(--ink); padding: .52rem; }
-#skip-reveal { width: 100%; padding: .48rem .62rem; background: transparent; color: var(--ink); }
-.legend { display: grid; gap: .62rem; font-size: .78rem; }
-.legend span { display: flex; align-items: center; gap: .55rem; }
-.node-key { display: inline-block; width: 10px; height: 10px; border: 1px solid var(--ink); }
-.node-key.seed { background: var(--cobalt); }
-.node-key.doc { background: var(--violet); }
-.node-key.test { background: var(--green); }
-.node-key.code { background: #42515e; }
-.node-key.contract { background: var(--amber); }
-.node-key.heading { width: 7px; height: 7px; margin-inline: 1.5px; border-color: #66736d; background: #8b9690; }
-.reading-note { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--rule); }
-.plot { min-width: 0; position: relative; background-color: #edf1ee; background-image: linear-gradient(#dce3df 1px, transparent 1px), linear-gradient(90deg, #dce3df 1px, transparent 1px); background-size: 32px 32px; }
-.plot-heading { height: 58px; display: flex; justify-content: space-between; align-items: center; padding: .65rem .85rem; background: color-mix(in srgb, var(--panel), transparent 6%); border-bottom: 1px solid var(--rule); }
-.plot-heading p { margin-bottom: 0; }
-.plot-heading button { background: transparent; color: var(--ink); padding: .42rem .62rem; }
-#graph { width: 100%; height: calc(100% - 58px); }
-.graph-fallback { position: absolute; inset: 58px 0 0; place-items: center; padding: 2rem; text-align: center; background: var(--paper); color: var(--muted); }
-.graph-fallback:not([hidden]) { display: grid; }
-.evidence { border-left: 1px solid var(--rule); display: grid; grid-template-rows: auto auto minmax(180px, 1fr) auto; }
-.node-search { padding: 1rem; border-bottom: 1px solid var(--rule); }
-.node-search label { display: block; margin-bottom: .45rem; font-size: .76rem; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
-.node-search input { width: 100%; padding: .58rem .7rem; border: 1px solid var(--rule); background: white; color: var(--ink); }
-.node-search-results { list-style: none; margin: .45rem 0 0; padding: 0; max-height: 11rem; overflow: auto; }
-.node-search-results:empty { display: none; }
-.node-search-results button { width: 100%; padding: .5rem; border: 0; border-bottom: 1px solid #e2e7e4; background: transparent; color: var(--ink); text-align: left; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .72rem; overflow-wrap: anywhere; }
-.node-search-results button:hover { background: #e5ecfa; color: var(--ink); }
-.evidence-heading { display: flex; justify-content: space-between; align-items: baseline; padding: 1rem; border-bottom: 1px solid var(--rule); }
-.evidence-heading h2 { margin: 0; }
-#result-count { color: var(--muted); font-variant-numeric: tabular-nums; font-size: .78rem; }
-.result-list { list-style: none; margin: 0; padding: 0; overflow: auto; }
-.result-button { width: 100%; display: grid; grid-template-columns: 2.2rem 1fr auto; gap: .62rem; align-items: start; padding: .75rem 1rem; border: 0; border-bottom: 1px solid #dce2df; background: transparent; color: var(--ink); text-align: left; }
-.result-button:hover, .result-button[aria-current="true"] { background: #e5ecfa; color: var(--ink); }
-.rank { color: var(--muted); font-variant-numeric: tabular-nums; }
-.result-copy { min-width: 0; }
-.result-path { display: block; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .76rem; overflow-wrap: anywhere; }
-.result-reason { display: block; color: var(--muted); font-size: .72rem; margin-top: .26rem; }
-.score { color: var(--cobalt); font-weight: 800; font-variant-numeric: tabular-nums; }
-.inspection { border-top: 1px solid var(--ink); padding: 1rem; max-height: 38vh; overflow: auto; background: #f7f8f4; }
-.inspection dl { display: grid; grid-template-columns: 6.8rem 1fr; gap: .45rem .75rem; margin: 0; font-size: .78rem; }
-.inspection dt { color: var(--muted); }
-.inspection dd { margin: 0; overflow-wrap: anywhere; }
-.inspection .reroot-selected { margin-top: 1rem; width: 100%; }
-.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
-@media (max-width: 1050px) {
-  body { overflow: auto; }
-  .command-rail { height: auto; min-height: 64px; grid-template-columns: 1fr auto; padding-block: .65rem; }
-  .reroot-form { grid-column: 1 / -1; grid-row: 2; }
-  .workspace { height: auto; min-height: calc(100vh - 110px); grid-template-columns: 190px minmax(300px, 1fr); }
-  .evidence { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--ink); grid-template-rows: auto auto minmax(220px, 42vh) auto; }
-  .plot { min-height: 620px; }
-}
-@media (max-width: 680px) {
-  .command-rail { display: flex; flex-wrap: wrap; }
-  .brand { flex: 1; }
-  #status { width: 100%; }
-  .reroot-form { width: 100%; grid-template-columns: 1fr auto; }
-  .reroot-form label { grid-column: 1 / -1; }
-  .workspace { display: flex; flex-direction: column; }
-  .filters { border-right: 0; border-bottom: 1px solid var(--rule); }
-  #relation-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .reading-note { margin-top: 0; }
-  .plot { min-height: 60vh; }
-  .evidence { min-height: 70vh; }
+body { margin: 0; overflow: hidden; }
+header { position: absolute; top: 16px; left: 24px; right: 320px; z-index: 2; pointer-events: none; }
+h1 { font-size: 16px; }
+#legend { display: flex; flex-wrap: wrap; gap: 8px; }
+button, input { font: inherit; color: inherit; background: #252832; border: 1px solid #586174; border-radius: 4px; padding: 8px; }
+button { cursor: pointer; pointer-events: auto; }
+button:focus-visible, input:focus-visible { outline: 2px solid #72b9e6; }
+#legend button[aria-pressed=false] { opacity: .45; }
+.swatch { display: inline-block; width: 18px; height: 3px; margin-right: 8px; vertical-align: middle; }
+canvas { width: 100vw; height: 100vh; display: block; touch-action: none; }
+aside { position: absolute; right: 16px; top: 16px; bottom: 16px; width: 280px; padding: 16px; background: #252832; border: 1px solid #434958; border-radius: 6px; display: flex; flex-direction: column; overflow: hidden; }
+aside > details, aside > #search, aside > #copy, aside > #path, aside > #status { flex: none; }
+summary { cursor: pointer; font-weight: 600; }
+label { display: flex; gap: 8px; margin: 16px 0; font-size: 13px; }
+#files { list-style: none; padding: 0; flex: 1; min-height: 72px; overflow: auto; overscroll-behavior: contain; margin: 12px 0; overflow-anchor: none; scrollbar-gutter: stable; }
+#files li:not([aria-hidden]) { height: var(--file-row-height); }
+#files button { width: 100%; height: var(--file-row-height); text-align: left; border: 0; background: none; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none; opacity: 1; }
+#files button[aria-pressed=true] { background: #343b4c; }
+#search { width: 100%; }
+#path { font: 12px monospace; overflow-wrap: anywhere; }
+#status { font-size: 12px; overflow-wrap: anywhere; max-height: 110px; overflow: auto; }
+#tooltip { position: fixed; padding: 8px; background: #252832; border: 1px solid #68738a; pointer-events: none; font: 12px monospace; max-width: calc(100vw - 16px); overflow-wrap: anywhere; }
+@media (max-width: 700px) {
+  aside { top: auto; height: 45vh; width: calc(100% - 24px); right: 12px; bottom: 12px; }
+  aside > details[open] { max-height: 140px; overflow: auto; }
+  header { right: 16px; left: 16px; }
 }
-@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
-
-.reference-warnings { padding: 12px; border: 1px solid var(--border, #ddd); border-radius: 8px; }
-.reference-warnings h3 { margin: 0; }
-.reference-warnings ul { padding-left: 18px; overflow-wrap: anywhere; }