/* =========================================================
   Стиль «Чертёж» · общий CSS сайта (резиновая вёрстка)
   Все классы с префиксом dg-. Блоки страниц: views/blocks/*.ejs
   ========================================================= */

/* BT Grotesk: положи woff2 в public/fonts/ под этими именами. Пока файлов нет, работает запасной Inter Tight. */

/* ---------- Токены ---------- */
:root{
  --dg-paper:#F4F5ED;
  --dg-surface:#E0E0DA;
  --dg-line:#B3B3AF;
  --dg-ink:#282828;
  --dg-ink-2:#414140;
  --dg-ink-3:#626260;
  --dg-muted:#B4B4B0;
  --dg-accent:#E5232A;
  --dg-accent-soft:#EF4A50;
  --dg-white:#FFFFFF;

  --dg-sans:"BT Grotesk","Inter Tight",Arial,sans-serif;
  --dg-mono:"Geist Mono", ui-monospace, monospace;

  --dg-ease:cubic-bezier(.23,1,.32,1);
  --dg-ease-in:cubic-bezier(.64,0,.78,0);
  --dg-dur:.8s;

  --dg-frame:8px;          /* отступ рамки окна от края */
  --dg-pad:clamp(16px,1.6vw,28px); /* внутренний отступ ячейки, тянется от ширины */
  --dg-header-h:48px;
}
@media (max-width:640px){:root{--dg-frame:0px;--dg-pad:16px;--dg-header-h:50px}}

/* ---------- База ---------- */
html,body{background:var(--dg-paper);margin:0}
.dg{padding:var(--dg-frame);-webkit-font-smoothing:antialiased;overflow-x:clip}
.dg-sheet{max-width:1600px;margin:0 auto;border:1px solid var(--dg-line);position:relative}
.dg, .dg *{box-sizing:border-box}
.dg{font-family:var(--dg-sans);font-weight:500;font-size:16px;line-height:1.35;letter-spacing:-.02em;color:var(--dg-ink)}
.dg img{display:block;max-width:100%;height:auto}
.dg a{color:inherit;text-decoration:none}
.dg h1,.dg h2,.dg h3,.dg p{margin:0}
.dg ::selection{background:var(--dg-accent);color:var(--dg-white)}

/* ---------- HUD: прокрутка и координаты курсора ---------- */
.dg-hud{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;border:1px solid var(--dg-ink);background:var(--dg-paper);font-family:var(--dg-mono);font-size:11px;letter-spacing:.04em}
.dg-hud span{padding:7px 10px;border-left:1px solid var(--dg-line);min-width:76px;font-variant-numeric:tabular-nums}
.dg-hud span:first-child{border-left:0;background:var(--dg-ink);color:var(--dg-paper);min-width:52px;text-align:center}
@media (max-width:700px){.dg-hud{display:none}}

/* ---------- Секция = полоса между линиями рамки ---------- */
.dg-sec{position:relative;border-bottom:1px solid var(--dg-line)}
.dg-sec--pad{padding:calc(var(--dg-pad)*2) var(--dg-pad) var(--dg-pad)}
.dg-sec--dark{background:var(--dg-ink);color:var(--dg-white)}
.dg-plus{position:absolute;width:9px;height:9px;color:var(--dg-line)}
.dg-plus::before,.dg-plus::after{content:"";position:absolute;background:currentColor}
.dg-plus::before{left:4px;top:0;width:1px;height:9px}.dg-plus::after{top:4px;left:0;height:1px;width:9px}
.dg-plus--tl{left:4px;top:4px}.dg-plus--tr{right:4px;top:4px}.dg-plus--bl{left:4px;bottom:4px}.dg-plus--br{right:4px;bottom:4px}

/* ---------- Ячейки ---------- */
.dg-row{display:flex}
.dg-row > *{flex:1;min-width:0}
.dg-row > * + *{border-left:1px solid var(--dg-line)}
.dg-cols{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.dg-cols > *{border-right:1px solid var(--dg-line);padding:var(--dg-pad)}
.dg-cols > *:nth-child(var(--cols,4)n){border-right:0}
.dg-cols--2{--cols:2}.dg-cols--3{--cols:3}.dg-cols--4{--cols:4}
.dg-cols--2 > *:nth-child(2n),.dg-cols--3 > *:nth-child(3n),.dg-cols--4 > *:nth-child(4n){border-right:0}
.dg-cols--3 > *:nth-child(n+4),.dg-cols--4 > *:nth-child(n+5),.dg-cols--2 > *:nth-child(n+3){border-top:1px solid var(--dg-line)}
.dg-cell{padding:var(--dg-pad)}
.dg-cell--surface{background:var(--dg-surface)}
@media (max-width:980px){
  .dg-cols--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-cols--4 > *{border-right:1px solid var(--dg-line)!important;border-top:0}
  .dg-cols--4 > *:nth-child(2n){border-right:0!important}
  .dg-cols--4 > *:nth-child(n+3){border-top:1px solid var(--dg-line)}
}
@media (max-width:640px){
  .dg-row{flex-direction:column}
  .dg-row > * + *{border-left:0;border-top:1px solid var(--dg-line)}
  .dg-cols,.dg-cols--4{grid-template-columns:1fr}
  .dg-cols > *{border-right:0!important}
  .dg-cols > * + *{border-top:1px solid var(--dg-line)}
}

/* ---------- Типографика ---------- */
.dg-h1{font-size:clamp(36px,5vw,72px);line-height:1;font-weight:700;text-transform:uppercase;letter-spacing:-.02em}
.dg-h2{font-size:clamp(30px,3.4vw,48px);line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:-.02em}
.dg-h3{font-size:clamp(20px,1.7vw,24px);line-height:1.05;font-weight:600;text-transform:uppercase;letter-spacing:-.02em}
.dg-num{font-size:clamp(56px,7.8vw,112px);line-height:.9;font-weight:600;letter-spacing:-.04em}
.dg-num small{font-size:.5em;color:var(--dg-accent)}
.dg-num em{font-style:normal;color:var(--dg-accent)}
.dg-lead{font-size:clamp(16px,1.25vw,18px);line-height:1.3;color:var(--dg-ink-2)}
.dg-text{font-size:15px;line-height:1.35;color:var(--dg-ink-2)}
.dg-small{font-size:13px;line-height:1.35;color:var(--dg-ink-3)}
.dg-mono{font-family:var(--dg-mono);font-weight:500;font-size:11px;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}
.dg-mono--muted{color:var(--dg-ink-3)}
.dg-accent{color:var(--dg-accent)}
.dg-muted{color:var(--dg-muted)}
.dg-sq{display:inline-block;width:8px;height:8px;background:var(--dg-accent);vertical-align:middle}
.dg-head2{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.dg-head2 > p{max-width:340px}
.dg-kicker{display:block;margin-bottom:14px}
@media (max-width:640px){.dg-head2{flex-direction:column;align-items:flex-start;gap:16px}}

/* ---------- Шапка ---------- */
.dg-header{position:sticky;top:0;z-index:800;display:flex;height:var(--dg-header-h);border-bottom:1px solid var(--dg-line);background:var(--dg-paper)}
.dg-header__logo{flex:1;display:flex;align-items:center;padding:0 16px;font-weight:700;font-size:15px;text-transform:uppercase}
.dg-header__item{position:relative;width:130px;border-left:1px solid var(--dg-line);padding:8px 10px;transition:background .3s var(--dg-ease)}
.dg-header__item::after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line)}
.dg-header__item:hover{background:var(--dg-surface)}
.dg-header__item--cta{color:var(--dg-accent);display:flex;flex-direction:column;justify-content:space-between}
.dg-header__item--cta span{align-self:flex-end}
.dg-header__burger{display:none;color:var(--dg-ink)}
.dg-menu{display:none}
@media (max-width:980px){
  .dg-header__item:not(.dg-header__item--cta){display:none}
  .dg-header__burger{display:flex;align-items:center;justify-content:center;width:var(--dg-header-h);border-left:1px solid var(--dg-line);background:none;border-top:0;border-right:0;border-bottom:0;cursor:pointer}
  .dg-menu-open .dg-menu{display:flex;flex-direction:column;position:absolute;left:-1px;right:-1px;top:100%;background:var(--dg-paper);border:1px solid var(--dg-line);border-top:0}
  .dg-menu a{padding:16px;border-top:1px solid var(--dg-line);font-weight:600;font-size:20px;text-transform:uppercase}
}

/* ---------- Имя в футере ---------- */
.dg-bigname{font-size:clamp(48px,11vw,180px);line-height:.85}

/* ---------- Кнопки ---------- */
.dg-btn{position:relative;display:inline-flex;height:44px;border:1px solid var(--dg-ink);color:var(--dg-ink);overflow:hidden;cursor:pointer;font-family:var(--dg-mono);font-weight:500;font-size:11px;letter-spacing:.02em;text-transform:uppercase;background:none}
.dg-btn::before{content:"";position:absolute;inset:0;background:var(--dg-ink);transform:translateY(101%);transition:transform .4s var(--dg-ease)}
.dg-btn > span{position:relative;display:flex;align-items:center;padding:0 16px;transition:color .4s var(--dg-ease)}
.dg-btn > span + span{width:44px;padding:0;justify-content:center;border-left:1px solid currentColor}
.dg-btn:hover::before{transform:translateY(0)}
.dg-btn:hover > span{color:var(--dg-white)}
.dg-btn:hover > span + span{transform:translateX(0)}
.dg-btn--accent{background:var(--dg-accent);border-color:var(--dg-accent);color:var(--dg-white)}
.dg-btn--accent > span + span{border-color:rgba(255,255,255,.45)}
.dg-link{font-family:var(--dg-mono);font-size:11px;text-transform:uppercase;color:var(--dg-accent);border-bottom:1px solid transparent;transition:border-color .3s var(--dg-ease)}
.dg-link:hover{border-color:currentColor}
.dg-alt{font-size:13px;color:var(--dg-ink-3);text-decoration:underline;text-underline-offset:3px}

/* ---------- Плашки, записки ---------- */
.dg-tag{display:flex;align-items:center;gap:24px;min-height:40px;padding:0 14px;background:var(--dg-ink);color:var(--dg-white)}
.dg-tag b{font-weight:600;font-size:16px;text-transform:uppercase;min-width:150px}
.dg-tag span{flex:1;font-size:12px}
.dg-tag::after{content:"";width:8px;height:8px;background:var(--dg-accent);flex:none}
.dg-note{width:280px;max-width:100%;border:1px solid var(--dg-ink);background:var(--dg-paper)}
.dg-note__head{background:var(--dg-ink);color:var(--dg-white);padding:6px 10px}
.dg-note p{padding:10px;font-size:12px;line-height:1.35;color:var(--dg-ink-2)}
.dg-note__foot{padding:0 10px 10px;color:var(--dg-muted)}

/* ---------- Бегущая строка ---------- */
.dg-marquee{overflow:hidden;white-space:nowrap;padding:10px 0;color:var(--dg-ink-3)}
.dg-marquee__track{display:inline-flex;gap:24px;padding-right:24px;animation:dg-marquee 30s linear infinite}
@keyframes dg-marquee{to{transform:translateX(-50%)}}

/* ---------- Иконки-каркасы ---------- */
.dg-ico{display:block;margin:40px auto;width:160px;height:160px;transition:transform .8s var(--dg-ease)}
.dg-ico *{fill:none;stroke:var(--dg-ink-3);stroke-width:1}
.dg-card:hover .dg-ico{transform:rotate(-6deg) scale(1.04)}
.dg-card{display:flex;flex-direction:column;position:relative}
.dg-card__top{display:flex;justify-content:space-between}
.dg .dg-card__title{margin:auto 0 14px}
.dg-card::after{content:"";position:absolute;right:16px;bottom:16px;width:8px;height:8px;background:var(--dg-accent);opacity:0;transition:opacity .3s var(--dg-ease)}
.dg-card:hover::after{opacity:1}

/* ---------- Аккордеон (нативный details) ---------- */
.dg-acc details{border-bottom:1px dashed var(--dg-line)}
.dg-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-weight:600;font-size:18px;text-transform:uppercase}
.dg-acc summary::-webkit-details-marker{display:none}
.dg-acc summary::after{content:"+";font-family:var(--dg-mono);color:var(--dg-ink-3)}
.dg-acc details[open] summary::after{content:"−"}
.dg-acc details p{padding:0 0 16px;font-size:14px;color:var(--dg-ink-2);max-width:560px}

/* ---------- Таймлайн ---------- */
.dg-time{position:relative;display:grid;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));border-top:1px solid var(--dg-ink);border-bottom:1px solid var(--dg-ink)}
.dg-time > div{border-left:1px solid var(--dg-ink);padding:18px 16px 22px}
.dg-time > div:last-child{border-right:1px solid var(--dg-ink)}
.dg-time .dg-h3{margin:10px 0 6px;font-size:20px}
@media (max-width:640px){.dg-time{grid-template-columns:1fr;border-top:0;border-bottom:0;border-left:1px solid var(--dg-ink)}.dg-time > div{border-left:0;border-right:0!important;padding:0 0 20px 16px}}

/* ---------- Макет с пометками ---------- */
.dg-mock{position:relative}
.dg-window{border:1px solid var(--dg-ink);background:var(--dg-white)}
.dg-window__bar{display:flex;justify-content:space-between;background:var(--dg-ink);color:var(--dg-white);padding:6px 10px}
.dg-pin{position:absolute;width:22px;height:22px;background:var(--dg-accent);color:var(--dg-white);font-family:var(--dg-mono);font-size:10px;line-height:22px;text-align:center}
.dg-pin + .dg-note{position:absolute;width:220px}

/* ---------- До / после ---------- */
.dg-compare{position:relative;overflow:hidden;--pos:50%;user-select:none;touch-action:pan-y}
.dg-compare img{width:100%}
.dg-compare__after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--pos))}
.dg-compare__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:1px;background:var(--dg-accent);cursor:ew-resize}
.dg-compare__handle::after{content:"⟷";position:absolute;top:50%;left:-12px;width:24px;height:24px;margin-top:-12px;background:var(--dg-accent);color:var(--dg-white);font-size:12px;line-height:24px;text-align:center}
.dg-compare .dg-mono{position:absolute;top:10px;padding:4px 6px;background:var(--dg-paper)}

/* ---------- Вращающееся слово ---------- */
.dg-rotate{display:inline-block;border:1px solid var(--dg-ink);padding:0 4px;color:var(--dg-ink)}

/* =========================================================
   Анимации. Начальные состояния действуют, только если JS загрузился
   (dg-base.js ставит класс dg-js на <html>), иначе всё видно сразу.
   ========================================================= */
.dg-js [data-dg="up"]{opacity:0;transform:translateY(40px);transition:opacity var(--dg-dur) var(--dg-ease),transform var(--dg-dur) var(--dg-ease);transition-delay:var(--d,0s)}
.dg-js [data-dg="up"].is-in{opacity:1;transform:none}
/* построчное появление: каждая строка в маске */
.dg-line{display:block;overflow:hidden}
.dg-line > span{display:block}
.dg-js [data-dg="lines"] .dg-line > span{transform:translateY(105%);transition:transform var(--dg-dur) var(--dg-ease);transition-delay:var(--d,0s)}
.dg-js [data-dg="lines"].is-in .dg-line > span{transform:none}
/* слова от серого к чёрному по скроллу */
[data-dg="words"] .dg-w{color:var(--dg-muted);transition:color .4s var(--dg-ease)}
[data-dg="words"] .dg-w.on{color:inherit}
/* бегущий процент/счётчик и дорисовка линий управляются из JS */

@media (prefers-reduced-motion:reduce){
  .dg-js [data-dg] , .dg-js [data-dg] *{transition:none!important;transform:none!important;opacity:1!important}
  .dg-marquee__track{animation:none}
}

/* ---------- Загрузчик ---------- */
#dg-boot{position:fixed;inset:0;z-index:99999;background:var(--dg-paper);color:var(--dg-ink)}
#dg-boot .dg-boot__line{position:absolute;left:0;top:45%;height:1px;width:0;background:var(--dg-accent)}
#dg-boot .dg-boot__pct{position:absolute;left:16px;top:calc(45% - 18px);color:var(--dg-accent)}
#dg-boot .dg-boot__xy{position:absolute;pointer-events:none;color:var(--dg-ink-3)}
#dg-boot .dg-boot__title{position:absolute;left:16px;bottom:16px}
#dg-boot .dg-boot__log{position:absolute;right:16px;bottom:16px;width:280px;color:var(--dg-ink-3);white-space:pre-line}
#dg-boot.is-out{opacity:0;transition:opacity .5s var(--dg-ease-in)}
@media (max-width:640px){#dg-boot .dg-boot__log,#dg-boot .dg-boot__xy{display:none}}

/* =========================================================
   Узкие экраны: вёрстка резиновая, контент от края до края.
   Рамки окна и боковых полей нет, графика без отступов,
   отступ только у текста. Бургер 50×50 у левого края.
   ========================================================= */
@media (max-width:640px){
  .dg{padding:0}
  .dg-sheet{border-left:0;border-right:0;border-top:0}
  .dg-plus{display:none}
  .dg-header__burger{order:-1;width:50px;height:50px;border-left:0!important;border-right:1px solid var(--dg-line)!important}
  .dg-header__logo{padding:0 16px}
  .dg-header__item--cta{width:auto;min-width:96px}
  .dg-menu-open .dg-menu{left:0;right:0;border-left:0;border-right:0}
  /* графика во всю ширину */
  .dg-bleed{padding:0!important}
  .dg-bleed-m{padding:40px 0 0!important;min-height:0!important}
  .dg-bleed-m svg{width:100%!important}
  .dg-bleed svg,.dg-bleed img{width:100%!important;max-width:none!important;display:block}
  .dg-ico{width:100%;height:auto;max-height:180px;margin:24px 0}
  .dg-window,.dg-compare{margin-left:calc(var(--dg-pad)*-1);margin-right:calc(var(--dg-pad)*-1);border-left:0;border-right:0}
  .dg-tag{margin-left:calc(var(--dg-pad)*-1);margin-right:calc(var(--dg-pad)*-1);padding:0 16px}
  .dg-btn{height:50px}
  .dg-hud{right:0;bottom:0}
}

/* =========================================================
   Дополнения для CMS: меню, крошки, текст статьи, цены,
   сравнение, ссылки, формы, фото-рамки
   ========================================================= */
.dg-skip{position:absolute;left:-9999px}.dg-skip:focus{left:16px;top:16px;z-index:9999;background:var(--dg-ink);color:#fff;padding:8px 12px}
.dg-header__item{width:clamp(96px,8vw,140px)}
.dg-header__item--mega{cursor:default}
.dg-mega{display:none;position:absolute;left:-1px;right:-1px;top:100%;background:var(--dg-paper);border:1px solid var(--dg-line);border-top:0;z-index:5}
.dg-header__item--mega:hover .dg-mega,.dg-header__item--mega:focus-within .dg-mega{display:grid}
.dg-mega{grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-mega a{padding:14px var(--dg-pad);border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);font-family:var(--dg-sans);text-transform:none;font-size:15px;font-weight:600;letter-spacing:-.02em;transition:background .3s var(--dg-ease)}
.dg-mega a:hover{background:var(--dg-surface)}
.dg-mega a small{display:block;font-family:var(--dg-mono);font-size:10px;font-weight:500;color:var(--dg-ink-3);text-transform:uppercase;margin-bottom:4px}
.dg-header{position:sticky}
.dg-header__wrap{position:static}
@media (max-width:980px){.dg-menu{max-height:calc(100vh - var(--dg-header-h));overflow:auto}.dg-menu a.sub{font-size:15px;font-weight:500;padding:12px 16px 12px 32px}}

.dg-crumbs{padding:12px var(--dg-pad);border-bottom:1px solid var(--dg-line);color:var(--dg-ink-3)}
.dg-crumbs a:hover{color:var(--dg-accent)}
.dg-crumbs span{margin:0 6px;color:var(--dg-muted)}

/* Герой с фото или иллюстрацией */
.dg-hero-visual{min-height:clamp(260px,52vh,640px);display:flex;align-items:center;justify-content:center;padding:clamp(32px,4vw,64px) var(--dg-pad)}
.dg-hero-visual .ph{width:100%;max-width:1100px;margin:0}
.dg-hero-visual svg{width:100%;max-width:980px;height:auto}
.dg-hero-compact .dg-h1{font-size:clamp(34px,4.4vw,64px)}

/* Текст статьи и SEO-текст */
.dg-prose{max-width:76ch;font-size:clamp(16px,1.1vw,18px);line-height:1.55;color:var(--dg-ink-2)}
.dg .dg-prose > * + *{margin-top:1em}
.dg .dg-prose h2{font-size:clamp(24px,2.2vw,34px);line-height:1.05;font-weight:600;text-transform:uppercase;color:var(--dg-ink);margin-top:1.8em;scroll-margin-top:calc(var(--dg-header-h) + 16px)}
.dg .dg-prose h2 + *,.dg .dg-prose h3 + *{margin-top:.6em}
.dg .dg-prose > :first-child{margin-top:0}
.dg .dg-prose h3{font-size:clamp(19px,1.5vw,22px);line-height:1.15;font-weight:600;color:var(--dg-ink);margin-top:1.5em}
.dg-prose a{color:var(--dg-ink);text-decoration:underline;text-decoration-color:var(--dg-accent);text-underline-offset:3px}
.dg-prose a:hover{color:var(--dg-accent)}
.dg-prose ul,.dg-prose ol{padding-left:1.2em}
.dg-prose li + li{margin-top:.4em}
.dg-prose ul li::marker{color:var(--dg-accent)}
.dg-prose strong{color:var(--dg-ink);font-weight:600}
.dg-prose blockquote{margin:1.5em 0;padding:16px 20px;border-left:2px solid var(--dg-accent);background:var(--dg-surface);color:var(--dg-ink)}
.dg-prose table{width:100%;border-collapse:collapse;font-size:15px}
.dg-prose th,.dg-prose td{border:1px solid var(--dg-line);padding:10px 12px;text-align:left;vertical-align:top}
.dg-prose th{font-family:var(--dg-mono);font-size:11px;text-transform:uppercase;font-weight:500;background:var(--dg-surface);color:var(--dg-ink)}
.dg-prose code{font-family:var(--dg-mono);font-size:.9em;background:var(--dg-surface);padding:1px 4px}
.dg-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:0}
.dg-split > aside{padding:var(--dg-pad);border-right:1px solid var(--dg-line)}
.dg-split > div{padding:calc(var(--dg-pad)*2) var(--dg-pad)}
.dg-toc{position:sticky;top:calc(var(--dg-header-h) + 16px);display:flex;flex-direction:column;gap:8px}
.dg-toc a{font-size:13px;color:var(--dg-ink-3)}.dg-toc a:hover{color:var(--dg-accent)}
@media (max-width:980px){.dg-split{grid-template-columns:1fr}.dg-split > aside{border-right:0;border-bottom:1px solid var(--dg-line)}.dg-toc{position:static}}

/* Список фич */
.dg-list > div{display:flex;justify-content:space-between;gap:24px;padding:16px var(--dg-pad);border-top:1px solid var(--dg-line);transition:background .3s var(--dg-ease)}
.dg-list > div:hover{background:var(--dg-surface)}
.dg-list b{font-weight:600;font-size:clamp(16px,1.3vw,19px);flex:0 0 clamp(180px,28%,360px);text-transform:uppercase;letter-spacing:-.02em}
.dg-list p{flex:1;font-size:15px;color:var(--dg-ink-2)}
.dg-list i{flex:none;width:20px;height:20px;border:1px solid var(--dg-ink);border-radius:50%;position:relative}
.dg-list i::after{content:"";position:absolute;inset:6px;background:var(--dg-accent);border-radius:50%;transform:scale(0);transition:transform .3s var(--dg-ease)}
.dg-list > div:hover i::after{transform:scale(1)}
@media (max-width:640px){.dg-list > div{flex-direction:column;gap:6px}.dg-list i{display:none}}

/* Карточки-ссылки */
a.dg-card{transition:background .3s var(--dg-ease)}
a.dg-card:hover{background:var(--dg-surface)}
.dg-card .ph{margin:16px 0}
.dg-card .dg-ico{width:clamp(96px,9vw,140px);height:auto;margin:clamp(20px,3vw,40px) auto}
.dg-card__more{margin-top:14px}

/* Цены */
.dg-price{display:flex;flex-direction:column;gap:14px}
.dg-price .dg-num{font-size:clamp(40px,4.6vw,72px)}
.dg-price ul{list-style:none;padding:0;margin:0;font-size:14px;color:var(--dg-ink-2);flex:1}
.dg-price li{padding:8px 0;border-top:1px dashed var(--dg-line);display:flex;gap:10px}
.dg-price li::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;background:var(--dg-accent)}
.dg-price--hot{background:var(--dg-surface)}
.dg-price--hot .dg-card__top span:first-child{color:var(--dg-accent)}

/* Сравнение */
.dg-compare-t{width:100%;border-collapse:collapse}
.dg-compare-t th,.dg-compare-t td{padding:14px var(--dg-pad);border-top:1px solid var(--dg-line);text-align:left;vertical-align:top;font-size:15px}
.dg-compare-t th{font-family:var(--dg-mono);font-size:11px;text-transform:uppercase;font-weight:500;color:var(--dg-ink-3)}
.dg-compare-t td + td,.dg-compare-t th + th{border-left:1px solid var(--dg-line)}
.dg-compare-t td:first-child{font-weight:600;text-transform:uppercase;font-size:14px}
.dg-compare-t td:nth-child(2){background:var(--dg-surface);color:var(--dg-ink)}
.dg-compare-t td:nth-child(n+3){color:var(--dg-ink-3)}
@media (max-width:640px){.dg-compare-t thead{display:none}.dg-compare-t tr{display:block;border-top:1px solid var(--dg-line)}.dg-compare-t td{display:block;border-top:0;padding:10px var(--dg-pad)}.dg-compare-t td + td{border-left:0}.dg-compare-t td:first-child{padding-top:16px}.dg-compare-t td[data-label]::before{content:attr(data-label);display:block;font-family:var(--dg-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--dg-ink-3);margin-bottom:4px}.dg-compare-t td:nth-child(2){background:var(--dg-surface)}}

/* Ссылки-сетка (города, связанные услуги) */
.dg-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(160px,16vw,240px),1fr));border-top:1px solid var(--dg-line)}
.dg-links a{display:flex;justify-content:space-between;gap:8px;padding:14px var(--dg-pad);border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);font-size:15px;transition:background .3s var(--dg-ease)}
.dg-links a:hover{background:var(--dg-surface)}
.dg-links a::after{content:"→";font-family:var(--dg-mono);color:var(--dg-ink-3)}
.dg-links a:hover::after{color:var(--dg-accent)}
.dg-links small{display:block;font-family:var(--dg-mono);font-size:10px;text-transform:uppercase;color:var(--dg-ink-3)}

/* Логотипы клиентов */
.dg-logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.dg-logos > div{position:relative;min-height:110px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--dg-line);overflow:hidden;font-weight:700;font-size:clamp(15px,1.3vw,19px);text-transform:uppercase;color:var(--dg-ink-3);transition:color .3s var(--dg-ease)}
.dg-logos > div:last-child{border-right:0}
.dg-logos > div:hover{color:var(--dg-ink)}
.dg-logos small{position:absolute;left:0;right:0;bottom:0;padding:6px;text-align:center;font-family:var(--dg-mono);font-size:10px;font-weight:500;background:var(--dg-ink);color:var(--dg-white);transform:translateY(100%);transition:transform .4s var(--dg-ease)}
.dg-logos > div:hover small{transform:none}

/* Кейсы */
.dg-case{display:flex;flex-direction:column;gap:14px}
.dg-case .ph{margin:0}
.dg-case .dg-num{font-size:clamp(40px,4.4vw,64px)}

/* Аннотированный макет */
.dg-annot{position:relative}
.dg-annot .ph{margin:0}
.dg-annot .dg-pin{transform:translate(-50%,-50%)}
.dg-js .dg-annot .dg-pin{opacity:0;transform:translate(-50%,-50%) scale(.4);transition:opacity .5s var(--dg-ease),transform .5s var(--dg-ease);transition-delay:var(--d,0s)}
.dg-js .dg-annot.is-in .dg-pin{opacity:1;transform:translate(-50%,-50%)}
.dg-annot-list{counter-reset:pin}
.dg-annot-list > div{display:flex;gap:14px;padding:14px 0;border-top:1px dashed var(--dg-line);font-size:15px;color:var(--dg-ink-2)}
.dg-annot-list .dg-pin{position:static;flex:none}

/* Формы */
.dg-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dg-line)}
.dg-form label{display:flex;flex-direction:column;gap:6px;padding:14px var(--dg-pad);border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line)}
.dg-form label:nth-child(2n+1 of label:not(.dg-form__wide)){}
.dg-form .dg-form__wide{grid-column:1/-1;border-right:0}
.dg-form input,.dg-form textarea,.dg-form select{font:inherit;font-size:16px;border:0;border-bottom:1px solid var(--dg-ink);background:transparent;padding:8px 0;color:var(--dg-ink);border-radius:0;outline:0}
.dg-form input:focus,.dg-form textarea:focus,.dg-form select:focus{border-color:var(--dg-accent)}
.dg-form textarea{min-height:110px;resize:vertical}
.dg-form .dg-check{flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;color:var(--dg-ink-3)}
.dg-form .dg-check input{width:16px;height:16px;margin-top:2px;accent-color:var(--dg-accent)}
.dg-form .dg-check a{text-decoration:underline}
.dg-form__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:16px var(--dg-pad)}
.dg-form button.dg-btn{font:inherit;font-family:var(--dg-mono);font-size:11px}
.hp{position:absolute;left:-9999px}
@media (max-width:640px){.dg-form{grid-template-columns:1fr}.dg-form label{border-right:0}}

/* Сообщения */
.dg-msg{padding:12px var(--dg-pad);border-bottom:1px solid var(--dg-line);background:var(--dg-surface)}
.dg-msg--err{background:var(--dg-accent);color:#fff}
.dg-msg--draft{background:var(--dg-ink);color:#fff}

/* Фото-рамки по номерам */
.ph{margin:0;width:100%}
.ph img{display:block;width:100%;height:auto;object-fit:cover}
.ph-empty{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--dg-ink-3);background:repeating-linear-gradient(-45deg,transparent 0 14px,rgba(40,40,40,.06) 14px 15px);font-family:var(--dg-mono);text-transform:uppercase;min-height:120px}
.ph-empty span{font-size:clamp(22px,3vw,44px);color:var(--dg-accent);letter-spacing:.02em}
.ph-empty small{display:none;font-size:10px;color:var(--dg-ink-3);text-align:center;padding:0 12px;max-width:40ch}
.dg-admin .ph-empty small{display:block}
.ph-empty::before,.ph-empty::after{content:"";position:absolute;width:9px;height:9px;border-color:var(--dg-ink);border-style:solid}
.ph-empty::before{left:-1px;top:-1px;border-width:1px 0 0 1px}.ph-empty::after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}

/* Футер */
.dg-foot-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.dg-foot-links > div{padding:var(--dg-pad);border-right:1px solid var(--dg-line);display:flex;flex-direction:column;gap:6px}
.dg-foot-links > div:last-child{border-right:0}
.dg-foot-links a{font-size:14px;color:var(--dg-ink-2)}.dg-foot-links a:hover{color:var(--dg-accent)}
@media (max-width:980px){.dg-foot-links{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-foot-links > div:nth-child(2n){border-right:0}.dg-foot-links > div:nth-child(n+3){border-top:1px solid var(--dg-line)}}
@media (max-width:640px){.dg-foot-links{grid-template-columns:1fr}.dg-foot-links > div{border-right:0!important;border-top:1px solid var(--dg-line)}}

/* Статья блога */
.dg-meta{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--dg-line)}
.dg-meta > span{padding:10px var(--dg-pad);border-right:1px solid var(--dg-line)}
.dg-author{display:flex;gap:16px;align-items:center;padding:var(--dg-pad);border:1px solid var(--dg-line);margin-top:2em}
.dg-author .ph{width:72px;flex:none}.dg-author .ph-empty{min-height:72px}.dg-author .ph-empty span{font-size:14px}.dg-author .ph-empty small{display:none}
/* Подстраницы раздела карточками: номер, название, короткое описание */
.dg-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(240px,24vw,360px),1fr));border-top:1px solid var(--dg-line)}
.dg-subs a{display:flex;flex-direction:column;gap:12px;padding:var(--dg-pad);border-right:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line);min-height:clamp(160px,14vw,220px);transition:background .3s var(--dg-ease)}
.dg-subs a:hover{background:var(--dg-surface)}
.dg-subs b{font-size:clamp(18px,1.4vw,22px);font-weight:600;line-height:1.1;text-transform:uppercase;color:var(--dg-ink)}
.dg-subs p{font-size:14px;line-height:1.45;color:var(--dg-ink-2);flex:1}
.dg-subs i{font-style:normal;font-family:var(--dg-mono);font-size:11px;text-transform:uppercase;color:var(--dg-accent)}

/* =========================================================
   Меню v2: пункты с номерами, выпадающие панели с описанием
   и ценой, затемнение страницы; на узком экране выезжающее
   меню с аккордеоном и кнопкой консультации внизу.
   ========================================================= */
.dg-nav{display:flex;height:100%}
.dg-nav__item{display:flex;border-left:1px solid var(--dg-line)}
.dg-nav__top{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:clamp(92px,7.2vw,132px);height:100%;padding:7px 10px;background:none;border:0;color:var(--dg-ink);font:inherit;text-align:left;cursor:pointer;transition:background .3s var(--dg-ease),color .3s var(--dg-ease)}
.dg-nav__top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--dg-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--dg-ease)}
.dg-nav__top:hover,.dg-nav__item.is-open .dg-nav__top{background:var(--dg-surface)}
.dg-nav__top:hover::after,.dg-nav__item.is-active .dg-nav__top::after,.dg-nav__item.is-open .dg-nav__top::after{transform:scaleX(1)}
.dg-nav__num{color:var(--dg-ink-3);font-size:10px;transition:color .3s}
.dg-nav__item.is-active .dg-nav__num,.dg-nav__top:hover .dg-nav__num{color:var(--dg-accent)}
.dg-nav__label{font-family:var(--dg-mono);font-weight:500;font-size:11px;letter-spacing:.02em;text-transform:uppercase}
.dg-nav__chev{position:absolute;top:10px;right:10px;transition:transform .35s var(--dg-ease)}
.dg-nav__item.is-open .dg-nav__chev{transform:rotate(180deg)}
.dg-nav__top:focus-visible,.dg-macc__btn:focus-visible,.dg-header__burger:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px}

.dg-panel{position:absolute;left:-1px;right:-1px;top:100%;z-index:5;background:var(--dg-paper);border:1px solid var(--dg-line);border-top:0;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--dg-ease),opacity .25s,visibility 0s .5s}
.dg-nav__item.is-open .dg-panel{visibility:visible;opacity:1;clip-path:inset(0 0 -2px 0);transition:clip-path .55s var(--dg-ease),opacity .2s,visibility 0s}
.dg-panel__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);max-height:calc(100vh - var(--dg-header-h) - 24px);overflow:auto}
.dg-panel--groups .dg-panel__body{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(240px,300px)}
.dg-panel__col{border-right:1px solid var(--dg-line);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--dg-ease)}
.dg-nav__item.is-open .dg-panel__col{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 50ms + 80ms)}
.dg-panel__head{display:flex;gap:10px;padding:14px var(--dg-pad);color:var(--dg-ink-3);border-bottom:1px solid var(--dg-line)}
.dg-panel__head span{color:var(--dg-accent)}
.dg-panel__link{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px var(--dg-pad);border-bottom:1px solid var(--dg-line);transition:background .25s var(--dg-ease)}
.dg-panel__link::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--dg-accent);transform:scaleY(0);transform-origin:top;transition:transform .35s var(--dg-ease)}
.dg-panel__link:hover,.dg-panel__link:focus-visible{background:var(--dg-surface);outline:0}
.dg-panel__link:hover::before,.dg-panel__link:focus-visible::before,.dg-panel__link.is-here::before{transform:scaleY(1)}
.dg-panel__title{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.dg-panel__title i{font-style:normal;color:var(--dg-accent);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .35s var(--dg-ease)}
.dg-panel__link:hover .dg-panel__title i,.dg-panel__link:focus-visible .dg-panel__title i{opacity:1;transform:none}
.dg-panel__desc{font-size:13px;line-height:1.3;color:var(--dg-ink-2)}
.dg-panel__meta{font-size:10px;color:var(--dg-ink-3)}
.dg-panel__grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:1px;background:var(--dg-line);border-bottom:1px solid var(--dg-line)}
.dg-panel__link--row{min-height:76px;justify-content:space-between;border-bottom:0;background:var(--dg-paper)}
.dg-panel__link--row:hover{background:var(--dg-surface)}
.dg-panel__all{display:flex;justify-content:space-between;padding:14px var(--dg-pad);color:var(--dg-accent);transition:background .25s}
.dg-panel__all:hover{background:var(--dg-surface)}
.dg-panel__all span{transition:transform .35s var(--dg-ease)}.dg-panel__all:hover span{transform:translateX(4px)}
.dg-panel__promo{display:flex;flex-direction:column;gap:10px;padding:var(--dg-pad);background:var(--dg-ink);color:var(--dg-paper)}
.dg-panel__promo .dg-mono{color:var(--dg-muted)}
.dg-panel__promo-title{font-size:22px;font-weight:600;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase}
.dg-panel__promo-text{font-size:13px;line-height:1.35;color:var(--dg-muted);flex:1}
.dg-panel__promo-btn{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--dg-accent);color:var(--dg-white);transition:background .3s}
.dg-panel__promo-btn:hover{background:var(--dg-accent-soft)}
.dg-panel__promo-btn span{transition:transform .35s var(--dg-ease)}.dg-panel__promo-btn:hover span{transform:translateX(4px)}
.dg-panel__promo-tel{color:var(--dg-muted)}.dg-panel__promo-tel:hover{color:var(--dg-paper)}

.dg-nav-shade{position:fixed;inset:0;z-index:790;background:rgba(40,40,40,.28);opacity:0;pointer-events:none;transition:opacity .35s}
.dg-nav-open .dg-nav-shade{opacity:1;pointer-events:auto}

.dg-header__cta{display:flex;flex-direction:column;justify-content:space-between;width:clamp(128px,10vw,176px);padding:7px 10px;background:var(--dg-accent);color:var(--dg-white);border-left:1px solid var(--dg-line);transition:background .3s}
.dg-header__cta:hover{background:var(--dg-ink)}
.dg-header__cta-s{font-size:10px;opacity:.8}
.dg-header__cta-l{display:flex;justify-content:space-between;font-size:12px}
.dg-header__cta-l b{font-weight:500;transition:transform .35s var(--dg-ease)}.dg-header__cta:hover b{transform:translateX(4px)}

.dg-header__burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:var(--dg-header-h);background:none;border:0;border-left:1px solid var(--dg-line);color:var(--dg-ink);cursor:pointer}
.dg-header__burger span{display:block;width:18px;height:1px;background:currentColor;transition:transform .35s var(--dg-ease),opacity .2s}
.dg-menu-open .dg-header__burger span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.dg-menu-open .dg-header__burger span:nth-child(2){opacity:0}
.dg-menu-open .dg-header__burger span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.dg-drawer{display:none}

@media (max-width:1180px){
  .dg-nav{display:none}
  .dg-header__burger{display:flex}
  .dg-drawer{display:flex;flex-direction:column;position:absolute;left:-1px;right:-1px;top:100%;height:calc(100vh - var(--dg-header-h) - var(--dg-frame));height:calc(100dvh - var(--dg-header-h) - var(--dg-frame));background:var(--dg-paper);border:1px solid var(--dg-line);border-top:0;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .45s var(--dg-ease),visibility 0s .45s}
  .dg-menu-open .dg-drawer{visibility:visible;opacity:1;transform:none;transition:opacity .25s,transform .45s var(--dg-ease),visibility 0s}
  .dg-menu-open body{overflow:hidden}
  .dg-drawer__list{flex:1;overflow:auto;overscroll-behavior:contain}
  .dg-acc,.dg-macc__link{opacity:0;transform:translateX(-12px);transition:opacity .35s,transform .45s var(--dg-ease)}
  .dg-menu-open .dg-acc,.dg-menu-open .dg-macc__link{opacity:1;transform:none;transition-delay:calc(var(--i,0) * 40ms + 60ms)}
  .dg-acc{border-bottom:1px solid var(--dg-line)}
  .dg-macc__btn,.dg-macc__link{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:16px;background:none;border:0;color:var(--dg-ink);font:inherit;font-size:20px;font-weight:600;letter-spacing:-.02em;text-transform:uppercase;text-align:left;cursor:pointer}
  .dg-macc__link{border-bottom:1px solid var(--dg-line)}
  .dg-macc__btn small{margin-left:auto;color:var(--dg-ink-3);font-size:10px;text-transform:uppercase}
  .dg-macc__btn .dg-nav__chev{position:static;flex:none;margin-left:auto;transition:transform .35s var(--dg-ease)}
  .dg-macc__btn small + .dg-nav__chev{margin-left:0}
  .dg-macc.is-open .dg-macc__btn .dg-nav__chev{transform:rotate(180deg)}
  .dg-macc.is-active > .dg-macc__btn .dg-nav__num,.dg-macc__link[aria-current] .dg-nav__num{color:var(--dg-accent)}
  .dg-macc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--dg-ease)}
  .dg-macc__panel > div{overflow:hidden}
  .dg-macc.is-open .dg-macc__panel{grid-template-rows:1fr}
  .dg-macc__head{padding:14px 16px 6px 46px;color:var(--dg-accent)}
  .dg-macc__panel a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 16px 11px 46px;font-size:16px;font-weight:500;border-top:1px dashed var(--dg-line)}
  .dg-macc__panel a small{color:var(--dg-ink-3);font-size:10px;text-align:right}
  .dg-macc__panel a[aria-current]{color:var(--dg-accent)}
  .dg-macc__panel a.dg-macc__all{color:var(--dg-accent);font-size:11px}
  .dg-drawer__cta{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--dg-ink);color:var(--dg-muted)}
  .dg-drawer__btn{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 16px;background:var(--dg-accent);color:var(--dg-white);font-size:16px;font-weight:600;text-transform:uppercase}
  .dg-drawer__contacts{display:flex;flex-wrap:wrap;gap:6px 18px}
  .dg-drawer__contacts a:hover{color:var(--dg-paper)}
}
@media (max-width:640px){
  .dg-header__burger{order:-1;width:50px;border-left:0;border-right:1px solid var(--dg-line)}
  .dg-header__cta{width:auto;min-width:118px}
  .dg-drawer{left:0;right:0;border-left:0;border-right:0}
}
@media (prefers-reduced-motion:reduce){
  .dg-panel,.dg-panel__col,.dg-drawer,.dg-acc,.dg-macc__link,.dg-macc__panel{transition:none!important}
}

/* =========================================================
   Воздух и читаемость (28.10): крупнее основной текст,
   свободнее межстрочный интервал и отступы секций, статьи
   уже и спокойнее, заголовки в статьях без капса.
   ========================================================= */
:root{--dg-pad:clamp(20px,2.2vw,40px)}
@media (max-width:640px){:root{--dg-pad:20px}}
.dg-sec--pad{padding:calc(var(--dg-pad)*2.6) var(--dg-pad) calc(var(--dg-pad)*1.4)}
.dg-lead{font-size:clamp(17px,1.35vw,20px);line-height:1.45}
.dg-text{font-size:16px;line-height:1.5}
.dg-small{font-size:14px;line-height:1.45}
.dg-head2{gap:clamp(24px,4vw,64px)}
.dg-head2 > p{max-width:420px;font-size:16px;line-height:1.5}
.dg-kicker{margin-bottom:18px}
.dg-h2 + .dg-text,.dg-h3 + .dg-text,.dg-h3 + .dg-small{margin-top:12px}

.dg-prose{max-width:68ch;font-size:clamp(17px,1.15vw,19px);line-height:1.65}
.dg .dg-prose > * + *{margin-top:1.1em}
.dg .dg-prose h2{font-size:clamp(26px,2.3vw,36px);line-height:1.12;text-transform:none;letter-spacing:-.025em;margin-top:2.2em}
.dg .dg-prose h3{font-size:clamp(20px,1.6vw,24px);line-height:1.2;letter-spacing:-.015em;margin-top:1.8em}
.dg .dg-prose h2 + *,.dg .dg-prose h3 + *{margin-top:.7em}
.dg-prose li + li{margin-top:.55em}
.dg-prose table{font-size:15px;line-height:1.45}
.dg-prose th,.dg-prose td{padding:12px 14px}
.dg-prose blockquote{padding:20px 24px}

/* HUD мешает читать на узких экранах */
@media (max-width:900px){.dg-hud{display:none}}
/* мелкий текст в FAQ, цене, сносках и оглавлении */
.dg-acc details p,.dg-acc details .dg-prose,.dg-acc .dg-prose{font-size:16px;line-height:1.6;max-width:68ch}
.dg-note p{font-size:13px;line-height:1.45;padding:12px}
.dg-price ul{font-size:15px;line-height:1.45}
.dg-toc a{font-size:14px;line-height:1.4}
.dg-subs p{font-size:15px;line-height:1.5}
.dg-foot-links a{font-size:15px}
.dg-form .dg-check{font-size:14px;line-height:1.45}
.dg-panel__desc{font-size:14px;line-height:1.35}
.dg-sec--pad > p,.dg-sec > .dg-cell > p.dg-text{max-width:80ch}
.dg-sec.dg-cell.dg-small{padding-right:max(var(--dg-pad),calc(100% - 90ch))}
/* Статья: справа липкая карточка консультации на широком экране, в оглавлении подсвечен текущий раздел */
.dg-split__cta{display:none}
@media (min-width:1280px){
  .dg-split{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr) minmax(260px,1fr)}
  .dg-split__cta{display:block;padding:calc(var(--dg-pad)*2) var(--dg-pad);border-left:1px solid var(--dg-line)}
  .dg-split__card{position:sticky;top:calc(var(--dg-header-h) + 24px);display:flex;flex-direction:column;gap:14px;padding:var(--dg-pad);background:var(--dg-ink);color:var(--dg-paper)}
  .dg-split__card .dg-text{color:var(--dg-muted)}
  .dg-split__title{font-size:22px;font-weight:600;line-height:1.1;letter-spacing:-.02em}
  .dg-split__btn{display:flex;justify-content:space-between;padding:14px;background:var(--dg-accent);color:var(--dg-white);transition:background .3s}
  .dg-split__btn:hover{background:var(--dg-accent-soft)}
}
.dg-toc a{position:relative;padding-left:12px;transition:color .25s}
.dg-toc a::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:var(--dg-line);transition:background .25s}
.dg-toc a.is-current{color:var(--dg-ink)}
.dg-toc a.is-current::before{background:var(--dg-accent)}