/* REMOVED 2026-11-11 (OHG-267): the lesson YouTube 16:9 override.
 *
 * It existed because upstream LessonContent.vue once rendered a bare
 *   <iframe class="youtube-video" width="100%" :height="..400px..">
 * and we forced `height: auto` + `aspect-ratio: 16 / 9`, capped at 1200px.
 *
 * Upstream now renders `<div class="video-player" data-plyr-provider="youtube">`
 * and **Plyr** builds the iframe inside `.plyr__video-wrapper`, which is already
 * a correct 16:9 box with the iframe absolutely positioned to fill it. So the
 * rule stopped being needed — and started doing harm: `max-width: 1200px` on an
 * absolutely positioned iframe cannot be centred by `margin: 0 auto`, so above
 * 1200px of player width the video sat in the top-left corner and the rest of
 * the Plyr box showed through as black. Measured at a 1798px-wide player:
 * iframe 1200x675 inside a 1011px-tall wrapper — 598px of black to the right,
 * 336px below. Affected every YouTube lesson, including the OHG-32 samples.
 *
 * Deleting it is the fix: upstream grew the native path, so ours goes
 * (`.claude/rules/frappe-customizations.md`, "the one principle"). If a width
 * cap is ever wanted again, it belongs on `.video-player` / `.plyr` — the
 * wrapper — never on the iframe Plyr manages. */

/* Lesson body Upload block — generic file attachment fallback. Used when the
 * uploaded file isn't a video/audio/image/PDF (e.g. .zip, .docx, .xlsx).
 * Rendered by the patched apps/lms/frontend/src/utils/upload.js. */
a.attachment-block {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  background: #f9fafb;
  color: #111827;
  text-decoration: none;
  font-family: inherit;
}
a.attachment-block:hover {
  background: #f3f4f6;
  border-color: #9ca3af;
}
a.attachment-block .file-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #6b7280;
}
a.attachment-block .filename {
  font-weight: 500;
}
a.attachment-block .type {
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #6b7280;
  letter-spacing: 0.05em;
}