/* ==========================================================================
   Страница документа: липкая строка контекста (.dctx-).

   Левая колонка навигации отсюда УЕХАЛА: она стала общей для всего сайта и живёт в
   sidebar.css (.sbr) — вместе с оболочкой страницы, которая раньше была .docpg-shell.
   Здесь осталось только то, что есть исключительно на карточке документа.

   Своей палитры здесь нет: всё берётся из переменных сайта (--ink, --muted, --line,
   --accent, --surface, --radius).
   ========================================================================== */

/* ── Липкая строка контекста ───────────────────────────────────────────────
   Фиксирована, а не sticky: шапка сайта сама липкая и стоит выше по DOM, поэтому
   sticky-строка прилипла бы к нулю и ушла ПОД шапку. Точное «под шапкой» даёт
   --dctx-top, который меряет docpage.js (высота шапки зависит от шрифта и масштаба). */
.dctx {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--dctx-top, 64px);
  /* Ниже шапки (z-index 50) и ниже её выпадающей панели каталога (.hdr-panel, z-index 40):
     панель раскрывается ровно под шапкой, то есть поверх этой строки, и перекрывать открытое
     меню полоской с ценой нельзя. Выше обычного контента страницы — у него z-index нет. */
  z-index: 30;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}
.dctx.is-on { opacity: 1; transform: none; pointer-events: auto; }

.dctx-in {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 9px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.dctx-t {
  min-width: 0;
  font-size: 15px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dctx-doc { color: var(--ink); font-weight: 600; }
.dctx-sep { color: var(--faint); margin: 0 5px; }
.dctx-var { color: var(--subtle); }

.dctx-a { flex: none; display: flex; align-items: center; gap: 18px; }

/* «Бланк бесплатно» — зелёным: это единственное бесплатное действие в строке, и рядом с
   платной кнопкой его нужно отличать не только словом. Цвет из палитры сайта (--green). */
.dctx-free { font-size: 14.5px; font-weight: 600; color: var(--green); }
.dctx-free:hover { text-decoration: underline; }

.dctx-btn { flex: none; }

/* На узких экранах строки нет: там своё липкое действие — нижняя .sticky-cta (до 860px),
   и две липкие панели одновременно съели бы половину экрана телефона. */
@media (max-width: 859px) {
  .dctx { display: none !important; }
}

@media print {
  .dctx { display: none !important; }
}