/* Question artwork is content: show the entire image, including flag edges. */
body .question-card .question-picture{aspect-ratio:auto;height:auto;overflow:visible;background:var(--surface,#fff);display:block}
body .question-card .question-picture>div{aspect-ratio:auto;height:auto;overflow:visible}
body .question-card .question-picture img{display:block;width:100%;height:auto;min-height:0;max-height:360px;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0 auto;border-radius:0}
body .question-card .question-picture[hidden]{display:none}
.question-play-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin:18px 0 24px;border:2px solid var(--gold,#d6b760);border-radius:16px;background:var(--surface,#fff);color:var(--text,#fff8dc)}
.question-play-cta strong{font-size:24px}.question-play-cta p{margin:5px 0 0}.question-play-cta .button{font-size:22px;min-height:58px;min-width:230px;justify-content:center}
@media(max-width:620px){.question-play-cta{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.question-play-cta .button{width:100%;min-width:0}}

/* User question artwork and animated covers must keep their complete frame. */
body .card .cover{display:flex;align-items:center;justify-content:center;background:var(--surface,#f1edf7)}
body .card .cover>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
body :is(.media-well,.thumb,.student-preview,.question-picture) img{object-fit:contain;object-position:center;max-width:100%}