/* Станция ОГЭ — экзаменационная страница /oge/<slug>/taskN */

.variant-exam--oge {
  --ve-topbar-bg: linear-gradient(180deg, #0f766e 0%, #115e59 100%);
  --ve-nav-btn--active-bg: #14b8a6;
  --ve-nav-btn--active-border: #14b8a6;
  --ve-accent: #14b8a6;
}

/* HF command bar в шапке — как /task{N}/{slug}/ */
.variant-exam-body--oge .header--task-hf {
  display: block;
  flex-shrink: 0;
  padding: 0.38rem 1.25rem 0;
  box-sizing: border-box;
  overflow: visible;
  background: var(--ve-shell-bg, #1a1f24);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

[data-theme="light"] .variant-exam-body--oge .header--task-hf {
  background: var(--ve-shell-bg, #e8ecef);
  border-bottom-color: rgba(15, 23, 42, 0.08);
}

.variant-exam-body--oge.libreoffice-page-hf-task-list .header--task-hf {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.variant-exam-body--oge .hf-task-layout-grid__right .header__right--task-focus {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  min-width: 0;
}

.variant-exam-body--oge .header--task-oge .hf-variants-shell__head {
  border-radius: 10px;
}

.variant-exam--oge .variant-exam__panel--task {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.variant-exam--oge .variant-exam__panel--task > .header--task-hf {
  padding-left: 1rem;
  padding-right: 1rem;
}

.variant-exam--oge .variant-exam__panel--task > .variant-exam__split {
  flex: 1 1 0;
  min-height: 0;
}

.hf-task-layout-grid--no-split {
  grid-template-columns: minmax(0, 1fr) auto;
}

.hf-task-layout-grid--no-split .hf-task-layout-grid__right--account-only {
  grid-column: 2;
  justify-content: flex-end;
}

.variant-exam-body--oge .variant-exam__split {
  grid-template-columns: minmax(0, 1fr) 6px minmax(0, 2fr);
}

.variant-exam-body--oge.libreoffice-task9-col-resize-active .variant-exam__split::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9998;
  cursor: col-resize;
}

.variant-exam--oge .variant-exam__layout {
  flex: 1;
  min-height: 0;
}

.variant-exam--oge .variant-exam__nav-btn--active {
  background: var(--ve-nav-btn--active-bg, #14b8a6);
  border-color: var(--ve-nav-btn--active-border, #14b8a6);
}

.variant-exam--oge .variant-exam__nav-btn--active:hover {
  background: #0d9488;
  border-color: #0d9488;
}

.variant-exam--oge .variant-exam__nav-btn:hover {
  border-color: rgba(20, 184, 166, 0.45);
}

/* 16 заданий — компактнее боковая навигация */
.variant-exam--oge .variant-exam__nav {
  padding: 0.3rem 0.35rem;
  gap: 0.3rem;
}

.variant-exam--oge .variant-exam__nav-list {
  gap: 0.3rem;
}

.variant-exam--oge .variant-exam__nav-btn {
  width: 2.15rem;
  height: 2.15rem;
  font-size: 0.875rem;
}

.variant-exam--oge .variant-exam__kim {
  font-weight: 600;
  letter-spacing: 0.01em;
}

.variant-exam--oge .variant-exam__task-subtitle {
  margin: 0.25rem 0 0.85rem;
  font-size: var(--ve-content-small-size, 1rem);
  line-height: 1.45;
  color: var(--ve-panel-muted, rgba(255, 255, 255, 0.62));
  font-weight: 500;
}

[data-theme="light"] .variant-exam--oge .variant-exam__task-subtitle {
  color: rgba(29, 31, 36, 0.62);
}

.variant-exam--oge .variant-exam__task-ref {
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.1rem 0.45rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ve-panel-muted, rgba(255, 255, 255, 0.55));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px;
  vertical-align: middle;
}

[data-theme="light"] .variant-exam--oge .variant-exam__task-ref {
  color: rgba(29, 31, 36, 0.55);
  border-color: rgba(0, 0, 0, 0.12);
}

/* Без тренажёра — условие на всю ширину, без пустой правой колонки */
.variant-exam--oge .variant-exam__split:not(:has(.variant-exam__trainer)) {
  grid-template-columns: minmax(0, 1fr);
}

.variant-exam--oge .variant-exam__split:not(:has(.variant-exam__trainer)) .variant-exam__content {
  grid-column: 1 / -1;
}

/* Скрыть необработанный details, если остался в старых кэшах */
.variant-exam--oge .variant-exam__answer-peek {
  display: none;
}

/* Список вариантов ОГЭ */
.page--oge .variants-hero__title::after {
  content: " · ОГЭ";
  font-weight: 600;
  color: #0d9488;
}

[data-theme="light"] .page--oge .variants-hero__title::after {
  color: #0f766e;
}

/* hf-variants-nav в левой колонке станции ОГЭ */
.variant-exam--oge .variant-exam__content-zoom-body > .hf-variants-shell--body {
  margin: 0.5rem 0 0.85rem;
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
}

.variant-exam--oge .hf-variants-panel-resizer {
  display: none;
}

.variant-exam--oge .hf-variants-shell__variant-row .hf-variants-shell__label {
  font-size: 0.78rem;
  font-weight: 600;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* HTML-решение под условием (как /taskN/{slug}/) */
.variant-exam--oge .variant-exam__statement-panel .task-solution-html-wrap {
  margin-top: 0.65rem;
}

/* ОГЭ task 2: крупная таблица кодов и набор букв в решении */
.variant-exam--oge .oge-task2-solution__cipher-table {
  margin: 0.75rem auto 0.5rem;
}

.variant-exam--oge .oge-task2-solution__cipher-table th {
  font-size: clamp(1.15rem, 2.2vw, 1.55rem);
  font-weight: 700;
  padding: 0.45rem 0.65rem;
}

.variant-exam--oge .oge-task2-solution__cipher-table td {
  font-size: clamp(1rem, 1.9vw, 1.35rem);
  font-weight: 600;
  padding: 0.45rem 0.65rem;
}

.variant-exam--oge .oge-task2-solution__letters {
  margin: 0.65rem 0 0.35rem;
  text-align: center;
  letter-spacing: 0.08em;
}

.variant-exam--oge .oge-task2-solution__letters strong {
  font-size: clamp(1.6rem, 3vw, 2.15rem);
  font-weight: 800;
  line-height: 1.2;
}

/* ОГЭ task 5: команды исполнителя — отдельные строки с интервалом */
.variant-exam--oge .oge-task5-command {
  margin: 0;
}

.variant-exam--oge .oge-task5-command + .oge-task5-command {
  margin-top: 1.1em;
}

.variant-exam--oge .oge-task2-solution__chain-row {
  margin: 0.35rem 0;
}

.variant-exam--oge .oge-task2-solution__chain {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: clamp(0.95rem, 1.6vw, 1.1rem);
  font-weight: 600;
}

.variant-exam--oge .oge-task10-solution__table {
  margin: 0.75rem 0;
  font-size: 0.95rem;
}

.variant-exam--oge .oge-task10-solution__table th,
.variant-exam--oge .oge-task10-solution__table td {
  padding: 0.35rem 0.65rem;
  text-align: center;
}

.variant-exam--oge .oge-task10-solution__bits td {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-weight: 700;
}

.variant-exam--oge .oge-task2-solution__chain-word {
  font-size: clamp(1.25rem, 2.2vw, 1.65rem);
  font-weight: 800;
  letter-spacing: 0.06em;
}

.variant-exam--oge .task-solution-html-wrap__inner .oge-task2-solution__cipher-table {
  margin: 0.85rem auto;
}

.variant-exam--oge .task-solution-html-wrap__inner h3 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.05rem;
}

.variant-exam--oge .task-solution-html-wrap__inner h4 {
  margin-top: 0.75rem;
  margin-bottom: 0.35rem;
  font-size: 1rem;
}

.variant-exam--oge .task-solution-html-wrap__inner .task-wysiwyg__pre--cipher {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  line-height: 1.45;
  padding: 0.65rem 0.85rem;
  margin: 0.45rem 0;
}

/* #libreoffice-task9-answer — как на /taskN/{slug}/ */
.variant-exam-body--oge .variant-exam__answer-row.libreoffice-task9-answer {
  flex-shrink: 0;
}

.variant-exam-body--oge .variant-exam__answer-row.libreoffice-task9-answer:has(.libreoffice-hf-answer-actions-row) {
  padding: 0.55rem 1.5rem 0.85rem;
  background: transparent;
  border-top: none;
  box-shadow: none;
}

.variant-exam-body--oge .variant-exam__answer-row .libreoffice-hf-answer-actions-row {
  width: 100%;
  box-sizing: border-box;
}

/* Кнопка ИИ в premium-строке (как /taskN/{slug}/) */
.variant-exam-body--oge.libreoffice-page-task9 .libreoffice-hf-answer-actions-row--premium .libreoffice-hf-action-btn--ai-agent {
  border-color: rgba(129, 140, 248, 0.55);
  background: linear-gradient(
    135deg,
    rgba(79, 70, 229, 0.55) 0%,
    rgba(5, 184, 125, 0.38) 52%,
    rgba(14, 165, 233, 0.42) 100%
  );
  color: #f5f3ff;
}

.variant-exam-body--oge.libreoffice-page-task9 .libreoffice-hf-answer-actions-row--premium .libreoffice-hf-action-btn--ai-agent:hover {
  border-color: rgba(165, 180, 252, 0.85);
  color: #ffffff;
}

/* Inline Pyodide / dual-trainer — как /taskN/{slug}/ */
.variant-exam--oge .variant-exam__trainer--inline .variant-exam__trainer-inner {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.variant-exam--oge .variant-exam__trainer--inline .oge-inline-trainer,
.variant-exam--oge .variant-exam__trainer--inline .oge-inline-trainer--task1,
.variant-exam--oge .variant-exam__trainer--inline .oge-inline-dual-trainer,
.variant-exam--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__workspace {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.variant-exam--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* Inline Calc на ОГЭ: flex-цепочка и полная ширина (как embed /task9/) */
.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc.calc-trainer-page #sandbox-view {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc.calc-trainer-page .calc-widget--libreoffice-sheet {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc.calc-trainer-page .libreoffice-sheet-calc-container.univer-calc-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc .libreoffice-sheet-calc-container,
.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc .libreoffice-sheet-calc-container.univer-calc--restored {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch;
  box-sizing: border-box;
}

.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc .calc-widget--libreoffice-sheet:has(> .libreoffice-sheet-calc-container.univer-calc--restored) {
  overflow: hidden;
}

.variant-exam-body--oge .variant-exam__trainer--inline .hf-sheet-dual-trainer__panel--calc .calc-widget--libreoffice-sheet > .libreoffice-sheet-calc-container.univer-calc--restored {
  margin-left: 0 !important;
}

.variant-exam-body--oge.hf-sheet-engine--python .variant-exam__trainer--inline #sandbox-view,
.variant-exam-body--oge .variant-exam__trainer--inline .oge-inline-trainer--python #sandbox-view {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.variant-exam-body--oge .variant-exam__trainer--inline #python-sandbox-win-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: none;
}

.variant-exam-body--oge .variant-exam__trainer--inline .python-sandbox-win-container.univer-calc--restored {
  width: 100%;
  max-width: 100%;
}

.variant-exam-body--oge .variant-exam__trainer--inline .oge-inline-trainer--paint,
.variant-exam-body--oge .variant-exam__trainer--inline .oge-inline-trainer--paint #windows-paint-win-container {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.variant-exam-body--oge .variant-exam__trainer--inline #windows-paint-win-container {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: none;
}

.variant-exam-body--oge .variant-exam__trainer--inline #windows-paint-win-container.univer-calc--restored {
  width: 100%;
  max-width: 100%;
}

/* Видеоразбор в колонке тренажёра — как /taskN/{slug}/ */
.variant-exam-body--oge .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.variant-exam-body--oge .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]) .video-view__player {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 100%;
}

/* Paint: видеоразбор вместо Paint — компактное 16:9, ресайз только вручную */
body.variant-exam-body--oge.hf-sheet-engine--paint .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]),
body.variant-exam-body--oge.hf-sheet-engine--paint .hf-sheet-python-panel > #video-view.task-video-view--chromeless:not([hidden]) {
  flex: 0 0 auto;
  height: auto;
  min-height: 0;
  max-height: 100%;
  width: 100%;
  align-self: stretch;
  order: -1;
  justify-content: flex-start;
  overflow: hidden;
}

body.variant-exam-body--oge.hf-sheet-engine--paint .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]) .video-view__player,
body.variant-exam-body--oge.hf-sheet-engine--paint .hf-sheet-python-panel > #video-view.task-video-view--chromeless:not([hidden]) .video-view__player {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: none;
  min-height: 0;
}

body.variant-exam-body--oge.hf-sheet-engine--paint .variant-exam__trainer-inner > #video-view[data-oge-paint-video-custom="1"] .video-view__player,
body.variant-exam-body--oge.hf-sheet-engine--paint .hf-sheet-python-panel > #video-view[data-oge-paint-video-custom="1"] .video-view__player {
  aspect-ratio: unset;
  max-height: none;
}

body.variant-exam-body--oge.hf-sheet-engine--paint .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]) .video-view__splitter:not([hidden]),
body.variant-exam-body--oge.hf-sheet-engine--paint .hf-sheet-python-panel > #video-view.task-video-view--chromeless:not([hidden]) .video-view__splitter:not([hidden]) {
  flex: 0 0 6px;
  margin: 0;
  padding: 0;
  cursor: ns-resize;
  touch-action: none;
  background: rgba(255, 255, 255, 0.06);
  border: solid rgba(255, 255, 255, 0.1);
  border-width: 1px 0;
  box-sizing: border-box;
}

body.variant-exam-body--oge.hf-sheet-engine--paint .video-view__splitter:not([hidden]):hover {
  background: rgba(5, 184, 125, 0.2);
}

body.variant-exam-body--oge.hf-sheet-engine--paint .video-view__splitter:not([hidden]):focus-visible {
  outline: 2px solid var(--green, #05b87d);
  outline-offset: -1px;
}

body.variant-exam-body--oge.oge-paint-video-resize-active {
  cursor: ns-resize !important;
  user-select: none;
}

body.variant-exam-body--oge.hf-sheet-engine--paint .variant-exam__trainer-inner > #video-view.task-video-view--chromeless:not([hidden]) .video-view__iframe,
body.variant-exam-body--oge.hf-sheet-engine--paint .hf-sheet-python-panel > #video-view.task-video-view--chromeless:not([hidden]) .video-view__iframe {
  width: 100%;
  height: 100%;
}

.variant-exam-body--oge .oge-inline-dual-trainer .hf-sheet-python-panel #video-view.task-video-view--chromeless:not([hidden]),
.variant-exam-body--oge .oge-inline-dual-trainer .hf-sheet-dual-trainer__panel--calc #video-view.task-video-view--chromeless:not([hidden]) {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* Исходный текст ученика внутри content_html */
.variant-exam-body--oge .task-statement .oge-statement-data {
  margin: 0.75rem 0 0;
  text-align: center;
}