/* ============================================================
   wptheme — доп. стили: типографика статей, пагинация, комментарии.
   Использует цветовые токены из site.css (--purple, --orange, --ink…).
   ============================================================ */

/* Типографика тела статьи */
.post-article{
  max-width:760px;
  margin:0 auto;
  font-size:17px;
  line-height:1.75;
  color:var(--ink-2);
}
.post-article > *:first-child{margin-top:0}
.post-article p{margin:0 0 22px}
.post-article h2{
  font-family:'Inter',sans-serif;
  font-weight:800;
  font-size:1.6rem;
  line-height:1.2;
  letter-spacing:-0.025em;
  color:var(--ink);
  margin:42px 0 16px;
}
.post-article h3{
  font-family:'Inter',sans-serif;
  font-weight:700;
  font-size:1.25rem;
  line-height:1.25;
  color:var(--ink);
  margin:32px 0 12px;
}
.post-article ul,
.post-article ol{margin:0 0 22px; padding-left:24px}
.post-article li{margin-bottom:10px}
.post-article ul{list-style:disc}
.post-article ol{list-style:decimal}
.post-article a{color:var(--purple); text-decoration:underline; text-underline-offset:3px}
.post-article a:hover{color:var(--purple-d)}
.post-article blockquote{
  margin:28px 0;
  padding:18px 24px;
  border-left:3px solid var(--purple);
  background:var(--purple-50);
  border-radius:0 14px 14px 0;
  color:var(--ink);
  font-size:1.05rem;
}
.post-article img{max-width:100%; height:auto; border-radius:14px; margin:24px 0}
.post-article code{
  font-family:'SFMono-Regular',ui-monospace,'Cascadia Mono','Segoe UI Mono',Consolas,monospace;
  font-size:.9em;
  background:var(--purple-50);
  color:var(--purple-d);
  padding:2px 7px;
  border-radius:6px;
}
.post-article figure{margin:24px 0}

/* Шапка статьи: дата + автор */
.post-meta-line{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:14px;
  font-weight:500;
}
.page-hero-inner.left .post-meta-line{justify-content:flex-start}

/* Низ статьи: навигация / возврат / CTA */
.post-foot{
  max-width:760px;
  margin:48px auto 0;
  display:flex;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

/* Пагинация архива/блога */
.wphost-pagination,
.wptheme-pagination{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:50px;
}
.wphost-pagination .page-numbers,
.wptheme-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  color:var(--ink);
  font-family:'Inter',sans-serif;
  font-weight:700;
  text-decoration:none;
  transition: all .2s;
}
.wphost-pagination .page-numbers:hover,
.wptheme-pagination .page-numbers:hover{border-color:var(--purple); color:var(--purple)}
.wphost-pagination .page-numbers.current,
.wptheme-pagination .page-numbers.current{
  background:var(--purple);
  color:#fff;
  border-color:var(--purple);
  box-shadow: 0 8px 20px -4px rgba(124,58,237,0.4);
}
.wphost-pagination .page-numbers.dots,
.wptheme-pagination .page-numbers.dots{border:none; background:transparent}

/* Комментарии (минимально) */
.wphost-comments,
.wptheme-comments{max-width:760px; margin:48px auto 0}
.wphost-comments .comment-list,
.wptheme-comments .comment-list{list-style:none; margin:0; padding:0}
.wphost-comments .comment-body,
.wptheme-comments .comment-body{
  padding:18px 0;
  border-top:1px solid var(--line);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea{
  margin-bottom:14px;
}

/* Блог: активные «категории» как кнопки */
.blog-cats{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px}