/* Обложки статей — 1200×630 с текстом: показываются целиком (пропорция 1200/630), не обрезаются.
   Блог, статья и страница поиска 2026 (дизайн «Блог - страница», «Статья - …», «Поиск - страница»).
   Разметка — assets/snippets/landings/blog.php и search.php. Классы: dxb- (общее и список), dxa- (статья), dxq- (поиск). */
.dxb{font-family:'Manrope',system-ui,sans-serif;color:#141414;background:#fff;-webkit-font-smoothing:antialiased}
.dxb *,.dxb *::before,.dxb *::after{box-sizing:border-box}
.dxb a{text-decoration:none}
.dxb h1,.dxb h2,.dxb h3{font-family:inherit;color:inherit}
.dxb-wrap{max-width:1320px;margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}
.dxb-kick{display:block;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666}
.dxb-kick--dark{color:#9adbe3}
.dxb-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#666}
.dxb-meta b{color:#141414}
.dxb-pill{background:#141414;color:#fff!important;border-radius:999px;padding:5px 12px;font-size:13px}
.dxb-cover{display:block;background:#ecebe7 center/cover no-repeat;border-radius:10px}
.dxb-btns{display:flex;gap:12px;flex-wrap:wrap}
.dxb-btn{display:inline-block;font-weight:700;font-size:17px;padding:17px 28px;border-radius:6px;transition:background .15s,border-color .15s}
.dxb-btn--white{background:#fff;color:#141414}
.dxb-btn--white:hover{background:#ecece8;color:#141414}
.dxb-btn--line{border:1px solid #444;color:#fff;padding:16px 27px}
.dxb-btn--line:hover{border-color:#fff;color:#fff}
.dxb-btn--dark{background:#141414;color:#fff}
.dxb-btn--dark:hover{background:#000;color:#fff}

/* крошки */
.dxb-crumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:15px;font-weight:500;color:#3a3a3a}
.dxb-crumbs li{display:flex;gap:14px}
.dxb-crumbs li+li::before{content:'›';color:#3a3a3a}
.dxb-crumbs a{color:#3a3a3a}
.dxb-crumbs a:hover{color:#000}
.dxb-crumbs li:last-child{color:#141414}

/* верх страницы блога */
.dxb-top{background:#f6f6f4}
.dxb-top__in{padding-top:18px;padding-bottom:clamp(36px,4vw,56px);display:flex;flex-direction:column;gap:22px}
.dxb-top__text{display:flex;flex-direction:column;gap:14px;max-width:760px}
.dxb-top h1{margin:0;font-size:clamp(34px,4.4vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.03em}
.dxb-top__text p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#333}
.dxb-tabs{display:flex;flex-wrap:wrap;gap:8px}
.dxb-tabs a{background:#fff;color:#141414;border:1px solid #d6d6d2;border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;white-space:nowrap;transition:border-color .15s}
.dxb-tabs a:hover{border-color:#141414;color:#141414}
.dxb-tabs a span{opacity:.5;font-weight:700}
.dxb-tabs a[aria-current]{background:#141414;border-color:#141414;color:#fff}

/* главная статья */
.dxb-lead-sec{padding-top:clamp(40px,5vw,72px)}
.dxb-lead{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(24px,4vw,56px);align-items:center;color:#141414}
.dxb-lead:hover{color:#141414}
.dxb-lead__img{aspect-ratio:1200/630;border-radius:14px;transition:opacity .2s}
.dxb-lead:hover .dxb-lead__img{opacity:.92}
.dxb-lead__txt{display:flex;flex-direction:column;gap:16px}
.dxb-lead__txt .dxb-meta{font-size:14px}
.dxb-lead__t{font-size:clamp(26px,3vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.025em;text-wrap:balance}
.dxb-lead__d{font-size:16px;line-height:1.65;color:#444}
.dxb-lead__more{align-self:flex-start;font-weight:700;font-size:16px;border-bottom:2px solid #141414;padding-bottom:2px}
.dxb-lead:hover .dxb-lead__more{color:#0d7f8c;border-color:#0d7f8c}

/* сетка статей */
.dxb-list{padding:clamp(48px,6vw,88px) 0 clamp(56px,7vw,104px)}
.dxb-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:44px 24px}
.dxb-card{display:flex;flex-direction:column;gap:12px;height:100%}
.dxb-card__img .dxb-cover{aspect-ratio:1200/630;transition:opacity .2s}
.dxb-card__img:hover .dxb-cover{opacity:.9}
.dxb-card h2{margin:0;font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.dxb-card h2 a{color:#141414}
.dxb-card h2 a:hover{color:#0d7f8c}
.dxb-card p{margin:0;font-size:15px;line-height:1.55;color:#555}
.dxb-more{margin-top:auto;color:#141414;font-weight:700;font-size:15px}
.dxb-more:hover{color:#0d7f8c}
.dxb-empty{margin:0;padding:32px;background:#f6f6f4;border-radius:12px;font-size:16px;color:#444}
.dxb-empty a{color:#0d7f8c;font-weight:700}

/* постраничная навигация */
.dxb-pager{margin-top:clamp(48px,6vw,80px);padding-top:32px;border-top:1px solid #e6e6e2;display:flex;align-items:center;justify-content:space-between;gap:16px}
.dxb-pager ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.dxb-pager li a,.dxb-pager li span{display:flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 10px;border-radius:999px;font-weight:800;font-size:16px;color:#141414;border:1px solid #d6d6d2;transition:border-color .15s,background .15s}
.dxb-pager li a:hover{border-color:#141414;color:#141414}
.dxb-pager li span[aria-current]{background:#141414;border-color:#141414;color:#fff}
.dxb-pager .dxb-pager__gap{display:flex;align-items:flex-end;padding:0 4px 12px;color:#999;font-weight:700}
.dxb-pager__arr{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;background:#141414;color:#fff;font-weight:700;font-size:16px;white-space:nowrap;transition:background .15s}
.dxb-pager a.dxb-pager__arr:hover{background:#000;color:#fff}
.dxb-pager__arr.is-off{background:#f2f1ee;color:#b5b5b0}
.dxb-pager__info{margin:16px 0 0;text-align:center;font-size:14px;color:#888}
@media (max-width:640px){
  .dxb-pager{flex-wrap:wrap;justify-content:center}
  .dxb-pager ol{order:-1;flex:1 0 100%}
  .dxb-pager__arr{flex:1;justify-content:center}
  .dxb-pager li a,.dxb-pager li span{min-width:44px;height:44px}
}

/* тёмная полоса с призывом */
.dxb-cta{background:#141414;color:#fff}
.dxb-cta__in{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(24px,4vw,64px);align-items:end}
.dxb-cta__in>div{display:flex;flex-direction:column;gap:14px}
.dxb-cta__in>div+div{gap:20px}
.dxb-cta h2{margin:0;font-size:clamp(28px,3.4vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.025em;text-wrap:balance;color:#fff}
.dxb-cta p{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#d6d6d6}

/* ---------- статья ---------- */
.dxa-top{padding-top:18px;padding-bottom:clamp(40px,5vw,72px);display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}
.dxa-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(28px,4vw,64px);align-items:center}
.dxa-hero--noimg{grid-template-columns:minmax(0,900px)}
.dxa-hero__txt{display:flex;flex-direction:column;gap:20px}
.dxa-tags{display:flex;flex-wrap:wrap;gap:8px}
.dxa-tags a{background:#fff;color:#141414;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700}
.dxa-tags a:hover{background:#ecece8;color:#141414}
.dxa-tags a.is-dark{background:#141414;color:#fff}
.dxa-tags a.is-dark:hover{background:#000}
.dxa-hero h1{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.04;font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.dxa-lead{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:#333;text-wrap:pretty}
.dxa-info{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:#666}
.dxa-cover{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:14px;display:block;background:#ecebe7}

.dxa-main{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(56px,7vw,96px);display:flex;flex-wrap:wrap-reverse;gap:clamp(32px,5vw,72px);align-items:flex-start}
.dxa-body{flex:1 1 560px;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:18px;font-size:17px;line-height:1.75;color:#2a2a2a}
.dxa-body>*{margin:0}
.dxa-body p{margin:0}
.dxa-body a{color:#0d7f8c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.dxa-body a:hover{color:#095e68}
.dxa-body h2{margin:24px 0 0;font-size:clamp(24px,2.4vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#141414;scroll-margin-top:96px}
.dxa-body h3{margin:12px 0 0;font-size:21px;line-height:1.3;font-weight:800;color:#141414}
.dxa-body h4{margin:8px 0 0;font-size:18px;font-weight:800;color:#141414}
.dxa-body strong,.dxa-body b{color:#141414}
.dxa-body ul,.dxa-body ol{padding-left:24px;display:flex;flex-direction:column;gap:8px}
.dxa-body li::marker{color:#0d7f8c;font-weight:700}
.dxa-body img{max-width:100%;height:auto;border-radius:12px;display:block;background:#f2f1ee}
.dxa-body figure{margin:8px 0}
.dxa-body figure img{width:100%}
.dxa-body figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:#666}
.dxa-body blockquote{margin:12px 0;padding:clamp(24px,3vw,40px);background:#141414;color:#fff;border-radius:14px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;font-weight:600;border:0}
.dxa-body blockquote *{color:#fff}
.dxa-body table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;display:block;overflow-x:auto}
.dxa-body th,.dxa-body td{padding:12px 14px;border-bottom:1px solid #e6e6e2;text-align:left;vertical-align:top}
.dxa-body th{background:#f6f6f4;font-weight:800;color:#141414}
.dxa-body hr{border:0;border-top:1px solid #e6e6e2}
.dxa-check{margin:12px 0!important;background:#f6f6f4;border-radius:14px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.dxa-check .dxa-kick{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#666}
.dxa-check h3{margin:0;font-size:22px;line-height:1.25}
.dxa-check ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;font-size:15px;line-height:1.5}
.dxa-check li{background:#fff;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.dxa-check li span{color:#555}
.dxa-faq{display:flex;flex-direction:column}
.dxa-faq details{border-top:1px solid #e3e3df;padding:18px 0}
.dxa-faq details:last-child{border-bottom:1px solid #e3e3df}
.dxa-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:700;line-height:1.4;color:#141414}
.dxa-faq summary::-webkit-details-marker{display:none}
.dxa-faq summary::after{content:'+';color:#0d7f8c;font-size:22px;line-height:1;flex-shrink:0}
.dxa-faq details[open] summary::after{content:'–'}
.dxa-faq details p{margin:12px 0 0;font-size:16px;line-height:1.65;color:#444}
.dxa-gallery{margin-top:12px}
.dxa-rubrics{margin-top:20px!important;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:22px;border-top:1px solid #e6e6e2}
.dxa-rubrics span{font-size:14px;color:#666}
.dxa-body .dxa-rubrics a{border:1px solid #d6d6d2;border-radius:999px;padding:8px 14px;color:#141414;font-weight:700;font-size:14px;line-height:1.3;text-decoration:none}
.dxa-body .dxa-rubrics a:hover{border-color:#141414;color:#141414}

.dxa-aside{flex:0 1 340px;min-width:0;position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.dxa-toc{background:#f6f6f4;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.dxa-toc .dxb-kick,.dxa-pop .dxb-kick{font-size:13px}
.dxa-toc ol{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.4}
.dxa-toc a{color:#141414}
.dxa-toc a:hover,.dxa-toc a.is-cur{color:#0d7f8c}
.dxa-promo{background:#141414;color:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px}
.dxa-promo b{font-size:19px;line-height:1.3}
.dxa-promo span{font-size:14px;line-height:1.5;color:#cfcfcf}
.dxa-promo a{align-self:flex-start;background:#fff;color:#141414;font-weight:700;font-size:15px;padding:12px 18px;border-radius:6px;margin-top:4px}
.dxa-promo a:hover{background:#ecece8;color:#141414}
.dxa-pop{border:1px solid #e6e6e2;border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.dxa-pop a{color:#141414;font-weight:600;font-size:15px}
.dxa-pop a:hover{color:#0d7f8c}
/* узкий экран: оглавление над текстом, без закрепления */
@media (max-width:1000px){.dxa-aside{position:static;flex-basis:100%}}

.dxa-more{background:#f6f6f4}
.dxa-more>.dxb-wrap{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px);display:flex;flex-direction:column;gap:32px}
.dxa-more__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px}
.dxa-more__head h2{margin:0;font-size:clamp(26px,3vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.025em}
.dxa-more__head a{color:#141414;font-weight:700;font-size:17px;border-bottom:2px solid #141414;padding-bottom:2px}
.dxa-more__head a:hover{color:#000}
.dxa-more__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:32px 20px}
.dxa-mcard{display:flex;flex-direction:column;gap:12px;color:#141414;height:100%}
.dxa-mcard:hover{color:#0d7f8c}
.dxa-mcard .dxb-cover{aspect-ratio:1200/630}
.dxa-mcard--text{background:#fff;border-radius:10px;padding:24px}
.dxa-mcard--text .dxb-meta b{display:none}
.dxa-mcard__t{font-size:19px;line-height:1.3}
.dxa-mcard__d{font-size:15px;line-height:1.55;color:#555}
.dxa-chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dxa-chips span{font-size:14px;color:#666;margin-right:4px}
.dxa-chips a{background:#fff;border:1px solid #e6e6e2;border-radius:999px;padding:9px 16px;color:#141414;font-weight:700;font-size:14px}
.dxa-chips a:hover{border-color:#141414;color:#141414}

/* ---------- страница поиска ---------- */
.dxq-wrap{max-width:960px;margin:0 auto;padding-left:clamp(20px,4vw,48px);padding-right:clamp(20px,4vw,48px)}
.dxq-top{background:#f6f6f4}
.dxq-top .dxq-wrap{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(28px,3vw,40px);display:flex;flex-direction:column;gap:20px}
.dxq-top h1{margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.05;font-weight:800;letter-spacing:-.03em;overflow-wrap:anywhere}
.dxq-form{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #d6d6d2;border-radius:12px;padding:8px 8px 8px 18px;margin:0}
.dxq-form:focus-within{border-color:#141414}
.dxq-form svg{flex-shrink:0}
.dxq-form input{flex:1;min-width:0;border:0;outline:0;font:600 18px 'Manrope',sans-serif;color:#141414;padding:10px 0;background:transparent;-webkit-appearance:none;appearance:none}
.dxq-form button{background:#141414;color:#fff;border:0;border-radius:8px;padding:14px 22px;font:700 16px 'Manrope',sans-serif;cursor:pointer}
.dxq-form button:hover{background:#000}
.dxq-cats{display:flex;flex-wrap:wrap;gap:8px}
.dxq-cats[hidden]{display:none}
.dxq-cats button{background:#fff;color:#141414;border:1px solid #d6d6d2;border-radius:999px;padding:9px 16px;font:700 14px 'Manrope',sans-serif;cursor:pointer;white-space:nowrap}
.dxq-cats button span{opacity:.6}
.dxq-cats button[aria-pressed="true"]{background:#141414;color:#fff;border-color:#141414}
.dxq-res .dxq-wrap{padding-top:clamp(28px,3vw,40px);padding-bottom:clamp(56px,7vw,104px);display:flex;flex-direction:column;gap:8px}
.dxq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.dxq-list li{border-bottom:1px solid #ecece8}
.dxq-list a{display:flex;gap:clamp(14px,2vw,24px);align-items:flex-start;padding:22px 0;color:#141414}
.dxq-list a:hover{color:#0d7f8c}
.dxq-img{flex:0 0 clamp(88px,16vw,160px);aspect-ratio:4/3;border-radius:10px;background:#f2f1ee center/cover no-repeat}
.dxq-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.dxq-path{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:#666;overflow-wrap:anywhere}
.dxq-path b{background:#f6f6f4;color:#141414;border-radius:4px;padding:3px 8px;font-size:12px}
.dxq-t{font-size:clamp(19px,1.6vw,22px);font-weight:800;letter-spacing:-.01em;line-height:1.25}
.dxq-d{font-size:15px;line-height:1.55;color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dxq-list mark{background:#d9f2f5;color:inherit;border-radius:2px}
.dxq-empty{background:#f6f6f4;border-radius:14px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px}
.dxq-empty[hidden],.dxq-moreb[hidden]{display:none}
.dxq-empty h2{margin:0;font-size:24px;font-weight:800}
.dxq-empty p{margin:0;font-size:16px;line-height:1.6;color:#444}
.dxq-empty .dxb-btn{font-size:16px;padding:14px 22px}
.dxq-moreb{align-self:center;margin-top:24px;background:#fff;color:#141414;border:1px solid #141414;border-radius:999px;padding:13px 26px;font:700 15px 'Manrope',sans-serif;cursor:pointer}
.dxq-moreb:hover{background:#141414;color:#fff}
.dxq-pop{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.dxq-pop .dxb-kick{font-size:13px}
.dxq-pop div{display:flex;flex-wrap:wrap;gap:8px}
.dxq-pop a{border:1px solid #d6d6d2;background:#fff;border-radius:999px;padding:9px 16px;font-weight:700;font-size:14px;color:#141414}
.dxq-pop a:hover{border-color:#141414;color:#141414}

/* ---------- 404 ---------- */
.dxn-lead{margin:0;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#333}
.dxn-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.dxn-quick a{display:flex;flex-direction:column;gap:4px;background:#f6f6f4;border-radius:10px;padding:16px 18px;color:#141414}
.dxn-quick a:hover{background:#ecece8;color:#141414}
.dxn-quick b{font-size:16px}
.dxn-quick span{font-size:14px;color:#555}
.dxn-promo{margin-top:24px;background:#141414;color:#fff;border-radius:14px;padding:clamp(20px,3vw,32px);display:flex;align-items:center;gap:clamp(16px,3vw,32px)}
.dxn-promo b{font-size:clamp(44px,6vw,72px);line-height:.85;font-weight:800;letter-spacing:-.04em;color:#9adbe3}
.dxn-promo p{margin:0;color:#fff;font-size:clamp(16px,1.4vw,19px);line-height:1.5;font-weight:600}
.dxn-fab{margin-top:40px;display:flex;flex-direction:column;gap:14px}
.dxn-fab .dxb-kick{font-size:13px}
.dxn-fab ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}
.dxn-fab a{display:flex;flex-direction:column;gap:10px;color:#141414;font-weight:700;font-size:16px}
.dxn-fab a:hover{color:#0d7f8c}
.dxn-fab img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#f2f1ee;display:block}