/* App styles live inside the frame so they cannot affect the homepage. */
.cinematic-dashboard { width: min(calc(100% - 96px), 1180px); margin: 42px auto 0; color: #12192d; text-align: left; }
.sd-window { overflow: hidden; border: 1px solid #dedfeb; border-radius: 18px; background: #fff; box-shadow: 0 40px 100px -35px rgb(38 27 98 / 25%), 0 5px 18px rgb(38 27 98 / 5%); }
.sd-agenda-frame { display: block; width: 100%; height: 690px; border: 0; background: #fff; pointer-events: none; user-select: none; }
.cinematic-dashboard figcaption { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 18px; color: #687186; font-size: 11px; line-height: 1.6; text-align: center; }
.cinematic-dashboard figcaption svg { flex: 0 0 auto; width: 14px; height: 14px; color: #8e7dd1; }
@media (max-width: 700px) {
  .cinematic-dashboard { width: calc(100% - 28px); margin-top: 32px; }
  .sd-window { border-radius: 14px; }
  .sd-agenda-frame { height: 640px; }
  .cinematic-dashboard figcaption { padding-inline: 8px; font-size: 10px; }
}