/* ProFit · страницы контента (статьи, список статей, SEO-страницы, калькуляторы) в стиле «белый + графит».
   Подключается после ds.css. Классы — те, что генерирует server.js (шаблоны блога и SERVICE_PAGES). */
:root{color-scheme:only light}
body{margin:0;background:#fff;color:var(--ds-ink);font-family:var(--ds-font);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--ds-ink);text-decoration-color:var(--ds-faint);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ds-ink)}
.wrap{max-width:760px;margin:0 auto;padding:22px 20px 80px}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;margin:-6px 0 18px}
.site-nav .logo{font:700 15px var(--ds-font);letter-spacing:.3em;text-decoration:none}
.site-nav .go{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:var(--ds-graph);color:#fff;text-decoration:none;font:600 14px var(--ds-font)}
.top{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;color:var(--ds-muted);flex-wrap:wrap}
.back{color:var(--ds-muted);text-decoration:none;font-size:13px}
.cat{display:inline-block;background:var(--ds-surf);color:var(--ds-ink);padding:5px 12px;border-radius:999px;font:600 12px/1.2 var(--ds-font);letter-spacing:.04em;text-transform:uppercase}
h1{font:600 clamp(28px,5vw,40px)/1.12 var(--ds-font);letter-spacing:-.03em;margin:14px 0 10px;text-wrap:balance}
.lead{font-size:18px;color:var(--ds-muted);margin:0 0 20px}
.date{color:var(--ds-muted);font-size:13px;margin-bottom:26px}
h2{font:600 24px/1.25 var(--ds-font);letter-spacing:-.02em;margin:36px 0 12px}
article h2{font:600 24px/1.25 var(--ds-font);letter-spacing:-.02em;margin:34px 0 12px;scroll-margin-top:16px;color:var(--ds-ink)}
article h3{font:600 18px/1.3 var(--ds-font);margin:22px 0 8px;color:var(--ds-ink)}
article p{margin:12px 0;color:#2a2a2d}
article ul,article ol{margin:12px 0 12px 22px;color:#2a2a2d}
article li{margin:6px 0}
article b,article strong{color:var(--ds-ink)}
article .tbl{overflow-x:auto;margin:16px 0}
article table{width:100%;border-collapse:collapse;font-size:15px}
article th,article td{border-bottom:1px solid var(--ds-line);padding:10px 10px;text-align:left;vertical-align:top}
article th{background:var(--ds-surf);font-weight:600}
article .note{background:var(--ds-surf);border-radius:16px;padding:14px 18px}
article details{background:var(--ds-surf);border-radius:16px;padding:4px 18px;margin:12px 0}
article details[open]{padding-bottom:14px}
article summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none}
article summary::-webkit-details-marker{display:none}
article summary::after{content:'+';float:right;color:var(--ds-muted);font-size:20px;line-height:1}
article details[open] summary::after{content:'−'}
article img{max-width:100%;height:auto;border-radius:16px}
@media(max-width:480px){article table{font-size:13px}article th,article td{padding:7px 6px}}
.hero{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:20px;background:var(--ds-surf);margin:0 0 8px;filter:grayscale(1)}
.toc{background:var(--ds-surf);border-radius:18px;padding:16px 20px;margin:22px 0 8px}
.toc-title{font-weight:600;margin-bottom:8px;font-size:15px}
.toc ol{margin:0;padding-left:20px;color:var(--ds-muted);font-size:15px}
.toc li{margin:5px 0}
.toc a{color:var(--ds-ink);text-decoration:none}
.toc a:hover{text-decoration:underline}
.disclaimer{color:var(--ds-muted);font-size:13px;margin-top:28px}
.also{margin-top:28px;color:var(--ds-muted)}
.related{margin-top:36px}
.related h2{font-size:20px;margin:0 0 12px}
.related a{display:block;padding:14px 16px;margin:8px 0;background:var(--ds-surf);border-radius:16px;text-decoration:none;font-weight:600}
.related a span{display:block;color:var(--ds-muted);font-size:13px;font-weight:400;margin-top:2px}
/* призыв в конце — чёрная плашка, как на главной */
.cta{margin-top:40px;padding:30px 22px;background:var(--ds-graph);color:#fff;border-radius:26px;text-align:center}
.cta div{color:#fff}
.cta div+div{color:#c9c9cd!important}
.cta a,.cta .btn{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;background:#fff;color:var(--ds-graph);font-weight:600;padding:14px 26px;border-radius:999px;text-decoration:none}
.btn{display:inline-flex;align-items:center;background:var(--ds-graph);color:#fff;font-weight:600;padding:14px 24px;border-radius:999px;text-decoration:none;margin:6px 8px 6px 0}
.btn2{display:inline-flex;align-items:center;color:var(--ds-ink);background:var(--ds-surf);padding:14px 22px;border-radius:999px;text-decoration:none;margin:6px 0}
/* SEO-посадочная: первый экран с кнопкой в приложение */
.hero-l{margin:10px 0 8px}
.hero-l h1{margin:12px 0 12px}
.hero-l .sub{font-size:18px;color:var(--ds-muted);margin:0 0 20px;max-width:620px}
.lcta{display:flex;flex-direction:column;gap:10px;max-width:380px}
.lcta .btn{justify-content:center;margin:0;height:56px;padding:0 22px;font-size:16px}
.lcta .btn2{justify-content:center;margin:0}
.lcta .fine{color:var(--ds-muted);font-size:13px;text-align:center}
.marks{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.marks span{background:var(--ds-surf);border-radius:999px;padding:6px 12px;font-size:13px}
/* список статей */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.card{display:flex;flex-direction:column;background:var(--ds-surf);border-radius:22px;padding:20px;text-decoration:none;transition:transform .2s}
.card:hover{transform:translateY(-2px)}
.cover{display:none}
.thumb{display:block;width:calc(100% + 40px);height:auto;aspect-ratio:1200/630;margin:-20px -20px 14px;border-radius:22px 22px 0 0;background:var(--ds-surf2);filter:grayscale(1)}
.title{font-weight:600;font-size:17px;line-height:1.35;margin-bottom:8px}
.meta{color:var(--ds-muted);font-size:14px}
body>.wrap:has(.grid){max-width:1040px}
/* калькуляторы (pages/*.html) */
.calc{background:var(--ds-surf)!important;border:0!important;border-radius:24px!important}
.calc input,.calc select{background:#fff!important;color:var(--ds-ink)!important;border:1px solid transparent!important;border-radius:14px!important}
.calc input:focus,.calc select:focus{border-color:var(--ds-graph)!important}
.calc .go{background:var(--ds-graph)!important;color:#fff!important;border-radius:999px!important;font-weight:600!important}
.calc label,.calc .hint,.res .sub,.cell span{color:var(--ds-muted)!important}
.res{border-top-color:var(--ds-line)!important}
.res .big{color:var(--ds-ink)!important}
.cell{background:#fff!important;border:0!important;border-radius:16px!important}
.cell b{color:var(--ds-ink)!important}
.warn{background:#FFF6D6!important;border-left-color:#F2B705!important;color:var(--ds-ink)!important}
/* ===== 15.10: статьи «журналом», тёмный финал и подвал ===== */
.cv{display:block;width:100%;height:auto;aspect-ratio:1200/630;border-radius:20px;object-fit:cover;background:linear-gradient(135deg,#FAFAFA,#ECECEE 50%,#A9A9AF)}
.cv-ph{display:block}
.cat-s{display:block;font:600 11px/1.2 var(--ds-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-muted)}
.jr{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:start;margin-top:8px}
.jfeat{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ds-ink)}
.jfeat .cv{transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.jfeat:hover .cv{transform:scale(1.015);box-shadow:0 22px 40px -26px rgba(0,0,0,.45)}
.jfeat b{font:600 23px/1.25 var(--ds-font);letter-spacing:-.02em;text-wrap:balance}
.jfeat p{margin:0;color:var(--ds-muted);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jlist{display:flex;flex-direction:column}
.jrow{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:17px 0;border-top:1px solid var(--ds-line);text-decoration:none;color:var(--ds-ink)}
.jrow:last-child{border-bottom:1px solid var(--ds-line)}
.jrow b{display:block;font:600 17px/1.3 var(--ds-font);margin-top:6px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.jrow .go{width:40px;height:40px;border-radius:50%;background:var(--ds-surf);display:grid;place-items:center;transition:background .3s,color .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.jrow:hover b{transform:translateX(6px)}
.jrow:hover .go{background:var(--ds-graph);color:#fff;transform:rotate(-45deg)}
.pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:var(--ds-surf);color:var(--ds-ink);text-decoration:none;font:600 15px var(--ds-font);transition:background .25s,color .25s}
.pill:hover{background:var(--ds-graph);color:#fff}
.pill i{font-style:normal;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.pill:hover i{transform:translateX(4px)}
.dark-end{background:var(--ds-graph);color:#fff;margin-top:72px;position:relative;overflow:hidden}
.de-in{max-width:1080px;margin:0 auto;padding:clamp(48px,7vw,88px) max(20px,env(safe-area-inset-right,0px)) 24px max(20px,env(safe-area-inset-left,0px));position:relative}
.dark-end h2{margin:0;font:600 clamp(34px,6vw,64px)/1.02 var(--ds-font);letter-spacing:-.04em;max-width:13ch;text-wrap:balance;color:#fff}
.dark-end p{margin:16px 0 0;color:#a9a9ad;font-size:17px;max-width:44ch;line-height:1.5}
.de-acts{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:28px}
.de-btn{display:inline-flex;align-items:center;height:58px;padding:0 28px;border-radius:999px;background:#fff;color:var(--ds-graph);font:600 17px var(--ds-font);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.de-btn:hover{transform:translateY(-2px)}
.de-alt{color:#c9c9cd;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:2px;font-size:15px}
.de-alt:hover{color:#fff;border-color:#fff}
.de-big{position:absolute;right:-1%;bottom:64px;font:700 clamp(90px,17vw,220px)/1 var(--ds-font);letter-spacing:-.06em;color:rgba(255,255,255,.045);pointer-events:none;white-space:nowrap;user-select:none}
.sfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:clamp(48px,7vw,80px);padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;position:relative}
.sfoot .slogo{font:700 13px var(--ds-font);letter-spacing:.3em;color:#fff}
.sfoot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.sfoot nav a{color:#a9a9ad;text-decoration:none;transition:color .2s}
.sfoot nav a:hover{color:#fff}
.sfoot .sup{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600}
.sfoot .dot{width:8px;height:8px;border-radius:50%;background:#34C759;animation:ping 2.4s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%,100%{box-shadow:0 0 0 9px rgba(52,199,89,0)}}
.sfoot .req{width:100%;color:#a9a9ad;font-size:12px}
@media(max-width:820px){.jr{grid-template-columns:1fr;gap:20px}.jfeat b{font-size:20px}.de-big{bottom:120px}}
@media(prefers-reduced-motion:reduce){.sfoot .dot{animation:none}}
footer.sfoot{padding-block:24px 0}
/* статья: липкая шапка с прогрессом чтения, оглавление чипами, карточка разбора, «Читать дальше» */
.hero,.thumb{filter:none}
.site-nav.sticky{position:sticky;top:0;z-index:20;margin:-6px -20px 18px;padding:0 20px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}
.site-nav.sticky.sc{border-bottom-color:var(--ds-line)}
.rprog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ds-graph);transform:scaleX(0);transform-origin:0 50%;will-change:transform}
.toc-chips{position:sticky;top:56px;z-index:15;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:18px -20px 6px;padding:8px 20px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.toc-chips::-webkit-scrollbar{display:none}
.toc-chips a{flex:none;height:34px;padding:0 14px;border-radius:999px;background:var(--ds-surf);font-size:13px;display:inline-flex;align-items:center;text-decoration:none;color:var(--ds-ink);transition:background .25s,color .25s}
.toc-chips a.on{background:var(--ds-graph);color:#fff}
article h2{scroll-margin-top:118px}
.inl-cta{display:flex;gap:14px;align-items:center;background:var(--ds-surf);border-radius:20px;padding:16px 18px;margin:28px 0;text-decoration:none;color:var(--ds-ink);transition:background .25s}
.inl-cta:hover{background:var(--ds-surf2)}
.inl-cta .ic{width:44px;height:44px;border-radius:14px;background:var(--ds-graph);color:#fff;display:grid;place-items:center;flex:none;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.inl-cta:hover .ic{transform:translateX(3px)}
.inl-cta b{display:block;font-weight:600}
.inl-cta span span{display:block;color:var(--ds-muted);font-size:14px;line-height:1.4}
.nextc{margin-top:40px}
.nextc h2{font-size:22px;margin:0 0 14px}
.nx{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nx a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ds-ink)}
.nx .cv{border-radius:16px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.nx a:hover .cv{transform:translateY(-3px)}
.nx b{font:600 15px/1.3 var(--ds-font)}
.svc{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:640px){.nx{grid-template-columns:1fr 1fr}.nx a:nth-child(3){display:none}}
.wrap+.dark-end{margin-top:0}
/* окно выбора: Телеграм / MAX / браузер */
.ch-wrap{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}
.ch-wrap[hidden]{display:none}  /* иначе невидимое окно лежит поверх страницы и съедает нажатия */
.ch-bg{position:absolute;inset:0;background:rgba(20,20,22,.45);opacity:0;transition:opacity .25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ch-box{position:relative;width:100%;max-width:420px;background:#fff;color:var(--ds-ink);border-radius:28px;padding:26px 20px 20px;display:flex;flex-direction:column;gap:10px;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.45);opacity:0;transform:translateY(18px) scale(.98);transition:opacity .28s,transform .38s cubic-bezier(.2,.8,.2,1)}
.ch-wrap.on .ch-bg{opacity:1}.ch-wrap.on .ch-box{opacity:1;transform:none}
.ch-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--ds-surf);font-size:22px;line-height:1;color:var(--ds-ink);cursor:pointer}
.ch-t{font:600 22px/1.2 var(--ds-font);letter-spacing:-.02em;padding-right:40px}
.ch-s{font-size:14px;color:var(--ds-muted);margin:-4px 0 6px}
.ch-o{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:var(--ds-surf);text-decoration:none;color:var(--ds-ink);transition:background .2s,transform .3s cubic-bezier(.2,.8,.2,1)}
.ch-o:hover{transform:translateY(-1px);background:var(--ds-surf2)}
.ch-o.main{background:var(--ds-graph);color:#fff}.ch-o.main:hover{background:#3a3a3e}
.ch-o.main .ch-i{background:rgba(255,255,255,.14);color:#fff}.ch-o.main span span{color:#c9c9cd}
.ch-o.off{opacity:.5;cursor:default}.ch-o.off:hover{transform:none;background:var(--ds-surf)}
.ch-i{width:44px;height:44px;border-radius:14px;background:#fff;display:grid;place-items:center;flex:none;font:700 18px var(--ds-font)}
.ch-o b{display:block;font-weight:600;font-size:16px}
.ch-o span span{display:block;font-size:13px;color:var(--ds-muted);line-height:1.35}
@media(max-width:560px){.ch-wrap{align-items:flex-end;padding:0}.ch-box{max-width:none;border-radius:28px 28px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateY(40px)}}
@media(prefers-reduced-motion:reduce){.ch-box,.ch-bg{transition:none}}

/* страница не должна сдвигаться вбок на телефоне: обрезаем всё, что вылезает по горизонтали (clip не ломает липкую шапку) */
html,body{overflow-x:clip;overscroll-behavior-x:none}
@supports not (overflow-x:clip){body{overflow-x:hidden}}
/* финал «Отмазки» + тёмный подвал */
.fin-ex{background:#fff}
.fin-ex .de-in{padding-block:clamp(48px,8vw,96px) clamp(40px,6vw,72px)}
.fin-ex .ex{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fin-ex .ex span{font:600 clamp(16px,2.4vw,24px)/1 var(--ds-font);letter-spacing:-.02em;padding:11px 16px;border-radius:999px;background:var(--ds-surf);color:var(--ds-ink);position:relative;transition:color .5s}
.fin-ex .ex span::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:3px;margin-top:-1px;border-radius:2px;background:var(--ds-graph);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.fin-ex .ex span.x{color:var(--ds-faint)}.fin-ex .ex span.x::after{transform:scaleX(1)}
.fx-h{margin:0;font:700 clamp(38px,7vw,72px)/1 var(--ds-font);letter-spacing:-.05em;color:var(--ds-ink);text-wrap:balance}
.fx-h em{font-style:normal;background:var(--ds-graph);color:#fff;padding:0 .16em;border-radius:.16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* все отмазки зачеркнулись — «Начни сегодня» приближается */
.fx-h{transform-origin:0 70%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.fx-h.go{transform:scale(1.1)}
@media(max-width:560px){.fx-h.go{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.fx-h{transition:none}}

.fin-ex .de-acts{margin-top:28px}
.fx-btn{display:inline-flex;align-items:center;justify-content:center;height:58px;padding:0 28px;border-radius:999px;background:var(--ds-graph);color:#fff;font:600 17px var(--ds-font);text-decoration:none;box-shadow:0 16px 30px -16px rgba(0,0,0,.55);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fx-btn:hover{transform:translateY(-2px)}
.fx-alt{color:var(--ds-muted);text-decoration:none;border-bottom:1px solid var(--ds-faint);padding-bottom:2px;font-size:15px}
.fx-note{margin:18px 0 0;color:var(--ds-muted);font-size:15px;max-width:44ch}
.dark-end{margin-top:0}
.dark-end .de-in{padding-block:8px 24px}
.dark-end .sfoot{margin-top:0;border-top:0;padding-top:28px}
.dark-end .de-big{bottom:auto;top:-10px;font-size:clamp(70px,14vw,180px)}
@media(max-width:560px){.fin-ex .de-acts{flex-direction:column;align-items:stretch;text-align:center}.fx-btn{width:100%}.fx-alt{align-self:center}}
@media(prefers-reduced-motion:reduce){.fin-ex .ex span::after{transition:none}}
/* ===== статьи, список статей, калькуляторы (15.10) ===== */
/* плавный переход между страницами: обложка из списка «перетекает» в шапку статьи (Chrome/Яндекс), в остальных — обычный переход */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* плашки в статьях */
article .callout{display:flex;gap:14px;align-items:flex-start;background:var(--ds-surf);border-radius:20px;padding:16px 18px;margin:22px 0}
article .callout .cl-i{width:38px;height:38px;border-radius:12px;background:var(--ds-graph);color:#fff;display:grid;place-items:center;flex:none}
article .callout .cl-i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
article .callout b{display:block;font:600 12px var(--ds-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ds-muted);margin-bottom:4px}
article .callout p{margin:0;color:var(--ds-ink)}
/* список статей: рубрики чипами, карточки лесенкой */
.cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:6px -20px 10px;padding:4px 20px}
.cats::-webkit-scrollbar{display:none}
.cats button{flex:none;height:40px;padding:0 16px;border-radius:999px;border:0;background:var(--ds-surf);font:500 14px var(--ds-font);color:var(--ds-ink);cursor:pointer;transition:background .25s,color .25s}
.cats button.on{background:var(--ds-graph);color:#fff}
.grid .card{animation:cardin .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@keyframes cardin{from{opacity:.001;transform:translateY(16px)}to{opacity:1;transform:none}}
section[data-cat] h2{margin-top:30px}
/* калькуляторы: результат «вспыхивает» и досчитывается */
.res .big.pop,.res .cell b.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{0%{transform:scale(.94);opacity:.6}100%{transform:none;opacity:1}}
.res .big,.res .cell b{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.grid .card,.res .big.pop,.res .cell b.pop{animation:none}}
.fin-ex,.fin-ex *,.dark-end,.dark-end *,.cats,.cats *,article .callout,article .callout *{box-sizing:border-box}
/* статьи в тёмной зоне под финалом */
.da{position:relative;padding-top:clamp(36px,6vw,64px)}
.da-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.da-t{font:600 clamp(24px,3vw,32px)/1 var(--ds-font);letter-spacing:-.03em;color:#fff}
.da-all{color:#c9c9cd;text-decoration:none;font:500 15px var(--ds-font);white-space:nowrap}
.da-all i{font-style:normal;display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.da-all:hover{color:#fff}.da-all:hover i{transform:translateX(4px)}
.da-row{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:none;margin-inline:-20px;padding:4px 20px 6px;-webkit-mask:linear-gradient(90deg,#000 88%,transparent);mask:linear-gradient(90deg,#000 88%,transparent)}
.da-row::-webkit-scrollbar{display:none}
.da-c{flex:0 0 min(80vw,340px);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:#fff}
.da-c .cv{border-radius:20px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.da-c:hover .cv{transform:translateY(-4px)}
.da-c b{font:500 15px/1.3 var(--ds-font);color:#e4e4e7;text-wrap:balance}
.da + .sfoot{margin-top:clamp(40px,6vw,64px);border-top:1px solid rgba(255,255,255,.12)}
/* ===== список статей: только обложка и заголовок ===== */
.grid{gap:28px 18px}
.card{background:none;padding:0;border-radius:0;gap:12px}
.card:hover{transform:none}
.card .thumb{width:100%;margin:0;border-radius:18px;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.card:hover .thumb{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(0,0,0,.4)}
.card .title{font:600 17px/1.3 var(--ds-font);margin:0;text-wrap:balance}
.card .meta{display:none}
/* ===== статья: удобнее читать ===== */
article{counter-reset:sec}
article h2{counter-increment:sec;font:600 clamp(24px,3vw,30px)/1.2 var(--ds-font);letter-spacing:-.025em;margin:52px 0 14px;padding-top:22px;border-top:1px solid var(--ds-line)}
article h2::before{content:counter(sec,decimal-leading-zero);display:block;font:600 12px/1 var(--ds-font);letter-spacing:.12em;color:var(--ds-muted);margin-bottom:10px}
article > p:first-child{font-size:1.12em;color:var(--ds-ink)}
article ul{list-style:none;margin-left:0;padding-left:0}
article ul li{position:relative;padding-left:22px}
article ul li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--ds-graph)}
article ol{padding-left:22px}
article ol li::marker{font-weight:600;color:var(--ds-ink)}
article .tbl{border-radius:16px;box-shadow:0 0 0 1px var(--ds-line);overflow-x:auto}
article table{border-collapse:separate;border-spacing:0}
article th{background:var(--ds-surf);font:600 14px var(--ds-font)}
article tr:last-child td{border-bottom:0}
.hero{border-radius:24px;margin:6px 0 4px}
.date{display:flex;gap:6px;flex-wrap:wrap}
@media(min-width:900px){
  .wrap{max-width:760px;padding-top:30px}
  article{font-size:18px;line-height:1.75}
  h1{font-size:clamp(36px,4vw,48px);margin-top:18px}
  .hero{margin:14px 0 10px}
}
/* ===== призыв в конце статьи: «Это общие цифры. А тебе?» ===== */
.acta,.acta *{box-sizing:border-box}
.acta{background:#fff;padding:clamp(28px,6vw,72px) max(16px,env(safe-area-inset-left,0px)) clamp(40px,7vw,88px)}
.acta-in{max-width:640px;margin:0 auto;background:var(--ds-surf);border-radius:28px;padding:clamp(24px,4vw,40px) clamp(20px,4vw,40px)}
.acta-tag{font:600 12px/1 var(--ds-font);letter-spacing:.08em;text-transform:uppercase;color:var(--ds-muted)}
.acta .acta-h{margin:12px 0 0;font:700 clamp(28px,4.4vw,40px)/1.08 var(--ds-font);letter-spacing:-.035em;color:var(--ds-ink);text-wrap:balance;max-width:none}
.acta-s{margin:12px 0 0;color:var(--ds-muted);font-size:clamp(15px,1.8vw,17px);line-height:1.5;max-width:46ch}
.acta-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.acta-k{background:#fff;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0}
.acta-k.w{grid-column:span 2}
.acta-k span{font-size:13px;color:var(--ds-muted);line-height:1.3}
.acta-k b{font:700 clamp(22px,3vw,28px)/1.1 var(--ds-font);letter-spacing:-.02em;color:var(--ds-ink);filter:blur(7px);user-select:none;transition:filter .6s}
.acta-btn{margin-top:20px;height:56px;border-radius:999px;background:var(--ds-graph);color:#fff;display:flex;align-items:center;justify-content:center;font:600 16px var(--ds-font);text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.acta-btn:hover{transform:translateY(-2px);color:#fff}
.acta-in:hover .acta-k b{filter:blur(5px)}
.acta-n{text-align:center;font-size:13px;color:var(--ds-muted);margin-top:10px}
.acta+.dark-end{margin-top:0}
@media(min-width:720px){.acta-g{grid-template-columns:repeat(3,minmax(0,1fr))}.acta-k.w{grid-column:auto}.acta-btn{display:inline-flex;padding:0 34px}.acta-n{text-align:left;display:inline-block;margin:0 0 0 16px}}