/* 평강 블루 유튜브 최근 영상 위젯 */
.pky { --ink:#16212E; --ink-lt:#8697AC; --point:#2F5FD9; --rule:rgba(22,33,46,0.1); font-family: 'Noto Sans KR', sans-serif; color: var(--ink); }
.pky, .pky * { box-sizing: border-box; }
.pky a { text-decoration: none; color: inherit; }
.pky-head { font-size: 14px; font-weight: 700; margin: 0 0 16px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.pky-more { font-size: 11px; color: var(--point) !important; font-weight: 400; white-space: nowrap; }
.pky-more:hover { text-decoration: underline; }
.pky-none { font-size: 12px; color: var(--ink-lt); padding: 12px 0; }
/* 목록형 */
.pky-row { display: flex; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--rule); }
.pky-row:last-child { border-bottom: none; }
/* 유튜브 섬네일 비율(16:9) — 4:3 섬네일이 와도 위아래 검은 띠가 잘려 나가도록 cover */
.pky-th { width: 112px; aspect-ratio: 16 / 9; flex-shrink: 0; background: var(--ink) center/cover no-repeat; border-radius: 3px; display: flex; align-items: center; justify-content: center; }
.pky-pl { width: 22px; height: 22px; background: var(--point); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0,0,0,.25); }
.pky-pl i { font-size: 10px; color: #fff; margin-left: 1px; }
.pky-info { display: flex; flex-direction: column; min-width: 0; }
.pky-t { font-size: 12px; font-weight: 500; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .15s; }
.pky-row:hover .pky-t { color: var(--point); }
.pky-m { font-size: 11px; color: var(--ink-lt); margin-top: 2px; }
/* 그리드형 */
.pky-grid .pky-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px; }
.pky-grid .pky-row { flex-direction: column; align-items: stretch; border: none; padding: 0; }
.pky-grid .pky-th { width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 4px; }
.pky-grid .pky-pl { width: 40px; height: 40px; }
.pky-grid .pky-pl i { font-size: 16px; }
.pky-grid .pky-t { font-size: 13px; font-weight: 700; }
