/* ==========================================================================
   САЙТ 7k250.lol — шаблон daybook (бухгалтерская книга), hue 115 + 265, Andika / IBM Plex Serif
   --------------------------------------------------------------------------
   ПАРАДИГМА
   Бухгалтерская книга, раскрытая на столе. Страница = разворот книги:
     · ПРОМОКАШКА  — .dbblot, фиксированный слой под всем документом: тонированная
                     промокашка со следами чернильных клякс (radial-gradient) и
                     волокном бумаги. Единственный «стол», на котором лежит книга;
     · КНИГА       — .dbbook, блок бумаги с фаской корешка слева и обрезом справа;
     · РАЗВОРОТ    — .dbspread, первый экран: два листа, разделённых корешком
                     (.dbspread::before — двойная вертикаль). Слева H1 + лид + 2 CTA,
                     справа .dbledger — таблица прихода и расхода с графлением;
     · ЗАПИСЬ      — .dbentry, главная единица раскладки. Grid из двух частей:
                     .dbmargin — ЛЕВОЕ ПОЛЕ с номером строки .dbline и служебной
                     подписью .dbfol, отчёркнутое двойной линией поля; и
                     .dbfolio — сам лист в линейку (repeating-linear-gradient),
                     куда падает контент;
     · ГРАФЛЕНИЕ   — .dbtwo, две колонки .dbcolm--in / .dbcolm--out (приход и
                     расход) с вертикальными графами между ячейками .dbrow;
     · ИТОГ        — .dbsum, блок под ДВОЙНОЙ ЧЕРТОЙ (border-bottom:4px double).
                     Двойная черта — фирменный знак шаблона, других её вариантов
                     на странице быть не должно.
   Бумага, линовка, клетка, корешок и клякса нарисованы ТОЛЬКО градиентами и
   тенями. Растровых картинок в шаблоне нет и добавлять их не нужно.

   ⚠️ Шаблон СВЕТЛЫЙ. Тёмный текст на бумаге — базовое состояние; все заливки
   акцентом обязаны переключать текст на цвет бумаги (--db-pap), а не наследовать.

   NAMESPACE
   Все классы начинаются на .db — .dbblot, .dbrail, .dbmark, .dbnav, .dbbtn,
   .dbbook, .dbspread, .dbstamp, .dbledger, .dbld, .dbtot, .dbkpi, .dbentry,
   .dbmargin, .dbline, .dbfol, .dbfolio, .dbkick, .dbh, .dbsub, .dblead,
   .dbgrid, .dbcard, .dbtwo, .dbcolm, .dbrow, .dbscroll, .dbtab, .dbtiers,
   .dbtier, .dbsay, .dbqa, .dbsum, .dbnote, .dbfoot, .dbem/.dbem2/.dbnum/
   .dbmut/.dbage. Вне .db* объявляются только base-правила для body, p, h1-h3, img и table —
   пересечений с другими шаблонами банка нет.

   ПОРЯДОК БЛОКОВ (см. daybook.sample.html)
   .dbblot → .dbrail (марка + навигация + CTA) → .dbbook[ .dbspread (H1 + лид +
   2 CTA + .dbstamp | .dbledger + .dbkpi) → .dbentry × N → .dbnote (E-E-A-T) ]
   → .dbfoot (18+).
   Записи .dbentry идут ПОДРЯД внутри .dbbook: нумерация полей и тонировка
   каждого второго листа держатся на :nth-of-type, посторонний элемент между
   записями сбивает счёт строк.

   АДАПТИВ
   ≤1080px — разворот в одну колонку, корешок снимается; ≤760px — левое поле
   .dbmargin распрямляется в горизонтальную планку над листом, .dbtwo в одну
   колонку; ≤620px — кнопки во всю ширину, шаг линовки уменьшается.
   Горизонтального скролла у страницы нет: широкие таблицы лежат в
   .dbscroll{overflow-x:auto}, у всех грид-колонок minmax(0,1fr), у ячеек
   min-width:0 — иначе min-width таблицы протекает в грид-трек и на 390px
   появляется горизонтальный скролл.

   ЛОВУШКИ ПЕРЕКРАСКИ
   1. Весь цвет собран из --db-h / --db-h2 через hsl(var(--db-h) …), поэтому
      смена двух чисел в блоке @palette перекрашивает шаблон целиком. НО светлота
      подобрана под СВЕТЛУЮ бумагу: тёмную тему из этих же чисел не получить —
      придётся руками менять --db-pap/--db-ink/--db-rule и убирать inset-тени
      корешка (они рассчитаны на светлый лист и на тёмном дают грязь).
   2. --db-acc — одновременно ЦВЕТ ТЕКСТА на бумаге и ФОН под текстом цвета
      бумаги (.dbbtn--go, .dbline, .dbage). Держите его в коридоре L=24–34 %:
      светлее — падает контраст белого текста на кнопке, темнее — заголовки
      перестают отличаться от --db-ink и акцент пропадает.
   3. --db-rule и --db-cell — линовка и клетка. Их светлота 74–86 %: темнее —
      бумага превращается в тетрадь в клетку и съедает читаемость прозы,
      светлее — линовка исчезает и шаблон теряет парадигму. Проверять надо на
      .dbfolio, а не на .dbcard: у карточки своя, более плотная подложка.
   4. Ни одного правила вида `a{color:…}` в шаблоне нет намеренно: цвет кнопок
      задан классами (.dbbtn/.dbbtn--go/.dbbtn--p) со специфичностью 0-1-0, и
      любое добавленное `.dbfolio a{color:…}` (0-1-1) перебьёт их и сделает CTA
      невидимой. Если ссылка в прозе всё-таки нужна — красьте её классом.
   5. Все ссылки и кнопки шаблона имеют min-height:44px во ВСЕХ ширинах — это
      мобильный гейт тач-целей, а не декор. Инлайновых ссылок внутри прозы в
      шаблоне нет; добавляя их, снимите min-height точечно.
   6. Клякса .dbblot::after и волокно .dbblot::before — литеральные rgba()
      вне :root (alpha нельзя провести через var()). При смене hue их надо
      править руками, иначе на новом столе останется старое пятно.
   7. У КАЖДОГО font-family обязателен фолбэк-стек. Голое имя вебшрифта роняет
      страницу в Times New Roman и ломает 30-пиксельную сетку линовки.
      Andika — заголовочная гарнитура, IBM Plex Serif — текстовая.
   8. В ТЕКСТЕ этой шапки не должно встречаться сочетание символов «звёздочка+слэш»
      (звёздочка вплотную к слэшу — так легко получается при перечислении
      селекторов через слэш): оно закрывает
      комментарий раньше времени, и парсер съедает следующий за ним блок
      @palette целиком — сайт молча уезжает в чёрно-белый фолбэк, потому что
      --db-h остаётся неопределённым. Проверка: открыть страницу и посмотреть
      computed --db-h у :root, пустое значение = комментарий разорван.
   9. .dbmut/.dbem/.dbem2 рассчитаны на БУМАГУ. Единственный тёмный блок шаблона —
      .dbfoot, и там .dbmut перебит отдельным правилом. Добавляя в подвал любую
      «бумажную» утилиту, проверяйте контраст пиксельно: обход по CSS-предкам
      покажет фон body, а фактически текст лежит на градиенте .dbblot.
   ========================================================================== */

/* @palette:start — перекраска сайта = правка двух чисел ниже (нейтральный банк) */
:root{
  --db-h:115;          /* чернила, линовка, приход, кнопки: базовый hue сайта */
  --db-h2:265;          /* поле, расход, штамп, промокашка: второй акцент из набора */
}
/* @palette:end */

:root{
  /* бумага */
  --db-pap:hsl(var(--db-h) 24% 96%);
  --db-pap2:hsl(var(--db-h) 20% 92%);
  --db-pap3:hsl(var(--db-h) 18% 88%);
  /* стол-промокашка */
  --db-desk:hsl(var(--db-h2) 16% 29%);
  --db-desk2:hsl(var(--db-h2) 20% 20%);
  /* чернила */
  --db-ink:hsl(var(--db-h) 40% 13%);
  --db-ink2:hsl(var(--db-h) 15% 35%);
  /* акценты */
  --db-acc:hsl(var(--db-h) 52% 27%);
  --db-accl:hsl(var(--db-h) 44% 38%);
  --db-acc2:hsl(var(--db-h2) 50% 38%);
  --db-acc2l:hsl(var(--db-h2) 46% 48%);
  /* линовка */
  --db-rule:hsl(var(--db-h) 28% 80%);
  --db-cell:hsl(var(--db-h) 24% 87%);
  --db-edge:hsl(var(--db-h) 20% 74%);
  /* сигнальный, вне схемы сайта */
  --db-sig:hsl(38 74% 42%);
  /* метрика */
  --db-lh:30px;
  --db-fd:"Andika",system-ui,"Segoe UI",Arial,sans-serif;
  --db-fb:"IBM Plex Serif",Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;padding:0;
  background:var(--db-desk2);
  color:var(--db-ink);
  font-family:var(--db-fb);
  font-size:16.6px;line-height:var(--db-lh);
  overflow-x:hidden;
}
img{max-width:100%;height:auto}
h1,h2,h3{margin:0;font-family:var(--db-fd);font-weight:700;line-height:1.2}
p{margin:0 0 15px;line-height:var(--db-lh)}
ul,ol{margin:0 0 15px;padding-left:20px}
li{line-height:var(--db-lh)}
table{border-collapse:collapse}

/* ---------- промокашка ---------------------------------------------------- */
.dbblot{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(163deg,var(--db-desk) 0%,var(--db-desk2) 62%,var(--db-desk) 100%);
}
.dbblot::before{content:"";position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(92deg,rgba(255,255,255,.045) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(6deg,rgba(0,0,0,.05) 0 1px,transparent 1px 9px);
}
.dbblot::after{content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(38% 26% at 8% 12%,rgba(0,0,0,.28) 0%,transparent 68%),
    radial-gradient(24% 20% at 92% 34%,rgba(0,0,0,.24) 0%,transparent 70%),
    radial-gradient(30% 18% at 74% 88%,rgba(0,0,0,.22) 0%,transparent 72%),
    radial-gradient(16% 12% at 22% 66%,rgba(255,255,255,.07) 0%,transparent 74%);
}

/* ---------- планка над книгой -------------------------------------------- */
.dbrail{position:relative;z-index:3;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  max-width:1180px;margin:0 auto;padding:14px 22px;
}
.dbmark{display:inline-flex;align-items:center;gap:11px;min-height:44px;
  text-decoration:none;color:var(--db-pap)}
.dbmark__s{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex:0 0 38px;
  border:2px solid var(--db-acc2l);border-radius:3px;
  background:var(--db-pap);color:var(--db-acc);
  font-family:var(--db-fd);font-weight:700;font-size:16px;letter-spacing:-.02em}
.dbmark__t{display:block;font-family:var(--db-fd);font-weight:700;font-size:18px;line-height:1.1}
.dbmark__u{display:block;font-size:11px;line-height:1.3;color:hsl(var(--db-h2) 24% 78%);
  letter-spacing:.16em;text-transform:uppercase;font-family:var(--db-fd)}
.dbnav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.dbnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;
  color:hsl(var(--db-h2) 20% 84%);text-decoration:none;
  font-family:var(--db-fd);font-size:13.5px;border-radius:3px}
.dbnav a:hover{background:rgba(255,255,255,.09);color:var(--db-pap)}

/* ---------- кнопки -------------------------------------------------------- */
.dbbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 22px;border-radius:3px;border:2px solid transparent;
  font-family:var(--db-fd);font-weight:700;font-size:15.5px;letter-spacing:.01em;
  text-decoration:none;cursor:pointer;background:transparent}
.dbbtn--go{background:var(--db-acc);color:var(--db-pap);border-color:var(--db-acc);
  box-shadow:0 2px 0 0 var(--db-ink)}
.dbbtn--go:hover{background:var(--db-accl);border-color:var(--db-accl)}
.dbbtn--p{background:var(--db-pap);color:var(--db-acc2);border-color:var(--db-acc2)}
.dbbtn--p:hover{background:var(--db-pap2)}
.dbrail .dbbtn--go{min-height:44px;padding:0 16px;font-size:14px}

/* ---------- книга --------------------------------------------------------- */
.dbbook{position:relative;z-index:2;max-width:1180px;margin:0 auto 34px;
  background:var(--db-pap);
  border:1px solid var(--db-edge);
  border-left:9px solid var(--db-acc2);
  box-shadow:0 18px 44px rgba(0,0,0,.42), inset 14px 0 22px -16px rgba(0,0,0,.45);
}

/* ---------- разворот (первый экран) --------------------------------------- */
.dbspread{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:0;border-bottom:4px double var(--db-acc)}
.dbspread::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:0;
  border-left:1px solid var(--db-edge);border-right:1px solid var(--db-edge);
  box-shadow:0 0 26px 10px rgba(0,0,0,.07);transform:translateX(-2px)}
.dbspread__l,.dbspread__r{min-width:0;padding:34px 30px 28px}
.dbspread__r{background:
  repeating-linear-gradient(to bottom,transparent 0 29px,var(--db-cell) 29px 30px),
  repeating-linear-gradient(to right,transparent 0 29px,var(--db-cell) 29px 30px),
  var(--db-pap2)}
.dbstamp{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;
  padding:5px 12px;border:2px solid var(--db-acc2);border-radius:2px;
  color:var(--db-acc2);font-family:var(--db-fd);font-size:11.5px;
  letter-spacing:.24em;text-transform:uppercase;transform:rotate(-1.4deg)}
.dbspread h1{font-size:clamp(28px,4.1vw,44px);letter-spacing:-.012em;margin:0 0 16px}
.dblead{font-size:18px;line-height:32px;color:var(--db-ink2);margin:0 0 22px}
.dbcta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 22px}
.dbkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  border-top:1px solid var(--db-edge);border-left:1px solid var(--db-edge)}
.dbkpi__i{min-width:0;padding:12px 12px 14px;
  border-right:1px solid var(--db-edge);border-bottom:1px solid var(--db-edge)}
.dbkpi__v{display:block;font-family:var(--db-fd);font-weight:700;font-size:22px;
  line-height:1.15;color:var(--db-acc);font-variant-numeric:tabular-nums}
.dbkpi__k{display:block;margin-top:3px;font-size:12.5px;line-height:17px;color:var(--db-ink2)}

/* ---------- главная книга: приход / расход -------------------------------- */
.dbledger{border:1px solid var(--db-edge);background:rgba(255,255,255,.5)}
.dbledger__c{display:block;padding:8px 12px;background:var(--db-acc);color:var(--db-pap);
  font-family:var(--db-fd);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.dbld{display:grid;grid-template-columns:34px minmax(0,1fr) 92px 84px;margin:0;padding:0;
  list-style:none;border-top:1px solid var(--db-cell)}
.dbld--h{background:var(--db-pap3);font-family:var(--db-fd);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--db-ink2)}
.dbld > span{min-width:0;padding:7px 9px;border-right:1px solid var(--db-cell);
  font-size:14px;line-height:21px}
.dbld > span:last-child{border-right:0}
.dbld__n{font-family:var(--db-fd);color:var(--db-acc2);text-align:center;
  font-variant-numeric:tabular-nums}
.dbld__in{font-family:var(--db-fd);font-weight:700;color:var(--db-acc);
  text-align:right;font-variant-numeric:tabular-nums}
.dbld__out{font-family:var(--db-fd);font-weight:700;color:var(--db-acc2);
  text-align:right;font-variant-numeric:tabular-nums}
.dbtot{display:flex;justify-content:space-between;gap:12px;margin:0;
  padding:10px 12px;border-top:4px double var(--db-acc);
  font-family:var(--db-fd);font-size:14.5px}

/* ---------- запись = секция ----------------------------------------------- */
.dbentry{display:grid;grid-template-columns:78px minmax(0,1fr);
  border-top:1px solid var(--db-edge)}
.dbentry:nth-of-type(2n) .dbfolio{background-color:var(--db-pap2)}
.dbmargin{min-width:0;padding:26px 10px 20px;text-align:center;
  border-right:1px solid var(--db-acc2);
  box-shadow:inset -4px 0 0 -3px var(--db-acc2);
  background:var(--db-pap3)}
.dbline{display:block;font-family:var(--db-fd);font-weight:700;font-size:26px;
  line-height:1;color:var(--db-acc2);font-variant-numeric:tabular-nums}
.dbfol{display:block;margin-top:8px;font-family:var(--db-fd);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--db-ink2);
  writing-mode:vertical-rl;transform:rotate(180deg);margin-inline:auto}
.dbfolio{min-width:0;padding:26px 30px 30px;
  background-image:repeating-linear-gradient(to bottom,transparent 0 29px,var(--db-rule) 29px 30px);
  background-position:0 26px}
.dbkick{margin:0 0 7px;font-family:var(--db-fd);font-size:11.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--db-acc2)}
.dbfolio h2{font-size:clamp(22px,2.5vw,29px);margin:0 0 14px;letter-spacing:-.006em}
.dbsub{font-family:var(--db-fd);font-weight:700;font-size:17px;margin:0 0 6px}

/* ---------- сетки и карточки ---------------------------------------------- */
.dbgrid{display:grid;gap:14px;margin:0 0 16px}
.dbgrid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dbgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dbcard{min-width:0;padding:14px 15px;background:var(--db-pap);
  border:1px solid var(--db-edge);border-top:3px solid var(--db-acc)}
.dbcard--x{border-top-color:var(--db-acc2)}
.dbcard p{margin:0;font-size:15px;line-height:25px;color:var(--db-ink2)}

/* ---------- графление: приход / расход ------------------------------------ */
.dbtwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 16px;
  border:1px solid var(--db-edge);background:var(--db-pap)}
.dbcolm{min-width:0}
.dbcolm--out{border-left:1px solid var(--db-edge);
  box-shadow:inset 3px 0 0 -2px var(--db-edge)}
.dbcolm__c{margin:0;padding:8px 13px;font-family:var(--db-fd);font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;
  background:var(--db-acc);color:var(--db-pap)}
.dbcolm--out .dbcolm__c{background:var(--db-acc2)}
.dbrow{display:flex;justify-content:space-between;gap:10px;margin:0;
  padding:7px 13px;border-top:1px solid var(--db-cell);
  font-size:14.5px;line-height:22px}
.dbrow span:last-child{font-family:var(--db-fd);font-weight:700;white-space:nowrap;
  font-variant-numeric:tabular-nums}
.dbcolm--in .dbrow span:last-child{color:var(--db-acc)}
.dbcolm--out .dbrow span:last-child{color:var(--db-acc2)}

/* ---------- таблица ------------------------------------------------------- */
.dbscroll{overflow-x:auto;margin:0 0 16px;border:1px solid var(--db-edge);
  background:var(--db-pap)}
.dbtab{width:100%;min-width:520px;font-size:14.5px}
.dbtab caption{caption-side:top;text-align:left;padding:9px 13px;
  font-family:var(--db-fd);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  background:var(--db-pap3);color:var(--db-ink2)}
.dbtab th,.dbtab td{padding:8px 13px;text-align:left;
  border-top:1px solid var(--db-cell);border-right:1px solid var(--db-cell)}
.dbtab th:last-child,.dbtab td:last-child{border-right:0}
.dbtab th{font-family:var(--db-fd);font-weight:700;font-size:13px;color:var(--db-acc)}
.dbtab tr:last-child td{border-bottom:4px double var(--db-acc)}

/* ---------- ступени лояльности -------------------------------------------- */
.dbtiers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 16px;
  border:1px solid var(--db-edge);border-left:0}
.dbtier{min-width:0;padding:12px 11px 14px;border-left:1px solid var(--db-edge);
  background:var(--db-pap)}
.dbtier:nth-child(2n){background:var(--db-pap2)}
.dbtier__n{display:block;font-family:var(--db-fd);font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--db-acc2)}
.dbtier__t{display:block;margin:3px 0 5px;font-family:var(--db-fd);font-weight:700;font-size:16px}
.dbtier__v{display:block;font-size:13.5px;line-height:20px;color:var(--db-ink2)}

/* ---------- отзывы -------------------------------------------------------- */
.dbsay{margin:0;padding:14px 15px;background:var(--db-pap);
  border:1px solid var(--db-edge);border-left:4px solid var(--db-acc2)}
.dbsay blockquote{margin:0 0 9px;font-size:15px;line-height:25px}
.dbsay figcaption{font-family:var(--db-fd);font-size:13px;color:var(--db-ink2)}
.dbsay figcaption span{color:var(--db-acc)}

/* ---------- вопросы ------------------------------------------------------- */
.dbqa{margin:0 0 16px;border:1px solid var(--db-edge);background:var(--db-pap)}
.dbqa details{border-top:1px solid var(--db-cell)}
.dbqa details:first-child{border-top:0}
.dbqa summary{list-style:none;cursor:pointer;padding:11px 40px 11px 14px;position:relative;
  font-family:var(--db-fd);font-weight:700;font-size:15.5px;min-height:44px;
  display:flex;align-items:center}
.dbqa summary::-webkit-details-marker{display:none}
.dbqa summary::after{content:"";position:absolute;right:15px;top:50%;
  width:9px;height:9px;margin-top:-6px;
  border-right:2px solid var(--db-acc2);border-bottom:2px solid var(--db-acc2);
  transform:rotate(45deg)}
.dbqa details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.dbqa p{margin:0;padding:0 14px 13px;font-size:15px;line-height:25px;color:var(--db-ink2)}

/* ---------- итог под двойной чертой --------------------------------------- */
.dbsum{margin:16px 0 0;padding:12px 0 10px;
  border-top:1px solid var(--db-edge);border-bottom:4px double var(--db-acc);
  font-family:var(--db-fd);font-size:15.5px;line-height:26px}

/* ---------- заметка автора ------------------------------------------------ */
.dbnote{display:grid;grid-template-columns:78px minmax(0,1fr);
  border-top:1px solid var(--db-edge);background:var(--db-pap3)}
.dbnote__m{padding:26px 10px;text-align:center;border-right:1px solid var(--db-acc2);
  box-shadow:inset -4px 0 0 -3px var(--db-acc2)}
.dbnote__b{min-width:0;padding:24px 30px 28px}
.dbnote h3{font-size:20px;margin:0 0 10px}
.dbnote p{font-size:15.5px;line-height:27px;color:var(--db-ink2)}

/* ---------- подвал -------------------------------------------------------- */
.dbfoot{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:22px 22px 40px;
  color:hsl(var(--db-h2) 18% 80%);font-size:13.5px;line-height:23px}
.dbfoot__n{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.dbfoot__n a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;
  color:var(--db-pap);text-decoration:none;border:1px solid rgba(255,255,255,.24);
  border-radius:3px;font-family:var(--db-fd);font-size:13.5px}
.dbfoot__n a:hover{background:rgba(255,255,255,.1)}
/* .dbmut — утилита СВЕТЛОЙ бумаги; внутри тёмного подвала её надо перебивать,
   иначе дисклеймер уходит тёмно-зелёным по тёмно-фиолетовому (контраст ~1.5) */
.dbfoot .dbmut{color:hsl(var(--db-h2) 14% 70%)}
.dbage{display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:32px;padding:0 10px;margin-right:9px;
  background:var(--db-sig);color:hsl(38 60% 8%);border-radius:2px;
  font-family:var(--db-fd);font-weight:700;font-size:14px}

/* ---------- утилиты ------------------------------------------------------- */
.dbem{color:var(--db-acc);font-weight:700}
.dbem2{color:var(--db-acc2);font-weight:700}
.dbnum{font-family:var(--db-fd);font-weight:700;font-variant-numeric:tabular-nums}
.dbmut{color:var(--db-ink2)}

/* ---------- адаптив ------------------------------------------------------- */
@media(max-width:1080px){
  .dbspread{grid-template-columns:minmax(0,1fr)}
  .dbspread::before{display:none}
  .dbspread__r{border-top:1px solid var(--db-edge)}
  .dbgrid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbtiers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dbtier:nth-child(2n){background:var(--db-pap)}
  .dbtier:nth-child(4),.dbtier:nth-child(6){background:var(--db-pap2)}
}
@media(max-width:760px){
  body{font-size:16.2px}
  .dbbook{border-left-width:6px}
  .dbentry,.dbnote{grid-template-columns:minmax(0,1fr)}
  .dbmargin,.dbnote__m{display:flex;align-items:center;gap:12px;
    padding:9px 18px;text-align:left;
    border-right:0;border-bottom:3px double var(--db-acc2);box-shadow:none}
  .dbline{font-size:19px}
  .dbfol{writing-mode:horizontal-tb;transform:none;margin:0}
  .dbfolio,.dbnote__b{padding:20px 18px 24px}
  .dbspread__l,.dbspread__r{padding:24px 18px}
  .dbtwo{grid-template-columns:minmax(0,1fr)}
  .dbcolm--out{border-left:0;border-top:1px solid var(--db-edge);box-shadow:none}
  .dbkpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbrail{padding:12px 16px;gap:10px}
  .dbnav{margin-left:0;width:100%;order:3}
  .dbfoot{padding:20px 16px 34px}
}
@media(max-width:620px){
  .dbgrid--2,.dbgrid--3{grid-template-columns:minmax(0,1fr)}
  .dbtiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbtier:nth-child(n){background:var(--db-pap)}
  .dbtier:nth-child(2n){background:var(--db-pap2)}
  .dbcta{flex-direction:column;align-items:stretch}
  .dbcta .dbbtn{width:100%}
  .dbld{grid-template-columns:28px minmax(0,1fr) 76px 66px}
  .dbld > span{padding:6px 6px;font-size:13px}
  .dbnav a{padding:0 9px;font-size:13px}
}