/* Корзина материалов курса (course-basket.336312a.js). Цвет — только из опор index.html.
   Колонка — внутри раздела «Курсы» (max-width 760 = --hl-page-w): на компьютере не на всю ширину.
   Без :has(), color-mix(), dvh, inset: Chromium 99. Направление — логическими свойствами. */
.bk{margin:0 0 6px;max-width:var(--hl-page-w,760px);min-width:0}
.bk-shelf,.bk-lesson,.bk-lb,.bk-lh{min-width:0}
.bk-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:18px 4px 10px}
.bk-head .bk-h{flex:1 1 auto;margin:0;min-width:0}
.bk-count{flex:0 0 auto;font-size:calc(12px * var(--fs,1));font-weight:600;color:var(--ink-dim);white-space:nowrap}
.bk-addb{flex:0 0 auto;min-height:44px;padding:0 14px;white-space:nowrap}
.bk .hlrow-ic{width:20px;height:20px}
.bk-skel{display:grid;gap:10px}
.bk-skbar{display:block;height:72px;border-radius:16px;border:1px solid var(--line);background:var(--glass)}
.bk-h{margin:0;font-family:var(--disp);font-size:calc(19px * var(--fs,1));font-weight:600;color:var(--ink)}
.bk-sub{display:block;font-size:calc(12px * var(--fs,1));line-height:1.45;font-weight:600;color:var(--ink-dim)}
.bk-emptybox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;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}
.bk-emptybox b{font-family:var(--disp);font-size:20px;font-weight:600;color:var(--ink)}
.bk-emptybox-ic{width:34px;height:34px;color:var(--gold-text);opacity:.8}
.bk-btn{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;cursor:pointer}
.bk-btn[disabled]{cursor:default;opacity:.6}
.bk-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-btn-gold{background:var(--gold-fill);color:var(--on-gold)}
.bk-btn-line{border:1px solid rgba(var(--gold-rgb),.45);background:transparent;color:var(--gold-text)}
.bk-btn .hlrow-ic{width:20px;height:20px}
.bk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:359px){.bk-fields{grid-template-columns:minmax(0,1fr)}}
.bk-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:calc(11.5px * var(--fs,1));color:var(--ink-faint)}
.bk-field select{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}
.bk-msg{min-height:1.2em;margin:8px 4px 0;font-size:calc(12.5px * var(--fs,1));line-height:1.45;color:var(--gold-text)}
.bk-empty{margin:0 4px 10px}
.bk-shelf{margin:0 0 14px}
.bk-sh{margin:0 4px 8px;font-size:calc(11.5px * var(--fs,1));font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}
.bk-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.bk .hlrow{flex-wrap:wrap}
.bk .hlrow .hlrow-main{flex:1 1 0}
.bk .hlrow video,.bk .hlrow audio{flex:0 0 100%;display:block;width:100%;max-height:60vh;border-radius:12px}
.bk-hid{display:inline-flex;align-items:center;gap:4px;color:var(--gold-text);font-weight:700}
.bk-hid .hlrow-ic{width:14px;height:14px}
.bk-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink-dim);cursor:pointer}
.bk-ic:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-tail{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:-2px 0 4px;min-width:0}
.bk-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.bk-mi{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);text-align:start;cursor:pointer;white-space:nowrap}
.bk-mi span{overflow:hidden;text-overflow:ellipsis}
.bk-mi:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
.bk-open{justify-self:start;min-height:44px;padding:0 16px;white-space:nowrap}
.bk-open span{overflow:hidden;text-overflow:ellipsis}
.bk-inline{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass)}
.bk-inline p{margin:0 0 8px;font-size:calc(13px * var(--fs,1));line-height:1.45;color:var(--ink)}
.bk-in{width:100%;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass2);color:var(--ink);font-size:16px}
.bk-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bk-b{min-height:44px;white-space:nowrap}
.bk-hist{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
.bk-hl{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:calc(12.5px * var(--fs,1))}
.bk-hl b{color:var(--gold-text);font-weight:700}
.bk-hl span{color:var(--ink-dim)}
/* урок: заголовок-кнопка и два слота */
.bk-lesson{margin:0 0 8px;border:1px solid var(--line);border-radius:14px;background:var(--glass)}
.bk-lh{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:4px 10px 10px}
.bk-lt{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0;color:var(--ink);text-align:start;cursor:pointer}
.bk-lt:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-ln{flex:1 1 auto;min-width:0;font-family:var(--disp);font-size:calc(15px * var(--fs,1));font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--gold-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .bk-ln{color:var(--teal)}
.bk-go{flex:0 0 auto;display:flex;color:var(--ink-faint)}
.bk-lt[aria-expanded="true"] .bk-go{transform:rotate(90deg)}
[dir="rtl"] .bk-go .hlrow-ic{transform:scaleX(-1)}
[dir="rtl"] .bk-lt[aria-expanded="true"] .bk-go{transform:rotate(90deg)}
.bk-slots{display:flex;flex-wrap:wrap;gap:8px}
.bk-slot{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;font-size:calc(12.5px * var(--fs,1));font-weight:700;white-space:nowrap}
.bk-slot .hlrow-ic{width:18px;height:18px}
.bk-slot small{font-size:calc(11px * var(--fs,1));font-weight:800}
.bk-on{background:rgba(var(--gold-rgb),.14);color:var(--gold-text)}
.bk-off{color:var(--ink-faint);border:1px dashed var(--line)}
.bk-slot-add{min-height:44px;color:var(--gold-text);border:1px dashed rgba(var(--gold-rgb),.5);cursor:pointer}
.bk-slot-add:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.bk-sl-h{color:var(--gold-text)}
.bk-lb{padding:0 8px 10px}
.bk-lb[hidden]{display:none}
/* панель «Добавить» */
.bk-form{margin:0 0 14px;padding:14px 15px;border:1px solid rgba(var(--gold-rgb),.4);border-radius:16px;background:var(--glass)}
.bk-form .bk-fields{margin-bottom:10px}
.bk-wide{margin:0 0 10px}
.bk-form input[type="text"],.bk-form input[type="url"]{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}
.bk-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass2)}
.bk-mode{min-height:44px;border-radius:10px;color:var(--ink-dim);font-weight:700;cursor:pointer}
.bk-mode[aria-selected="true"]{background:rgba(var(--gold-rgb),.14);color:var(--gold-text);box-shadow:inset 0 0 0 1px rgba(var(--gold-rgb),.32)}
.bk-pick{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 10px}
.bk-jobs{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 10px}
.bk-warn{color:var(--gold-text)}
.bk-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 4px;color:var(--ink);font-size:calc(14px * var(--fs,1));font-weight:600}
.bk-check input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--gold-text)}
.bk-hint{display:flex;align-items:flex-start;gap:6px;margin:0 0 6px}
.bk-hint .hlrow-ic{width:16px;height:16px;flex:0 0 auto;color:var(--gold-text)}
/* значок у карточки курса */
.bk-chip{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border-radius:12px;background:rgba(var(--gold-rgb),.1);
  color:var(--gold-text);font-size:calc(12.5px * var(--fs,1));font-weight:700;white-space:nowrap;overflow:hidden}
.bk-chip[hidden]{display:none}
.bk-chip .hlrow-ic{width:18px;height:18px;flex:0 0 auto}
.bk-chip span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}