/**
 * CODA Flipbook — layout wrapper around the 3D physics engine.
 * Engine skins (short-white-book-view) style the book, toolbar, and loaders.
 */

.coda-flipbook-block {
  width: 100%;
  max-width: 1100px;
  margin: 1.5rem auto;
}

.coda-flipbook {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 1.5rem auto;
  height: min(85vh, 720px);
  min-height: 480px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.coda-flipbook-block > .coda-flipbook {
  max-width: none;
  margin: 0;
}

.coda-flipbook__download {
  margin: 0.85rem 0 0;
  text-align: center;
}

.coda-flipbook__download-link {
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
}

.coda-flipbook__download-link:hover,
.coda-flipbook__download-link:focus {
  text-decoration: none;
}

.coda-flipbook ._3d-flip-book,
.coda-flipbook .book-widget,
.coda-flipbook .full-size {
  width: 100%;
  height: 100%;
}

.coda-flipbook .book-widget iframe,
.coda-flipbook .full-size iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.coda-flipbook__fallback {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #555;
  font-size: 1.1rem;
  z-index: 1;
}

.coda-flipbook:has(iframe) .coda-flipbook__fallback,
.coda-flipbook:has(canvas) .coda-flipbook__fallback {
  display: none;
}

.coda-flipbook--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  padding: 1.5rem;
  color: #555;
  font-size: 1rem;
  text-align: center;
}