.page-media { margin: 36px 0; scroll-margin-top: 24px; text-align: center; }
.page-media-stage { min-height: 80px; display: grid; place-items: center; overflow: auto; }
.page-media img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.page-media-latex img { width: auto; }
.page-media-latex { position: relative; }
.page-media-latex > .page-media-flip-button { display: flex; width: fit-content; margin: 0 0 4px auto; }
.page-media-flip-inner { width: 100%; }
.page-media-flip-front { display: grid; min-height: 80px; place-items: center; }
.page-media-flip-back { text-align: left; }
.page-media-flip-back .code-header { min-height: 30px; box-sizing: border-box; }
.page-media figcaption { margin-top: 14px; color: var(--text-color); font-size: 14px; font-weight: 650; }
.page-media-source { display: block; margin-top: 4px; color: var(--text-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 11px; }
.page-media-error { padding: 20px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: var(--proof-mark-error-color-light); }
.page-media-error figcaption { margin-top: 0; color: inherit; }
.page-media-error p { margin: 8px 0 0; }