/* Уроки карточками (lesson-cards.338271b.js). Слова Лираз 27.10.2026: «Что вообще видит человек, когда он заходит? … просто карточки, как у нас в диамантомашине …
   Первый, второй, третий, четвертый, пятый урок. У него есть уже загруженные эти материалы видео, аудио, конспекты. Обложка может быть».
   Цвет — только из опор index.html (число в стиле не пишем). Без :has(), color-mix(), dvh, inset: Chromium 99. Направление — логическими свойствами,
   иврит справа налево. Кнопки и подписи в одну строку (nowrap); названия файлов — полностью, с переносом. Колонка — внутри раздела «Курсы» (max-width 760). */
.lc{margin:0 0 6px;max-width:var(--hl-page-w,760px);min-width:0}
.lc-mat,.lc-card,.lc-sec,.lc-main,.lc-body{min-width:0}
.lc-h{margin:18px 4px 10px;font-family:var(--disp);font-size:calc(19px * var(--fs,1));font-weight:600;color:var(--ink)}
.lc-ic{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lc-skel{display:grid;gap:10px}
.lc-skbar{display:block;height:72px;border-radius:18px;border:1px solid var(--line);background:var(--glass)}
.lc-emptybox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px 18px;border:1px dashed var(--line);border-radius:18px;text-align:center;
  color:var(--ink-dim);font-size:calc(13px * var(--fs,1));line-height:1.55}
.lc-emptybox b{font-family:var(--disp);font-size:18px;font-weight:600;color:var(--ink)}
.lc-empty{margin:0 4px 10px;font-size:calc(13px * var(--fs,1));line-height:1.5;color:var(--ink-dim)}
.lc-hint{margin:6px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--ink-faint)}

/* кнопки */
.lc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;
  font-size:calc(14px * var(--fs,1));font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}
.lc-btn[disabled]{cursor:default;opacity:.6}
.lc-btn:focus-visible,.lc-head:focus-visible,.lc-ic-b:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.lc-btn-gold{background:var(--gold-fill);color:var(--on-gold);border:0}
.lc-btn-line{border:1px solid rgba(var(--gold-rgb),.45);background:transparent;color:var(--gold-text)}
.lc-btn-s{min-height:40px;padding:0 14px;font-size:calc(13px * var(--fs,1))}
.lc-btn .lc-ic{width:18px;height:18px}
.lc-btns{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.lc-matbtns{margin:8px 0 0}
/* поле выбора файла — внутри метки, видимое для браузера, невидимое для глаза (iOS и Chromium 99 открывают выбор по метке) */
.lc-file{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.lc-ic-b{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:var(--ink-dim);cursor:pointer}
.lc-ic-b .lc-ic{width:22px;height:22px}

/* материалы курса */
.lc-mat{margin:0 0 6px}
.lc-mat.is-over,.lc-card.is-over,.lc-ph.is-over{outline:2px dashed rgba(var(--gold-rgb),.8);outline-offset:3px}
.lc-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.lc-plw{display:flex;align-items:center;gap:6px;margin:0 0 10px;min-width:0}
.lc-pl{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid rgba(var(--gold-rgb),.5);border-radius:16px;
  background:rgba(var(--gold-rgb),.14);color:var(--gold-text);font-size:calc(14px * var(--fs,1));font-weight:700;text-decoration:none;cursor:pointer}
.lc-pl:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.lc-pl .lc-pl-ic{width:26px;height:26px}
.lc-pl-t{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.lc-pl-hid{margin-inline-start:auto}
.lc-hid{display:inline-flex;align-items:center;gap:4px;color:var(--gold-text);font-weight:700}
.lc-hid .lc-ic{width:14px;height:14px}
.lc-pl-hid .lc-ic{width:18px;height:18px}

/* строка файла (file-row): название полностью, с переносом; плеер на всю ширину */
.lc .hlrow{flex-wrap:wrap}
.lc .hlrow .hlrow-main{flex:1 1 0}
.lc .hlrow-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.lc .hlrow-meta{white-space:normal;overflow:visible;text-overflow:clip}
.lc .hlrow video,.lc .hlrow audio{flex:0 0 100%;display:block;width:100%;max-height:60vh;border-radius:12px}
.lc .hlrow-ic{width:20px;height:20px}
.lc-ups{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.lc-ups:empty{display:none}

/* список карточек */
.lc-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.lc-card{border:1px solid var(--line);border-radius:18px;background:var(--glass)}
.lc-card.is-open{border-color:rgba(var(--gold-rgb),.4)}
.lc-head{display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;color:var(--ink);text-align:start;cursor:pointer;font-family:inherit}
.lc-lead{position:relative;flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;overflow:hidden;
  border:1px solid rgba(var(--gold-rgb),.45);background:rgba(var(--gold-rgb),.08)}
.lc-numc{font-family:var(--disp);font-size:calc(22px * var(--fs,1));font-weight:700;color:var(--gold-text)}
.lc-img{display:none;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.lc-lead.has-img .lc-img{display:block}
.lc-lead.has-img .lc-numc{position:absolute;z-index:1;right:3px;bottom:3px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;
  font-size:calc(12px * var(--fs,1));background:var(--bg0);color:var(--gold-text)}
[dir="rtl"] .lc-lead.has-img .lc-numc{right:auto;left:3px}
.lc-main{flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
.lc-name{font-family:var(--disp);font-size:calc(17px * var(--fs,1));font-weight:600;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.lc-sub{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:calc(12.5px * var(--fs,1));color:var(--ink-dim)}
.lc-page{color:var(--gold-text);font-weight:700}
.lc-upline{font-size:calc(12px * var(--fs,1));font-weight:700;color:var(--gold-text)}
.lc-upline[hidden]{display:none}
.lc-go{flex:0 0 auto;display:flex;color:var(--ink-faint)}
.lc-card.is-open .lc-go{transform:rotate(90deg)}
[dir="rtl"] .lc-go .lc-ic{transform:scaleX(-1)}
[dir="rtl"] .lc-card.is-open .lc-go{transform:rotate(-90deg)}
.lc-pill{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:999px;font-size:calc(11.5px * var(--fs,1));font-weight:700;white-space:nowrap}
.lc-pill .lc-ic{width:14px;height:14px}
.lc-pill-open{background:rgba(var(--gold-rgb),.14);color:var(--gold-text)}
.lc-pill-hid{border:1px dashed rgba(var(--gold-rgb),.5);color:var(--ink-dim)}
.lc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.lc-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;font-size:calc(12px * var(--fs,1));font-weight:700;white-space:nowrap;
  background:rgba(var(--gold-rgb),.14);color:var(--gold-text)}
.lc-chip .lc-ic{width:16px;height:16px}
.lc-chip-off{background:transparent;border:1px dashed var(--line);color:var(--ink-faint)}
.lc-miss{display:flex;align-items:flex-start;gap:8px;margin:0 14px 12px;font-size:calc(13px * var(--fs,1));line-height:1.45;font-weight:600;color:var(--gold-text)}
.lc-miss .lc-ic{width:18px;height:18px;margin-top:1px}
.lc-miss-ok{color:var(--ink-dim)}
.lc-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:2px 12px 14px}
.lc-body[hidden]{display:none}

/* места внутри карточки */
.lc-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.lc-sech{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-width:0}
/* место «Конспект»: файл и текст рядом, на узком экране — одна под другой; каждая кнопка в одну строку */
.lc-sech-b,.lc-ph-b{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.lc-sech-b{justify-content:flex-end}
.lc-ph-b{align-self:stretch}
.lc-ph-b .lc-btn{align-self:auto;flex:1 1 auto}
.lc-note:empty{display:none}
.lc-sech h5{margin:0 4px;font-size:calc(11.5px * var(--fs,1));font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
[dir="rtl"] .lc-sech h5{letter-spacing:0}
.lc-ph{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px dashed var(--line);border-radius:14px;color:var(--ink-faint);
  font-size:calc(13px * var(--fs,1))}
.lc-ph .lc-btn{align-self:stretch}
@media (min-width:520px){.lc-ph{flex-direction:row;align-items:center;justify-content:space-between}.lc-ph .lc-btn{align-self:auto}}
.lc-vis{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.lc-msg{min-height:1.2em;margin:4px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.lc-msg:empty{min-height:0;margin:0}
.lc-inline{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.lc-inline p{margin:0 0 8px;font-size:calc(13px * var(--fs,1));line-height:1.45;color:var(--ink)}
.lc-dupname{color:var(--ink-dim)}

/* формы: название урока, ссылка */
.lc-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0}
.lc-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:calc(11.5px * var(--fs,1));color:var(--ink-faint)}
.lc-field input{width:100%;min-width:0;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);color:var(--ink);font-size:16px;font-family:inherit}
.lc-field input::placeholder{color:var(--ink-faint)}
.lc-pale input{border-style:dashed}
.lc-inrow{display:flex;align-items:center;gap:8px;min-width:0}
.lc-inrow input{flex:1 1 auto}
.lc-inrow .lc-btn{flex:0 0 auto}
[dir="rtl"] .lc-field input[type="url"]{direction:ltr;text-align:right}

/* место «Дочитали до стр.» и «Добавить конспект» (рисует lesson-start.*.js) без собственной рамки */
.lc .ls-lesson-bare{margin:0;padding:0;border:0;background:none}
.lc-ls:empty{display:none}
.lc .ls-lesson-bare .ls-mark{align-items:flex-end}

@media (max-width:359px){.lc-head{padding:10px}.lc-lead{width:48px;height:48px}.lc-chips{padding-inline:10px}}

/* строка состояния отметки «Дочитали до стр.» (lesson-start.*.js): «Отмечаю…» / «Не сохранено. Нажмите «Отметить».» */
.ls-markstate{margin:0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;font-weight:700;color:var(--gold-text)}
.ls-markstate:empty{display:none}

/* «Смотреть подряд» и «Слушать подкастом» над карточками уроков (lesson-playlist.338271b.js; слова Лираз 27.10.2026: «видео бесконечное проигрывание … режим подкастов тоже бесконечно»).
   Две кнопки в одну строку (не поместились — модуль ставит короткие слова), панель плеера под ними. Цвет — опоры, без :has(), inset, dvh, color-mix(). */
.pl-slot:empty{display:none}
.pl{margin:0 0 12px;min-width:0}
.pl-row{display:flex;gap:8px;min-width:0}
.pl-row[hidden]{display:none}
.pl-btn{flex:1 1 auto;min-width:0;padding:0 10px;gap:6px;overflow:hidden;font-size:calc(13px * var(--fs,1))}
.pl-btn span{min-width:0;white-space:nowrap}
.pl-btn[aria-pressed="true"]{background:rgba(var(--gold-rgb),.14)}
.pl-ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl-panel{margin:10px 0 0;padding:12px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:18px;background:var(--glass);min-width:0}
.pl-panel[hidden]{display:none}
.pl-head{display:flex;align-items:center;gap:8px;min-width:0}
.pl-hmain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.pl-title{font-family:var(--disp);font-size:calc(16px * var(--fs,1));font-weight:600;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}
.pl-count{font-size:calc(12px * var(--fs,1));font-weight:700;color:var(--gold-text)}
.pl-vwrap{margin:10px 0 0}
.pl-video{display:block;width:100%;max-height:60vh;border-radius:12px;background:var(--bg0)}
.pl-ctl{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0 0}
.pl-nav{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(var(--gold-rgb),.45);border-radius:50%;background:transparent;color:var(--gold-text);cursor:pointer}
.pl-nav .pl-ic{width:22px;height:22px}
.pl-nav:focus-visible,.pl-item:focus-visible,.pl-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.pl-msg{margin:6px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.pl-msg:empty{display:none}
.pl-aplayer{margin:8px 0 0}
.pl-aplayer .pc-player{margin:0}
.pl-list{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;max-height:260px;overflow:auto}
.pl-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:6px 10px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-family:inherit;text-align:start;cursor:pointer}
.pl-item[aria-current="true"]{background:rgba(var(--gold-rgb),.14);color:var(--gold-text)}
.pl-off{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:6px 10px;color:var(--ink-faint)}
.pl-n{flex:0 0 auto;min-width:22px;font-family:var(--disp);font-size:calc(15px * var(--fs,1));font-weight:700;color:var(--gold-text);text-align:center}
.pl-off .pl-n{color:var(--ink-faint)}
.pl-t{flex:1 1 auto;min-width:0;font-size:calc(14px * var(--fs,1));line-height:1.3;overflow-wrap:anywhere}
.pl-via{font-size:calc(12px * var(--fs,1));color:var(--ink-dim)}
.pl-note{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:calc(12px * var(--fs,1));color:var(--ink-faint)}
.pl-note .pl-ic{width:14px;height:14px}
.pl-now{display:flex;flex:0 0 auto;color:var(--gold-text)}
.pl-now .pl-ic{width:16px;height:16px}
[dir="rtl"] .pl-now .pl-ic{transform:scaleX(-1)}
.pl-head .lc-ic-b{width:44px;height:44px;border:1px solid rgba(var(--gold-rgb),.45);color:var(--gold-text)}
.pl-head .lc-ic-b .pl-ic{width:18px;height:18px}
/* плеер подкаста (его разметка — lesson-podcast.*.js) в панели: пять кнопок и скорость умещаются в 310 px, на 360 px скорость уходит на вторую строку */
.pl-aplayer .pc-ctl{flex-wrap:wrap;gap:4px}
.pl-aplayer .pc-ctl .bk-ic{width:40px;height:40px}
.pl-aplayer .pc-rate{margin-inline-start:2px}
/* строка подкаста Машины в очереди «Слушать подкастом»: рядом значок «Сохранить в приложении, чтобы слушать без сети» (разметка — lesson-podcast.*.js, queueRow; тот же 44-пиксельный круг, что был на полке) */
.pl-list li.pl-has-act{display:flex;align-items:center;gap:4px;min-width:0}
.pl-has-act .pl-item{flex:1 1 auto;width:auto;min-width:0}
.pl-act{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.pl-act .pc-prog{font-size:calc(12px * var(--fs,1))}
.pl-act .pc-dev .pc-ic{width:16px;height:16px}