/* Поп-ап «сайт не собирает данные». Открывается из футера ссылками «Политика данных»
   и «Файлы cookie» — обе ведут сюда, а не на отдельные страницы: собирать нечего,
   и писать две юридические страницы про пустоту было бы враньём наоборот.

   Язык взят у витрины лекций (лекции/поп-ап.css): та же подложка, та же бумага,
   та же жёлтая черта, рубрика капсом в разрядку, тот же крестик. Отличие одно —
   витрина разворачивается во весь экран, потому что там сетка из шестнадцати
   обложек, а здесь четыре строки: карточка по центру, шире 560 пикселей не растёт.

   Все цвета взяты через var() с запасным значением: файл подключается до :root
   макета и обязан выжить, если его когда-нибудь вынесут на отдельную страницу. */

.дн-фон{
  position:fixed; inset:0; z-index:80;
  background:rgba(26,25,22,.66);
  opacity:0; pointer-events:none;
  transition:opacity .28s ease;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(14px,3vh,40px) clamp(14px,3.4vw,40px);
}
.дн-фон[data-открыт]{opacity:1; pointer-events:auto}

.дн-лист{
  width:min(560px,100%); max-height:100%; overflow-y:auto; overscroll-behavior:contain;
  background:var(--paper,#f8f4ec);
  box-shadow:0 -1px 0 rgba(255,255,255,.5), 0 44px 96px -32px rgba(26,25,22,.72);
  transform:translateY(16px); opacity:0;
  transition:transform .36s cubic-bezier(.2,.7,.2,1), opacity .28s ease;
}
.дн-фон[data-открыт] .дн-лист{transform:none; opacity:1}

/* ── шапка ─────────────────────────────────────────────────────────────── */
.дн-шапка{display:flex; align-items:flex-start; gap:20px;
  padding:clamp(24px,3.2vh,34px) clamp(22px,3.2vw,38px) 0}
.дн-титул{flex:1; min-width:0}
.дн-рубрика{margin:0 0 10px; font:500 10.5px/1.5 'Inter',sans-serif; letter-spacing:.18em;
  color:var(--ink-mute,#a29b8e); text-transform:uppercase}
.дн-имя{margin:0; font:300 clamp(24px,2.6vw,34px)/1.08 'Inter Tight',sans-serif;
  letter-spacing:-.012em; color:var(--ink,#1a1916)}
.дн-закрыть{flex:none; width:42px; height:42px; margin-top:-4px;
  border:1px solid rgba(26,25,22,.18); background:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font:300 20px/1 'Inter Tight',sans-serif; color:var(--ink,#1a1916);
  transition:background .2s ease, border-color .2s ease}
.дн-закрыть:hover{background:var(--ink,#1a1916); color:var(--paper,#f8f4ec); border-color:var(--ink,#1a1916)}
.дн-черта{height:2px; background:var(--gold,#e0ad31);
  margin:clamp(18px,2.4vh,24px) clamp(22px,3.2vw,38px) 0}

/* ── тело ──────────────────────────────────────────────────────────────── */
.дн-тело{padding:clamp(20px,2.6vh,28px) clamp(22px,3.2vw,38px) clamp(24px,3.4vh,34px)}
.дн-тело p{margin:0 0 13px; font:400 15.5px/1.6 'Inter',sans-serif; color:var(--ink-soft,#4f4b43)}
.дн-тело p:last-child{margin-bottom:0}

@media (max-width:520px){
  .дн-имя{font-size:22px}
  .дн-тело p{font-size:15px}
}

/* ── Числитель: то же окно, но на чернилах ────────────────────────────────────
   Павел 10.09.2026: «сделай его на тёмном фоне как футер». Карточка повторяет правую
   половину подвала — фон #1a1916, текст #f3f1ea, золотые засечки 14×14 в 12px от
   углов. Отдельным классом, а не правкой .дн-лист: тем же листом открывается «Что
   сайт знает о вас», и он обязан остаться на бумаге.

   🚨 Подложка под окном темнее общей: на .дн-фон в 0,66 тёмная карточка сливалась с
   собственной тенью и теряла кромку. Плюс волосяной контур светом — на чернилах
   тень границы не рисует, её рисует только свет. */
.дн-фон.чс-фон{background:rgba(12,11,10,.86)}
.чс-лист{position:relative;width:min(640px,100%);background:#1a1916;color:#f3f1ea;
  box-shadow:0 0 0 1px rgba(243,241,234,.14),0 44px 96px -32px rgba(0,0,0,.85)}
.чс-лист::before,.чс-лист::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none}
.чс-лист::before{top:12px;left:12px;border-top:1px solid #e0ad31;border-left:1px solid #e0ad31}
.чс-лист::after{bottom:12px;right:12px;border-bottom:1px solid #e0ad31;border-right:1px solid #e0ad31}
.чс-лист .дн-рубрика{color:rgba(243,241,234,.62)}
.чс-лист .дн-имя{color:#f3f1ea}
.чс-лист .дн-закрыть{border-color:rgba(243,241,234,.22);color:#f3f1ea}
.чс-лист .дн-закрыть:hover{background:#f3f1ea;color:#1a1916;border-color:#f3f1ea}

/* График Числителя в поп-апе (09.09.2026). Ширину держим щедрую: в подвале рисунок
   стеснён метаблоком, а здесь он главный герой окна и должен читаться без прищура.
   С 10.09 столбиков тридцать вместо четырнадцати — поле расширено до 580. */
.чс-график{display:block;width:100%;max-width:580px;height:auto;margin:0 auto}