/* ==========================================================================
   NextXus Federation — Shared Mesh Stylesheet
   Loaded by hub, guides, and museum exhibits.
   Contains cross-cutting utilities that must be identical mesh-wide.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Multimedia Warp — Federation Standard Container
   High-fidelity player shell for Gemini Audio Overviews & Veo 3 Cinematic.
   -------------------------------------------------------------------------- */
.multimedia-warp {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 2rem auto;
  padding: 1.5rem;
  background: linear-gradient(135deg, #2c1810 0%, #3d2317 50%, #2c1810 100%);
  border: 1px solid #c9a634;
  border-radius: 8px;
  overflow: hidden;
}

/* Museum variant for parchment pages */
.multimedia-warp--museum {
  background: linear-gradient(135deg, #e8d5a3 0%, #f4e8c1 50%, #e8d5a3 100%);
  border-color: #8b6914;
}

.multimedia-warp__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #c9a634;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.multimedia-warp--museum .multimedia-warp__title {
  color: #2c1810;
}

.multimedia-warp__player {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 4px;
  overflow: hidden;
}

.multimedia-warp__player video,
.multimedia-warp__player audio,
.multimedia-warp__player iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: none;
}

.multimedia-warp__player--audio {
  aspect-ratio: unset;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.multimedia-warp__caption {
  margin-top: 0.75rem;
  font-size: 0.9rem;
  color: #9ca3af;
  font-style: italic;
}

.multimedia-warp--museum .multimedia-warp__caption {
  color: #5c3d1e;
}

@media (max-width: 768px) {
  .multimedia-warp {
    margin: 1rem;
    padding: 1rem;
  }
}