/* Keep each picture alongside the topic it illustrates. */
main article .context-picture{float:right;width:38%;max-width:230px;min-width:150px;margin:8px 0 16px 22px;border:1px solid var(--line,var(--border,#435064));border-radius:5px;overflow:hidden;background:var(--surface,#202a36)}
main article .context-picture>div>a{display:flex;align-items:center;justify-content:center;height:165px;padding:10px;background:linear-gradient(135deg,#ffffff05,#00000010);--media-gallery-height:145px}
main article .context-picture img{display:block;width:100%;height:100%;object-fit:contain;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
main article .context-picture figcaption{padding:10px 12px;font-size:12px;line-height:1.5;color:var(--muted,#c1c8d1);overflow-wrap:anywhere}
main article :is(section,.wiki-audit-insight):has(>.context-picture){display:flow-root}
main article .context-picture .audit-cropped-scene{width:min(100%,calc(var(--media-aspect) * var(--media-gallery-height,145px)))!important;max-height:145px!important}
main article .context-diagram{float:none;width:100%;max-width:440px;min-width:0;margin:14px auto 18px}
main article .context-diagram>div>a{height:auto;padding:0}
main article .context-diagram img{height:auto;max-height:none;aspect-ratio:auto}
@media(max-width:650px){main article .context-picture{float:none;width:100%;max-width:360px;min-width:0;margin:12px auto 18px}main article .context-picture>div>a{height:175px;--media-gallery-height:155px}main article .context-picture .audit-cropped-scene{max-height:155px!important}main article .context-diagram>div>a{height:auto;padding:0}}
main article .context-picture-group{float:none;width:100%;max-width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0 18px;padding:12px;box-sizing:border-box}.context-picture-group>div{flex:1 1 140px;max-width:280px}.context-picture-group img{width:100%;height:140px!important;object-fit:contain}.context-picture-group p{font-size:.75rem;line-height:1.4;margin:5px 0}.context-picture-group>figcaption{flex-basis:100%}
.context-picture img.game-sprite{width:auto;max-width:min(160px,100%);height:100px!important;object-fit:contain;image-rendering:pixelated;margin-inline:auto}