/* «Покажи как» ОГЭ-14: chrome у вкладок листа (как ege-9), без раздувания status bar */

.oge-task14-explain-panel {
  display: contents;
}

.oge-task14-explain-panel[hidden] {
  display: none !important;
}

.oge-task14-explain-panel[hidden] #oge-task14-explain-chrome,
.oge-task14-explain-panel[hidden] .oge-task14-explain-panel__sr-only {
  display: none !important;
}

/* !important: иначе .ege-task9/18 __group { flex-wrap:wrap } раздувает полосу в 2–3 ряда */
#oge-task14-explain-chrome.ege-task9-explain-chrome,
#oge-task14-explain-chrome.ege-task18-explain-chrome {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.35rem !important;
  margin: 0.1rem 0 0.15rem !important;
  padding: 0.2rem 0.4rem !important;
  min-height: 2.25rem !important;
  max-height: 2.5rem !important;
  height: 2.5rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  box-sizing: border-box !important;
}

#oge-task14-explain-chrome .ege-task9-explain-chrome__group,
#oge-task14-explain-chrome .ege-task18-explain-chrome__group {
  flex-wrap: nowrap !important;
  flex-shrink: 0;
}

#oge-task14-explain-chrome .ege-task9-explain-chrome__label,
#oge-task14-explain-chrome .ege-task18-explain-chrome__label {
  min-width: 4.5rem !important;
  white-space: nowrap;
}

#oge-task14-explain-chrome .ege-task9-explain-chrome__speed-range,
#oge-task14-explain-chrome .ege-task18-explain-chrome__speed-range,
#oge-task14-explain-chrome [data-oge-task14-explain-speed] {
  /* 4rem × 1.5 — длиннее, удобнее до ×4 */
  width: 6rem !important;
  max-width: 6rem !important;
}

#oge-task14-explain-chrome .oge-kumir-chrome__btn {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  padding: 0 !important;
}

.oge-task14-explain-panel__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body.oge-task14-explain-active .hf-sheet-dual-trainer__panel--calc .calc-widget,
body.oge-task14-explain-active .hf-sheet-dual-trainer__panel--calc #sandbox-view {
  padding-bottom: 0 !important;
}

/* Подсветка кликов меню / мастера на шаге диаграммы */
.oge-task14-explain-pulse-target {
  position: relative;
  z-index: 5;
  outline: 2px solid #f59e0b;
  outline-offset: 2px;
  box-shadow:
    0 0 0 4px color-mix(in srgb, #f59e0b 28%, transparent),
    0 0 16px color-mix(in srgb, #f59e0b 42%, transparent);
  animation: oge-task14-explain-pulse-target 0.9s ease-in-out infinite;
}

@keyframes oge-task14-explain-pulse-target {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
}

.calc-menu-trigger.oge-task14-explain-pulse-target,
.calc-menu-item.oge-task14-explain-pulse-target,
.libreoffice-lo-chart-dialog__type-card.oge-task14-explain-pulse-target,
.libreoffice-lo-chart-dialog__btn.oge-task14-explain-pulse-target,
.libreoffice-lo-chart-dialog__check.oge-task14-explain-pulse-target,
.libreoffice-lo-chart-dialog__input.oge-task14-explain-pulse-target {
  background: color-mix(in srgb, #fff7ed 70%, #fed7aa 30%);
  outline: 2px solid #ea580c;
  outline-offset: -1px;
}

.oge-task14-explain-press {
  transform: scale(0.96) !important;
  filter: brightness(0.92);
  transition: transform 0.12s ease, filter 0.12s ease;
}