/* ═══════════════════════════════════════════════════════════════
   КЛИЕНТСКИЕ РАБОТЫ. Девять шаблонов листа.

   🔴 Документ не инвертируется вместе с интерфейсом. Лист остаётся
   листом: тёмная дека темна и в светлой теме, белый отчёт бел
   и в тёмной. Цвета берутся из палитры работы (--w-*), которая
   приходит классом w-* из tokens.py, а не из темы сайта.

   Две «чужие» гарнитуры на все работы: Spectral (антиква)
   и IBM Plex Sans (гротеск). Работы различаются вёрсткой
   и палитрой, а не количеством шрифтов.
   ═══════════════════════════════════════════════════════════════ */

.page{color:var(--w-fg)}

/* ── d-offer · предложение сделки, A4 ───────────────────────── */
.d-offer{background:var(--w-bg);font-family:Spectral,serif;padding:44px 52px 40px;
  display:flex;flex-direction:column}
.d-offer__top{display:flex;justify-content:space-between;font-family:JBM,monospace;font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--w-wek);
  border-bottom:1px solid var(--w-rule);padding-bottom:12px}
.d-offer__ph{height:238px;margin:26px 0 30px;overflow:hidden;filter:contrast(1.06)}
.d-offer__ph img{width:100%;height:100%;object-fit:cover}
.d-offer h3,.d-offer .d-h3{font-family:Spectral,serif;font-weight:700;font-size:44px;line-height:1.05;
  letter-spacing:-.012em;max-width:15ch}
.d-offer__lead{margin-top:20px;font-size:16px;line-height:1.58;color:var(--w-mut);max-width:46ch}
.d-offer__t{margin-top:30px;border-top:1px solid var(--w-rule)}
.d-offer__t div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;
  border-bottom:1px solid var(--w-rule2);font-size:15px}
.d-offer__t b{font-weight:700;color:var(--w-fg);font-variant-numeric:tabular-nums}
.d-offer__t span{color:var(--w-wek)}
.d-offer__big{margin-top:auto;padding-top:26px;display:flex;align-items:flex-end;gap:22px}
.d-offer__big em{font-style:normal;font-family:Spectral,serif;font-weight:700;font-size:78px;
  line-height:.8;color:var(--w-acc)}
.d-offer__big p{font-size:14.5px;line-height:1.4;color:var(--w-mut);max-width:22ch;padding-bottom:6px}
.d-offer__foot{margin-top:22px;padding-top:12px;border-top:1px solid var(--w-rule);
  font-family:JBM,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w-wek);display:flex;justify-content:space-between}

/* ── d-cover · обложка деки с фотографией, 16:9 ─────────────── */
.d-cover{background:var(--w-bg);font-family:Plex,sans-serif;position:relative}
.d-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.d-cover__sh{position:absolute;inset:0;
  background:linear-gradient(100deg,var(--w-bg) 0%,var(--w-bg) 30%,transparent 74%,var(--w-bg) 122%);
  opacity:.92}
.d-cover__c{position:absolute;inset:0;padding:56px 64px;display:flex;flex-direction:column}
.d-cover__eb{font-family:JBM,monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--w-wek)}
.d-cover h3,.d-cover .d-h3{font-family:Plex,sans-serif;font-weight:800;font-size:64px;line-height:1.02;
  letter-spacing:-.03em;max-width:14ch;margin-top:auto;color:var(--w-fg)}
.d-cover__sub{margin-top:22px;font-size:19px;line-height:1.45;color:var(--w-mut);max-width:40ch;
  font-weight:400}
.d-cover__figs{margin-top:38px;display:flex;gap:64px;border-top:1px solid var(--w-rule);
  padding-top:22px}
.d-cover__figs b{display:block;font-family:Plex,sans-serif;font-weight:800;font-size:38px;
  letter-spacing:-.03em;line-height:1}
.d-cover__figs span{display:block;margin-top:7px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--w-wek);max-width:20ch}
.d-cover__pg{position:absolute;right:64px;bottom:52px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.16em;color:var(--w-wek)}

/* ── d-pitch · слайд с графиком и KPI, 16:9 ─────────────────── */
.d-pitch{background:var(--w-bg);font-family:Plex,sans-serif;padding:52px 60px;
  display:flex;flex-direction:column}
.d-pitch__top{display:flex;justify-content:space-between;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--w-wek)}
.d-pitch h3,.d-pitch .d-h3{font-family:Plex,sans-serif;font-weight:600;font-size:46px;line-height:1.08;
  letter-spacing:-.02em;max-width:19ch;margin-top:26px}
.d-pitch__row{margin-top:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end}
.d-pitch__ch{display:flex;align-items:flex-end;gap:26px;height:230px;
  border-bottom:1px solid var(--w-rule)}
.d-pitch__b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.d-pitch__b i{display:block;font-style:normal;font-family:JBM,monospace;font-weight:600;
  font-size:15px;color:var(--w-acc);margin-bottom:9px}
.d-pitch__b u{display:block;text-decoration:none;width:100%;background:var(--w-acc);opacity:.32}
.d-pitch__b:last-child u{opacity:1}
.d-pitch__x{display:flex;gap:26px;margin-top:9px}
.d-pitch__x span{flex:1;text-align:center;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.1em;color:var(--w-wek)}
.d-pitch__kpi div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;
  border-bottom:1px solid var(--w-rule2);font-size:16px}
.d-pitch__kpi div:first-child{border-top:1px solid var(--w-rule2)}
.d-pitch__kpi b{font-family:JBM,monospace;font-weight:600;font-variant-numeric:tabular-nums;
  color:var(--w-acc)}
.d-pitch__kpi span{color:var(--w-mut)}
.d-pitch__src{margin-top:26px;font-family:JBM,monospace;font-size:11.5px;letter-spacing:.09em;
  color:var(--w-wek);text-transform:uppercase}

/* ── d-land · продающая страница, вертикаль ─────────────────── */
.d-land{background:var(--w-bg);font-family:Onest,sans-serif;display:flex;flex-direction:column}
.d-land__nav{display:flex;justify-content:space-between;align-items:center;padding:26px 40px;
  border-bottom:1px solid var(--w-rule)}
.d-land__nav b{font-family:Spectral,serif;font-weight:400;font-size:25px;letter-spacing:.2em}
.d-land__nav span{font-family:JBM,monospace;font-size:12px;letter-spacing:.16em;color:var(--w-wek)}
.d-land__hero{padding:52px 40px 40px}
.d-land h3,.d-land .d-h3{font-family:Spectral,serif;font-weight:400;font-size:70px;line-height:1.02;max-width:13ch}
.d-land__sub{margin-top:24px;font-size:18px;line-height:1.5;color:var(--w-mut);max-width:36ch}
.d-land__ph{height:300px;overflow:hidden;margin:0 40px}
.d-land__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.d-land__spec{margin:36px 40px 0;border-top:1px solid var(--w-rule)}
.d-land__spec div{display:flex;justify-content:space-between;padding:14px 0;
  border-bottom:1px solid var(--w-rule);font-size:16px}
.d-land__spec span{color:var(--w-wek)}
.d-land__act{margin:38px 40px 40px;display:flex;align-items:center;gap:22px}
.d-land__act u{text-decoration:none;background:var(--w-acc);color:var(--w-bg);font-weight:600;
  font-size:17px;padding:17px 32px;display:inline-block}
.d-land__act p{font-family:JBM,monospace;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--w-wek);max-width:22ch;line-height:1.5}

/* второе исполнение того же шаблона: гротеск вместо антиквы */
.d-land--plex h3{font-family:Plex,sans-serif;font-weight:800;font-size:46px;letter-spacing:-.035em;
  line-height:1;max-width:12ch}
.d-land--plex .d-land__nav b{font-family:Plex,sans-serif;font-weight:800;font-size:20px;
  letter-spacing:.02em}
.d-land--plex .d-land__hero{padding:44px 36px 34px}
.d-land--plex .d-land__sub{font-size:17px;max-width:30ch;margin-top:20px}
.d-land--plex .d-land__nav,.d-land--plex .d-land__ft{padding-left:36px;padding-right:36px}
.d-land--plex .d-land__ph{margin:0;height:230px}
.d-land--plex .d-land__act{margin:26px 36px 0}
.d-land__cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--w-rule);
  margin:0 36px}
.d-land__cols div{padding:26px 20px 26px 0}
.d-land__cols div+div{border-left:1px solid var(--w-rule);padding-left:24px}
.d-land__cols b{display:block;font-family:Plex,sans-serif;font-weight:800;font-size:26px;
  letter-spacing:-.03em}
.d-land__cols span{display:block;margin-top:8px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--w-wek)}
.d-land__ft{margin-top:auto;display:flex;justify-content:space-between;padding:22px 36px;
  border-top:1px solid var(--w-rule);font-family:JBM,monospace;font-size:12px;letter-spacing:.14em;
  color:var(--w-wek)}

/* ── d-report · отчёт и смета, A4 ───────────────────────────── */
.d-report{background:var(--w-bg);font-family:Plex,sans-serif;padding:48px 54px 40px;
  display:flex;flex-direction:column}
.d-report__top{display:flex;justify-content:space-between;font-family:JBM,monospace;font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--w-wek);
  border-bottom:2px solid var(--w-rule2);padding-bottom:12px}
.d-report h3,.d-report .d-h3,.d-report h4,.d-report .d-h4{font-family:Plex,sans-serif;font-weight:600;font-size:34px;
  line-height:1.14;letter-spacing:-.018em;max-width:20ch;margin-top:28px}
.d-report h4,.d-report .d-h4{font-size:28px;letter-spacing:-.02em;line-height:1.15;max-width:18ch}
.d-report__note{margin-top:14px;font-size:14.5px;line-height:1.55;color:var(--w-mut);max-width:48ch}
table.dt{width:100%;border-collapse:collapse;margin-top:28px;font-size:14px;
  font-variant-numeric:tabular-nums}
table.dt th{font-family:JBM,monospace;font-weight:400;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--w-wek);text-align:right;padding:0 0 9px;
  border-bottom:1px solid var(--w-rule2)}
table.dt th:first-child{text-align:left}
table.dt td{padding:11px 0;border-bottom:1px solid var(--w-rule);text-align:right}
table.dt td:first-child{text-align:left;font-weight:600}
table.dt .neg{color:var(--w-neg)}
table.dt .pos{color:var(--w-acc)}
table.dt tr.tot td{border-bottom:0;border-top:2px solid var(--w-rule2);font-weight:600;padding-top:12px}
.d-report__bar{margin-top:26px;display:flex;height:26px;width:100%}
.d-report__bar i{display:block;height:100%}
.d-report__leg{margin-top:11px;display:flex;gap:22px;font-family:JBM,monospace;font-size:10.5px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--w-wek);flex-wrap:wrap}
.d-report__leg u{display:inline-block;width:9px;height:9px;text-decoration:none;margin-right:7px}
.d-report__out{margin-top:auto;border:1px solid var(--w-rule2);padding:18px 20px;font-size:15px;
  line-height:1.5}
.d-report__out b{color:var(--w-neg)}
.d-report__foot{margin-top:20px;font-family:JBM,monospace;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--w-wek);display:flex;justify-content:space-between}

/* ── d-figs · слайд «таблица и одна цифра», 16:9 ────────────── */
.d-figs{background:var(--w-bg);font-family:Plex,sans-serif;padding:50px 60px 44px;
  display:flex;flex-direction:column}
.d-figs__top{display:flex;justify-content:space-between;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--w-wek)}
.d-figs h3,.d-figs .d-h3{font-family:Plex,sans-serif;font-weight:600;font-size:46px;line-height:1.06;
  letter-spacing:-.025em;max-width:18ch;margin-top:24px}
.d-figs__lead{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start;
  margin-top:26px}
.d-figs__t{margin-top:auto}
.d-figs__t div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;
  border-bottom:1px solid var(--w-rule);font-size:16px}
.d-figs__t div:first-child{border-top:1px solid var(--w-rule2)}
.d-figs__t b{font-family:JBM,monospace;font-weight:600;font-variant-numeric:tabular-nums;
  color:var(--w-acc)}
.d-figs__t span{color:var(--w-mut)}
.d-figs__big{display:flex;align-items:flex-end;gap:20px;padding-top:4px}
.d-figs__big em{font-style:normal;font-family:Plex,sans-serif;font-weight:800;font-size:104px;
  line-height:.8;letter-spacing:-.05em;color:var(--w-acc)}
.d-figs__big p{font-size:15px;line-height:1.4;color:var(--w-mut);max-width:18ch;padding-bottom:8px}
.d-figs__src{margin-top:26px;font-family:JBM,monospace;font-size:11.5px;letter-spacing:.09em;
  color:var(--w-wek);text-transform:uppercase}

/* ── d-letter · письмо, A4 ──────────────────────────────────── */
.d-letter{background:var(--w-bg);font-family:Plex,sans-serif;padding:52px 58px;
  display:flex;flex-direction:column}
.d-letter__h{font-family:JBM,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w-wek);border-bottom:1px solid var(--w-rule);padding-bottom:14px;line-height:2}
.d-letter__b{margin-top:26px;font-size:16px;line-height:1.62;color:var(--w-mut)}
.d-letter__b p+p{margin-top:16px}
.d-letter__b b{font-weight:600;color:var(--w-fg)}
.d-letter__s{margin-top:34px;font-size:16px;line-height:1.6}
.d-letter__s span{color:var(--w-wek)}
.d-letter__att{margin-top:auto;padding-top:26px;border-top:1px solid var(--w-rule)}
.d-letter__att>p{font-family:JBM,monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--w-wek)}
.d-letter__att div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;
  border-bottom:1px solid var(--w-rule2);font-size:14.5px}
.d-letter__att div:first-of-type{margin-top:12px;border-top:1px solid var(--w-rule2)}
.d-letter__att b{font-weight:400;color:var(--w-wek);font-family:JBM,monospace;font-size:12.5px}

/* ── d-bars · слайд с расчётом, 16:9 ────────────────────────── */
.d-bars{background:var(--w-bg);font-family:Plex,sans-serif;padding:48px 60px 44px;
  display:flex;flex-direction:column}
.d-bars__eb{font-family:JBM,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--w-wek)}
.d-bars h4,.d-bars .d-h4{font-family:Plex,sans-serif;font-weight:600;font-size:40px;letter-spacing:-.03em;
  line-height:1.05;max-width:19ch;margin-top:18px}
.d-bars__sub{margin-top:14px;font-size:16px;line-height:1.45;color:var(--w-mut);max-width:36ch}
.d-bars__ch{margin-top:auto;display:flex;align-items:flex-end;gap:24px;height:360px;
  border-bottom:1px solid var(--w-fg)}
.d-bars__ch i{flex:1;background:var(--w-fg);display:block;position:relative}
.d-bars__ch i em{position:absolute;left:0;right:0;top:-30px;text-align:center;font-style:normal;
  font-family:JBM,monospace;font-weight:600;font-size:17px;color:var(--w-fg)}
.d-bars__ch i.hot{background:var(--w-neg)}
.d-bars__ch i.hot em{color:var(--w-neg)}
.d-bars__lb{display:flex;gap:24px;margin-top:12px}
.d-bars__lb span{flex:1;text-align:center;font-family:JBM,monospace;font-size:13px;
  letter-spacing:.08em;color:var(--w-wek)}
.d-bars__src{margin-top:22px;font-family:JBM,monospace;font-size:11.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--w-wek)}

/* ── d-number · вынос одной цифры, 16:9 ─────────────────────── */
.d-number{background:var(--w-bg);font-family:Plex,sans-serif;padding:46px 52px;display:flex;
  flex-direction:column;justify-content:center}
.d-number b{font-family:Plex,sans-serif;font-weight:800;font-size:110px;letter-spacing:-.05em;
  line-height:.86;color:var(--w-fg)}
.d-number span{margin-top:18px;font-family:JBM,monospace;font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--w-wek);max-width:20ch;line-height:1.6}

/* ── ЛИСТ В РАБОТЕ: слои 1–3 на геометрии готовой деки ──────── */
.prl{padding:0}
.prl>.page{width:calc(var(--w,1280) * 1px);height:calc(var(--h,720) * 1px);transform:none}
.pz{position:absolute;border:1px dashed var(--w-wek);background:transparent}
.pz b{position:absolute;left:0;top:-19px;font-family:JBM,monospace;font-weight:400;font-size:12px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--w-wek)}
.prl--3 .pz{border-color:transparent;background:var(--w-rule)}
.p1{position:absolute;left:64px;top:56px;right:64px}
.p1 .u{font-size:13px;letter-spacing:.16em;color:var(--w-wek)}
.p1 q{display:block;margin-top:22px;font-family:Plex,sans-serif;font-weight:600;font-size:34px;
  line-height:1.25;letter-spacing:-.02em;color:var(--w-fg);max-width:22ch;quotes:"\00ab" "\00bb"}
.p1 ul{margin-top:34px;list-style:none;border-top:1px solid var(--w-rule);max-width:520px}
.p1 li{display:flex;justify-content:space-between;gap:20px;padding:11px 0;
  border-bottom:1px solid var(--w-rule2);font-family:JBM,monospace;font-size:13px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--w-wek)}
.pt{position:absolute;font-family:Plex,sans-serif;color:var(--w-fg)}
.pt--eb{left:64px;top:56px;font-family:JBM,monospace;font-size:13px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--w-wek)}
.pt--h{left:64px;top:298px;width:760px;font-weight:800;font-size:64px;line-height:1.02;
  letter-spacing:-.03em}
.pt--sub{left:64px;top:452px;width:560px;font-size:19px;line-height:1.45;color:var(--w-mut)}
.pt--figs{left:64px;top:548px;width:780px;display:flex;gap:64px;
  border-top:1px solid var(--w-rule2);padding-top:22px}
.pt--figs b{display:block;font-weight:800;font-size:38px;letter-spacing:-.03em;line-height:1}
.pt--figs span{display:block;margin-top:7px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.11em;text-transform:uppercase;color:var(--w-wek);max-width:20ch}
.pt--pg{right:64px;bottom:52px;font-family:JBM,monospace;font-size:12px;letter-spacing:.16em;
  color:var(--w-wek)}
/* правки корректора: единственное место, где скарлет входит в лист —
   это наша пометка на чужом документе, а не его цвет */
.mk{position:absolute;font-family:JBM,monospace;font-size:14px;line-height:1.5;letter-spacing:.02em;
  color:var(--accent);max-width:300px;background:var(--paper);padding:8px 12px}
.mk::before{content:"";position:absolute;left:-26px;top:9px;width:20px;height:1px;
  background:var(--accent)}
.mk s{color:var(--accent);opacity:.75}

/* ═══════════════════════════════════════════════════════════════
   ТРИ ШАБЛОНА, ДОБАВЛЕННЫЕ ПОД РАЗДЕЛ ЗАПИСОК.
   Те же гарнитуры и те же палитры работ: ни одного своего цвета.
   ═══════════════════════════════════════════════════════════════ */

/* ── d-offer2 · вторая полоса предложения, A4 ───────────────── */
.d-offer2{background:var(--w-bg);font-family:Spectral,serif;padding:44px 52px 40px;
  display:flex;flex-direction:column}
.d-offer2 .d-h4{font-family:Spectral,serif;font-weight:700;font-size:30px;line-height:1.1;
  letter-spacing:-.012em;margin-top:30px;max-width:22ch}
.d-offer2 table.dt{font-family:Spectral,serif;font-size:14.5px;margin-top:20px}
.d-offer2 table.dt th{font-family:JBM,monospace}
.d-o2__cap{margin-top:12px;font-family:JBM,monospace;font-size:10.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--w-wek);line-height:1.7}
.d-o2__h2{margin-top:32px}
.d-o2__steps{margin-top:16px;border-top:1px solid var(--w-rule)}
.d-o2__steps div{display:flex;gap:22px;padding:11px 0;border-bottom:1px solid var(--w-rule2)}
.d-o2__steps span{flex:none;width:150px;font-family:JBM,monospace;font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--w-wek);padding-top:3px}
.d-o2__steps b{font-weight:400;font-size:15px;line-height:1.45;color:var(--w-mut)}
.d-o2__risk{margin-top:26px;border:1px solid var(--w-rule);padding:16px 18px}
.d-o2__risk p{font-size:15px;line-height:1.5;color:var(--w-mut)}
.d-o2__risk-k{font-family:JBM,monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--w-wek);margin-bottom:8px}
.d-o2__next{margin-top:auto;padding-top:26px;border-top:2px solid var(--w-acc)}
.d-o2__next p{font-size:16px;line-height:1.5;color:var(--w-fg)}
.d-o2__next-k{font-family:JBM,monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--w-acc);margin-bottom:9px}
.d-o2__sign{margin-top:12px;font-family:JBM,monospace;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--w-wek)}
.d-offer2 .d-offer__foot{margin-top:22px}

/* ── d-onepager · вся сделка на одном листе, A4 ─────────────── */
.d-onepager{background:var(--w-bg);font-family:Plex,sans-serif;padding:40px 46px 34px;
  display:flex;flex-direction:column}
.d-one__nav{display:flex;justify-content:space-between;align-items:baseline;
  padding-bottom:12px;border-bottom:2px solid var(--w-rule2)}
.d-one__nav b{font-family:Plex,sans-serif;font-weight:800;font-size:21px;letter-spacing:.02em}
.d-one__nav span{font-family:JBM,monospace;font-size:10.5px;letter-spacing:.15em;
  color:var(--w-wek)}
.d-one__meta{margin-top:14px;font-family:JBM,monospace;font-size:10.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--w-wek)}
.d-onepager .d-h3{font-family:Plex,sans-serif;font-weight:800;font-size:40px;line-height:1.03;
  letter-spacing:-.032em;margin-top:12px;max-width:16ch}
.d-one__lead{margin-top:14px;font-size:15px;line-height:1.55;color:var(--w-mut);max-width:52ch}
.d-one__figs{margin-top:22px;display:flex;gap:38px;border-top:1px solid var(--w-rule2);
  border-bottom:1px solid var(--w-rule2);padding:16px 0}
.d-one__figs b{display:block;font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1}
.d-one__figs span{display:block;margin-top:6px;font-family:JBM,monospace;font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--w-wek)}
.d-one__cols{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.d-one__cols div{padding-right:18px}
.d-one__cols div+div{border-left:1px solid var(--w-rule);padding-left:18px}
.d-one__cols p{font-size:13.5px;line-height:1.5;color:var(--w-mut)}
.d-one__ck{font-family:JBM,monospace;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--w-fg);margin-bottom:7px}
.d-onepager table.dt{margin-top:24px;font-size:13.5px}
.d-one__next{margin-top:auto;padding-top:18px;border-top:2px solid var(--w-rule2);
  display:flex;align-items:baseline;gap:16px}
.d-one__next b{font-weight:800;font-size:17px;letter-spacing:-.02em;flex:none}
.d-one__next span{font-size:13.5px;line-height:1.5;color:var(--w-mut)}
.d-one__foot{margin-top:16px;padding-top:11px;border-top:1px solid var(--w-rule);
  font-family:JBM,monospace;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w-wek);display:flex;justify-content:space-between}

/* ── d-toc · оглавление деки, 16:9 ──────────────────────────── */
.d-toc{background:var(--w-bg);font-family:Plex,sans-serif;padding:44px 56px 38px;
  display:flex;flex-direction:column}
.d-toc__top{display:flex;justify-content:space-between;font-family:JBM,monospace;font-size:11.5px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--w-wek);
  border-bottom:1px solid var(--w-rule);padding-bottom:12px}
.d-toc .d-h3{font-family:Plex,sans-serif;font-weight:600;font-size:34px;line-height:1.05;
  letter-spacing:-.028em;margin-top:20px}
.d-toc__l{margin-top:20px;list-style:none;columns:2;column-gap:48px}
.d-toc__l li{display:grid;grid-template-columns:26px 1fr;gap:0 10px;padding:7px 0;
  border-bottom:1px solid var(--w-rule);break-inside:avoid}
.d-toc__l i{font-style:normal;font-family:JBM,monospace;font-size:12px;color:var(--w-acc);
  padding-top:2px}
.d-toc__l b{font-weight:600;font-size:15px;line-height:1.25;letter-spacing:-.01em}
.d-toc__l span{grid-column:2;margin-top:3px;font-family:JBM,monospace;font-size:10px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--w-wek);line-height:1.5}
.d-toc__src{margin-top:auto;padding-top:16px;font-family:JBM,monospace;font-size:11px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--w-wek)}

/* ── d-zones и d-draft · лист до оформления, 16:9 ────────────── */
.d-zones,.d-draft{background:var(--w-bg);font-family:Plex,sans-serif;position:relative}
.d-zn__eb{position:absolute;left:64px;top:13px;font-family:JBM,monospace;font-size:13px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--w-wek)}
.d-zn__ft{position:absolute;left:64px;bottom:24px;font-family:JBM,monospace;font-size:13px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--w-wek)}
.zn{position:absolute;border:1px dashed var(--w-wek)}
.zn b{position:absolute;left:0;top:-21px;font-family:JBM,monospace;font-weight:400;font-size:13px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--w-wek)}
.d-dr__ph{position:absolute;left:880px;top:56px;width:336px;height:608px;
  background:var(--w-rule);display:flex;align-items:center;justify-content:center}
.d-dr__ph span{font-family:JBM,monospace;font-size:13px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--w-wek);max-width:16ch;text-align:center;line-height:1.7}
.d-dr__h{position:absolute;left:64px;top:298px;width:760px;font-weight:400;font-size:34px;
  line-height:1.2;color:var(--w-fg)}
.d-dr__sub{position:absolute;left:64px;top:452px;width:560px;font-size:18px;line-height:1.45;
  color:var(--w-mut)}
.d-dr__figs{position:absolute;left:64px;top:548px;width:780px;display:flex;gap:60px}
.d-dr__figs b{display:block;font-weight:400;font-size:26px;color:var(--w-fg)}
.d-dr__figs span{display:block;margin-top:6px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--w-wek);max-width:20ch;line-height:1.5}

/* ── ВЫНОСКА НА ЛИСТЕ ───────────────────────────────────────────
   Номер ставится на сам элемент документа атрибутом data-mk, а не
   абсолютной координатой. 🔴 Координаты пришлось снять: они держались
   на замере отрендеренной вёрстки, и первая же правка шаблона листа
   (заголовок из h3 стал абзацем) сдвинула блоки, а номера остались
   стоять по-старому. Сдвиг не виден ни на одной проверке.
   Размер задан в единицах документа, поэтому выноска уменьшается
   вместе с листом и на телефоне не наезжает на текст.
   ─────────────────────────────────────────────────────────────── */
.page [data-mk]{position:relative}
.page [data-mk]::before{content:attr(data-mk);position:absolute;z-index:5;
  left:calc(0px - var(--mkpad, 52px));top:0;width:44px;height:44px;
  background:var(--accent);color:var(--ink);
  font-family:JBM,monospace;font-weight:600;font-size:26px;line-height:44px;
  text-align:center}

/* ── вторая диаграмма полосы отчёта (правило 6.67) ──────────────
   Изменение к прошлому кварталу длиной отрезка. Ни одного нового
   числа: все они уже стоят в таблице выше, здесь они показаны. */
.d-report__delta{margin-top:26px}
.d-report__dcap{font-family:JBM,monospace;font-size:10px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--w-wek);margin-bottom:10px}
.d-report__d{display:grid;grid-template-columns:96px 1fr;align-items:center;
  gap:14px;padding:5px 0;font-size:12.5px}
.d-report__d span{color:var(--w-mut)}
/* Ось нуля — одна, посередине. Рамка слева читалась второй осью
   и сбивала: отрезок вправо казался растущим от левого края. */
.d-report__d i{position:relative;display:block;height:13px;background:
    linear-gradient(90deg,transparent calc(50% - .5px),
      var(--w-rule2) calc(50% - .5px),var(--w-rule2) calc(50% + .5px),
      transparent calc(50% + .5px))}
.d-report__d u{position:absolute;top:2px;height:9px;text-decoration:none;display:block}
.d-report__d u.pos{background:var(--w-c3)}
.d-report__d u.neg{background:var(--w-neg)}

/* ── что клиент прислал под рукой (шаг 01 сцены тиража) ─────────
   🔴 07.09.2026, по оценке силы. Было три строки списка: лист называл
   таблицу, переписку и презентацию, но не показывал. Теперь они лежат
   на столе сами — разного вида, внахлёст, слегка повёрнуты. */
.phs{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none}
.ph{position:absolute;transform:rotate(var(--r));background:var(--w-bg);
  border:1px solid var(--w-rule);padding:16px 18px 13px;
  box-shadow:0 1px 0 var(--w-rule2)}
.ph__cap{margin-top:13px;font-family:JBM,monospace;font-size:12px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--w-wek);line-height:1.5}
.ph__cap s{display:block;text-decoration:none;color:var(--w-rule)}

/* таблица: строки и числа, без заголовка — обрывок */
.ph__tbl i{display:flex;justify-content:space-between;gap:16px;
  padding:6px 0;border-bottom:1px solid var(--w-rule2);
  font-family:JBM,monospace;font-size:13px;color:var(--w-mut)}
.ph__tbl i:first-child{border-top:1px solid var(--w-rule)}
.ph__tbl s{text-decoration:none}
.ph__tbl u{text-decoration:none;font-variant-numeric:tabular-nums;color:var(--w-fg)}

/* переписка: пузыри, свой — прижат вправо */
.ph__chat i{display:block;max-width:86%;margin-bottom:9px;padding:9px 11px 8px;
  background:var(--w-rule2);font-size:13.5px;line-height:1.35;color:var(--w-fg)}
.ph__chat i.ph__me{margin-left:auto;background:var(--w-acc);color:var(--w-bg)}
.ph__chat s{display:block;text-decoration:none}
.ph__chat u{display:block;margin-top:3px;text-decoration:none;
  font-family:JBM,monospace;font-size:9px;opacity:.65}

/* обложка прошлогодней презентации: тёмный лист и две полосы текста */
.ph__cov{background:var(--w-fg);padding:20px 18px 28px}
.ph__cov b{display:block;font-family:Plex,sans-serif;font-weight:700;
  font-size:19px;line-height:1.2;color:var(--w-bg);max-width:14ch}
.ph__cov i{display:block;height:5px;margin-top:12px;background:var(--w-wek);opacity:.5}
.ph__cov i:last-child{width:56%;margin-top:6px}