/* «В цифрах» — утверждён стиль «Табло» (01.10). Одно табло #tablo, 5 вариантов (ключ nums) — где оно стоит внутри «Обо мне» D:
   A под досье · B на нижней части фото · C строкой у заголовка · D вместо «Разложить веером» · E мини-табло в печати.
   b-nums.js переносит табло в слот .tb-slot[data-tb] выбранного варианта. Только проверяемые факты; «дел в практике» — флаг SHOW_CASES_COUNT. */
.no-cases [data-cases-count] { display: none !important; }
.tb-slot:empty { display: none; }
.nums-sw { display: flex; align-items: center; gap: var(--s2); }
.nums-sw .vb__top { display: flex; align-items: center; gap: var(--s2); }
.nums-sw__t { font: 600 .75rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--gold-hi); }
.nums-sw > i { display: none; }
.about .vb__top { flex-wrap: wrap; }

/* табло: ячейки-«цифровые окна» */
.tb__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; padding: 2px; border-radius: var(--r-card); background: var(--line-d); }
.tb__i { padding: var(--s3) var(--s4); background: var(--g9); }
.tb__i:first-child { border-radius: 6px 0 0 6px; }
.tb__i:last-child { border-radius: 0 6px 6px 0; }
.tb__i--adv { display: none; }   /* «18 лет» уже на печати у фото */
.tb__n { display: flex; align-items: baseline; gap: .15em; font: 500 1.625rem/1 var(--f-num); font-variant-numeric: tabular-nums; letter-spacing: .02em; color: var(--gold-hi); white-space: nowrap; }
.tb__u, .tb__pre { font-size: .5em; font-weight: 400; color: var(--t-d2); }
.tb__u--e { display: none; }
.tb__c { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--line-d); color: var(--t-d2); font-size: .8125rem; line-height: 1.35; }
.tb__c a { color: var(--gold-hi); text-underline-offset: 3px; }
.tb .sample { vertical-align: 1px; }

/* A — под досье, в правой колонке */
.tb-slot--col { margin-top: var(--s4); }
html[data-nums="a"] .dz__fan { margin-top: var(--s5); }

/* B — на нижней части фото; печать уходит в верхний угол */
.tb-slot--photo { position: absolute; z-index: 3; left: 12px; right: 12px; bottom: 12px; }
html[data-nums="b"] .dz__pic { position: relative; }
html[data-nums="b"] .seal.dz__seal { top: -36px; bottom: auto; }
html[data-nums="b"] .tb-slot--photo .tb__list { grid-template-columns: repeat(3, minmax(0, 1fr)); background: rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html[data-nums="b"] .tb-slot--photo .tb__i { background: rgba(31, 31, 36, .62); padding: 10px var(--s3); }
html[data-nums="b"] .tb-slot--photo .tb__n { font-size: 1.25rem; color: #E6D6B8; }
html[data-nums="b"] .tb-slot--photo .tb__u, html[data-nums="b"] .tb-slot--photo .tb__pre { color: #D8D6D2; }
html[data-nums="b"] .tb-slot--photo .tb__c { font-size: .6875rem; color: #E9E7E3; border-color: rgba(255, 255, 255, .2); }
html[data-nums="b"] .tb-slot--photo .tb__c a { color: #E6D6B8; }
html[data-nums="b"] .tb-slot--photo .sample { color: #D8D6D2; }

/* C — строкой у заголовка «Обо мне» */
.tb-slot--head { flex: 1 1 auto; display: flex; justify-content: flex-end; min-width: 0; }
.tb-slot--head .tb__list { display: flex; background: none; padding: 0; gap: var(--s5); }
.tb-slot--head .tb__i { padding: 0 0 0 var(--s4); background: none; border-left: 1px solid var(--line-d); border-radius: 0; }
.tb-slot--head .tb__n { font-size: 1.75rem; }
.tb-slot--head .tb__c { border-top: 0; padding-top: 0; margin-top: 2px; font-size: .75rem; }
@media (max-width: 959px) { .tb-slot--head { flex-basis: 100%; justify-content: flex-start; order: 3; } .tb-slot--head .tb__list { flex-wrap: wrap; gap: var(--s4); } }

/* D — вместо кнопки «Разложить веером» */
html[data-nums="d"] .dz__fan { display: none; }
.tb-slot--fan { margin-top: calc(var(--s4) + 28px); }

/* E — мини-табло внутри печати */
html[data-nums="e"] .dz__seal .seal__core > b, html[data-nums="e"] .dz__seal .seal__core > span { display: none; }
html[data-nums="e"] .seal.dz__seal { width: 196px; }
.tb-slot--seal .tb__list { display: grid; grid-template-columns: 1fr; gap: 0; padding: 0; background: none; }
.tb-slot--seal .tb__i { display: flex; justify-content: center; padding: 2px 0; background: none; border-radius: 0; }
.tb-slot--seal .tb__i + .tb__i { border-top: 1px solid rgba(31, 31, 36, .2); }
.tb-slot--seal .tb__i--adv { display: flex; }
.tb-slot--seal .tb__i--reg, .tb-slot--seal .tb__c { display: none; }
.tb-slot--seal .tb__n { font-size: 1.0625rem; color: #1F1F24; }
.tb-slot--seal .tb__u, .tb-slot--seal .tb__u--e { display: inline; color: #3A332B; font-size: .62em; }

@media (max-width: 599px) {
  .tb__list { grid-template-columns: 1fr 1fr; }
  .tb__i:last-child { grid-column: 1 / -1; border-radius: 0 0 6px 6px; }
  .tb__i:first-child { border-radius: 6px 0 0 0; }
  .tb__c { font-size: .875rem; }
  html[data-nums="b"] .tb-slot--photo .tb__list { grid-template-columns: 1fr 1fr; }
}
/* компактнее: A — табло и «Разложить веером» в одну строку под досье; D — меньше отступ */
.tb__i { padding: 10px 14px; }
.tb__n { font-size: 1.5rem; }
.tb__c { margin-top: 4px; padding-top: 4px; font-size: .75rem; }
@media (min-width: 600px) {
  html[data-nums="a"] .dz__desk { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--s4); align-items: center; }
  html[data-nums="a"] .dz__tabs, html[data-nums="a"] .dz__stack { grid-column: 1 / -1; }
  html[data-nums="a"] .tb-slot--col { grid-column: 1; grid-row: 3; margin-top: 34px; }
  html[data-nums="a"] .dz__fan { grid-column: 2; grid-row: 3; margin-top: 34px; }
}
.tb-slot--fan { margin-top: 34px; }