.error { color: red; font-size: 0.9em; display: none; }
.change-btn { background: none; border: none; color: var(--indigo); font-weight: 700; text-decoration: underline; cursor: pointer; margin-left: auto; align-self: flex-start }
.change-btn:hover  {  color: var(--dark-teal) }
.change-btn:focus-visible  {   box-shadow: 0 0 0 3px var(--indigo); }


#answers > div {    padding: 1em 0; font-size:16px; }
#answers > div:not(:last-child) { border-bottom: 1px solid var(--indigo);  }

#answers > div :is(h3,p,li,button){ font-size:inherit; font-family: inherit;   }

#answers > div h3 {      width: 15em;  margin-right: 1em; font-weight: 700; }
#answers > div :is(p,ul) { flex: 1; margin-right:  1em;  }
#answers > div :is(p,ul,button) {   margin-top: 8px;}

#answers .warn {  box-shadow: 0 0 0 3px white, 0 0 0 5px red; }

@media all and (min-width: 600px) {
    #answers > div {  display: flex; }
    #answers > div :is(p,ul,button) { margin-top: 0;}


    /* #answers > div :is(h3,p,li,button){   margin-top: 0; margin-bottom: 0; }*/
}