/* 식재료 요리 영상 — /raw/:재료 에서만 불러온다 */
.raw-videos .video-list { display: grid; gap: var(--s3); grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin: var(--s3) 0 var(--s2); padding: 0; list-style: none; }
.video-item { display: flex; flex-direction: column; gap: var(--s2); }
.video-play { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: var(--r2); overflow: hidden; background: var(--line); cursor: pointer; aspect-ratio: 16 / 9; }
.video-play img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video-play::after { content: "▶"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 28px; text-shadow: 0 1px 6px rgba(0, 0, 0, .6); }
.video-play:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.video-time { position: absolute; right: 6px; bottom: 6px; padding: 1px 5px; border-radius: 4px; background: rgba(0, 0, 0, .78); color: #fff; font-size: 12px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.video-item iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--r2); }
.video-meta { display: flex; flex-direction: column; gap: 2px; }
.video-title { font-size: var(--t-sub); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }