.spv{--code-bg:var(--paper);--code-ink:var(--ink);--comment:#8a8478;--kw:#3a2fa6;--ty:#0d6b75;--nu:#a14a06;--at:#5b5f97;--op:#1f4fbf;--str:#3d7a2e;--bad:#b83a2e;--good:#2f7d4a}[data-theme=dark] .spv{--comment:#8f897d;--kw:#b7adff;--ty:#5fc6cf;--nu:#f2a65e;--at:#a9acdf;--op:#8fb0ff;--str:#a6d68a;--bad:#f07a72;--good:#6fcf8f}.spv .example{grid-template-columns:minmax(0,1fr);gap:.9rem;margin:1.75em 0;display:grid}.spv .example>*{min-width:0;margin:0}.spv .duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.centered .spv :is(.bleed,.instr,.try){margin-left:calc(50% - 50cqw);margin-right:calc(50% - 50cqw)}.has-toc .spv :is(.bleed,.instr,.try){margin-right:calc(100% - 100cqw + var(--toc-room))}@media (width<=900px){.spv .duo{grid-template-columns:minmax(0,1fr)}.spv .ln.pad{display:none}}.spv .pane{background:var(--code-bg);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden}.spv .pane-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--inline-code);justify-content:space-between;align-items:center;gap:1rem;padding:8px 14px;font-size:11.5px;display:flex}.spv .pane-label>:first-child{letter-spacing:.12em;color:var(--ink);font-size:13px;font-weight:700}.spv .lines{font-family:var(--mono);color:var(--code-ink);font-variant-ligatures:none;padding:9px 0;font-size:13px;line-height:1.65;overflow-x:auto}.spv .ln{white-space:pre;border-left:3px solid #0000;grid-template-columns:2.4rem max-content;width:max-content;min-width:100%;padding-right:.8rem;display:grid}.spv .ln .no{color:var(--comment);text-align:right;user-select:none;padding-right:.75rem}.spv .ln.focus{background:color-mix(in oklab, var(--accent) 8%, transparent);border-left-color:var(--accent)}.spv .ln.focus .no{color:var(--accent);font-weight:600}.spv .ln.fold,.spv .ln.fold .no,.spv .ln.dim{color:var(--comment)}.spv .ln.dim{font-style:italic}.spv .cm{color:var(--comment);font-style:italic}.spv .kw{color:var(--kw)}.spv .ty{color:var(--ty)}.spv .nu{color:var(--nu)}.spv .at{color:var(--at)}.spv .op{color:var(--op)}.spv .str{color:var(--str)}.spv .id{color:inherit}.spv [data-k]{--kc:var(--accent)}.spv .lnk{border-radius:3px;transition:background-color .15s,box-shadow .15s,color .15s}.spv .lnk.on{color:var(--kc);background:color-mix(in oklab, var(--kc) 22%, transparent);box-shadow:0 0 0 1px var(--kc)}.spv .hov{cursor:help}.spv :is(.lines,.acode) .hov{text-decoration:underline dotted;text-decoration-color:color-mix(in oklab, var(--muted) 70%, transparent);text-underline-offset:3px}.spv .acode{gap:10px;padding:12px 16px;display:grid;overflow-x:auto}.spv .acode .item{gap:1px;display:grid}.spv .acode .cl{font-family:var(--mono);white-space:pre;color:var(--code-ink);font-variant-ligatures:none;font-size:13px;line-height:1.6}.spv .acode .why{color:var(--muted);font-size:14px;line-height:1.45}.spv .acode .gap{height:4px}.spv .verdicts{gap:10px;margin:1.5em 0;display:grid}.spv .verdict{border:1px solid var(--line);background:var(--paper);border-radius:12px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px;display:grid}.spv .vmark{width:26px;height:26px;font-family:var(--mono);color:var(--paper);border-radius:50%;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.spv .bad .vmark{background:var(--bad)}.spv .good .vmark{background:var(--good)}.spv .vbody{gap:6px;min-width:0;padding-top:2px;display:grid}.spv .vcode{font-family:var(--mono);white-space:pre;color:var(--code-ink);font-variant-ligatures:none;border:0;border-radius:0;margin:0;padding:0;font-size:13px;line-height:1.6;overflow-x:auto;background:0 0!important}.spv .verr{font-family:var(--mono);color:var(--bad);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.spv .vcode.verr{white-space:pre-wrap}.spv .instr{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow-x:auto}.spv .instr table{border-collapse:collapse;width:100%;margin:0;display:table}.spv .instr td{text-align:left;vertical-align:top;border-bottom:0;padding:9px 13px;transition:background-color .15s,color .15s}.spv .instr tr:first-child td{font-family:var(--mono);border-bottom:1px solid var(--line);white-space:nowrap;font-size:13px}.spv .instr tr+tr td{color:var(--muted);font-size:14px;line-height:1.4}.spv .instr td+td{border-left:1px solid var(--line)}.spv .instr .ghost{vertical-align:middle;border:1px dashed var(--muted);border-radius:3px;min-width:2.2em;height:1.2em;display:inline-block}.spv .instr td.on{background:color-mix(in oklab, var(--kc) 14%, transparent);color:var(--kc)}.spv .instr td.on :is(.op,.id,.nu){color:var(--kc)}.spv .try{justify-content:flex-start;display:flex}.spv .try-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-2);font-family:var(--mono);border-radius:999px;align-items:center;gap:.5rem;padding:7px 14px;font-size:13px;text-decoration:none;display:inline-flex}.spv .try-btn:hover{border-color:var(--accent);color:var(--accent)}.spv .try-btn svg{flex:none;width:1.1em;height:1.1em}@media (prefers-reduced-motion:reduce){.spv .lnk,.spv .instr td{transition:none}}