.ato-form-preview { margin-block: 2rem; }
.ato-form-preview__notice { background: #fff8dc; border-left: 4px solid #c8102e; margin-bottom: 1.5rem; padding: 1rem 1.25rem; }
.ato-form { display: grid; gap: 1.5rem; }
.ato-form__step { border: 1px solid #dbe2ea; border-radius: .75rem; display: grid; gap: 1rem; margin: 0; padding: 1.25rem; }
.ato-form__step > legend { color: #0b2e4f; font-size: 1.25rem; font-weight: 800; padding-inline: .35rem; }
.ato-form__field { display: grid; gap: .4rem; }
.ato-form__field > label,
.ato-form__field legend { color: #172033; font-weight: 750; }
.ato-form__field input,
.ato-form__field select,
.ato-form__field textarea { border: 1px solid #aab7c4; border-radius: .35rem; font: inherit; padding: .7rem .8rem; width: 100%; }
.ato-form__field fieldset { border: 0; display: grid; gap: .5rem; margin: 0; padding: 0; }
.ato-form__choice { align-items: flex-start; display: flex; gap: .5rem; }
.ato-form__choice input { margin-top: .25rem; width: auto; }
.ato-form__description { color: #5e6b78; font-size: .9rem; margin: 0; }
.ato-form__field--conditional { border-left: 3px solid #dbe2ea; padding-left: 1rem; }
.ato-form__submit { background: #c8102e; border: 0; border-radius: .4rem; color: #fff; font: inherit; font-weight: 750; justify-self: start; opacity: .55; padding: .75rem 1.1rem; }