/* Product sites (screenrecording.ai, milestracker.app). The document
   links site-base.55abc8fe4704e9c1.css before this file. */

.site-brand-mark {
  width: 32px;
  height: 32px;
  display: block;
}

/* A published video inside a content page (app/video-embed.tsx). The
   frame matches the table and code-block chrome; the dark background
   shows behind the poster while it loads. */
.video-embed {
  margin-top: 28px;
}

.video-embed-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--ink);
}