/*
 * Blok „Film YouTube” (msp/youtube) — ładowany przez block.json tylko na
 * stronach z blokiem. Poza pipeline main.scss (osobny, mały arkusz bloku).
 * Tokeny --kb-* z main.css (fallbacki dla edytora bloków).
 */
.kb-video-embed {
  margin: var(--kb-space-5, 1.5rem) 0;
  max-width: 760px;
}

.kb-video-embed__frame {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--kb-radius-lg, 12px);
  background: var(--kb-color-surface-soft, #f7f8fb);
  box-shadow: var(--kb-shadow-sm, 0 1px 2px rgb(10 14 26 / 4%));
}

.kb-video-embed__frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.kb-video-embed__placeholder {
  padding: 1rem 1.25rem;
  border: 1px dashed var(--kb-color-line, #e5e7eb);
  border-radius: var(--kb-radius-lg, 12px);
  color: var(--kb-color-ink-3, #6b7280);
}

@media print {
  .kb-video-embed__frame {
    display: none;
  }
}