.vdm-demo-stage{gap:var(--vdm-space-16);display:grid}.vdm-demo-layout{align-items:start;gap:var(--vdm-space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr);display:grid}.vdm-demo-brief{gap:var(--vdm-space-6);max-width:var(--vdm-measure-prose);min-width:0;top:calc(var(--vdm-header-height) + var(--vdm-space-8));display:grid;position:sticky}.vdm-demo-brief h2{font-size:var(--vdm-text-h3-size);line-height:var(--vdm-text-h3-line)}.vdm-demo-brief .vdm-step-sequence{margin-top:var(--vdm-space-2);grid-template-columns:minmax(0,1fr)}.vdm-demo-brief .vdm-step-sequence>li{padding:var(--vdm-space-5) 0}.vdm-demo-form{background:var(--vdm-surface);border:1px solid var(--vdm-border-strong);gap:var(--vdm-space-8) var(--vdm-space-6);min-width:0;padding:var(--vdm-space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vdm-demo-form-header,.vdm-form-wide,.vdm-form-privacy,.vdm-form-status,.vdm-form-notice,.vdm-demo-form>button{grid-column:1/-1}.vdm-demo-form-header{gap:var(--vdm-space-4);max-width:var(--vdm-measure-narrow);display:grid}.vdm-demo-form-header h2{font-size:var(--vdm-text-h3-size);line-height:var(--vdm-text-h3-line);margin:0}.vdm-demo-form-header p,.vdm-form-privacy{max-width:var(--vdm-measure-prose);margin:0}.vdm-form-field{gap:var(--vdm-space-2);min-width:0;display:grid}.vdm-demo-form label>span{font-size:var(--vdm-text-small-size);align-items:baseline;gap:var(--vdm-space-2);flex-wrap:wrap;font-weight:600;display:inline-flex}.vdm-demo-form abbr{color:var(--vdm-danger);font-weight:700;text-decoration:none}.vdm-form-optional{color:var(--vdm-text-muted);font-size:var(--vdm-text-meta-size);letter-spacing:var(--vdm-letter-spacing-meta);text-transform:uppercase;font-weight:500}.vdm-demo-form input,.vdm-demo-form select,.vdm-demo-form textarea{background:var(--vdm-page);border:1px solid var(--vdm-border-strong);border-radius:var(--vdm-radius-control);min-height:var(--vdm-control-height);width:100%;padding:11px 12px}.vdm-demo-form textarea{resize:vertical;min-height:168px}.vdm-demo-form input[aria-invalid=true],.vdm-demo-form select[aria-invalid=true],.vdm-demo-form textarea[aria-invalid=true]{border-color:var(--vdm-danger);box-shadow:inset 3px 0 0 var(--vdm-danger)}.vdm-form-hint,.vdm-form-error{margin:0}.vdm-form-hint{color:var(--vdm-text-muted);font-size:var(--vdm-text-small-size);line-height:var(--vdm-text-small-line)}.vdm-form-error{color:var(--vdm-danger);font-size:var(--vdm-text-small-size);font-weight:600;line-height:var(--vdm-text-small-line)}.vdm-form-privacy{border-top:1px solid var(--vdm-border);font-size:var(--vdm-text-small-size);padding-top:var(--vdm-space-5)}.vdm-demo-form>button{justify-self:start;width:max-content;max-width:100%}.vdm-form-status{background:var(--vdm-danger-soft);border:1px solid var(--vdm-danger-border);border-left:4px solid var(--vdm-danger);gap:var(--vdm-space-3);padding:var(--vdm-space-5);display:grid}.vdm-form-status p,.vdm-form-status ul{margin:0}.vdm-form-status ul{gap:var(--vdm-space-2);padding-left:1.2em;list-style:outside;display:grid}.vdm-form-status a{color:var(--vdm-text);text-decoration:underline;-webkit-text-decoration-color:var(--vdm-danger-border);text-decoration-color:var(--vdm-danger-border);font-weight:600}.vdm-form-notice{background:var(--vdm-info-soft);border:1px solid var(--vdm-info-border);border-left:4px solid var(--vdm-info);padding:var(--vdm-space-5)}.vdm-demo-facts{border-left:1px solid var(--vdm-border-strong);border-top:1px solid var(--vdm-border-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.vdm-demo-facts article{border-bottom:1px solid var(--vdm-border-strong);border-right:1px solid var(--vdm-border-strong);gap:var(--vdm-space-5);min-width:0;min-height:240px;padding:var(--vdm-space-8);display:grid}.vdm-demo-facts svg{color:var(--vdm-primary)}.vdm-demo-facts h3{margin-bottom:var(--vdm-space-3);font-size:20px;line-height:28px}.vdm-demo-facts a{font-size:var(--vdm-text-small-size);margin-top:var(--vdm-space-4);align-items:center;gap:7px;font-weight:600;display:inline-flex}@media (width<=1023px){.vdm-demo-layout{gap:var(--vdm-space-12);grid-template-columns:minmax(0,1fr)}.vdm-demo-brief{position:static}.vdm-demo-facts{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.vdm-demo-form{padding:var(--vdm-space-8) var(--vdm-space-5);gap:var(--vdm-space-6);grid-template-columns:minmax(0,1fr)}.vdm-demo-form-header,.vdm-form-wide,.vdm-form-privacy,.vdm-form-status,.vdm-form-notice,.vdm-demo-form>button{grid-column:1}.vdm-demo-form>button{width:100%}.vdm-demo-facts article{min-height:0;padding:var(--vdm-space-6) var(--vdm-space-5)}}@media (height<=500px){.vdm-demo-brief{position:static}}