/* 4b. Material in 3D (material.js adds .has-3d once the real case is loaded and appends its canvas under the text;
   static mode keeps the chapter as text only) */
.mat-gl { display: none; }
.ch-material.has-3d .mat-gl { display: block; width: min(100%, 980px); height: calc(46 * var(--svh, 1svh)); margin: calc(4 * var(--svh, 1svh)) auto 0; }
/* on a phone the canvas runs from screen edge to screen edge (the story's side padding is clamp(24px, 7vw, 120px)),
   tall enough for the push-in on the section at the end (material.js ZOOM) */
@media (max-width: 700px) {
  .ch-material.has-3d .mat-gl { width: calc(100% + 2 * clamp(24px, 7vw, 120px)); height: calc(40 * var(--svh, 1svh)); margin: calc(3 * var(--svh, 1svh)) 0 0 calc(-1 * clamp(24px, 7vw, 120px)); }
}
.no-gl .mat-gl { display: none !important; }