.questions{border:1px solid #ddd;padding:16px;border-radius:4px;margin-top:1rem}
.question{display:none;}
.question > br,
.question p:empty{display:none;}
.question--active{gap:16px;display:grid;grid-template-columns: 2fr 1fr;}

.question--error textarea{border-color:#9d0000;background-color:#ffefef;}
.question--error .question__question:after{content:"Required Field";font-size:calc(var(--body-size) * 0.6);opacity:0.5;color:#9d0000}

.question__question{font-weight:bold;grid-column: 1 / 3;}
.question__question textarea{border:1px solid #ddd;border-radius:4px;display:block;font-size:16px;resize:none;margin-top:8px;width:100%}
.question__question textarea:focus{border-color: var(--color);outline: 0;}

.question__nav{font-size:14px;line-height:100%}
.question__steps{display:flex;gap:16px}
.question__steps strong{padding-right:8px}
.question__steps a{padding:0px 8px}
.question__steps .disabled, .question__steps a[data-action="create"]{pointer-events:none;opacity:0.5}
.question__explainer{display:block;line-height:13px;font-size:12px;opacity:0.8}

.question__button button{border:2px solid var(--color);border-radius:4px;cursor:pointer;font-weight:bold;padding:0.5em;text-align:center;width:100%}
.question__button button:hover{border-color:var(--bright-color)}
.question__button .lp-btn--sending:after{border-top-color:var(--color);}

.question__meta{opacity:0.8;font-size:calc(var(--body-size) * 0.75);}