/* Слайды презентаций. Взято с pedkurs.kz (library-item.html, блок .libslides)
   — чтобы презентация на rao.kz выглядела так же, как у учителя.
   Кнопки перелистывания не переносим: на сайте слайды идут столбиком,
   это работает без скриптов и лучше читается поисковиком.
   Обновлять вместе с источником. */
/* ===== Превью презентаций ('slides') в библиотеке (scoped) ===== */
      .libslides .libsf-canvas{width:100%;max-width:760px;aspect-ratio:16/9;position:relative;margin:0 auto}
      .libslides .slide{position:absolute;inset:0;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px -20px rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:center;padding:7% 8%;opacity:0;pointer-events:none;transition:opacity .3s ease}
      .libslides .slide.show{opacity:1;pointer-events:auto}
      .libslides .slide .eyebrow{font:600 1.5cqw 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2.5cqh;opacity:.75}
      .libslides .slide h2{margin:0 0 3cqh;line-height:1.06;letter-spacing:-.02em}
      .libslides .slide .sub{margin:0;line-height:1.4;opacity:.78}
      .libslides .slide ul{margin:0;padding:0;list-style:none;display:grid;gap:2.3cqh}
      .libslides .slide li{position:relative;padding-left:4.5cqw;line-height:1.35}
      .libslides .slide li::before{content:'';position:absolute;left:0;top:.55em;width:2.2cqw;height:2.2cqw;border-radius:3px}
      .libslides .slide.is-quote h2{font-style:italic;font-weight:500}
      .libslides .slide .byline{position:absolute;bottom:6.5%;left:8%;font:1.5cqw 'JetBrains Mono',monospace;opacity:.7}
      .libslides .slide .pageno{position:absolute;bottom:5%;right:7%;font:1.4cqw 'JetBrains Mono',monospace;opacity:.5}
      .libslides .t-editorial{background:#faf7f2;color:#1a1622;container-type:inline-size}
      .libslides .t-editorial .eyebrow,.libslides .t-editorial li::before,.libslides .t-editorial .accent{color:#ff5a3c}
      .libslides .t-editorial li::before{background:#ff5a3c}
      .libslides .t-editorial h2{font-family:'Fraunces',serif;font-weight:600;font-size:5.4cqw}
      .libslides .t-editorial .sub{font-size:2.4cqw}.libslides .t-editorial li{font-size:2.5cqw}
      .libslides .t-editorial.is-title h2{font-size:7cqw}
      .libslides .t-mono{background:#fff;color:#15131a;container-type:inline-size}
      .libslides .t-mono .eyebrow,.libslides .t-mono .pageno,.libslides .t-mono .byline{color:#15131a}
      .libslides .t-mono h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:5.6cqw}
      .libslides .t-mono li::before{background:#15131a;border-radius:50%;width:1.6cqw;height:1.6cqw;top:.6em}
      .libslides .t-mono .sub,.libslides .t-mono li{font-size:2.45cqw}
      .libslides .t-mono.is-title h2{font-size:7.4cqw}
      .libslides .t-night{background:#141019;color:#f1edf7;container-type:inline-size}
      .libslides .t-night .eyebrow,.libslides .t-night li::before{color:#7b6bff}
      .libslides .t-night li::before{background:#7b6bff}
      .libslides .t-night h2{font-family:'Montserrat',sans-serif;font-weight:700;font-size:5.6cqw}
      .libslides .t-night h2 .accent{color:#ff5a3c}
      .libslides .t-night .sub,.libslides .t-night li{font-size:2.45cqw}
      .libslides .t-night.is-title h2{font-size:7.2cqw}
      
/* Раскладка витрины: презентация листается, как на pedkurs — один слайд на
   экране, остальные ждут своей очереди. Без скрипта виден первый слайд:
   страница остаётся читаемой и для поисковика, и если JS не загрузился. */
.libslides .deck{position:relative;max-width:760px;margin:0 auto;aspect-ratio:16/9}
.libslides .deck .slide{position:absolute;inset:0;opacity:0;pointer-events:none;
  container-type:inline-size;transition:opacity .28s ease}
.libslides .deck .slide:first-child{opacity:1;pointer-events:auto}
.libslides .deck.is-live .slide{opacity:0;pointer-events:none}
.libslides .deck.is-live .slide.show{opacity:1;pointer-events:auto}

/* Перелистывание */
.libslides .libsf-nav{display:flex;align-items:center;gap:14px;margin-top:16px;justify-content:center}
.libslides .libsf-nav button{background:#fff;border:1px solid #e5e7eb;color:#111827;width:38px;height:38px;
  border-radius:10px;cursor:pointer;font-size:18px;line-height:1;padding:0;text-transform:none;letter-spacing:0}
.libslides .libsf-nav button:hover:not(:disabled){background:#f3f4f6}
.libslides .libsf-nav button:disabled{opacity:.3;cursor:default}
.libslides .libsf-pos{font:500 13px 'JetBrains Mono',monospace;color:#6b7280;min-width:64px;text-align:center}
.libslides .libsf-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}
.libslides .libsf-dots i{width:7px;height:7px;border-radius:50%;background:#d1d5db;cursor:pointer;font-style:normal}
.libslides .libsf-dots i.on{background:#6b7280}

@media(max-width:560px){
  .libslides .libsf-nav{gap:10px}
  .libslides .libsf-nav button{width:34px;height:34px;font-size:16px}
}