/* ==========================================================================
   «Наука School» — добавки темы к стилям макета. Только то, чего в макете не было:
   страницы-указатели, выбор компаний для сравнения, страница 404, карта сайта.
   Компоненты и токены — из assets макета, здесь новых цветов и размеров нет.
   ========================================================================== */

/* выбор компаний для сравнения (/sravnenie/) */
.eg-pick__groups { display: grid; gap: var(--eg-sp-24) var(--eg-gap); }
.eg-pick__groups > * { min-width: 0; }
.eg-pick__list { display: grid; gap: var(--eg-sp-8); }
.eg-pick__bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--eg-sp-12) var(--eg-sp-16); margin: var(--eg-sp-16) 0; }
.eg-pick__out { margin-top: var(--eg-sp-16); overflow-x: auto; }
.eg-pick__out .eg-cmp { min-width: 560px; }
.eg-pick__src { display: none; }

/* указатель обзоров (/obzor/): вкладки типов — якоря на группы */
.eg-cat__group + .eg-cat__group { margin-top: var(--eg-sp-40); }
.eg-cat__tabs { margin-bottom: var(--eg-sp-24); }

/* карта сайта */
.eg-map__cols { display: grid; gap: var(--eg-sp-24) var(--eg-gap); }
.eg-map__cols > * { min-width: 0; }

/* таблицы внутри текста, пришедшего из редактора */
.eg-prose .eg-dtable-wrap { margin: var(--eg-sp-16) 0; }

@media (min-width: 768px) {
  .eg-pick__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .eg-map__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .eg-pick__groups { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .eg-map__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ==========================================================================
   Вёрстка ПК и телефон (14.10.2026)
   ========================================================================== */

/* выпадающие списки: длинное значение — многоточием, а не обрезкой по букве */
.eg-field select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* кнопка «i» у цены: на касание — зона 40×40, видимый значок и строка те же */
@media (max-width: 1199px) {
  .eg-info { width: 40px; height: 40px; padding: 8px; margin: -8px -12px -8px -8px; background-clip: content-box; }
  .eg-info:hover, .eg-info[aria-expanded="true"] { background-clip: content-box; }
}

@media (min-width: 1200px) {
  .eg-th--grades { width: 60px; }
}

/* широкая таблица (12+ колонок: общий рейтинг, подбор) на 1200–1365 px:
   колонке названия остаётся ~110 px — показываем карточками, как на планшете */
@media (min-width: 1200px) and (max-width: 1365px) {
  .eg-table.eg-table--wide { display: block; table-layout: auto; font-size: var(--eg-fs-table); line-height: var(--eg-lh-table); }
  .eg-table--wide thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; display: block; }
  .eg-table--wide tbody { display: grid; gap: var(--eg-sp-12); }
  .eg-table--wide tr { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 200px; column-gap: var(--eg-sp-16); padding: var(--eg-sp-20); background: var(--eg-surface); border: var(--eg-border-strong); border-radius: var(--eg-r-2); }
  .eg-table--wide tbody tr:hover > td { background: none; }
  .eg-table--wide td, .eg-table--wide td.eg-table__rank, .eg-table--wide td.eg-table__name, .eg-table--wide td.eg-table__mark, .eg-table--wide td.eg-table__acts {
    display: block; height: auto; min-width: 0; padding: var(--eg-sp-12) 0 0; border-bottom: 0; vertical-align: baseline;
    font-size: var(--eg-fs-table); line-height: var(--eg-lh-table);
  }
  .eg-table--wide .eg-table__d::before { content: attr(data-label); display: block; font-size: var(--eg-fs-micro); line-height: var(--eg-lh-micro); font-weight: var(--eg-fw-medium); color: var(--eg-text-muted); }
  .eg-table--wide td.eg-table__rank { grid-column: 1; grid-row: 1; justify-self: start; padding: 10px 0 0; font-size: var(--eg-fs-num); color: var(--eg-text-muted); }
  .eg-table--wide td.eg-table__name { grid-column: 1 / 6; grid-row: 1; padding: 0 0 0 28px; }
  .eg-table--wide td.eg-table__mark { grid-column: 6; grid-row: 1; justify-self: end; padding: 0; text-align: right; }
  .eg-table--wide td.eg-table__money { padding-top: var(--eg-sp-12); text-align: left; }
  .eg-table--wide td.eg-table__acts { grid-column: 6; grid-row: 2 / span 8; align-self: end; padding-top: var(--eg-sp-16); }
  .eg-table--wide .eg-who__short { -webkit-line-clamp: 2; }
}
@media (min-width: 1200px) and (max-width: 1365px) { .eg-table--wide .eg-acts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--eg-sp-8); } }

/* ==========================================================================
   Картинки статей (17.10.2026): обложка записи и иллюстрации в тексте
   ========================================================================== */
.eg-fig { margin: var(--eg-sp-24) 0 0; }
.eg-fig img { display: block; width: 100%; height: auto; border: var(--eg-border); border-radius: var(--eg-r-2); background: var(--eg-bg-2); }
.eg-fig figcaption { margin-top: var(--eg-sp-8); font-size: 13px; line-height: 18px; color: var(--eg-text-muted); }
.eg-fig--cover { margin-top: 0; margin-bottom: var(--eg-sp-8); }
.eg-prose > .eg-fig { margin-top: var(--eg-sp-24); }
.eg-cover--img { display: block; min-height: 0; padding: 0; aspect-ratio: 16 / 9; background: var(--eg-bg-2); }
.eg-cover--img::after { content: none; }
.eg-cover--img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eg-post__panel--img { padding: 0; overflow: hidden; background: var(--eg-bg-2); }
.eg-post__panel--img img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; aspect-ratio: 16 / 9; }
@media (min-width: 768px) {
  .eg-cover--img { min-height: 0; padding: 0; }
  .eg-post__panel--img { padding: 0; }
}