/* ------------------------------------------------------------------
   embed.css — responsive container for embedded montin slide previews
   Used by the {raw} html <iframe class="montin-embed"> blocks in the docs.
   The slide decks are generated with size=(1280, 720) (16:9) + scale_up,
   so a 16:9 frame fills exactly with no letterboxing at any width.
   ------------------------------------------------------------------ */

.montin-embed {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 9 / 6;
  border: 1px solid var(--color-background-border, #ccc);
  border-radius: 8px;
  margin: 1.25rem 0;
  background: #1a1a2e;
}

/* ------------------------------------------------------------------
   Furo sidebar logo — constrain the vertical Montin mark.
   `.sidebar-logo` is the <img>; lower max-width to shrink it.
   ------------------------------------------------------------------ */
.sidebar-logo {
  max-width: 150px;   /* tune: smaller value = smaller logo */
  height: auto;
}