/* Forms for the checkout and delivery pages. Uses the site's colour variables. */
.qm-form { display: grid; gap: 1.5rem; margin: 1rem 0; }
.qm-form fieldset { border: 1px solid var(--rule); background: var(--paper-raised); padding: 1rem 1.25rem; margin: 0; }
.qm-form legend { font-family: var(--sans); font-weight: 600; padding: 0 0.4rem; }
.qm-form label { display: block; margin: 0.35rem 0; }
.qm-form label small { color: var(--ink-faint); }
.qm-form input[type="text"] { width: 100%; max-width: 32rem; font: inherit; padding: 0.45rem 0.6rem; border: 1px solid var(--rule-strong); background: var(--paper); color: var(--ink); }
.qm-steps { list-style: none; padding: 0; margin: 1.5rem 0; display: grid; gap: 2rem; }
.qm-steps h2 { margin-top: 0; }
.qm-status { padding: 0.8rem 1rem; border-left: 4px solid var(--mark); background: var(--paper-sunk); margin: 1rem 0; }
.qm-status--error { border-left-color: var(--accent); }
.qm-hint { color: var(--ink-faint); font-size: 0.95em; }
.qm-hash { font-family: var(--mono); font-size: 0.85em; word-break: break-all; }
[hidden] { display: none !important; }