/* ═══════════════════════════════════════════════════════════
   Первые слова · детская версия — надстройка над kids.css
   Подключается ПОСЛЕ kids.css. Трогает только этот модуль:
   алфавит остаётся как был.
   Здесь одно: карточки слов крупнее. На странице их четыре,
   значит место есть — картинка и слово такого размера,
   чтобы читать с дивана.
   Размеры привязаны к высоте окна: на низком экране карточка
   уменьшается сама, а не уезжает под кнопки.
   ═══════════════════════════════════════════════════════════ */
.k-words{gap:clamp(12px,2vh,20px)}
.k-word{padding:clamp(12px,2vh,20px) 12px clamp(14px,2.2vh,22px);border-radius:24px}
.k-word .pic{height:clamp(104px,21vh,176px);font-size:clamp(72px,14.5vh,124px)}
.k-word .pic img{max-height:clamp(104px,21vh,176px)}
.k-word .ru{font-size:clamp(28px,5vh,42px);margin-top:clamp(6px,1.4vh,12px);letter-spacing:.01em}
.k-word .en{font-size:15px;margin-top:4px}
.k-word .k-audio{right:12px;top:12px}
.k-group{font-size:clamp(17px,2.6vh,20px);margin:clamp(12px,2.6vh,26px) 0 clamp(8px,1.6vh,14px);font-weight:800}

@media(max-width:1100px){ .k-word .pic{height:clamp(96px,19vh,150px)} .k-word .ru{font-size:clamp(26px,4.4vh,36px)} }
@media(max-width:720px){
  .k-words{grid-template-columns:repeat(2,1fr);gap:14px}
  .k-word .pic{height:104px;font-size:76px}
  .k-word .pic img{max-height:104px}
  .k-word .ru{font-size:27px}
}