/* ===== LP Blog — light look ===== */
.lp-blog {
  --bg: #eef2f7;         /* светлый фон */
  --card: #ffffff;       /* фон карточек */
  --text: #0d1b2a;       /* основной текст */
  --muted: #5f6b7a;      /* вторичный */
  --accent: #2f73ff;     /* акцент/ссылки */
  --chip: #ffffff;
  --chip-border: #d9e1ee;
  --chip-active-bg: #e8efff;
  --chip-active-text: #1a49c1;
  --radius-xl: 20px;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(13,27,42,0.09);
}

.lp-blog { background: var(--bg); }
.lp-blog__wrap { max-width: 1220px; margin: 0 auto; padding: 56px 20px 80px; }

/* Hero */
.lp-blog__title {
  font-size: 44px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 8px;
  color: var(--text);
}
.lp-blog__title span { color: #f03; font-weight: 900; } /* AI — красный акцент как на скрине */
.lp-blog__subtitle {
  text-align: center; color: var(--muted); font-size: 18px; margin: 0 0 26px;
}

/* Chips */
.lp-blog__chips {
  display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
  margin: 16px auto 28px;
}
.lp-blog__chips .chip {
  display: inline-flex; align-items: center; padding: 10px 14px;
  background: var(--chip); border: 1px solid var(--chip-border);
  color: var(--text); border-radius: 999px; text-decoration: none;
  font-weight: 600; font-size: 14px; transition: box-shadow .2s, transform .2s, background .2s;
}
.lp-blog__chips .chip:hover { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(0,0,0,.06); }
.lp-blog__chips .chip.is-active {
  background: var(--chip-active-bg); color: var(--chip-active-text); border-color: transparent;
}

/* Grid */
.lp-blog__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 22px;
}

/* Card */
.lp-card {
  background: var(--card); border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: var(--shadow); border: 1px solid #e7edf6;
  display: flex; flex-direction: column;
}
.lp-card__thumb img { display:block; width:100%; height: 190px; object-fit: cover; }
.lp-card__ph { height:190px; display:flex; align-items:center; justify-content:center; color:#9aa6b2; background:#f3f6fb; }

.lp-card__body { padding: 14px 16px 18px; }
.lp-card__title { font-size: 18px; line-height: 1.3; margin: 0 0 8px; }
.lp-card__title a { color: var(--text); text-decoration: none; }
.lp-card__title a:hover { text-decoration: underline; }
.lp-card__meta { color: var(--muted); font-size: 13px; display:flex; gap:8px; align-items:center; }

/* Pagination */
.lp-blog__pagi { margin-top: 26px; display:flex; justify-content:center; gap:10px; }
.lp-blog__pagi .page-numbers {
  display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px;
  padding: 0 12px; border-radius: 12px; background:#fff; border:1px solid #e1e7f0; color:#22303c; text-decoration:none;
}
.lp-blog__pagi .page-numbers.current { background: var(--accent); color:#fff; border-color: var(--accent); }

/* Responsiveness */
@media (max-width: 1200px){ .lp-blog__grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 900px){ .lp-blog__grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 580px){
  .lp-blog__grid { grid-template-columns: 1fr; }
  .lp-blog__title { font-size: 34px; }
}

/* Снимаем агрессивные типографические пресеты Elementor именно на блоге */
body.blog .elementor *, body.archive .elementor * { font-family: inherit; }