/* v239.2.2 — two corrections only.
   1. In the library the lesson poster is a THUMBNAIL inside a horizontal card.
      The big picture belongs to the lesson page player, never to the library.
   2. The active chapter row while the lesson plays. */

/* ============ 1. library lesson card ============ */
.kyb239__card { max-width: 820px; }

@media (min-width: 720px) {
  .kyb239__card { flex-direction: row; align-items: stretch; }
  .kyb239__thumb {
    /* bounded thumbnail — never the full card width, never half a viewport tall */
    flex: 0 0 clamp(280px, 26vw, 360px);
    align-self: center;
    margin: clamp(14px, 1.8vw, 18px);
    border-radius: 12px;
    overflow: hidden;
  }
  /* contain, so nothing of the real frame is cropped away */
  .kyb239__thumb img { object-fit: contain; background: #0d1512; }
  .kyb239__card-inner { justify-content: center; padding-left: 0; }
}

@media (max-width: 719px) {
  /* stacked: poster, FREE, title, description, CTA — height follows the container width */
  .kyb239__thumb { width: 100%; }
  .kyb239__thumb img { object-fit: contain; background: #0d1512; }
}

/* ============ 2. active chapter ============ */
.kyb2392__row {
  display: flex;
  gap: .75rem;
  align-items: baseline;
  width: 100%;
  margin: 0;
  padding: .55rem .6rem;
  border: 1px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 8px;
  background: transparent;
  font: inherit;
  text-align: left;
  color: inherit;
  transition: background-color .18s ease, border-color .18s ease;
}
.kyb2392__times li { padding: 0; border-bottom: 1px solid rgba(20, 32, 28, .1); }
.kyb2392__times li:last-child { border-bottom: 0; }

/* two signals, not colour alone: tint plus weight */
.kyb2392__row.is-active {
  background: rgba(122, 158, 138, .14);
  border-color: rgba(122, 158, 138, .45);
  border-left-color: #6f9484;
}
.kyb2392__row.is-active .kyb2392__time { color: #3f6a5b; font-weight: 600; }
.kyb2392__row.is-active .kyb2392__label { font-weight: 600; color: #2b3632; }

/* clickable only when the official player is present */
.kyb2392--seekable button.kyb2392__row { cursor: pointer; }
.kyb2392--seekable button.kyb2392__row:hover { background: rgba(20, 32, 28, .05); }
.kyb2392--seekable button.kyb2392__row:focus-visible { outline: 2px solid #c96f50; outline-offset: 2px; }

/* long RU / ES labels must wrap, never widen the page */
.kyb2392__label { min-width: 0; overflow-wrap: anywhere; }
.kyb2392-times { overflow-x: clip; }