/* v0.2.4 — right list shows 5 items then scroll */
.kgm-outer{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}
.kgm-wrap{display:grid;grid-template-columns:minmax(720px,1fr) 400px;gap:26px;max-width:1640px;margin:0 auto;padding:0 28px}
.kgm-player{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.35)}
.kgm-embed{position:relative;padding-top:56.25%}
.kgm-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kgm-video{width:100%;height:auto;background:#000}

/* Right column: cap visible items to ~5 then scroll */
.kgm-right{position:sticky;top:18px;align-self:start;max-height:620px;overflow-y:auto}
.kgm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kgm-item{display:grid;grid-template-columns:150px 1fr;gap:12px;border-radius:14px;background:#0f172a;color:#fff;border:1px solid #1f2937;padding:12px;cursor:pointer}
.kgm-item.is-active{outline:2px solid #f43f5e}
.kgm-thumb{width:150px;height:84px;border-radius:10px;background:#0b0b0b;background-position:center;background-size:cover}
.kgm-meta{min-width:0;display:flex;flex-direction:column;justify-content:center}
.kgm-meta .kgm-title{font-weight:800;line-height:1.25;font-size:15.5px; word-break:break-word; color:#fff}
.kgm-meta .kgm-badge{display:none !important}

@media(max-width:980px){
  .kgm-wrap{grid-template-columns:1fr}
  .kgm-right{position:relative;top:auto;max-height:none;overflow:visible}
  .kgm-thumb{width:150px;height:84px;}
  .kgm-item{grid-template-columns:140px 1fr}
}