/* Конструктор курсов и страницы уроков.
   Палитра сайта; морковный — только на кнопке удаления. */

/* только вертикальные отступы: горизонтальные даёт .row */
.ct{padding-top:44px;padding-bottom:80px}
.ct-title{margin:0 0 22px}
.ct-crumbs{
  font-family:var(--mono);font-size:12px;letter-spacing:.04em;
  color:var(--ink-2);margin:0 0 10px
}
.ct-crumbs a{color:var(--ink-2);text-decoration:none}
.ct-crumbs a:hover{color:var(--t-text)}
.ct-count{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin:0 0 6px}
.ct-empty{color:var(--ink-2);font-size:15.5px;margin:26px 0}
.ct-teacher{font-size:15px;color:var(--ink-2);margin:-22px 0 30px}

/* полоса разделов админки */
.ct-sub{border-bottom:1px solid var(--line);background:var(--panel)}
.ct-sub-in{display:flex;gap:22px;padding-top:11px;padding-bottom:11px}
.ct-sub a{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-2);text-decoration:none
}
.ct-sub a:hover,.ct-sub a.on{color:var(--ink)}

/* вкладки внутри курса */
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.ct-tabs a{
  border:1px solid var(--line);border-radius:99px;padding:7px 15px;
  font-size:14px;color:var(--ink-2);text-decoration:none;background:var(--white)
}
.ct-tabs a:hover{border-color:var(--t-mark);color:var(--t-text)}
.ct-tabs a.on{border-color:var(--t-mark);color:var(--t-text);background:var(--t-soft)}
.ct-tab-out{margin-left:auto}

/* строка добавления */
.ct-add{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.ct-add input{
  flex:1 1 320px;font-family:var(--sans);font-size:15.5px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);border-radius:8px;padding:11px 13px
}
.ct-add input:focus{outline:none;border-color:var(--t-mark)}

/* список курсов и уроков */
.ct-list{display:flex;flex-direction:column;gap:10px}
.ct-item{
  display:flex;align-items:center;gap:16px;
  border:1px solid var(--line);border-radius:10px;background:var(--white);
  padding:16px 18px;text-decoration:none;color:inherit
}
a.ct-item:hover,.ct-item:hover{border-color:var(--t-mark)}
.ct-item-main{display:flex;flex-direction:column;gap:4px;flex:1;text-decoration:none;color:inherit}
.ct-item-t{font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.ct-item:hover .ct-item-t{color:var(--t-text)}
.ct-item-d{font-size:14.5px;color:var(--ink-2)}
.ct-item-m{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-top:2px}

.ct-flag{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--panel);color:var(--ink-2);border-radius:99px;padding:4px 10px;white-space:nowrap
}
.ct-flag.on{background:var(--t-soft);color:var(--t-text)}

.ct-ops{display:flex;gap:6px;flex:0 0 auto}
.ct-ops form{display:inline}
.ct-ops button[disabled]{opacity:.35;cursor:default}
.ct-del:hover{border-color:var(--c-mark);color:var(--c-text)}

/* формы настроек */
.ct-form{max-width:520px}
.ct-form textarea{
  font-family:var(--sans);font-size:16px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);border-radius:6px;
  padding:11px 13px;resize:vertical;text-transform:none;letter-spacing:normal
}
.ct-form textarea:focus{outline:none;border-color:var(--t-mark)}
.ct-check{
  flex-direction:row!important;align-items:center;gap:10px!important;
  text-transform:none!important;letter-spacing:normal!important;
  font-family:var(--sans)!important;font-size:15px!important;color:var(--ink)!important
}
.ct-check input{width:16px;height:16px;accent-color:var(--t-mark)}
.ct-danger{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-2)}

.ct-details{margin:0 0 26px}
.ct-details summary{
  cursor:pointer;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-2);padding:8px 0
}
.ct-details summary:hover{color:var(--t-text)}
.ct-details[open] summary{margin-bottom:14px}

/* панель блоков */
.ct-tools{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;
  padding-bottom:22px;border-bottom:1px solid var(--line-2)
}
.ct-tools form{display:inline}
.ct-tool{
  font-family:var(--sans);font-size:14px;color:var(--ink);cursor:pointer;
  background:var(--white);border:1px solid var(--line);border-radius:99px;padding:7px 15px
}
.ct-tool:hover{border-color:var(--t-mark);color:var(--t-text)}

.ct-blocks{display:flex;flex-direction:column;gap:14px}
.ct-block{border:1px solid var(--line);border-radius:10px;background:var(--white);padding:14px 16px 16px}
.ct-block:target{border-color:var(--t-mark)}
.ct-block-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.ct-kind{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2)
}
.ct-block-f{display:flex;flex-direction:column;gap:9px}
.ct-block-f input[type=text],.ct-block-f input:not([type]),.ct-block-f textarea{
  font-family:var(--sans);font-size:15.5px;color:var(--ink);
  background:var(--white);border:1px solid var(--line);border-radius:6px;padding:10px 12px
}
.ct-block-f textarea{resize:vertical;line-height:1.55}
.ct-block-f input:focus,.ct-block-f textarea:focus{outline:none;border-color:var(--t-mark)}
.ct-block-f input[type=file]{font-size:13.5px;color:var(--ink-2)}
.ct-or{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-2)}
.ct-block-save{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:3px}
.ct-thumb{max-height:70px;border:1px solid var(--line);border-radius:6px}

/* оглавление курса для ученика */
.ct-lessons{list-style:none;margin:34px 0 0;padding:0;counter-reset:none}
.ct-lessons li{margin-bottom:10px}
.ct-lessons a{
  display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:baseline;
  border:1px solid var(--line);border-radius:10px;background:var(--white);
  padding:16px 18px;text-decoration:none;color:inherit
}
.ct-lessons a:hover{border-color:var(--t-mark)}
.ct-num{
  font-family:var(--mono);font-size:13px;color:var(--ink-2);
  font-variant-numeric:tabular-nums;grid-row:1/3
}
.ct-lesson-t{font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.ct-lessons a:hover .ct-lesson-t{color:var(--t-text)}
.ct-lesson-d{font-size:14.5px;color:var(--ink-2)}

/* страница урока */
.ct-read{max-width:var(--page)}
.ct-lesson-h1{margin:22px 0 14px;max-width:var(--measure)}
.ct-editlink{font-family:var(--mono);font-size:12px;margin:0 0 6px}
.ct-editlink a{color:var(--ink-2)}
.ct-editlink a:hover{color:var(--t-text)}

.ct-walk{
  display:flex;align-items:baseline;gap:18px;
  padding:14px 0;border-bottom:1px solid var(--line-2);font-size:14px
}
.ct-walk-side{flex:1;min-width:0}
.ct-walk-side.right{text-align:right}
.ct-walk-side a{color:var(--ink-2);text-decoration:none}
.ct-walk-side a:hover{color:var(--t-text)}
.ct-walk-mid{font-family:var(--mono);font-size:12px;color:var(--ink-2);white-space:nowrap}
.ct-walk-bottom{border-bottom:none;border-top:1px solid var(--line-2);margin-top:46px}

.ct-content{max-width:var(--measure);font-size:17px;line-height:1.62;margin-top:26px}
.ct-content p{margin:0 0 16px}
.ct-h{font-weight:600;font-size:23px;letter-spacing:-.02em;margin:34px 0 14px}
.ct-math{margin:20px 0;overflow-x:auto}
.ct-fig{margin:24px 0;text-align:center}
.ct-fig img{max-width:100%;height:auto;border-radius:8px}
.ct-fig video{display:block;width:100%;border-radius:8px;background:#000}
.ct-fig figcaption{
  font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-top:8px
}
.ct-video{position:relative;padding-top:56.25%;margin:24px 0;border-radius:8px;overflow:hidden;background:var(--panel)}
.ct-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-file{
  display:inline-block;border:1px solid var(--line);border-radius:8px;
  padding:11px 16px;margin:4px 0 18px;text-decoration:none;color:var(--ink);font-size:15.5px
}
.ct-file:hover{border-color:var(--t-mark);color:var(--t-text)}

@media(max-width:640px){
  .ct{padding-top:30px;padding-bottom:60px}
  .ct-item{flex-wrap:wrap}
  .ct-walk{flex-wrap:wrap;gap:6px}
  .ct-walk-mid{order:-1;flex-basis:100%}
  .ct-walk-side,.ct-walk-side.right{flex-basis:100%;text-align:left}
  .ct-block{padding:12px 12px 14px}
  .ct-lessons a{padding:14px 14px}
  .st-name{flex-basis:38%}
  .st-col:nth-child(2n) .st-day{visibility:visible}
  .st-col:not(:nth-child(5n)) .st-day{visibility:hidden}
}

/* статистика в админке: цифры, столбики по дням, полосы по страницам */
.st-cards{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 30px}
.st-card{
  flex:1 1 150px;border:1px solid var(--line);border-radius:10px;
  padding:16px 18px;display:flex;flex-direction:column;gap:2px
}
.st-card b{font-weight:800;font-size:28px;letter-spacing:-.02em}
.st-card span{font-size:13.5px;color:var(--ink-2)}
.st-mute b{color:var(--ink-2);font-weight:600}
.st-h{margin:34px 0 16px}
.st-chart{
  display:flex;align-items:flex-end;gap:3px;height:140px;
  border-bottom:1px solid var(--line);padding-bottom:1px;margin-bottom:26px
}
.st-col{
  flex:1 1 0;min-width:0;position:relative;
  display:flex;flex-direction:column;justify-content:flex-end;height:100%
}
.st-bar{background:var(--t-mark);border-radius:3px 3px 0 0;min-height:2px}
.st-col:hover .st-bar{background:var(--t-press)}
.st-day{
  position:absolute;top:100%;left:0;right:0;margin-top:5px;
  font-family:var(--mono);font-size:9.5px;color:var(--ink-2);
  text-align:center;overflow:hidden
}
.st-col:nth-child(2n) .st-day{visibility:hidden}
.st-leg{font-size:13.5px;color:var(--ink-2);margin:10px 0 0}
.st-list{display:flex;flex-direction:column;gap:9px}
.st-row{display:flex;align-items:center;gap:12px}
.st-name{flex:0 0 44%;min-width:0;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-track{flex:1 1 auto;height:8px;background:var(--panel);border-radius:99px;overflow:hidden}
.st-fill{display:block;height:100%;background:var(--t-mark);border-radius:99px}
.st-n{flex:0 0 auto;font-family:var(--mono);font-size:12.5px;color:var(--ink-2);min-width:36px;text-align:right}

/* порядковый номер урока в админке — служебный, не часть названия */
.ct-seq{
  font-family:var(--mono);font-weight:400;font-size:12.5px;color:var(--ink-2);
  margin-right:12px;font-variant-numeric:tabular-nums
}

/* полоса «вы админ» на публичных страницах */
.ct-adminbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 32px}
.ct-adminbar span{font-size:14px;color:var(--ink-2)}
.plate.ct-new{border-style:dashed}
.plate.ct-new .plate-m::after{content:"Открыть \2192"}

/* ---------- источник файла в блоке урока: ссылка / хранилище / загрузка в папку ---------- */

.src{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.src .vs-select{padding:6px 9px;font-size:13.5px;max-width:260px}
.src-pick.on{border-color:var(--t-mark);color:var(--t-text)}

.pick{border:1px solid var(--line);border-radius:8px;padding:12px;margin:2px 0 6px;background:var(--white)}
.pick-h{margin:0;font-size:14px;color:var(--ink-2)}
.pick-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.pick-crumb{border:0;background:none;padding:0;cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.pick-crumb:hover{color:var(--t-text)}
.pick-sep{font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.pick-close{margin-left:auto}
.pick-folders{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.pick-folder{
  border:1px solid var(--line);border-radius:99px;background:var(--white);cursor:pointer;
  font-family:var(--sans);font-size:14px;color:var(--ink);padding:6px 13px
}
.pick-folder:hover{border-color:var(--t-mark);color:var(--t-text)}
.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.pick-item{
  border:1px solid var(--line);border-radius:8px;background:var(--white);cursor:pointer;
  padding:0 0 8px;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0
}
.pick-item:hover{border-color:var(--t-mark)}
.pick-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--panel);border-radius:8px 8px 0 0;overflow:hidden}
.pick-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pick-ext{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--ink-2)
}
.pick-t{font-size:13px;color:var(--ink);padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* ---------- урок: пройден, вопрос, задача из сборника ---------- */

.ct-done{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:34px 0 26px;
  padding-top:22px;border-top:1px solid var(--line)
}
.ct-done .ptools{margin:0}
.ct-flag.on{color:var(--t-text);border-color:var(--t-mark)}
.ct-lessons li.done .ct-num{color:var(--t-text)}
.ct-ask{margin:0 0 30px}
.ct-ask .ct-details{margin:0 0 18px}
.ct-short{max-width:200px}
.zd-cap{margin:14px 0 0;font-size:14.5px;color:var(--ink-2)}
.ct-content .problem.zd{margin:24px 0}
.ct-content .problem.zd .pnum{font-size:16px}

/* вопросы и ответы — в уроке, кабинете и у сотрудника */
.qa{display:flex;flex-direction:column;gap:14px;margin:6px 0 0}
.qa-item{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.qa-q{margin:0 0 6px;font-size:13.5px;color:var(--ink-2)}
.qa-q a{color:var(--ink-2)}
.qa-text{margin:0;white-space:pre-line;color:var(--ink)}
.qa-who{
  display:block;margin-bottom:4px;font-family:var(--mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)
}
.qa-a{margin-top:12px;padding:2px 0 2px 16px;border-left:2px solid var(--t-mark);white-space:pre-line;color:var(--ink)}
.qa-a.qa-ai{border-left-color:var(--line)}
.qa-a.qa-ai .qa-who::after{content:" · ответ автоматический, преподаватель может поправить"}
.qa-wait{margin:10px 0 0;font-size:14px;color:var(--ink-2)}

/* ---------- сотрудник: вопросы и примечания ---------- */

.fb-list{display:flex;flex-direction:column;gap:14px}
.fb{padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--white);scroll-margin-top:72px}
.fb.done{background:var(--panel)}
.fb-m{margin:0 0 8px;font-size:13.5px;color:var(--ink-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fb-m .acc-tag.fb-note{border-color:var(--line);color:var(--ink-2)}
.fb-text{margin:0;white-space:pre-line;color:var(--ink);font-size:16px}
.fb-f{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.fb-f textarea{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;
  font:inherit;font-size:15px;color:var(--ink);resize:vertical
}
.fb-f textarea:focus{outline:none;border-color:var(--t-mark)}
.fb-btns{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* ---------- сотрудник: прогресс учеников ---------- */

.pg-table td{vertical-align:top}
.pg-mini{width:56px;margin-top:6px}
.pg-stale td{color:var(--ink-2)}

/* ---------- урок: понятно / непонятно ---------- */

.ct-yasno{
  display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:30px 0 0;
  padding-top:22px;border-top:1px solid var(--line)
}
.ct-yasno-q{font-size:15px;color:var(--ink-2);align-self:center}
.ct-yasno .btn.on{border-color:var(--t-mark);color:var(--t-text);background:var(--t-soft)}
.ct-yasno-no>summary{
  display:inline-flex;align-items:center;padding:10px 18px;border-radius:10px;
  border:1px solid var(--line);background:var(--white);color:var(--ink);
  font:600 15px/1.2 var(--sans);cursor:pointer;list-style:none
}
.ct-yasno-no>summary::-webkit-details-marker{display:none}
.ct-yasno-no>summary:hover{border-color:var(--t-mark);color:var(--t-text)}
.ct-yasno-no[open]{flex:1 1 100%}
.yasno-ok{color:var(--t-text)}
.yasno-no{color:var(--c-text)}

/* ---------- группы ---------- */

.grp-code{font-family:var(--mono);font-size:14px;letter-spacing:.12em;color:var(--ink);background:var(--panel);padding:2px 8px;border-radius:6px}
.grp-courses{border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:0}
.grp-courses legend{font-size:14px;color:var(--ink-2);padding:0 6px}
.grp-courses .ct-check{margin:6px 0}

/* ---------- чаты ---------- */

.chat-list{display:flex;flex-direction:column;gap:8px;margin:0 0 8px}
.chat-row{
  display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:12px 16px;
  border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:var(--white)
}
.chat-row:hover{border-color:var(--t-mark)}
.chat-row.new{border-color:var(--t-mark)}
.chat-who{font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chat-role{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-weight:400}
.chat-last{grid-column:1;font-size:14.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-t{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--mono);font-size:12px;color:var(--ink-2)}
.chat-pick{display:flex;gap:10px;flex-wrap:wrap}
.chat-page .ct-title .chat-role{margin-left:10px;vertical-align:middle}
.chat-box{display:flex;flex-direction:column;gap:10px;margin:0 0 18px;max-height:60vh;overflow:auto;padding:4px}
.msg{
  max-width:78%;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--panel);color:var(--ink);
  display:flex;flex-direction:column;gap:3px;align-self:flex-start
}
.msg.mine{align-self:flex-end;background:var(--t-soft);border-radius:14px 14px 4px 14px}
.msg-who{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.msg-text{white-space:pre-line;font-size:16px}
.msg-t{font-family:var(--mono);font-size:11px;color:var(--ink-2)}
.chat-f{display:flex;flex-direction:column;gap:10px;max-width:760px}
.chat-f textarea{
  width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;
  font:inherit;font-size:16px;color:var(--ink);resize:vertical
}
.chat-f textarea:focus{outline:none;border-color:var(--t-mark)}
.chat-f .btn{align-self:flex-start}
@media (max-width:640px){ .msg{max-width:92%} .chat-t{display:none} }

/* ---------- задания (как на GetCourse) ---------- */

.hw{margin:28px 0;padding:18px 22px;border:1px solid var(--line);border-left:3px solid var(--t-mark);border-radius:12px;background:var(--white)}
.hw-k{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--t-text);margin-bottom:8px}
.hw p{margin:0 0 10px}
.hw-ans{margin:16px 0 8px;padding:12px 14px;border-radius:10px;background:var(--panel)}
.hw-who{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.hw-st{margin:8px 0 0;font-size:15px;font-weight:600}
.hw-st.ok{color:var(--t-text)}
.hw-st.redo{color:var(--c-text)}
.hw-st.sent{color:var(--ink-2);font-weight:400}
.hw-f{margin-top:12px}
.hw-f>summary{cursor:pointer;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:6px 0}
.hw-f>summary:hover{color:var(--t-text)}
.hw-f form{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.hw-f textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;color:var(--ink);resize:vertical}
.hw-f textarea:focus{outline:none;border-color:var(--t-mark)}
.hw-file{font-size:14px;color:var(--ink-2);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hw-f .btn{align-self:flex-start}
.hw-task>summary{cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
.acc-tag.fb-ok{border-color:var(--t-mark);color:var(--t-text)}
.acc-tag.fb-redo{border-color:var(--c-mark);color:var(--c-text)}
.ct-flag.redo{background:#FBEDE8;color:var(--c-text)}

/* ---------- расписание и замки ---------- */

.ct-lessons li.locked a{opacity:.72}
.ct-lock{color:var(--c-text)}

/* ---------- карточка ученика ---------- */

.st-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px}
.st-course{margin:0 0 14px}
.st-course .ct-list{margin-top:6px}

/* ---------- материалы к видео ---------- */

.vw-files{list-style:none;margin:8px 0 26px;padding:0;display:flex;flex-direction:column;gap:6px;max-width:640px}
.vw-files li{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.vw-files a{color:var(--ink);text-decoration:none;font-weight:600}
.vw-files a:hover{color:var(--t-text)}
.vw-files span{font-family:var(--mono);font-size:12px;color:var(--ink-2);white-space:nowrap}
.ct-fig .vw-files{margin:10px auto 0;text-align:left}
.vw-file-rm{display:none}

/* ---------- тест с автопроверкой ---------- */

.quiz-f{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.quiz-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:16px}
.quiz-opt:hover{border-color:var(--t-mark)}
.quiz-opt input{margin-top:4px;accent-color:var(--t-mark)}
.quiz-in{max-width:280px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;color:var(--ink)}
.quiz-in:focus{outline:none;border-color:var(--t-mark)}
.quiz-f .btn{align-self:flex-start}
.acc-del{margin-top:34px}
.acc-del summary{color:var(--ink-2)}