/* Do / Don't card styling */
.do-card,
.dont-card {
    border-radius: 0.25em;
    overflow: hidden;
}

/* Light theme */
.do-card {
    border-top: 4px solid #0C8728;
    background-color: #D9F3DF;
}
.dont-card {
    border-top: 4px solid #FF4055;
    background-color: #FFDADE;
}

/* Dark theme */
[data-md-color-scheme="dracula"] .do-card {
    border-top: 4px solid #12B538;
    background-color: #213F30;
}
[data-md-color-scheme="dracula"] .dont-card {
    border-top: 4px solid #FF1F38;
    background-color: #47262F;
}
.do-card img,
.dont-card img {
    width: 100%;
    display: block;
    margin: 0;
}
.do-card .annotation,
.dont-card .annotation {
    padding: 0 1em 1em 1em;
}