/* Additions for workflow forms and demonstration. Original stylesheet is unchanged. */
.form-panel {min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.form-step{margin-bottom:30px}.form-step .number{display:block;color:var(--cyan);margin-bottom:16px;font-size:13px;letter-spacing:.08em}
.form-panel label{display:block;margin:16px 0;color:var(--ink)}
.form-panel input:not([type=checkbox]),.form-panel textarea,.form-panel select{display:block;box-sizing:border-box;width:100%;margin-top:8px;background:var(--base-2);border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);font:inherit}
.form-panel input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.form-panel label.consent{display:flex;gap:12px;align-items:flex-start}
.form-panel .honeypot{display:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-panel [hidden]{display:none}
.side-steps{padding-left:24px}.side-steps li{margin:20px 0}.side-steps span{display:block;color:var(--muted)}
.micro{font-size:14px;color:var(--muted)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:32px 0}.scenario-buttons{display:grid;gap:12px}.scenario-buttons button{text-align:left;justify-content:space-between}.scenario-buttons [aria-pressed=true]{border-color:var(--cyan)}.scenario-result dt{color:var(--cyan);font-size:12px;letter-spacing:.08em;margin-top:20px}.scenario-result dd{margin:5px 0}.prose{max-width:900px}.prose h2{margin-top:36px}#form-message{color:#ffb9b9}#receipt-id{overflow-wrap:anywhere}.preview-notice{background:#111a31;color:#f6f8ff;border-bottom:1px solid #35435e;padding:12px 24px;font:14px/1.5 system-ui}
@media(max-width:760px){.field-grid,.demo-layout{grid-template-columns:1fr}.form-panel{padding:20px}}