/* DOTS для WordPress: блог, кейсы, документы, формы. Основной дизайн — site.css */

.narrow{max-width:860px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-err{color:var(--bad);font-size:14.5px;margin:0}
.topbar a{color:inherit;text-decoration:none}
.topbar a:hover b{text-decoration:underline;text-underline-offset:3px}

/* Заголовок списка с ссылкой справа */
.head.row{flex-direction:row;align-items:flex-end;justify-content:space-between;max-width:none;gap:24px;flex-wrap:wrap}
.head.row>div{display:flex;flex-direction:column;gap:16px}

/* Карточки статей и кейсов */
.cards{align-items:stretch}
.pcard,.ccard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.pcard:hover,.ccard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pcard-img{display:block;aspect-ratio:760/460;background:var(--bg2);overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.pcard-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--ultra-bg),var(--emer-bg))}
.pcard-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard-body h3 a{color:var(--fg);text-decoration:none}
.pcard-body h3 a:hover{color:var(--link)}
.pcard-body p{color:var(--fg2);font-size:15px;line-height:1.55;margin:0}
.pcard-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--fg3);font-weight:500}
.pcard-meta span:first-child{color:var(--accent)}
.ccard-m{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ccard-m b{font-size:30px;letter-spacing:-.03em;color:var(--navy)}
.ccard-m span{font-size:14px;color:var(--fg2)}

.latest{background:var(--surface)}

/* Пагинация */
.pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.pager .page-numbers{min-width:42px;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);color:var(--fg);text-decoration:none;font-weight:600}
.pager .current{background:var(--navy);border-color:var(--navy);color:#fff}
.pager a.page-numbers:hover{border-color:var(--ultra)}

/* Статья */
.post-hero h1{font-size:clamp(30px,4vw,52px);line-height:1.08}
.post-cover{margin-top:8px}
.post-cover img{width:100%;height:auto;border-radius:24px;display:block}
.entry{display:flex;flex-direction:column;gap:18px;font-size:17.5px;line-height:1.7;color:var(--fg2)}
.entry>*{margin:0}
.entry h2{font-size:clamp(24px,2.4vw,30px);color:var(--fg);margin-top:26px;letter-spacing:-.02em;line-height:1.2}
.entry h3{font-size:21px;color:var(--fg);margin-top:16px;line-height:1.3}
.entry h4{font-size:18px;color:var(--fg)}
.entry a{color:var(--link);text-underline-offset:3px}
.entry ul,.entry ol{padding-left:24px;display:flex;flex-direction:column;gap:8px}
.entry li::marker{color:var(--ultra)}
.entry img{max-width:100%;height:auto;border-radius:16px}
.entry figure{margin:8px 0}
.entry figcaption{font-size:14px;color:var(--fg3);margin-top:8px;text-align:center}
.entry blockquote{border-left:3px solid var(--ultra);padding:6px 0 6px 22px;margin:8px 0;color:var(--fg);font-size:19px}
.entry blockquote p{margin:0}
.entry table{width:100%;border-collapse:collapse;font-size:15px}
.entry th,.entry td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.entry th{color:var(--fg);background:var(--bg2)}
.entry .wp-block-table{overflow-x:auto}
.entry pre,.entry code{font-family:var(--mono);font-size:14px;background:var(--bg2);border-radius:8px}
.entry pre{padding:16px;overflow-x:auto}
.entry code{padding:2px 6px}
.entry hr{border:0;border-top:1px solid var(--line);margin:16px 0}
.entry .wp-block-button__link{background:var(--ultra);color:#fff;border-radius:12px;padding:14px 24px;text-decoration:none;font-weight:600}
.entry .alignwide{max-width:min(1100px,100%)}
.entry .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:16px}
.doc.entry{gap:14px;font-size:16px}

/* Кейс */
.case-facts{display:flex;flex-wrap:wrap;gap:12px 40px;margin:26px 0 0}
.case-facts div{display:flex;flex-direction:column;gap:4px}
.case-facts dt{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg3);font-weight:600}
.case-facts dd{margin:0;font-weight:600;color:var(--fg)}

@media (max-width:900px){
  .head.row{flex-direction:column;align-items:flex-start}
  .entry{font-size:16.5px}
}

/* крошки на светлой шапке */
.doc-hero .crumbs{color:var(--fg3)}
.doc-hero .crumbs a{color:var(--fg2)}
.doc-hero .crumbs a:hover{color:var(--link)}
/* цифры кейса */
.case-res-sec{padding-block:36px 8px}
.case-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.case-res div{background:var(--bg2);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--ultra)}
.case-res b{font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-.03em;color:var(--navy);line-height:1.05}
.case-res span{font-size:14.5px;color:var(--fg2)}

/* Elementor Kit (.elementor-kit-N) красит body в белый и перебивает тему — в тёмной схеме текст светлый на белом.
   Селектор с классом темы сильнее одиночного класса Kit. */
body.wp-theme-dots{background:var(--bg);color:var(--fg)}