#pvj-explorer .systems-viz{--sv-graphic:var(--alternative);--sv-paper:var(--surface);--sv-text:var(--ink);width:100%;min-width:0;font-family:var(--font-ui);}
#pvj-explorer .sv-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
#pvj-explorer .sv-step{appearance:none;position:relative;border:0;border-right:1px solid var(--rule);padding:18px 14px 16px;background:transparent;color:var(--secondary);font:700 14px/1.25 var(--font-ui);text-align:left;cursor:pointer;display:flex;gap:12px;align-items:baseline;transition:background .15s,color .15s;min-width:0;}
#pvj-explorer .sv-step:last-child{border-right:0;}
#pvj-explorer .sv-step-number{font:400 11px/1 var(--font-mono);opacity:.7;}
#pvj-explorer .sv-step[aria-selected=true]{background:var(--alternative);color:white;}
#pvj-explorer .sv-step:hover:not([aria-selected=true]){background:color-mix(in oklch,var(--field) 25%,var(--surface));color:var(--ink);}
#pvj-explorer .sv-step:focus-visible,#pvj-explorer .sv-next:focus-visible,#pvj-explorer .sv-panel:focus-visible{outline:3px solid var(--accent);outline-offset:4px;z-index:1;}
#pvj-explorer .sv-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.75fr);gap:40px;align-items:center;padding-top:30px;}
#pvj-explorer .sv-figure{margin:0;min-width:0;position:relative;}
#pvj-explorer .sv-figure svg{display:block;width:100%;height:auto;overflow:visible;}
#pvj-explorer .sv-grid-lines{fill:none;stroke:var(--rule);stroke-width:1;stroke-dasharray:2 8;opacity:.65;}
#pvj-explorer .sv-connection{stroke:var(--accent);stroke-width:2;opacity:.75;vector-effect:non-scaling-stroke;}
#pvj-explorer .sv-connection--draw{stroke-dasharray:1;animation:sv-draw 700ms cubic-bezier(.2,0,0,1) var(--edge-delay,0ms) both;}
#pvj-explorer .sv-node-disc{fill:var(--surface);stroke:var(--ink);stroke-width:1.2;vector-effect:non-scaling-stroke;}
#pvj-explorer .sv-node-ring{fill:none;stroke:var(--rule);stroke-width:1;stroke-dasharray:2 5;vector-effect:non-scaling-stroke;}
#pvj-explorer .sv-node-label{fill:var(--ink);font:500 17px/1.2 var(--font-ui);}
#pvj-explorer .sv-svg--compact .sv-node-label{font-size:16px;}
#pvj-explorer .sv-node--core .sv-node-disc{fill:var(--field);stroke:var(--field);}
#pvj-explorer .sv-node--core .sv-node-label{fill:oklch(.216 .003 250);font-weight:700;}
#pvj-explorer .sv-node--core .sv-node-ring{stroke:var(--accent);stroke-dasharray:none;opacity:.7;}
#pvj-explorer .sv-node--outcome .sv-node-disc{fill:var(--alternative);stroke:var(--alternative);}
#pvj-explorer .sv-node--outcome .sv-node-label{fill:white;}
#pvj-explorer .sv-caption{font:400 11px/1.6 var(--font-mono);letter-spacing:.015em;color:var(--secondary);border-top:1px solid var(--rule);padding-top:12px;}
#pvj-explorer .sv-counter{font:400 11px/1.4 var(--font-mono);letter-spacing:.07em;color:var(--accent);margin:0 0 18px;}
#pvj-explorer .sv-title{font:600 clamp(28px,3.2vw,40px)/1.06 var(--font-serif);letter-spacing:-.025em;margin:0 0 20px;color:var(--ink);}
#pvj-explorer .sv-body{font:400 19px/1.5 var(--font-serif);color:var(--secondary);margin:0;max-width:40ch;}
#pvj-explorer .sv-source{font:700 12px/1.5 var(--font-ui);display:block;margin-top:20px;color:var(--accent);text-underline-offset:4px;}
#pvj-explorer .sv-source[hidden]{display:none;}
#pvj-explorer .sv-next{appearance:none;display:inline-flex;align-items:center;border:0;border-bottom:1px solid var(--ink);padding:9px 0;margin-top:24px;background:transparent;color:var(--ink);font:700 12px/1.4 var(--font-ui);cursor:pointer;text-align:left;}
#pvj-explorer .sv-next:hover{color:var(--accent);border-color:var(--accent);}
#pvj-explorer .sv-reduced .sv-connection--draw{animation:none;stroke-dasharray:none;}
#pvj-explorer .sv-stacked .sv-panel{grid-template-columns:minmax(0,1fr);gap:24px;}
#pvj-explorer .sv-stacked .sv-body{max-width:60ch;}
#pvj-explorer .sv-narrow .sv-controls{grid-template-columns:repeat(2,minmax(0,1fr));}
#pvj-explorer .sv-narrow .sv-step:nth-child(2){border-right:0;}
#pvj-explorer .sv-narrow .sv-step:nth-child(-n+2){border-bottom:1px solid var(--rule);}
#pvj-explorer .alternative-field .systems-viz{--surface:var(--alternative);}
#pvj-explorer .alternative-field .sv-step[aria-selected=true]{background:var(--field);color:oklch(.216 .003 250);}
#pvj-explorer .alternative-field .sv-node--outcome .sv-node-disc{fill:var(--ink);stroke:var(--ink);}
#pvj-explorer .alternative-field .sv-node--outcome .sv-node-label{fill:var(--alternative);}
@keyframes sv-draw{from{stroke-dashoffset:1;opacity:.15}to{stroke-dashoffset:0;opacity:.75}}
@media(max-width:850px){#pvj-explorer .sv-panel{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:24px;}#pvj-explorer .sv-step{gap:8px;padding:15px 10px;font-size:12px;}#pvj-explorer .sv-body{font-size:18px;}}
@media(max-width:650px){#pvj-explorer .sv-controls{grid-template-columns:repeat(2,minmax(0,1fr));}#pvj-explorer .sv-step{font-size:13px;padding:15px 12px;}#pvj-explorer .sv-step:nth-child(2){border-right:0;}#pvj-explorer .sv-step:nth-child(-n+2){border-bottom:1px solid var(--rule);}#pvj-explorer .sv-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:16px;}#pvj-explorer .sv-copy{padding-bottom:6px;}#pvj-explorer .sv-counter{margin-bottom:12px;}#pvj-explorer .sv-title{font-size:32px;margin-bottom:16px;}#pvj-explorer .sv-body{max-width:none;}#pvj-explorer .sv-next{margin-top:16px;}#pvj-explorer .sv-figure{max-width:490px;}}
@media(prefers-reduced-motion:reduce){#pvj-explorer .sv-connection--draw{animation:none;stroke-dasharray:none;}#pvj-explorer .sv-step{transition:none;}}
