/* ── .bh-tbl: таблица с данни в блог статия (правила 2г и 5о, изнесено тук на 15.09.2026) ──
   До 15.09.2026 това живееше вградено в <style> на 38 статии. Структурно копията бяха
   ЕДНАКВИ; различаваше се само цветът на линиите, rgba(<--accent-ink>, .3/.16), тоест
   палитрата на статията, преписана на ръка. Реална таблица имаше само в една статия
   (kak-se-proveryava-imot.html); другите 37 носеха копието, защото статиите се правят
   една от друга.

   ЦВЕТОВЕ: всичко минава през --tbl-*, с fallback ВЪТРЕ във var(), тоест стойност,
   сложена в :root на статията, печели. По подразбиране таблицата взима --accent-ink на
   кожата, затова статия с версия на агента не подава нищо допълнително.

   КОНТРАСТ (мерено 15.09.2026 срещу --cream #f5edd6, всичките 38 кожи):
   · заглавен ред --accent-ink: най-ниско 4.53:1 (refinansirane), праг 4.5 → минава;
   · клетки --ink-2 6.65:1, първа колона --ink 13.95:1;
   · РАЗДЕЛИТЕЛЯТ носи информация (2г т. 1), праг 3:1. Старите rgba(accent,.16) и .3 даваха
     1.22 до 1.30:1 и 1.47 до 1.68:1. Нужен дял на accent върху cream за 3:1: 0.59 до 0.77.
     Затова редът е color-mix 78%, а заглавната линия е плътният accent. Смениш ли фона
     (--tbl-bg), дялът се МЕРИ наново: цвят, изведен срещу един фон, не пътува. */

.bh-tbl{width:100%;border-collapse:collapse;font-family:var(--font-body)}
.bh-tbl th{text-align:left;font-family:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;
  font-size:12px;color:var(--tbl-head,var(--accent-ink,var(--gold-ink)));padding:0 0 12px;
  border-bottom:1px solid var(--tbl-line-head,var(--accent-ink,var(--gold-ink)))}
.bh-tbl td{padding:16px 14px 16px 0;vertical-align:top;font-size:16px;line-height:1.55;
  color:var(--tbl-text,var(--ink-2));
  border-bottom:1px solid var(--tbl-line,color-mix(in srgb,var(--accent-ink,var(--gold-ink)) 78%,var(--tbl-bg,var(--cream))))}
.bh-tbl td:first-child{font-weight:700;color:var(--tbl-strong,var(--ink))}

/* Числова колона: <th class="num"> и <td class="num">. Правило за числата (ПРАВИЛА.md § 1):
   IBM Plex Serif 700, никога display шрифт; tabular-nums, за да се подравняват разрядите. */
.bh-tbl .num{text-align:right;font-family:var(--font-body);font-weight:700;
  font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.bh-tbl th.num{font-family:var(--font-caption);padding-left:14px}
.bh-tbl td.num{padding-left:14px}
.bh-tbl td.num:last-child,.bh-tbl th.num:last-child{padding-right:0}

/* Лепкав заглавен ред: .bh-tbl--sticky. Шапката „Плаваща“ (4а-1) е 90 px при скрол и
   се прибира (body.bh-dock-off) при скрол надолу; без отместването редът заляга под нея.
   Лепкавият ред иска плътен фон, иначе редовете прозират през него. Само над 760 px:
   под тази ширина thead е скрит и таблицата е карти. */
@media (min-width:761px){
  .bh-tbl--sticky th{position:sticky;top:var(--tbl-sticky-top,90px);z-index:1;
    background:var(--tbl-bg,var(--cream));padding-top:10px}
  body.bh-dock-off .bh-tbl--sticky th{top:0}
}

/* Телефон: редът става карта. Разделителят на картата е същата линия от 3:1. Етикетът
   на колоната идва от data-label, защото thead е скрит: без него „Отговаря на“ и
   „Не отговаря на“ се четат като два еднакви абзаца. */
@media (max-width:760px){
  .bh-tbl:not(.bh-tbl--wide),.bh-tbl:not(.bh-tbl--wide) tbody,.bh-tbl:not(.bh-tbl--wide) tr,
  .bh-tbl:not(.bh-tbl--wide) td{display:block;width:100%}
  .bh-tbl:not(.bh-tbl--wide) thead{display:none}
  .bh-tbl:not(.bh-tbl--wide) tr{padding:14px 0;
    border-bottom:1px solid var(--tbl-line,color-mix(in srgb,var(--accent-ink,var(--gold-ink)) 78%,var(--tbl-bg,var(--cream))))}
  .bh-tbl:not(.bh-tbl--wide) td{border:0;padding:4px 0}
  .bh-tbl:not(.bh-tbl--wide) td.num{text-align:left}
  .bh-tbl:not(.bh-tbl--wide) td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;
    font-family:var(--font-caption);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;
    font-weight:700;color:var(--tbl-head,var(--accent-ink,var(--gold-ink)));margin:6px 0 2px}
}

/* Широка таблица с много числа: .bh-tbl--wide НЕ става карти, а скролва в .bh-tw
   (шаблонът от 2г, стилът на .bh-tw/.bh-tcap е в bottom-nav.css):
   <p class="bh-tcap" id="cap-x">Източник и дата</p>
   <div class="bh-tw" role="region" tabindex="0" aria-labelledby="cap-x">
     <table class="bh-tbl bh-tbl--wide">…</table></div>
   <p class="bh-tw-hint">Плъзнете таблицата настрани</p> */
.bh-tbl--wide{min-width:560px}