.tl .timeline{scroll-snap-type:x proximity;grid-auto-columns:minmax(104px,1fr);grid-auto-flow:column;margin:0;padding:0 0 6px;list-style:none;display:grid;overflow-x:auto}.tl .timeline li{scroll-snap-align:end;gap:2px;padding:22px 12px 0 0;display:grid;position:relative}.tl .timeline li:before{content:"";background:var(--line-strong);height:1px;position:absolute;top:6px;left:0;right:0}.tl .timeline li:last-child:before{width:12px;right:auto}.tl .timeline .dot{background:var(--text-2);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;left:0}.tl .timeline .changed .dot{background:var(--accent);width:15px;height:15px;box-shadow:0 0 0 3px var(--accent-surface);top:-1px;left:-3px}.tl .timeline .absent .dot{background:var(--bg);border:1px solid var(--line-strong)}.tl .timeline .v{font:500 13px var(--font-mono);color:var(--text)}.tl .timeline .changed .v{color:var(--accent)}.tl .timeline .txt{color:var(--muted);font-size:13px}.nb svg{background:var(--g-bg);border:1px solid var(--line);border-radius:var(--r-panel);width:100%;max-width:760px;height:auto;display:block}.nb .e{stroke:var(--g-edge);stroke-width:1px}.nb .e.subscribers{stroke-dasharray:3 3}.nb .e.calls{stroke-dasharray:1 2}.nb .e.learn{stroke:var(--ev-learn-text);opacity:.5}.nb .me{stroke:var(--g-star-active);stroke-width:2px;fill:var(--muted)}.nb text{font:600 11px var(--font-ui);fill:var(--text);paint-order:stroke;stroke:var(--g-bg);stroke-width:3px;stroke-linejoin:round}.nb a:hover rect,.nb a:hover circle,.nb a:focus rect,.nb a:focus circle{stroke:var(--accent-dot);stroke-width:2px}.nb a:hover text{text-decoration:underline}.nb-legend{flex-wrap:wrap;gap:6px 16px;margin:10px 0 4px;padding:0;font-size:13px;list-style:none;display:flex}.nb-legend li{align-items:center;gap:6px;display:flex}.nb-legend .sw{border-top:2px solid var(--g-edge);width:14px;height:0}.nb-legend .sw.subscribers{border-top-style:dashed}.nb-legend .sw.calls{border-top-style:dotted}.nb-legend .sw.learn{border-top-color:var(--ev-learn-text)}.nb-actions{align-items:center;gap:12px;margin:8px 0 0;display:flex}.nb svg.dim>a,.nb svg.dim>g,.nb svg.dim>.e{opacity:.15;transition:opacity var(--t-hover)}.nb svg.dim>.on{opacity:1}.nb-legend:after{content:"Square: a table. Circle: any other object, or a Learn page in its own colour. Colour: the object's galaxy system. Size: its number of links. Point at a kind to light its lines.";color:var(--muted);flex-basis:100%;font-size:13px}.nb-actions .btn{border-color:var(--accent);color:var(--accent)}.nb-actions .btn:after{content:"→"}.nb-actions .btn:hover{color:var(--accent);text-decoration:underline}.hop a{font:500 12px var(--font-mono);gap:4px;display:inline-grid}.hop svg{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--g-bg);width:130px;height:130px;display:block}.hop a:hover svg{border-color:var(--line-strong)}.hop path[class]{fill:none;stroke:var(--nb-edge);stroke-width:1px}.hop .dashed{stroke-dasharray:4 3}.hop .dotted{stroke-dasharray:1 3;stroke-linecap:round}.hop .double{stroke-width:3px}.hop .dashdot{stroke-dasharray:6 2 2 2}.hop path.c{fill:var(--nb-centre);stroke-width:2px;stroke-dasharray:none}