/* Editorial video list: fixed rhythm, clear photography, restrained controls. */
.video-channels{gap:48px;align-items:start}
.video-channel-heading{min-height:54px;margin-bottom:24px;padding-bottom:20px;border-bottom-width:1px}
.video-channel-heading h3{font-size:23px;line-height:1.35;letter-spacing:-.035em}
.video-channel-heading>a{font-size:13px;gap:10px}
.video-list{gap:0}
.video-card{grid-template-columns:156px minmax(0,1fr);gap:20px;padding:22px 0;align-items:center}
.video-card:first-child{padding:0 0 25px}
.video-card+.video-card{border-top:1px solid #e5e5df}
.video-thumb{background:#eeeee9;isolation:isolate}
.video-thumb img{aspect-ratio:16/9;object-fit:cover}
.video-card:first-child .video-copy{margin-top:20px}
.video-card:first-child h4{font-size:21px;line-height:1.45;height:2.9em;margin:0 0 13px;font-weight:700;letter-spacing:-.025em}
.video-copy h4{font-size:15px;line-height:1.55;margin:0 0 10px;font-weight:600;letter-spacing:-.015em}
.video-copy time{display:block;font-size:12px;line-height:1.5;color:#66665e;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.video-play{width:40px;height:40px;right:14px;bottom:14px;padding:0;border-radius:50%;background:#171717c9;border:1px solid #ffffff45;color:white;display:grid;place-items:center;backdrop-filter:blur(6px)}
.video-play svg{display:block;width:22px;height:22px;fill:currentColor}
.video-card:not(:first-child) .video-play{width:29px;height:29px;right:8px;bottom:8px}
.video-card:not(:first-child) .video-play svg{width:18px;height:18px}
.video-card:is(:hover,:focus-visible) .video-play{background:#fee500;border-color:#fee500;color:#151515}
.video-card:focus-visible{outline:2px solid #8a7c00;outline-offset:5px}
@media(max-width:1100px){.video-channels{gap:28px}.video-card{grid-template-columns:126px minmax(0,1fr);gap:16px}.video-channel-heading h3{font-size:20px}.video-card:first-child h4{font-size:19px}.video-copy h4{font-size:14px}}
@media(max-width:767px){
 .video-channels{gap:48px}.video-channel-heading{min-height:0;margin-bottom:20px}.video-channel-heading h3{font-size:22px}.video-channel-heading>a{font-size:12px}
 .video-card{grid-template-columns:118px minmax(0,1fr);gap:15px;padding:19px 0}.video-card:first-child{padding-bottom:22px}.video-card:first-child .video-copy{margin-top:17px}
 .video-card:first-child h4{height:auto;min-height:0;font-size:20px;margin-bottom:12px}.video-copy h4{font-size:14px}.video-play{width:36px;height:36px;right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.video-thumb img,.video-play{transition:none}.video-card:hover .video-thumb img{transform:none}}
/* Soft corners and a one-pixel overscan prevent edge seams during image scaling. */
.video-thumb{border:0;box-shadow:none;border-radius:6px;overflow:hidden;clip-path:inset(0 round 6px)}
.video-card:first-child .video-thumb{border-radius:8px;clip-path:inset(0 round 8px)}
.video-thumb img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;border:0;box-shadow:none}

/* Shorts: 두 채널 아래 한 줄 전체. 세로(9:16) 카드, PC 6칸 / 태블릿 4칸 / 휴대폰은 옆으로 넘기기 */
.video-shorts{grid-column:1/-1;margin-top:8px}
.video-shorts .video-channel-heading h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.shorts-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.02em;line-height:1;padding:6px 9px;border-radius:999px;background:#fee500;color:#151515}
.video-shorts .video-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.video-shorts .video-card,.video-shorts .video-card:first-child{display:block;padding:0;border:0}
.video-shorts .video-card+.video-card{border-top:0}
.video-shorts .video-thumb,.video-shorts .video-card:first-child .video-thumb{aspect-ratio:9/16;border-radius:10px;clip-path:inset(0 round 10px)}
.video-shorts .video-thumb img{aspect-ratio:auto;object-fit:cover}
.video-shorts .video-copy,.video-shorts .video-card:first-child .video-copy{margin-top:12px}
.video-shorts .video-copy h4,.video-shorts .video-card:first-child h4{font-size:14px;line-height:1.5;height:auto;font-weight:600;margin:0 0 6px;letter-spacing:-.015em}
.video-shorts .video-play,.video-shorts .video-card:not(:first-child) .video-play{width:32px;height:32px;right:10px;bottom:10px}
.video-shorts .video-play svg,.video-shorts .video-card:not(:first-child) .video-play svg{width:18px;height:18px}
@media(max-width:1100px){.video-shorts .video-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-shorts .video-card:nth-child(n+5){display:none}}
@media(max-width:767px){
 .video-shorts .video-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--gutter,20px)*-1);padding:0 var(--gutter,20px) 4px;scroll-padding:0 var(--gutter,20px)}
 .video-shorts .video-list::-webkit-scrollbar{display:none}
 .video-shorts .video-card,.video-shorts .video-card:nth-child(n+5){display:block;flex:0 0 42%;scroll-snap-align:start}
 .video-shorts .video-copy h4{font-size:13px}
}
