/* ========================================
   BIODYN , Margin figures
   A canvas laid over each section's empty
   margins, under its content.
   ======================================== */

.mg-host { position: relative; }

.mg-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.mg-host > .container,
.mg-host > .cy-shell,
.mg-host > .im-shell,
.mg-host > .ab-shell {
  position: relative;
  z-index: 1;
}

.mg-host.is-over-figure { cursor: grab; }
.mg-host.is-turning-figure { cursor: grabbing; }

/* Below this width the margins are gone and the figures would sit under the
   text, so they are not drawn at all. */
@media (max-width: 1100px) {
  .mg-canvas { display: none; }
}