/* Send me the export steps (templates/export_steps.html). */
.vg-steps-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 2rem; align-items: start; }
.vg-steps-copy { max-width: 640px; }
.vg-steps-alt { margin: 1rem 0 0; color: var(--vg-muted-strong); }
.vg-steps-alt a, .vg-steps-note a { color: var(--vg-blue); font-weight: 700; }
.vg-steps-card { display: grid; gap: .5rem; padding: 1.4rem; border: 1px solid var(--vg-line); border-radius: 20px; background: #fff; box-shadow: 0 18px 44px rgba(11, 21, 38, .08); }
.vg-steps-card label { font-size: .85rem; font-weight: 750; color: var(--vg-text); margin-top: .35rem; }
.vg-steps-card input[type="email"], .vg-steps-card select { min-height: 44px; width: 100%; min-width: 0; padding: .5rem .7rem; border: 1px solid var(--vg-line-strong); border-radius: 11px; font: inherit; background: #fff; color: var(--vg-text); }
.vg-steps-card .vg-btn { width: 100%; margin-top: .6rem; }
.vg-steps-card .registration-challenge { margin-top: .6rem; font-size: .85rem; color: var(--vg-muted-strong); }
.vg-steps-error { margin: .3rem 0 0; color: #b42318; font-weight: 700; font-size: .9rem; }
.vg-steps-note { margin: .2rem 0 0; color: var(--vg-muted); font-size: .82rem; line-height: 1.5; }
@media (max-width: 860px) { .vg-steps-grid { grid-template-columns: 1fr; } }