.lv-src{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}
.lv-src span{font-size:.9rem;color:var(--ink-2);margin-right:4px}
.lv-src button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}
.lv-src button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.lv-state{margin-top:12px;font-size:.92rem;color:var(--ink-2);max-width:72ch}
.lv-code{margin-top:14px;border-top:1px dashed var(--line);padding-top:6px}
.lv .lv-code summary{cursor:pointer;font-weight:700;font-size:.9rem;font-family:Archivo,system-ui,sans-serif;letter-spacing:normal!important;text-transform:none!important;font-stretch:100%;min-height:44px;display:flex;align-items:center;color:var(--ink-2)}
.lv-code pre{background:#17212B;color:#E9EEF2;border-radius:10px;padding:12px 14px;overflow-x:auto;font-size:.78rem;line-height:1.5;margin:6px 0 10px;max-width:100%;white-space:pre}
.lv-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.lv-cl{font-size:.86rem;color:var(--muted);margin-top:8px}
.lv-note{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--ok,#1E8A5A);border-radius:10px;padding:12px 16px;font-size:.93rem;max-width:80ch}
.lv-note.bad{border-left-color:#C9461A}
.lv-dl{display:grid;gap:10px;margin-top:16px}.lv-dl dt{font-weight:700;font-size:.9rem}.lv-dl dd{color:var(--ink-2);font-size:.93rem;overflow-wrap:anywhere}
.lv-dl code,.fn code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;overflow-wrap:anywhere}
.lv-ok{color:#1E8A5A}.lv-bad{color:#C9461A}
.lv-tbl{margin-top:18px}
.lv-pt{min-width:560px}.lv-pt th.tl{white-space:normal;font-weight:500;max-width:60ch}
.sop-kn dd:empty::before{content:"\2026";color:var(--muted)}
@media(max-width:600px){.lv-code pre{font-size:.72rem}}