.vmg-guides,.vmg-guide-page{overflow-wrap:anywhere;width:min(100%,840px);margin:0 auto;padding:64px 24px 80px}.vmg-guides-heading p{max-width:56ch;font-size:var(--vmg-text-lead);margin-top:20px;line-height:1.5}.vmg-guide-list{margin-top:48px}.vmg-guide-card{border-top:1px solid var(--vmg-content-edge);border-bottom:1px solid var(--vmg-content-edge);padding:30px 0}.vmg-guide-card+.vmg-guide-card{border-top:0}.vmg-guide-meta{font-size:var(--vmg-text-small);color:var(--vmg-muted);flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;display:flex}.vmg-guide-meta span,.vmg-guide-heading .vmg-guide-category{color:var(--vmg-accent)}.vmg-guide-card h2{max-width:24ch}.vmg-guide-card>p{max-width:64ch;font-size:var(--vmg-text-body);margin-top:16px}.vmg-guide-read{min-height:44px;color:var(--vmg-accent);font-size:var(--vmg-text-small);align-items:center;gap:6px;margin-top:16px;display:inline-flex}.vmg-guide-breadcrumb{color:var(--vmg-muted);font-size:var(--vmg-text-small);flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.vmg-guide-heading .vmg-guide-category{font-size:var(--vmg-text-small);margin-bottom:12px}.vmg-guide-heading .vmg-guide-date{font-size:var(--vmg-text-small);margin-top:20px}.vmg-guide-content{font-size:var(--vmg-text-body);margin-top:36px;line-height:1.8}.vmg-guide-content .markdown-body>*+*{margin-top:20px}.vmg-guide-content .markdown-body>h2{margin-top:48px;scroll-margin-top:96px}.vmg-guide-content .markdown-body img{border:1px solid var(--vmg-content-edge);border-radius:12px;width:100%;height:auto;display:block}.vmg-guide-content .markdown-body img[src$="/how-to/workspace.webp"]{aspect-ratio:1040/668}.vmg-guide-content .markdown-body img[src$="/coffee-costume/raw.webp"]{aspect-ratio:3/4;max-width:360px}.vmg-guide-content strong{color:var(--vmg-ink);font-weight:650}.vmg-guide-content :is(ul,ol){padding-left:24px;list-style-position:outside}.vmg-guide-content ol{list-style-type:decimal}.vmg-guide-content li+li{margin-top:12px}.vmg-guide-content :is(a,blockquote){color:var(--vmg-accent)}.vmg-guide-content a{text-underline-offset:3px;text-decoration:underline}.vmg-guide-content blockquote{border-left:2px solid var(--vmg-accent);background:var(--vmg-content-wash);margin-left:0;margin-right:0;padding:16px 20px}.vmg-guide-content table{border-collapse:collapse;width:100%;font-size:var(--vmg-text-small);line-height:1.6;display:block;overflow-x:auto}.vmg-guide-content :is(th,td){border:1px solid var(--vmg-content-edge);text-align:left;vertical-align:top;padding:14px 16px}.vmg-guide-content th{background:var(--vmg-content-wash);color:var(--vmg-ink);font-weight:600}.vmg-guide-content td{color:var(--vmg-muted)}.vmg-guide-back{min-height:44px;color:var(--vmg-accent);font-size:var(--vmg-text-small);align-items:center;margin-top:40px;display:inline-flex}.vmg-guide-related-note{border-top:1px solid var(--vmg-content-edge);margin-top:32px;padding-top:28px}.vmg-guide-examples>section,.vmg-guide-explore{margin-top:48px}.vmg-guide-examples :is(section>p,section>ol,section>ul){margin-top:20px}.vmg-guide-examples ul{list-style-type:disc}.vmg-guide-example{border:1px solid var(--vmg-content-edge);background:var(--vmg-content-fill);border-radius:12px;margin:28px 0 0;overflow:hidden}.vmg-guide-example-stage{aspect-ratio:4/3;background:#000}.vmg-guide-example-stage video{object-fit:contain;width:100%;height:100%}.vmg-guide-example figcaption{border-top:1px solid var(--vmg-content-edge);font-size:var(--vmg-text-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px;line-height:1.6;display:flex}.vmg-guide-example-caption{flex:240px;max-width:36ch}.vmg-guide-example-caption p{margin-top:8px}.vmg-guide-example .vmg-guide-example-photos{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;padding:0;list-style:none;display:grid}.vmg-guide-example-photos li{text-align:center;gap:8px;display:grid}.vmg-guide-example-photos li+li{margin-top:0}.vmg-guide-example-photos a{border:1px solid var(--vmg-content-edge);cursor:zoom-in;border-radius:6px;padding:0;display:block;overflow:hidden}.vmg-guide-example-photos img{aspect-ratio:9/16;object-fit:contain;background:#000;width:100%;height:auto}.vmg-guide-example-photos span{color:var(--vmg-muted);font-size:var(--vmg-text-caption)}.vmg-guide-example-faq details{border-bottom:1px solid var(--vmg-content-edge);padding:20px 0}.vmg-guide-example-faq details:first-of-type{margin-top:12px}.vmg-guide-example-faq summary{color:var(--vmg-ink);font-size:var(--vmg-text-question);font-weight:600;line-height:1.4}.vmg-guide-example-faq details p{margin-top:14px}.vmg-guide-examples .vmg-guide-example-cta{background:var(--vmg-content-wash);border-radius:12px;margin-top:48px;padding:32px}.vmg-guide-example-cta h2{font-size:var(--vmg-text-title)}.vmg-guide-example-cta p{margin-top:16px}.vmg-guide-example-cta a{background:var(--vmg-accent);min-height:44px;color:var(--hp-primary-ink);font-size:var(--vmg-text-small);border-radius:8px;align-items:center;margin-top:24px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.vmg-guide-explore>a{border-bottom:1px solid var(--vmg-content-edge);gap:6px;padding:20px 0;text-decoration:none;display:grid}.vmg-guide-explore>a:first-of-type{margin-top:12px}.vmg-guide-explore span{color:var(--vmg-muted);font-size:var(--vmg-text-small)}.vmg-guides a:hover,.vmg-guide-page a:hover{text-underline-offset:4px;text-decoration:underline}@media (max-width:760px){.vmg-guides,.vmg-guide-page{padding:36px 18px 56px}.vmg-guide-breadcrumb{margin-bottom:28px}.vmg-guide-content .markdown-body>h2{margin-top:36px}.vmg-guide-content :is(th,td){min-width:110px;padding:10px 12px}.vmg-guide-example-stage{aspect-ratio:9/16}.vmg-guide-example figcaption{padding:18px}.vmg-guide-example .vmg-guide-example-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.vmg-guide-examples .vmg-guide-example-cta{padding:24px 20px}}