/* Тонкий слой поверх стилей прототипа.

   Файл написан руками и живёт ТОЛЬКО в теме: в site/assets/css его нет
   и сборщик его не трогает. Сюда попадает лишь то, чего в прототипе
   не могло быть, — случаи, которые появляются на настоящих данных:
   у одного товара три характеристики, у другого одна, у третьего
   шесть групп в таблице.

   Подключается последним — значит перебивает всё остальное.
   Правил должно оставаться мало: если файл начнёт расти, это признак,
   что правку надо делать в прототипе, а не здесь. */

/* Ключевые цифры карточки. В прототипе их было ровно четыре, на выгрузке
   бывает 1–4. Сетка в две колонки, поэтому нечётная последняя ячейка
   оставляла в ряду пустой серый прямоугольник — растягиваем её на ряд. */
.pkey__cell:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* Характеристики со старого сайта разложены по группам (§33.1).
   У товара их бывает до шести — подзаголовок отделяет таблицы друг от друга. */
.pspecs__group {
  margin: var(--sp-6) 0 var(--sp-3);
  font-size: var(--fs-sm);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--c-text-dim);
}
.pspecs__group:first-of-type { margin-top: var(--sp-4); }

/* Сноска под характеристиками. Звёздочки у «Alfasoft* /Betasoft*» стояли
   в выгрузке с самого начала, а пояснения к ним не было — заказчик
   попросил его добавить 08.09.2026 (§60). */
.pspecs__note {
  margin-top: var(--sp-4);
  font-size: var(--fs-sm);
  line-height: 1.55;
  color: var(--c-text-dim);
}
.pspecs__note span { color: var(--c-accent); font-weight: 700; }

/* Названия загрузок в характеристиках ведут на страницы материалов.
   Подчёркивание, а не цвет: в плотной таблице цветное слово читается
   как выделение значения, а не как ссылка. Линия фирменная и в полную
   силу — полупрозрачная под белым полужирным на тёмном не видна вовсе. */
.table--spec td a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--c-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color var(--d-base) var(--e-out), text-decoration-color var(--d-base) var(--e-out);
}
.table--spec td a:hover,
.table--spec td a:focus-visible {
  color: var(--c-accent-hi);
  text-decoration-color: var(--c-accent-hi);
}

/* Заголовок раздела в каталоге стал ссылкой на страницу раздела —
   в прототипе разделы были якорями на одной странице. */
.catsec .sec-head__body h2 a { color: inherit; text-decoration: none; }
.catsec .sec-head__body h2 a:hover { color: var(--c-accent); }

/* Обычная страница, набранная заказчиком в редакторе: колонка текста
   нормальной ширины, а не во всю ширину сайта. */
.prose { max-width: 76ch; }
.prose > * + * { margin-top: var(--sp-4); }
.prose h2 { margin-top: var(--sp-7); }
.prose ul, .prose ol { padding-left: 1.4em; }
.prose li + li { margin-top: var(--sp-2); }

/* Юридический документ: длинный текст с нумерованными разделами.
   Читается колонкой нормальной ширины, а не во всю ширину сайта. */
.prose--legal h2 { margin-top: var(--sp-7); }
.prose--legal h3 { margin-top: var(--sp-5); font-size: var(--fs-md); }
.prose--legal blockquote {
  margin: var(--sp-5) 0;
  padding-left: var(--sp-4);
  border-left: 2px solid var(--c-line);
  color: var(--c-text-dim);
}
.prose--legal .note { margin-bottom: var(--sp-6); }
.prose--legal .pmore { margin-bottom: var(--sp-6); }