.insight-media [hidden] { display: none !important; }
.insight-media .insight-video { width: 100%; min-height: 200px; aspect-ratio: 16 / 9; border: 0; display: block; }
.insight-mini-toolbar { display: flex; align-items: center; gap: 8px; padding: 10px 12px; color: #fff; background: #0F2E4D; }
.insight-mini-toolbar span { min-width: 0; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font: 600 13px/1.5 'Hanken Grotesk',sans-serif; }
.insight-mini-toolbar button { flex: none; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.35); padding: 6px 8px; min-height: 36px; cursor: pointer; font: 600 12px/1.5 'Hanken Grotesk',sans-serif; }
.insight-mini-toolbar button:hover { border-color: #AF9A6F; color: #C8B48A; }
.insight-site-frame { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; z-index: 1000; background: #fff; }
body.insight-mini-mode { overflow: hidden; }
.insight-media.is-mini { position: fixed; right: 24px; bottom: 24px; width: 360px; max-width: calc(100vw - 32px); aspect-ratio: auto; height: auto; min-height: 0; margin: 0; z-index: 1100; background: #071A2E; border: 1px solid #AF9A6F; box-shadow: 0 10px 42px rgba(7,26,46,.3); }
.insight-media.is-mini .insight-video { min-height: 200px; height: auto; aspect-ratio: 16 / 9; }
.insight-media.is-mini .insight-play { display: none; }
@media (max-width: 600px) {
  .insight-media.is-mini { right: 16px; bottom: 16px; }
  .insight-mini-toolbar { padding: 8px; }
}