/* Дополнения к ege.css для страниц о процедуре ГИА (tools/build-gia-guides.mjs):
   сноски на источники и таблицы сроков с видимой подписью. Цвета — только
   переменные ege.css, поэтому тёмная тема работает без отдельных правил. */

.cite{font-size:.72em;line-height:0;margin-left:2px;white-space:nowrap}
.cite a{color:var(--brand-ink);font-weight:700;text-decoration:none}
.cite a:hover{text-decoration:underline}

/* В ege.css подпись таблицы фактов скрыта: там её роль играет заголовок
   карточки. Здесь в одной карточке бывает таблица с пояснением, и подпись
   «ориентир по 2026 году» читатель должен видеть. */
.facts-table.gia-table caption{
  position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;
  caption-side:top;text-align:left;font-weight:700;color:var(--ink-2);font-size:14.5px;padding:0 0 8px
}
.facts-table.gia-table thead th{
  font-size:12.5px;font-weight:700;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;
  border-bottom:1px solid var(--line-2,var(--line))
}
.facts-table.gia-table th,.facts-table.gia-table td{padding-right:12px;overflow-wrap:anywhere}
.facts-table.gia-table th[scope="row"]{width:40%}
@media(max-width:560px){.facts-table.gia-table th[scope="row"]{width:46%}}

.card p + p,.card p + ol,.card p + ul,.card ol + p,.card ul + p,.card table + p{margin-top:12px}
.card > p{color:var(--ink-2);line-height:1.6}
#istochniki .src-list li{scroll-margin-top:90px}
#istochniki .src-list li:target{background:var(--brand-soft);border-radius:8px}

/* Таблица из трёх колонок на телефоне: строка — карточка, подпись колонки над
   значением. Заголовки колонок остаются в разметке для чтецов и роботов. */
@media(max-width:560px){
  .gia-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .gia-stack tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
  .gia-stack tr:last-child{border-bottom:none}
  .facts-table.gia-stack th[scope="row"],.gia-stack td{display:block;width:auto;border-bottom:none;padding:4px 0}
  .gia-stack th[scope="row"]{color:var(--ink);font-weight:700}
  .gia-stack td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}
}
