/* ==========================================================================
   edo — дополнения темы к макету: только то, чего нет в components.css и page-*.css
   (страницы, собранные из компонентов без своего макета: раздел, конструктор сравнения, подбор, журнал, карта сайта, 404).
   Плоско, медиазапросы только 768px и 1200px, значения — из tokens.css.
   ========================================================================== */
/* группы ссылок одной колонкой: карта сайта, готовые сравнения */
.ed-linkgroups--stack { grid-template-columns: minmax(0, 1fr); }
.ed-linkgroups > * { min-width: 0; }

/* конструктор сравнения */
[data-builder] { display: grid; gap: var(--ed-sp-16); }
.ed-builder__list .ed-check[hidden] { display: none; }
.ed-builder__out { margin-top: var(--ed-sp-16); }
.ed-cmp--n { width: 100%; min-width: 640px; }
.ed-cmp--n th, .ed-cmp--n td { padding: 10px 12px; border-bottom: var(--ed-border); border-left: var(--ed-border); vertical-align: top; text-align: left; font-size: var(--ed-fs-small); line-height: var(--ed-lh-small); }
.ed-cmp--n tr > :first-child { border-left: 0; }
.ed-cmp--n .ed-cmp__head { display: grid; gap: 8px; justify-items: start; }

/* подбор за четыре вопроса */
.ed-quiz { display: grid; gap: var(--ed-sp-20); }
.ed-quiz__q { display: grid; gap: var(--ed-sp-8); margin: 0; padding: 0; border: 0; min-width: 0; }
.ed-quiz__q[hidden], .ed-quiz .ed-check[hidden] { display: none; }
.ed-quiz__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ed-sp-16); }
.ed-quiz__why { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: var(--ed-fs-small); line-height: var(--ed-lh-small); }
.ed-quiz__why li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px; align-items: start; }

/* журнал проверок */
.ed-journal__filter { display: grid; gap: var(--ed-sp-8); justify-items: start; max-width: var(--ed-measure); }
[data-journal] tr[hidden] { display: none; }

/* поиск по названиям на странице 404 */
.ed-namesearch__list { margin-top: var(--ed-sp-12); }
.ed-namesearch__list li[hidden] { display: none; }

/* чипы подборок раздела стоят сразу под заголовком */
.ed-container.ed-rubrics { margin-top: var(--ed-sp-16); }

@media (min-width: 768px) {
  .ed-quiz__out { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ed-quiz__out > .ed-card--lead { grid-column: auto; }
}

/* ==========================================================================
   Вёрстка ПК и телефон (14.10.2026): правки по визуальной проверке 360–1920px
   ========================================================================== */
/* группа ссылок в узкой колонке: список из 3–4 граф внутри четверти ширины сжимал названия до 5–13px (буквы в столбик) */
.ed-linkgroups > .ed-linkgroup:only-child { grid-column: 1 / -1; }
.ed-linkgroups:not(.ed-linkgroups--stack) > .ed-linkgroup:not(:only-child) .ed-links:is(.ed-links--3, .ed-links--4) { grid-template-columns: minmax(0, 1fr); }

/* телефон: подписи граф и ярлыки рамок не мельче 12px, тап-зоны не меньше 40px */
@media (max-width: 767.98px) {
  :root { --ed-fs-label: 12px; --ed-control-h-s: 40px; }
  .ed-brand__tag { font-size: 12px; }
  .ed-box__label { letter-spacing: 0.02em; }
  .ed-btn--text, .ed-acts__more, .ed-steps__prep > summary { min-height: 40px; }
  .ed-acts .ed-btn--s { min-height: 44px; }
  .ed-check { min-height: 40px; }
}
/* планшет с пальцем (768–1199px): кнопки «Условия», «Сравнить» и раскрывашки — не ниже 36px */
@media (min-width: 768px) and (pointer: coarse) {
  .ed-btn--text, .ed-acts__more, .ed-steps__prep > summary, .ed-acts .ed-check { min-height: 36px; }
}

/* таблица рейтинга от 1200px: проценты граф «Что бесплатно / Что умеет / Для кого» (21+22+20%) вместе с фиксированными
   графами съедали всю ширину — графа «Сервис» в видах uc и marking сжималась до 0–40px, название шло по букве в столбик,
   значок оценки наезжал на текст. Доли меньше, а третья текстовая графа появляется только в таблице шире 1290px
   (до этого она в раскрытой строке «Условия», как и раньше). Графе названия остаётся не меньше ~200px. */
@media (min-width: 1200px) {
  .ed-table.ed-table .ed-c-free, .ed-table.ed-table[data-view="free"] .ed-c-free { width: 16%; }
  .ed-table.ed-table:is([data-view="uc"], [data-view="marking"]) .ed-c-free { width: 14%; }
  .ed-table.ed-table .ed-c-services { width: 15%; }
  .ed-table.ed-table .ed-c-whom { width: 14%; }
  .ed-table.ed-table[data-view="uc"] .ed-c-whom { width: 12%; }
  .ed-table.ed-table:not(.ed-table--compact)[data-view="uc"] .ed-c-whom,
  .ed-table.ed-table:not(.ed-table--compact)[data-view="marking"] .ed-c-int { display: none; }
  @container ed-table (min-width: 1290px) {
    .ed-table.ed-table:not(.ed-table--compact)[data-view="uc"] .ed-c-whom,
    .ed-table.ed-table:not(.ed-table--compact)[data-view="marking"] .ed-c-int { display: table-cell; }
  }
  .ed-table .ed-c-name .ed-svc__name { overflow-wrap: break-word; }
}
@media (min-width: 768px) and (pointer: coarse) {
  .ed-table thead .ed-th-sort { min-height: 32px; }
}