/* Preserve Minima; adapt Verso's generated markup and responsive media. */
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; }
.post-content { overflow-wrap: anywhere; }
.post-content h2 { margin-top: 30px; }
.figure { display: block; text-align: center; margin: 1.5em auto; }
.figure img { max-width: 100%; height: auto; }
.video { position: relative; aspect-ratio: 1; padding-top: 0; }
.video iframe { width: 100%; height: 100%; border: 0; position: absolute; inset: 0; }
.videowidth { width: 60%; margin: 1.5em auto; }
video { width: 100%; height: auto; }
.pagination { display: flex; gap: 1em; margin-bottom: 1em; }
.three-scene { width: 100%; height: 420px; background: #f5f5f5; }
.three-scene canvas { width: 100%; height: 100%; display: block; }
.verso-code { overflow-x: auto; }
/* KaTeX display math needs a block wrapper: inline code borders otherwise
   split into empty fragments before and after the equation. */
code.math { background-color: var(--blog-math-background, #eee); }
code.math.display {
  display: block;
  padding: 0.8em 1em;
  overflow-x: auto;
}
code.math.display > .katex-display {
  margin: 0;
  padding: 0.4em 0;
}
@media (max-width: 600px) {
  .image-gallery { grid-template-columns: repeat(2, 1fr); }
  .video-gallery { grid-template-columns: 1fr; }
  .three-scene { height: 300px; }
}