/* dsg-clip-sections v20261001a: "Video deep cards" clip sections on /dev trader pages (vc- prefix).
   Cards reuse the page's .section; grids fill the .wrap width, so they follow the Width control. */
.vc-area .vc-jump{margin:4px 0 0;padding-left:22px;columns:2 340px;column-gap:28px;font-size:13px;line-height:1.5}
.vc-area .vc-jump li{break-inside:avoid;margin:2px 0;color:var(--muted,#9aa3b2)}
.vc-area .vc-jump a{color:var(--accent,#6ea8d9);text-decoration:none}
.vc-area .vc-jump a:hover{text-decoration:underline}
.vc-d,.vc-t{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--muted,#9aa3b2);margin-right:4px}
.vp-clip{scroll-margin-top:12px}
.vp-clip .vc-title{margin:0 0 4px;font-size:1.2rem;line-height:1.3}
.vp-clip .vc-meta{color:var(--muted,#9aa3b2);font-size:12.5px;margin:0 0 12px}
.vp-clip .vc-meta a,.vp-clip .vc-t a,.vp-clip .vc-table a,.vp-clip .vc-bullets a{color:var(--accent,#6ea8d9);text-decoration:none}
.vp-clip .vc-embed{max-width:860px;margin:0 0 14px}
.vp-clip .vc-play,.vp-clip .vc-embed iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:10px;overflow:hidden;background:#000;padding:0;cursor:pointer}
.vp-clip .vc-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88}
.vp-clip .vc-play:hover img{opacity:1}
.vp-clip .vc-playicon{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#e62117}
.vp-clip .vc-playicon::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.vp-clip .vc-h{margin:18px 0 6px;font-size:1rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vp-clip .vc-h .chip{margin:0}
.vp-clip .vc-src{color:var(--muted,#9aa3b2);font-size:12px;margin:0 0 8px}
.vp-clip .vc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.vp-clip .vc-fig{margin:0;background:var(--chip,#1a1e27);border:1px solid var(--line,rgba(255,255,255,.1));border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.vp-clip .vc-shot{display:block;cursor:zoom-in;line-height:0;background:#000}
.vp-clip .vc-shot img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.vp-clip .vc-fig figcaption{padding:7px 9px 9px;font-size:12px;line-height:1.45;color:var(--text,#e8eaee)}
.vp-clip .vc-grid .vc-cap{display:none}
.vp-clip .vc-n{margin:3px 0 0;color:var(--muted,#9aa3b2);overflow-wrap:anywhere}
.vp-clip .vc-nl{display:inline-block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent,#6ea8d9);margin-right:2px}
.vp-clip .vc-tablewrap{overflow-x:auto;margin:0 0 8px}
.vp-clip .vc-table{font-size:12.5px;min-width:980px}
.vp-clip .vc-table th,.vp-clip .vc-table td{overflow-wrap:break-word;word-break:normal;hyphens:none}
.vp-clip .vc-table td{min-width:64px}
.vp-clip .vc-table td:first-child{white-space:nowrap;font-weight:600}
.vp-clip .vc-exnote,.vp-clip .vc-extra p,.vp-clip .vc-extra ul{color:var(--muted,#9aa3b2);font-size:12.5px;line-height:1.5}
.vp-clip .vc-ex{margin:10px 0 0}
.vp-clip .vc-exid{font-size:12px;font-weight:600;margin:0 0 6px}
.vp-clip .vc-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.vp-clip .vc-strip .vc-cap{padding:4px 7px 6px;font-size:10.5px;color:var(--muted,#9aa3b2);font-family:"IBM Plex Mono",ui-monospace,monospace;overflow-wrap:anywhere}
.vp-clip .vc-bullets{font-size:13px;line-height:1.55}
.vp-clip .vc-bullets .vc-bh{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#9aa3b2)}
.vp-clip .vc-bullets p{margin:4px 0;color:var(--muted,#9aa3b2);font-size:12.5px}
.vp-clip .vc-bullets ul{margin:4px 0 0;padding-left:18px}
.vp-clip .vc-bullets li{margin:3px 0}
.vp-clip code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px}
.vp-clip + .po-block{margin-top:-6px}
:is([data-theme="light"],[data-theme="light-gray"],[data-theme="pale-blue"],[data-theme="arctic-mist"],[data-theme="sand-paper"],.theme-light,.theme-light-gray,.theme-pale-blue) .vp-clip .vc-fig{background:#f7f9fc;border-color:#e3e8ef}
:is([data-theme="light"],[data-theme="light-gray"],[data-theme="pale-blue"],[data-theme="arctic-mist"],[data-theme="sand-paper"],.theme-light,.theme-light-gray,.theme-pale-blue) .vp-clip .vc-fig figcaption{color:#1f2937}
@media (max-width:600px){.vp-clip .vc-grid{grid-template-columns:1fr 1fr;gap:8px}.vp-clip .vc-strip{grid-template-columns:1fr 1fr}}
