@charset "utf-8";
/* 최신글 스킨 video — 유튜브 썸네일 그리드 */
.ive-video__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.6vw, 25px); }
.ive-video__item a { display: block; text-decoration: none; color: var(--ive-color-text); }
.ive-video__thumb { position: relative; display: block; width: 100%; aspect-ratio: 392 / 220; border-radius: var(--ive-radius); overflow: hidden; background: var(--ive-color-bg-soft); }
.ive-video__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--ive-dur) var(--ive-ease); }
.ive-video__item a:hover .ive-video__thumb img { transform: scale(1.05); }
.ive-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.9); width: 58px; height: 58px; opacity: 0; transition: opacity var(--ive-dur) var(--ive-ease), transform var(--ive-dur) var(--ive-ease); }
.ive-video__item a:hover .ive-video__play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.ive-video__thumb.is-empty { display: flex; align-items: center; justify-content: center; }
.ive-video__title { display: block; margin-top: 16px; font-size: clamp(15px, 1.05vw, 18px); font-weight: 500; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ive-video__date { display: block; margin-top: 8px; font-size: 14px; color: var(--ive-color-muted); }
.ive-video__empty { grid-column: 1 / -1; padding: 50px 20px; text-align: center; color: var(--ive-color-muted); background: var(--ive-color-bg-soft); border-radius: var(--ive-radius); }
@media (max-width: 1024px) { .ive-video__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .ive-video__grid { grid-template-columns: 1fr; } }