.explorer-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.field{flex:1;gap:.3rem;min-width:150px;max-width:320px;font-size:.8rem;display:grid}.graph-controls{gap:.4rem;margin-left:auto;display:flex}.graph-controls button{min-width:44px;padding-inline:.7rem}.view-links{flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:2rem;padding:0;font-size:.8rem;list-style:none;display:flex}.view-links a[aria-current]{font-weight:600;text-decoration-thickness:2px}.architecture-viewport{border-radius:var(--radius);background:var(--subtle);height:540px;position:relative;overflow:hidden}.architecture-canvas{transform-origin:0 0;position:absolute}.edge-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.edge-layer path:not(marker path){fill:none;stroke:var(--muted);stroke-width:1.3px;opacity:.48}.edge-layer marker path{fill:var(--muted)}.edge-layer path.highlighted{stroke:var(--accent);stroke-width:3px;opacity:1}.architecture-node{background:var(--surface);width:230px;height:112px;color:var(--ink);border-left:3px solid var(--node-color,var(--accent));border-radius:9px;padding:.75rem 1rem;text-decoration:none;position:absolute;box-shadow:0 2px 8px #00000008}.architecture-node strong{font-size:.9rem;display:block}.node-domain{color:var(--node-color,var(--muted));font-size:.75rem;line-height:1.6;display:block}.node-purpose{color:var(--muted);margin-top:.3rem;font-size:.75rem;line-height:1.4;display:block}.architecture-node.selected{outline:2px solid var(--accent);outline-offset:3px}.architecture-node.dimmed{background:var(--subtle);box-shadow:none;border-left-color:var(--line)}.architecture-node:hover{box-shadow:0 4px 14px #00000015}.diagram-equivalent{margin-top:1.5rem}.diagram-equivalent h3{color:var(--muted);font-size:.85rem}.relationship-list{columns:2;font-size:.8rem}.relationship-list li{break-inside:avoid}.relationship-list span{color:var(--muted)}.mobile-node-list{display:none}.search-results{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.search-results a{background:var(--surface);border-radius:7px;padding:.65rem 1rem;font-size:.8rem;display:block}.search-feedback{color:var(--muted);font-size:.8rem}.enhanced [data-viewport]{touch-action:none;cursor:grab}#explorer:not(.enhanced) .architecture-viewport{overflow:auto}.enhanced [data-viewport].dragging{cursor:grabbing}.journey-summary{padding-block:.6rem 1rem}.diagram-static .architecture-viewport{height:430px;overflow:auto}.diagram-static .architecture-canvas{position:relative}.diagram-compact .diagram-equivalent{display:none}.presentation-stage{padding-block:1rem}.presentation-slide{margin-bottom:2rem}.presentation-slide .lede{max-width:70ch}.presentation-slide h2{font-size:clamp(1.6rem,4vw,3rem)}.presentation-controls{background:var(--bg);flex-wrap:wrap;align-items:center;gap:.6rem;padding-block:1rem;display:flex;position:sticky;bottom:0}.presentation-index{flex-wrap:wrap;gap:.4rem 1rem;padding:0;font-size:.8rem;list-style:none;display:flex}@media (width<=760px){.explorer-graph .architecture-viewport,.graph-controls{display:none}.mobile-node-list{gap:.6rem;padding:0;list-style:none;display:grid}.mobile-node-list a{background:var(--surface);border-radius:8px;padding:1rem;display:block}.mobile-node-list a span{color:var(--muted);margin-top:.25rem;font-size:.8rem;display:block}.relationship-list{columns:1}.search-results{grid-template-columns:1fr}.diagram-static .architecture-viewport{display:none}.presentation-slide .diagram-compact .diagram-equivalent{display:block}}.architecture-node{cursor:grab;touch-action:none;box-shadow:none}.node-purpose{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.architecture-node{user-select:none;-webkit-user-drag:none}.edge-layer path.edge-dimmed{opacity:.1}.architecture-node.graph-connected{outline:2px solid var(--accent);outline-offset:3px}