.blog{ padding:48px 0 100px; }

.blog__head{ display:flex; justify-content:space-between; align-items:center; gap:40px; margin-top:48px; }
.blog__title{ font-size:48px; font-weight:700; color:var(--dark-green); }
.blog__subtitle{ font-size:16px; line-height:1.5; color:var(--dark-green); text-align:right; max-width:614px; }

/* Повідомлення «не знайдено» */
.blog__notfound{ margin-top:24px; font-size:16px; color:var(--dark-green); }
.blog__notfound strong{ font-weight:700; }

/* Пошук */
.blog-search{ position:relative; margin-top:24px; width:648px; max-width:100%; }
.blog-search__icon{ position:absolute; left:24px; top:50%; transform:translateY(-50%); display:flex; }
.blog-search__input{
  width:100%; height:56px; padding:0 24px 0 56px;
  border:1px solid rgba(142,162,78,.25); border-radius:12px;
  background:#fff; font-family:var(--font); font-size:14px; color:var(--black);
}
.blog-search.has-value .blog-search__input{ padding-right:56px; }
.blog-search__input::placeholder{ color:rgba(30,30,30,.5); }
.blog-search__clear{
  position:absolute; right:24px; top:50%; transform:translateY(-50%);
  display:flex; color:#1e1e1e80;
}

/* Категорії */
.blog-cats{ display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; }
.blog-cat{
  display:inline-flex; align-items:center; height:48px; padding:0 24px;
  border:1px solid rgba(39, 41, 33, 0.25); border-radius:12px;
  font-size:14px; color:var(--dark-green);
  transition:background .15s ease;
}
.blog-cat:hover{ background:var(--light-green); }
.blog-cat.is-active{ background:rgba(142,162,78,.5); }

/* Сітка карток */
.blog__grid{ margin-top:36px; display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }

.article-card__link{
  display:flex; flex-direction:column; height:100%;
  padding:24px; border:1px solid rgba(142,162,78,.25); border-radius:12px;
  background:#fff; color:inherit;
  transition:box-shadow .15s ease;
}
.article-card__link:hover{ box-shadow:0 8px 24px rgba(13,55,1,.08); }
.article-card__pic{
  aspect-ratio:600 / 186; border-radius:12px;
  background:#c9d2ba center/cover no-repeat; background-image:var(--img,none);
}
.article-card__meta{ display:flex; align-items:center; gap:12px; margin-top:16px; font-size:14px; color:var(--dark-green); }
.article-card__sep{ width:16px; height:1px; background:var(--dark-green); opacity:.4; }
.article-card__title{ margin-top:16px; font-size:16px; font-weight:600; line-height:1.3; color:var(--dark-green); }
.article-card__excerpt{
  margin-top:12px; font-size:12px; line-height:1.5; color:#0d3701cc;
  display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.article-card__more{ margin-top:auto; padding-top:16px; display:flex; align-items:center; justify-content:space-between; font-size:14px; color:var(--green); }

.blog__more{ margin-top:36px; }
.blog__more .btn{ width:100%; }
.blog__empty{ margin-top:36px; font-size:16px; color:var(--dark-green); }
/* Сторінка статті */
.article{ padding:48px 0 100px; }

.article__head{ margin-top:48px; max-width:980px; }
.article__title{ font-size:48px; font-weight:700; line-height:1.2; color:var(--dark-green); }
.article__meta{ display:flex; align-items:center; gap:16px; margin-top:24px; }
.article__cat{
  display:inline-flex; align-items:center; height:48px; padding:0 24px;
  border-radius:12px; background:var(--light-green);
  font-size:14px; color:var(--dark-green);
}
.article__date{ font-size:14px; color:var(--dark-green); }

.article__content{ margin-top:36px; max-width:980px; }
.article__content > *:first-child{ margin-top:0; }
.article__content h2,
.article__content h3{ font-size:18px; font-weight:700; line-height:1.3; color:var(--dark-green); margin:32px 0 12px; }
.article__content p{ font-size:16px; line-height:1.6; color:#0d3701cc; margin:0 0 16px; }
.article__content ul,
.article__content ol{ margin:0 0 16px; padding-left:20px; font-size:16px; line-height:1.6; color:#0d3701cc; }
.article__content li{ margin-bottom:8px; }
.article__content img{ max-width:100%; height:auto; border-radius:12px; margin:16px 0; }
.article__content a{ color:var(--green); text-decoration:underline; }

/* Схожі новини */
.related{ margin-top:80px; }
.related__title{ font-size:48px; font-weight:700; color:var(--dark-green); margin-bottom:32px; }
.related__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }