/* Стили внутренних страниц Преподу.РУ.
   ВАЖНО: токены (--ink, --accent, --line, --disp, --body...), типографика, .wrap, .sec,
   .btn, .eyebrow, .lead, .chip, шапка .hd и подвал .ft берутся из site.css —
   здесь только то, чего нет на главной. Своих :root-токенов НЕ объявлять! */

/* --- комплект к уроку --- */
.kit{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:24px}
.kit-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;min-height:26px}
.kit-head h3{margin:0;font-size:19px}
.kit-files{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.kit-files li{display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px dashed var(--line);padding-bottom:10px;font-size:15.5px}
.kit-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* --- страница урока: комплект слева (60%), предпросмотр справа --- */
.lesson-grid{display:grid;grid-template-columns:60% 1fr;gap:20px;align-items:start}
@media (max-width:980px){.lesson-grid{grid-template-columns:1fr}}
.preview{position:sticky;top:18px}

/* предпросмотр: одна карточка + карусель */
.pcwrap{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.pcard{position:relative;width:100%;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-sm);padding:12px 12px 8px;box-shadow:var(--shadow)}
.pcard .ph{display:block;width:100%;height:auto;aspect-ratio:700/614;overflow:hidden;cursor:zoom-in;
  border:1px solid var(--line);border-radius:9px;background:#fff;position:relative;padding:0}
.pcard .ph img{width:100%;display:block;transition:opacity .22s ease}
.pcard .ph::after{content:'';position:absolute;left:0;right:0;bottom:0;height:76px;
  background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.94))}
.ph-zoom{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(16,25,53,.82);
  color:#fff;font:600 12.5px/1 var(--body);padding:7px 12px;border-radius:999px;opacity:0;
  transition:opacity .18s;pointer-events:none}
.pcard .ph:hover .ph-zoom,.pcard .ph:focus-visible .ph-zoom{opacity:1}
.pcap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px 2px;
  font-size:13.5px;color:var(--muted)}
.pnav{display:flex;gap:10px;justify-content:center}
@media (max-width:980px){.pcard{max-width:330px;margin:0 auto}}

/* лайтбокс увеличения (показывает тот же участок листа, что и превью) */
.pmodal{position:fixed;inset:0;z-index:300;background:rgba(9,13,26,.78);display:flex;
  align-items:center;justify-content:center;padding:24px}
.pmodal[hidden]{display:none}
.pmodal .pframe{aspect-ratio:700/614;overflow:hidden;
  width:min(94vw,900px,calc(92vh * 700 / 614));max-height:92vh;
  border-radius:var(--r-sm);box-shadow:0 30px 70px rgba(0,0,0,.5);background:#fff}
.pmodal .pframe img{width:100%;display:block}
.pmodal-x{position:fixed;z-index:301;top:18px;right:22px;width:46px;height:46px;border-radius:50%;border:0;
  cursor:pointer;background:#fff;color:#101935;font-size:26px;line-height:1;box-shadow:0 8px 22px rgba(0,0,0,.3)}

/* --- карточки классов и разделов (в духе ленты уроков) --- */
.lcards{display:grid;gap:16px;margin-top:22px}
.lcard{display:flex;flex-direction:column;gap:6px;padding:20px;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface);
  box-shadow:var(--shadow);transition:transform .18s,border-color .18s}
.lcard:hover{transform:translateY(-2px);border-color:var(--accent)}
.lcn{font:600 12px/1 var(--mono);letter-spacing:.08em;color:var(--accent)}
.lcard h3{margin:0;font-size:20px}
.lcpara{margin:0;font-size:14.5px;color:var(--muted)}

/* конструктор раздатки (варианты листа) */
.hc-item{flex-wrap:wrap}
.hc-actions{flex-wrap:wrap;gap:10px 14px;align-items:center}
.hc-lab{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);
        cursor:pointer;user-select:none;white-space:nowrap}
.hc-lab input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}
.hc-lab:hover{color:var(--ink)}

/* галочки раздатки — аккуратным столбиком слева от кнопки «Скачать PDF» */
.kit-actions{align-items:center}
.hc-checks{display:flex;flex-direction:column;gap:5px;align-items:flex-start;margin-right:12px}
.hc-checks .hc-lab{white-space:nowrap;font-size:13px}
.hc-lab input{margin:0}