/* Родные Травы · Статья блога.
   Перенесено из style.css исходного сайта без изменений значений. */

.article { max-width: 820px; margin: 0 auto; background: var(--white); border: 1px solid var(--line); border-radius: 16px; padding: clamp(28px, 4.2vw, 56px) clamp(24px, 4.4vw, 64px) clamp(32px, 4vw, 52px); box-shadow: var(--shadow); }
.article__head { margin-bottom: 8px; }
.article__head .post__meta { margin-bottom: 18px; align-items: center; gap: 6px 0; }
.article__head .post__meta span + span::before { content: "·"; margin: 0 10px; color: var(--line-2); }
.article__head h1 { font-size: clamp(32px, 4.2vw, 50px); line-height: 1.12; margin: 0 0 18px; }
.article__head .lead { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.45; color: var(--ink-2); max-width: 42em; margin: 0; }
.article__pic { margin: 28px -8px 36px; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow); }
.article__pic img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.article__body { font-size: 18.5px; color: var(--ink-2); }
.article__body > p:first-of-type::first-letter { float: left; font-family: var(--font-display); font-size: 3.35em; line-height: .82; padding: 10px 12px 0 0; color: var(--forest); }
.article__body h2 { font-size: clamp(24px, 2.6vw, 32px); margin: 42px 0 12px; }
.article__body p { margin-bottom: 1.15em; }
.article__body a { color: var(--forest); font-weight: 600; }
.article__body .warn { margin-top: 36px; margin-bottom: 0; }
.article__author { display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: center; padding: 22px 0 0; border-top: 1px solid var(--line-2); margin-top: 36px; }
.article__author .ava { width: 64px; height: 64px; border-radius: 50%; background: var(--ochre) url("../img/team/team-ali.webp") center/cover; }
.article__author b { display: block; color: var(--forest); }
.article__author span { font-size: 14.5px; color: var(--ink-3); }
@media (max-width: 720px) {
  .article { padding: 22px 18px 28px; }
  .article__pic { margin: 20px 0 26px; }
  .article__body { font-size: 17px; }
  .article__body > p:first-of-type::first-letter { font-size: 2.6em; padding-right: 8px; }
}