/* Small additions to mvp.css for the course UI. */
header { padding-bottom: 0.5rem; }
header nav { margin-bottom: 0.5rem; }
.who { font-size: 0.9rem; margin: 0; }
.error { border-left: 4px solid #b00020; padding: 0.5rem 1rem; background: #fdecee; }
.notice { border-left: 4px solid #1b7f3b; padding: 0.5rem 1rem; background: #eaf6ee; }
main form { min-width: 0; width: 100%; box-shadow: none; }
main section { flex-direction: column; align-items: stretch; }
textarea { width: 100%; min-height: 6rem; font-family: inherit; }
.chat { display: flex; flex-direction: column; gap: 0.5rem; margin: 1rem 0; }
.msg { padding: 0.5rem 0.75rem; border-radius: 6px; white-space: pre-wrap; overflow-wrap: anywhere; }
.msg.user { background: #e8eef9; align-self: flex-end; max-width: 85%; }
.msg.assistant { background: #f3f3f3; align-self: flex-start; max-width: 85%; }
.msg .step { font-size: 0.8rem; color: #555; display: block; margin-bottom: 0.25rem; }
.inline { display: inline; margin: 0; padding: 0; border: 0; }
table { width: 100%; }
code.id { font-size: 0.8rem; }