body {
    margin: 10px;
}

#container {
    max-width: 1000px;
    margin: auto;
}

.blank {
  max-width: 7em;
}

.inline-group { display: inline-flex; width: auto; vertical-align: baseline; }
.inline-group .input-group-text { padding: .1rem .35rem; font-size: .75rem; line-height: 1;}
.input-group-text {opacity: 0.5;}

.is-correct {color: green; background-color: rgb(222, 255, 222);}
.is-incorrect {color: red; background-color:rgb(255, 222, 222); text-decoration: underline;}

/* keep line breaks/spaces in the preview/output */
#editable-exercise-body, #final-exercise, #final-solution { white-space: pre-wrap; }


/* tiny spacing for token buttons */
.token-btn { vertical-align: baseline; }