.vg-root{color:var(--site-ink);padding-bottom:90px}
.vg-wrap{max-width:1040px;margin:auto;padding:0 30px}
.vg-hero{padding:126px 0 42px;border-bottom:1px solid var(--site-line)}
.vg-back{display:inline-block;font-size:12px;color:var(--site-muted);margin-bottom:30px}.vg-back:hover{text-decoration:underline;text-underline-offset:4px}
.vg-eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--site-muted);margin:0 0 16px}
.vg-hero h1{font-size:clamp(31px,3.8vw,45px);line-height:1.12;font-weight:500;letter-spacing:-1.3px;max-width:800px;margin:0}
.vg-lead{font-size:17px;line-height:1.7;color:var(--site-muted);max-width:780px;margin:20px 0 0}
.vg-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:60px;padding-top:44px}
.vg-toc{align-self:start;border-left:1px solid var(--site-line);padding-left:18px;font-size:11px}.vg-toc p{text-transform:uppercase;font-size:9px;letter-spacing:1.3px;color:var(--site-muted);margin:0 0 15px}
.vg-toc a{display:block;color:var(--site-muted);line-height:1.6;margin-bottom:14px}.vg-toc a:hover{color:var(--site-ink)}
.vg-prose section{margin:0 0 30px;scroll-margin-top:95px}.vg-prose h2{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.4px;margin:0 0 12px}.vg-prose p{font-size:15px;line-height:1.85;color:var(--site-muted);margin:0}
.vg-template{font:12px/1.9 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--site-surface-alt);border:1px solid var(--site-line);border-radius:10px;padding:22px;margin:20px 0;color:var(--site-ink)}
.vg-example{padding:25px 27px;margin:40px 0;border:1px solid var(--site-line);border-left:3px solid #879771;background:var(--site-surface-alt);border-radius:0 12px 12px 0}
.vg-example .vg-example-label{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 14px}.vg-example h3{font-size:19px;line-height:1.5;font-weight:500;letter-spacing:-.3px;margin:0 0 16px}
.vg-related{padding-top:25px;border-top:1px solid var(--site-line);display:grid;gap:13px}.vg-related h2{font-size:14px;color:var(--site-muted);margin:0 0 4px}.vg-related a{font-size:13px;color:var(--site-muted)}.vg-related a:hover{color:var(--site-ink)}.vg-related a span{font-size:11px;margin-left:8px}
.vg-index{padding-top:40px}.vg-context{max-width:760px;margin-bottom:40px}.vg-context h2{font-size:22px;line-height:1.4;letter-spacing:-.4px;font-weight:500;margin:0 0 14px}.vg-context p{font-size:15px;line-height:1.85;color:var(--site-muted);margin:0 0 14px}
.vg-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vg-card{display:block;border:1px solid var(--site-line);border-radius:13px;padding:25px;transition:background .15s}.vg-card:hover{background:var(--site-surface-alt)}.vg-card h2{font-size:18px;font-weight:500;line-height:1.4;letter-spacing:-.3px;margin:0 0 12px}.vg-card p{font-size:13px;line-height:1.8;color:var(--site-muted);margin:0 0 18px}.vg-card span{font-size:11px;color:var(--site-muted)}
.vg-root a:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:3px}
@media(max-width:760px){.vg-wrap{padding:0 22px}.vg-hero{padding:105px 0 30px}.vg-hero h1{letter-spacing:-.8px}.vg-lead{font-size:16px}.vg-layout{grid-template-columns:1fr;gap:28px;padding-top:30px}.vg-toc{display:none}.vg-prose h2{font-size:21px}.vg-example{padding:21px}.vg-cards{grid-template-columns:1fr}.vg-root{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.vg-card{transition:none}}