.explorer{--graph-bg:#07131d;--graph-line:#42606e;--graph-text:#edf5f6;--graph-accent:#8cdbd7;background:var(--graph-bg);color:var(--graph-text);padding:24px;border-radius:16px;margin-bottom:48px}
.explorer-controls,.explorer-controls form,.explorer-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.explorer-controls>div,.explorer-controls>form{max-width:100%}.explorer-controls label{display:block;font-size:14px}.explorer-controls input,.explorer-controls select{background:#142a37;color:var(--graph-text);border:1px solid #78919d;max-width:100%;min-height:44px}.explorer-controls button{background:#183640;color:var(--graph-text);border:1px solid #78919d;border-radius:6px;padding:10px 14px;min-width:44px;min-height:44px;cursor:pointer}.explorer a{color:var(--graph-accent)}.explorer :focus-visible{outline:3px solid #f6d286;outline-offset:4px}.explorer [aria-pressed=true]{background:#306269}.explorer-help{color:#b8cdd7;font-size:14px;max-width:80ch;margin:18px 0}.explorer [hidden]{display:none!important}.explorer [role=status]{min-height:24px;color:#f6d286}
.explorer-viewport{max-height:75vh;min-height:300px;overflow:auto;border:1px solid var(--graph-line);border-radius:8px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.explorer.is-enhanced .explorer-viewport{touch-action:none;cursor:grab}.explorer-viewport.is-dragging{cursor:grabbing;user-select:none}.explorer-canvas{padding:24px;min-width:100%;width:max-content;transform-origin:top left}.explorer-tree,.explorer-tree ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.explorer-tree li{display:flex;align-items:center;gap:24px}.explorer-tree details{border-left:1px solid var(--graph-line);padding-left:24px}.explorer-tree summary{cursor:pointer;color:#bdd5de;min-height:44px;padding:10px 0}.explorer-node{flex:0 0 240px;width:240px;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--graph-line);border-left:4px solid #8e9daa;border-radius:8px;background:#102632;overflow-wrap:anywhere}.explorer-node .eyebrow{margin:0;color:#b8cdd7;font-size:11px}.explorer-node .explorer-name{font-size:18px;font-weight:700;line-height:1.4}.explorer-node .node-id{font-size:10px;color:#b8cdd7}.explorer-node>span{font-size:12px}.explorer-node.sex-male{border-left-color:#83b9f0}.explorer-node.sex-female{border-left-color:#e6adca}.explorer-node.state-conflict,.explorer-node.state-cycle{border-color:#e1b36b}.explorer-node.is-match,.explorer-node.is-highlight{outline:3px solid #f6d286;outline-offset:2px}.explorer.show-repeated .explorer-node.is-repeated{outline:3px solid var(--graph-accent)}.explorer-node [data-repeat-label]{color:#f6d286}.explorer .branch-link{display:inline-block;font-size:13px;min-height:44px;padding:12px 0}.explorer-boundary{max-width:65ch;color:#f6d286}.explorer.is-reading .explorer-canvas{width:100%;zoom:1!important}.explorer.is-reading .explorer-tree li{display:block}.explorer.is-reading .explorer-node{width:100%;max-width:540px}.explorer.is-reading details{padding-left:12px;margin:12px 0}.explorer.is-reading .explorer-viewport{touch-action:pan-y}
@media(max-width:600px){.explorer{padding:14px;border-radius:0}.explorer-controls{align-items:stretch}.explorer-controls>form{width:100%}.explorer-canvas{padding:16px}.explorer-node{width:210px;flex-basis:210px}.explorer-help{font-size:13px}}
@media print{.brand-shell,.notice,.footer,.explorer-controls,.explorer-help,.explorer [role=status],.explorer .branch-link{display:none!important}.explorer,.explorer-node{background:white!important;color:black!important;border-color:#777!important}.explorer a,.explorer-node .eyebrow,.explorer-node .node-id{color:black!important}.explorer{padding:0;width:100%;max-width:none}.explorer-viewport{overflow:visible;max-height:none;border:0}.explorer-canvas{zoom:1!important;width:100%;padding:0}.explorer-tree li{display:block}.explorer-node{break-inside:avoid;width:100%;padding:8px;margin:8px 0}.explorer-tree details{padding-left:16px}.explorer-tree summary{display:none}.explorer-boundary{color:black}}
main:has(>.explorer){background:#07131d;color:#edf5f6;padding-bottom:1px}.explorer-heading h1{color:#edf5f6}.explorer-heading p{color:#b8cdd7}.explorer-heading a{color:#8cdbd7}.explorer-heading{padding-bottom:28px}.explorer{border:1px solid #294250}.explorer-controls{align-items:end}.explorer-controls form{display:grid;grid-template-columns:minmax(100px,1fr) auto;width:260px;gap:8px;margin:0}.explorer-controls form label{grid-column:1/-1;margin:0}.explorer-controls input{margin:0}.explorer-controls select{margin:0;width:100%}.explorer-controls>div>label{margin:0 0 8px}.explorer-tree li{align-items:flex-start}.explorer.is-reading details{border-left:0;padding-left:0}.explorer:not(.is-enhanced) .explorer-canvas{width:100%}.explorer:not(.is-enhanced) .explorer-tree li{display:block}.explorer:not(.is-enhanced) .explorer-node{width:100%;max-width:540px}.explorer:not(.is-enhanced) details{padding-left:0;border-left:0;margin:12px 0}
@media print{main:has(>.explorer){background:white;color:black}.explorer-heading h1,.explorer-heading p,.explorer-heading a{color:black}.explorer-tree details{border:0;padding-left:0}.explorer{border:0}}
