body {
    background-color: skyblue;
}

/* Rendered ODIN answers: keep the markdown blocks inside their bubble. */
.odin-markdown > :last-child,
.odin-markdown > :last-child .table {
    margin-bottom: 0;
}

.odin-markdown .table {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Bootstrap puts header cells on the bottom edge; next to body cells holding
   descriptions of different lengths that reads as staggered. */
.odin-markdown .table > :not(caption) > * > * {
    vertical-align: top;
}

.odin-markdown pre {
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background-color: var(--bs-tertiary-bg);
    overflow-x: auto;
}