/*
 * СЛОВО 2026 — единая визуальная система платформы.
 * Этот файл подключён последним и является источником истины для нового дизайна.
 */
:root{
  --ink:#111a3b;
  --muted:#75809c;
  --paper:#f7f9ff;
  --white:#fff;
  --line:#e4e8f2;
  --green:#3156f5;
  --green2:#eef1ff;
  --coral:#3156f5;
  --coral-soft:#eef1ff;
  --blue:#3156f5;
  --blue-soft:#eef1ff;
  --yellow:#6678ff;
  --yellow-soft:#f0f2ff;
  --accent:#3156f5;
  --accent-2:#5b47ee;
  --accent-soft:#eef1ff;
  --danger:#f06555;
  --success:#26af74;
  --shadow:0 14px 38px rgba(30,48,105,.055);
  --radius:16px;
}

*{box-sizing:border-box}
html{background:#f8faff}
body{
  min-width:320px;
  background:
    radial-gradient(circle at 62% 4%,rgba(86,105,244,.055),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f8faff 58%,#f6f8ff 100%);
  background-attachment:fixed;
  color:var(--ink);
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Общая оболочка */
.sidebar{
  width:248px;
  padding:31px 22px 23px;
  border-right:1px solid var(--line);
  background:rgba(255,255,255,.94);
  color:var(--ink);
  box-shadow:none;
  backdrop-filter:blur(18px);
}
.brand{gap:12px;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.045em;text-transform:none}
.brand>span{
  position:relative;
  width:38px;height:38px;
  border-radius:11px;
  background:linear-gradient(145deg,#5c70ff,#2f4df0);
  color:transparent!important;
  box-shadow:0 8px 18px rgba(49,86,245,.18);
}
.brand>span:before{content:'▥';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 21px Manrope}
.brand>b{text-transform:capitalize}
.sidebar nav{gap:6px;margin-top:52px;overflow-y:auto;scrollbar-width:none}
.sidebar nav::-webkit-scrollbar{display:none}
.nav-link{
  min-height:45px;
  grid-template-columns:26px minmax(0,1fr) auto;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#34405f;
  font-size:11px;
}
.nav-link i{color:#34405f;font-size:17px}
.nav-link:hover,.nav-link.active{border-color:#e8ebff;background:linear-gradient(135deg,#f0f2ff,#f5f6ff);color:var(--accent)}
.nav-link:hover i,.nav-link.active i{color:var(--accent)}
.nav-link em{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;background:#ff6b58;color:#fff;font-size:8px}
.teacher-menu{gap:5px}
.teacher-menu>small{padding:3px 11px;color:#929bb1;font-size:7px;letter-spacing:.13em;text-transform:uppercase}
.nav-divider{background:var(--line);margin:10px 7px}
.nav-link.create-link{margin-top:6px;border-color:#dbe0ff;background:#f2f4ff;color:var(--accent)}
.role-switch{border-color:var(--line)}
.role-switch small{color:#929bb1}
.role-switch button{color:var(--ink)}
.role-switch button span{background:linear-gradient(145deg,#6679ff,#3156f5);color:#fff}
.role-switch button i{color:#69738d}

main{margin-left:248px;padding:0 62px 74px;background:none}
.view{max-width:1180px}
.view.active{animation:slovoEnter .22s ease-out}
@keyframes slovoEnter{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.utility-bar{top:22px;right:33px;gap:9px}
.utility-bar>button,.notify-wrap>button{
  height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:var(--shadow)
}
.utility-bar>button{width:42px;padding:0;justify-content:center}
.utility-bar>button b{display:none}
.notify-wrap>button{width:42px}
.notification-panel{border-color:var(--line);border-radius:15px;box-shadow:0 22px 60px rgba(21,34,78,.15)}

/* Заголовки */
.page-head{align-items:center;padding:62px 0 30px;border:0!important;margin:0!important}
.page-head.compact{padding:62px 0 30px}
.eyebrow{margin-bottom:12px;color:var(--accent);font-size:9px;letter-spacing:.14em}
.page-head h1,.practice-head h1{color:var(--ink);font:800 clamp(34px,3.5vw,48px)/1.08 Manrope;letter-spacing:-.045em;font-style:normal!important}
.page-head>div>p:last-child{color:var(--muted);font-size:12px}
.streak{padding:12px 17px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.primary,.secondary{min-height:40px;border-radius:10px;font:700 10px Manrope}
.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 9px 19px rgba(49,86,245,.18)}
.secondary{border-color:#d7dceb;background:#fff;color:var(--ink)}
input,select,textarea{font-family:Manrope,sans-serif}

/* Главная ученика */
.continue-card{
  position:relative;
  min-height:190px;
  grid-template-columns:minmax(0,1fr) 270px 145px;
  padding:30px 34px;
  border:1px solid #d9defd;
  border-radius:17px;
  background:
    radial-gradient(circle at 81% 40%,rgba(105,116,249,.11),transparent 28%),
    linear-gradient(135deg,#f8f9ff,#f0f2ff);
  color:var(--ink);
  box-shadow:none;
  overflow:hidden;
}
.continue-card:before{display:none!important}
.continue-card:after{content:'';position:absolute;right:-70px;top:-160px;width:540px;height:470px;border:1px solid rgba(91,105,240,.12);border-radius:49%;transform:rotate(-12deg);box-shadow:0 0 0 28px rgba(91,105,240,.025),0 0 0 56px rgba(91,105,240,.02);pointer-events:none}
.continue-card .label{color:var(--accent)}
.continue-card h2{margin:15px 0 7px;font:800 24px Manrope;letter-spacing:-.035em}
.continue-card p,.continue-copy>small{color:var(--muted)}
.progress-line{height:5px;border-radius:99px;background:#dde2f7;overflow:hidden}
.progress-line i{border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.continue-art{z-index:1}
.continue-art span{width:80px;height:80px;border:1px solid rgba(255,255,255,.86)!important;border-radius:19px!important;background:rgba(255,255,255,.78)!important;color:var(--accent)!important;box-shadow:0 14px 30px rgba(50,66,140,.08);font-size:34px!important}
.round-arrow{z-index:2;width:auto;height:42px;padding:0 21px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:0;box-shadow:0 10px 20px rgba(49,86,245,.2)}
.round-arrow:before{content:'Продолжить'}
.round-arrow:after{content:' →';font-size:15px}
.round-arrow:before{font:700 10px Manrope}
.section-title{margin:29px 0 13px;padding:0;border:0}
.section-title h2{margin:0;font:800 18px Manrope}
.section-title p{margin-top:5px}
.text-btn{color:var(--accent)}
.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.collection{
  display:block;
  min-height:170px;
  padding:23px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
  box-shadow:var(--shadow)
}
.collection-top{display:flex}
.collection-top span{color:var(--accent)}
.collection-top b{width:60px;height:60px;display:grid;place-items:center;border:5px solid #e7eafb;border-right-color:var(--accent);border-radius:50%;font:800 14px Manrope}
.collection h3{margin:10px 70px 5px 0;font:800 15px/1.3 Manrope}
.collection p{margin:0 0 22px}
.collection button{border:0;padding:0;color:var(--accent)}
.stats-strip{margin-top:29px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.stats-strip div{padding:20px 24px}
.stats-strip b{font:800 23px Manrope}

/* Универсальные карточки и таблицы */
.task-card,.task-aside>div,.form-card,.rule-table,.admin-card,.settings-card,.profile-card,.users-table,
.calendar-layout,.personal-menu,.personal-card,.teacher-summary,.mytests-summary,.mytests-toolbar,.draft-toolbar,
.testset-item,.class-card,.course-card,.course-empty{
  border:1px solid var(--line)!important;
  border-radius:var(--radius)!important;
  background:#fff!important;
  box-shadow:var(--shadow)!important;
}
.teacher-summary,.mytests-summary{overflow:hidden}
.teacher-summary>div,.mytests-summary>div{padding:22px 24px}
.teacher-summary b,.mytests-summary b{font:800 27px Manrope}
.draft-tabs button.active{border-color:var(--accent);color:var(--accent)}
.mytests-toolbar,.draft-toolbar{padding:5px 12px}
.student-test-list:empty,.draft-list:empty,.testset-list:empty{min-height:260px}
.empty{border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);box-shadow:var(--shadow)}

/* Решение тестов */
.practice-head{padding:48px 0 23px}
.back-btn{border-color:var(--line);background:#fff}
.task-progress i{background:var(--accent)}
.task-navigator{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.task-card{border:1px solid var(--line)!important;padding:30px 34px}
.task-card:before{display:none!important}
.task-card h2{font:700 19px/1.5 Manrope}
.task-meta span{border-radius:8px;background:var(--accent-soft);color:var(--accent)}
.answer-zone{border:1px solid #e5e8f5;border-radius:12px;background:#f8f9fe;padding:18px}
.answer-zone input{border-color:#b7bfdd;font:700 22px Manrope}
.task-aside>div{padding:23px}
.rule-note:after{display:none}
.rule-note span{color:var(--accent)}
.rule-note h3{font:800 16px Manrope}
.answer-map span{border:0;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-family:Manrope}
.result-panel{border-radius:15px}

/* Ошибки и прогресс */
.mistake-summary{
  position:relative;
  grid-template-columns:115px 1fr;
  padding:29px 34px;
  border:1px solid #e0e4fb!important;
  border-radius:16px;
  background:linear-gradient(135deg,#f5f6ff,#eef1ff);
  color:var(--ink)
}
.mistake-summary p{color:var(--muted)}
.mistake-summary h2{font:800 17px Manrope}
.donut{border-color:#a9b4ff;background:#fff}
.donut b{font:800 25px Manrope}.donut span{color:var(--muted)}
.mistake-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.mistake-list article{background:#fff}
.task-num{border:0;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:800 15px Manrope}
.mastery-grid{gap:16px}
.mastery{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
.mastery small{color:var(--accent)}
.mastery b{font:800 32px Manrope}
.mastery>i em,.rule-row i{background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.rule-table{padding:1px 26px 22px}
.rule-row>span{border-radius:8px;background:var(--accent-soft);color:var(--accent)}

/* Формы, личный кабинет, настройки */
.form-card{padding:27px}
.form-card h2{font:800 18px Manrope}
.form-card input,.form-card select,.form-card textarea,
.settings-grid input:not([type=checkbox]),.calendar-work input,.calendar-work select,.calendar-work textarea,
.personal-card select,.profile-card input,.profile-card select,.profile-card textarea{
  border:1px solid #dfe3ee!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important;outline-color:var(--accent)!important
}
.upload{border-color:#bfc7e3;border-radius:12px;background:#fafbff}
.profile-card{padding:25px}
.profile-avatar{border-radius:17px!important;background:linear-gradient(145deg,#5f72ff,#354ff0)!important;color:#fff!important}
.profile-person small{color:var(--accent)!important}
.profile-stats div+div{border-color:var(--line)}
.settings-check{background:#f7f8fe}

/* Учительская часть */
.admin-stats{gap:15px}
.admin-stats article{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
.admin-stats span,.admin-card-head small{color:var(--accent)}
.admin-card-head button{color:var(--accent)}
.admin-person:hover{background:#f7f8ff}
.admin-person>span,.admin-test-row>span{background:var(--accent-soft);color:var(--accent)}
.users-toolbar label,.users-toolbar button,.users-filters select{border-color:var(--line);background:#fff}
.users-table{overflow:auto}
.user-avatar{background:linear-gradient(145deg,#687aff,#4058ee);color:#fff}
.user-role{color:var(--accent)}
.calendar-date-hero{background:linear-gradient(135deg,#6074ff,#3b54ef);color:#fff}
.calendar-card{background:#f7f8fe}
.calendar-grid button.selected{background:var(--accent);color:#fff}
.personal-menu button.active{border-color:#cfd5ff;background:#f0f2ff;color:var(--accent)}
.theme-choices button{background:#f7f8fe}
.theme-choices button.active{border-color:var(--accent);background:#eef1ff}

/* Курсы — список */
.courses-page-head{padding-top:58px!important}
.courses-page-head h1{font:800 38px Manrope!important;letter-spacing:-.04em}
.course-overview{gap:14px}
.course-overview article{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.courses-toolbar label,.courses-toolbar select{border-color:var(--line)!important;border-radius:12px!important;background:#fff!important}
.course-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.course-card-new{min-height:170px!important;display:grid!important;grid-template-columns:230px minmax(0,1fr) 190px!important;overflow:hidden!important}
.course-card-visual{min-height:170px!important;border-right:1px solid var(--line);background:linear-gradient(135deg,#f0f2ff,#fafbff)!important}
.course-card.coral .course-card-visual{background:linear-gradient(135deg,#fff1eb,#fff9f6)!important}
.course-card-body{padding:25px 28px!important}
.course-card-body h2{font-size:18px!important}
.course-card footer{display:grid;place-items:center;padding:22px;border-left:1px solid var(--line)}
.course-open{width:100%;min-height:42px;border-radius:10px!important;background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;color:#fff!important}
.course-status.active{background:var(--accent)!important;color:#fff!important}
.student-course-bar i{background:linear-gradient(90deg,var(--accent-2),var(--accent))!important}

/* Словари */
.dictionaries-view{max-width:1180px}
.dictionary-search-panel{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--shadow);
}
.dictionary-search{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  min-height:54px;
  padding:0 16px;
  border:1px solid #dfe3ee;
  border-radius:8px;
  background:#fafbff;
  color:var(--muted);
}
.dictionary-search input{
  width:100%;
  border:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:700 16px Manrope,sans-serif;
  outline:0;
}
.dictionary-suggestions{display:flex;flex-wrap:wrap;gap:8px}
.dictionary-suggestions button,.dictionary-verb-chip{
  min-height:30px;
  border:1px solid #dbe0ff;
  border-radius:8px;
  background:#f2f4ff;
  color:var(--accent);
  font:800 10px Manrope,sans-serif;
  cursor:pointer;
}
.dictionary-suggestions button{padding:0 12px}
.dictionary-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;
  align-items:start;
  margin-top:16px;
}
.dictionary-results-card,.dictionary-entry-card,.dictionary-help-card{
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  box-shadow:var(--shadow);
}
.dictionary-results-card{padding:8px 18px 18px}
.dictionary-section-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}
.dictionary-results{
  display:grid;
  gap:9px;
  max-height:660px;
  overflow:auto;
  padding-right:4px;
}
.dictionary-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  padding:14px;
  border:1px solid #e8ebf5;
  border-radius:8px;
  background:#fbfcff;
}
.dictionary-result h3{
  margin:8px 0 5px;
  color:var(--ink);
  font:800 15px/1.3 Manrope,sans-serif;
}
.dictionary-result p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.dictionary-result small,.dictionary-entry-card>small,.dictionary-help-card>small,#dictionaryEntryText small{
  color:var(--accent);
  font:800 9px Manrope,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dictionary-verb-chip{padding:0 10px}
.dictionary-aside{
  position:sticky;
  top:86px;
  display:grid;
  gap:12px;
}
.dictionary-entry-card,.dictionary-help-card{padding:18px}
.dictionary-entry-card h2{
  margin:8px 0 12px;
  color:var(--ink);
  font:800 20px Manrope,sans-serif;
}
#dictionaryEntryText p,.dictionary-help-card p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
#dictionaryEntryText .dictionary-entry-full{
  color:var(--ink);
  white-space:pre-line;
}
#dictionaryEntryText .dictionary-entry-warning{
  color:#b45309;
  background:#fffbeb;
  border:1px solid #fde68a;
  border-radius:8px;
  font-size:13px;
  line-height:1.45;
  padding:10px 12px;
}
.dictionary-source-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  margin-top:13px;
  padding:0 13px;
  border:1px solid #dbe0ff;
  border-radius:8px;
  background:#f2f4ff;
  color:var(--accent);
  font:800 10px Manrope,sans-serif;
  text-decoration:none;
}

/* Конструктор курса */
body.course-admin-mode{background:#f7f9ff}
.course-builder-view{background:#f7f9ff!important}
.course-builder-top,.course-builder-tabs,.course-outline{background:#fff!important;border-color:var(--line)!important}
.course-builder-top{height:68px!important}
.course-builder-tabs button.active{border-color:var(--accent)!important;color:var(--accent)!important}
.course-builder-layout{background:#f7f9ff!important}
.course-structure-head>div span,.course-content>span{background:var(--accent-soft)!important;color:var(--accent)!important}
.course-structure-head>i em{background:var(--accent)!important}
.outline-lesson.active{background:#eef1ff!important;color:var(--accent)!important}
.outline-add-lesson{border-color:#cbd2f5!important;color:var(--accent)!important}
.course-lesson-head{background:rgba(247,249,255,.96)!important}
.course-content-column,.course-lesson-settings,.course-content{border-color:var(--line)!important;background:#fff!important}
.course-content{border-radius:11px!important;box-shadow:none!important}
.course-content:hover{border-color:#cbd3ff!important}
.course-add-content{border-color:#c8d0f4!important;color:var(--accent)!important}
.course-create-task{background:linear-gradient(135deg,var(--accent-2),var(--accent))!important}
.content-picker{border-color:var(--line)!important;background:#fff!important}
.content-picker button{background:#f6f7fc!important}
.course-cover-preview{background:linear-gradient(135deg,#eef1ff,#dce3ff)!important;color:var(--accent)!important}
.course-preview-banner{border-color:#dbe0ff!important;background:#f1f3ff!important}

/* Ученический просмотр курса */
.learning-shell{background:#f8faff!important;color:var(--ink)!important}
.learning-sidebar{border-color:var(--line)!important;background:#fff!important}
.learning-brand,.learning-lesson,.learning-extras button,.learning-heading h1,.learning-material-title{color:var(--ink)!important}
.learning-lesson:hover,.learning-lesson.active{background:#eef1ff!important;color:var(--accent)!important}
.learning-video-card,.learning-practice,.learning-files,.learning-other-materials{border-color:var(--line)!important;background:#fff!important;box-shadow:var(--shadow)!important}
.learning-video-art{background:linear-gradient(135deg,#dce4ff,#aebdff)!important}
.learning-video-art button,.learning-practice>button,.learning-complete{background:linear-gradient(135deg,var(--accent-2),var(--accent))!important}
.learning-note{background:#eef1ff!important;color:var(--ink)!important}
.learning-progress-card{border-color:#dfe3f7!important;background:#fafbff!important}

/* Модальные окна и тест-конструктор */
.modal-backdrop{background:rgba(10,18,45,.54);backdrop-filter:blur(5px)}
.modal{border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 28px 80px rgba(13,25,68,.22)}
.builder-backdrop .modal-head,.builder-save{background:#fff}
.lesson-name,.test-options>select,.test-options label,.copy-from-test,.inline-task-editor{border-color:var(--line)!important;background:#fff!important}
.task-type-grid>button{border-color:#e0e4f4;background:#f8f9ff;color:var(--ink)}
.task-type-grid>button:hover{border-color:var(--accent);background:#f0f2ff}
.task-type-grid i{background:var(--accent-soft);color:var(--accent)}

/* Тёмная тема того же дизайна */
html[data-theme="dark"]{
  --ink:#f4f6ff;--muted:#9ba5bf;--paper:#151827;--white:#1d2133;--line:#30364b;
  --green2:#293151;--accent-soft:#293151;--shadow:0 14px 38px rgba(0,0,0,.16);
  background:#151827
}
html[data-theme="dark"] body{background:radial-gradient(circle at 62% 4%,rgba(88,110,255,.09),transparent 30%),#151827}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .utility-bar>button,html[data-theme="dark"] .notify-wrap>button{background:#191d2d}
html[data-theme="dark"] .nav-link{color:#c5cbe0}html[data-theme="dark"] .nav-link i{color:#aab2ca}
html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .nav-link.active{border-color:#343d62;background:#252b45;color:#8798ff}
html[data-theme="dark"] .nav-link.create-link{border-color:#3a4470;background:#242b52;color:#8798ff}html[data-theme="dark"] .nav-link.create-link i{color:#8798ff}html[data-theme="dark"] .nav-link.create-link:hover{background:#2b3363;color:#a9b6ff}
html[data-theme="dark"] .continue-card{border-color:#343b5d;background:linear-gradient(135deg,#22273c,#20253a)}
html[data-theme="dark"] .continue-art span{border-color:#3b425c!important;background:#282e45!important}
html[data-theme="dark"] .collection,html[data-theme="dark"] .stats-strip,html[data-theme="dark"] .task-card,
html[data-theme="dark"] .task-aside>div,html[data-theme="dark"] .form-card,html[data-theme="dark"] .rule-table,
html[data-theme="dark"] .admin-card,html[data-theme="dark"] .settings-card,html[data-theme="dark"] .profile-card,
html[data-theme="dark"] .users-table,html[data-theme="dark"] .calendar-layout,html[data-theme="dark"] .personal-menu,
html[data-theme="dark"] .personal-card,html[data-theme="dark"] .course-overview article,html[data-theme="dark"] .course-card,
html[data-theme="dark"] .course-content-column,html[data-theme="dark"] .course-content,
html[data-theme="dark"] .course-lesson-settings{background:#1d2133!important}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#202538!important;color:#f4f6ff!important}
html[data-theme="dark"] .course-builder-top,html[data-theme="dark"] .course-builder-tabs,html[data-theme="dark"] .course-outline{background:#191d2d!important}
html[data-theme="dark"] .course-builder-view,html[data-theme="dark"] .course-builder-layout,html[data-theme="dark"] .course-canvas{background:#151827!important}
html[data-theme="dark"] .course-lesson-head{background:rgba(21,24,39,.96)!important}
html[data-theme="dark"] .dictionary-search-panel,html[data-theme="dark"] .dictionary-results-card,
html[data-theme="dark"] .dictionary-entry-card,html[data-theme="dark"] .dictionary-help-card{
  border-color:#30364b;background:#1d2133!important
}
html[data-theme="dark"] .dictionary-search,html[data-theme="dark"] .dictionary-result{
  border-color:#30364b;background:#202538!important
}
html[data-theme="dark"] .dictionary-suggestions button,html[data-theme="dark"] .dictionary-verb-chip{
  border-color:#3a4470;background:#242b52;color:#9bacff
}
html[data-theme="dark"] .dictionary-source-link{border-color:#3a4470;background:#242b52;color:#9bacff}

/* Адаптивность */
@media(max-width:1050px){
  .sidebar{width:218px}.sidebar nav{margin-top:36px}main{margin-left:218px;padding-inline:30px}
  .continue-card{grid-template-columns:1fr 180px 130px}.course-card-new{grid-template-columns:180px minmax(0,1fr) 160px!important}
  .dictionary-layout{grid-template-columns:1fr}.dictionary-aside{position:static}
}
@media(max-width:760px){
  .sidebar{width:248px}main{margin-left:0;padding:0 16px 55px}.mobile-head{display:flex}
  .page-head,.page-head.compact{padding-top:34px}.page-head h1{font-size:34px}
  .continue-card{grid-template-columns:1fr auto;padding:24px}.continue-art{display:none}
  .collections{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr 1fr}
  .course-card-new{grid-template-columns:1fr!important}.course-card-visual{min-height:125px!important;border-right:0;border-bottom:1px solid var(--line)}
  .course-card footer{border-left:0;border-top:1px solid var(--line)}
  .dictionary-search-panel{padding:12px}.dictionary-results-card{padding:4px 12px 14px}
  .dictionary-result{grid-template-columns:1fr}.dictionary-results{max-height:none}
  .utility-bar{top:12px;right:66px}
}

/* Кабинет проверки сочинения: полноширинный текст и отдельная колонка разметки */
body.essay-review-mode>main{
  margin-left:248px;
  padding:0 0 72px;
}
body.essay-review-mode #essayReviewView{
  width:100%;
  max-width:none;
  margin:0;
}
body.essay-review-mode #essayReviewExperience{
  width:100%;
  min-width:0;
}
body.essay-review-mode .essay-review-workspace{
  width:100%;
  max-width:1540px;
  margin:0 auto;
  padding:28px 32px 72px;
}
body.essay-review-mode .essay-review-layout{
  display:grid;
  grid-template-columns:minmax(620px,1fr) minmax(320px,380px);
  gap:20px;
  align-items:start;
}
body.essay-review-mode .essay-review-layout>main.essay-document-panel{
  width:100%;
  min-width:0;
  min-height:0;
  margin:0;
  padding:22px;
}
body.essay-review-mode .essay-document-panel #essayText{
  display:block;
  width:100%;
  min-width:0;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
}
body.essay-review-mode .essay-comments-panel{
  position:sticky;
  top:88px;
  width:100%;
  min-width:0;
}
body.essay-review-mode .essay-scoring-panel,
body.essay-review-mode .essay-general-panel{
  width:100%;
  min-width:0;
}

@media(max-width:1050px){
  body.essay-review-mode>main{margin-left:218px}
  body.essay-review-mode .essay-review-workspace{padding:20px 20px 60px}
  body.essay-review-mode .essay-review-layout{grid-template-columns:1fr}
  body.essay-review-mode .essay-comments-panel{position:static}
}
@media(max-width:760px){
  body.essay-review-mode>main{margin-left:0;padding:0 0 55px}
  body.essay-review-mode .essay-review-workspace{padding:12px 10px 40px}
  body.essay-review-mode .essay-review-layout>main.essay-document-panel{padding:16px}
}