.kr-videos{display:block;padding-top:48px;padding-bottom:48px}
.kr-videos__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.kr-videos__heading h2{margin:0;font-size:clamp(26px,3vw,40px)}
.kr-videos__arrows{display:flex;gap:10px;flex-shrink:0}
.kr-videos__arrows button,.kr-videos [data-video-close]{width:40px;height:40px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:28px;line-height:1;cursor:pointer}
.kr-videos button:focus-visible,.kr-videos a:focus-visible{outline:3px solid #ff8200;outline-offset:4px}
.kr-videos button:disabled{opacity:.35;cursor:default}
.kr-videos__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:6px 0 18px}
.kr-videos__card{min-width:0;scroll-snap-align:start}
.kr-videos__poster{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;padding:0;overflow:hidden;background:#1b1b1b;cursor:pointer}
.kr-videos__poster img{display:block;width:100%;height:100%;object-fit:cover}
.kr-videos__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border-radius:50%;color:#fff;background:#ef6900;font-size:22px;box-shadow:0 3px 18px #0006}
.kr-videos__kind{color:#ff8200;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 6px}
.kr-videos__card h3{font-size:17px;line-height:1.4;margin:0 0 6px;text-transform:none;letter-spacing:normal}
.kr-videos__creator,.kr-videos__note{font-size:13px;line-height:1.45;margin:0 0 6px;opacity:.75}
.kr-videos__external{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.kr-videos__dialog{width:min(1000px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;border:1px solid #555;border-radius:12px;background:#111;color:#fff;overflow:auto}
.kr-videos__dialog::backdrop{background:#000c}
.kr-videos__dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.kr-videos__dialog-heading h2{font-size:20px;margin:0;letter-spacing:normal;text-transform:none}
.kr-videos [data-video-close]{flex-shrink:0}
.kr-videos__player{aspect-ratio:16/9;background:#000;margin-bottom:16px}
.kr-videos__player iframe{display:block;width:100%;height:100%;border:0}
.kr-videos [data-video-watch]{font-size:14px;text-decoration:underline}
@media(max-width:1000px){.kr-videos__rail{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.kr-videos{padding-top:32px;padding-bottom:32px}.kr-videos__rail{grid-auto-columns:86%;gap:16px}.kr-videos__heading{gap:12px}.kr-videos__arrows button{width:34px;height:34px}.kr-videos__dialog{padding:12px}.kr-videos__dialog-heading h2{font-size:16px}}
