/* Лонгрид-продажа (articles.LAYOUTS["longread"], longread-doverie-1, 13.11.2026).
   Одна колонка по центру, без колонки «Похожие статьи». Текст — общие стили статей из site.css
   (.prose, .article-tag, .formula, .punch, .final, .sign, .article-note, .faq, .credentials).
   Здесь — колонка и блок оплаты в тексте (.buy, articles/buy.html). */

.longread { max-width: 42rem; margin: 0 auto; padding: clamp(20px, 4vw, 40px) 0 80px; }
.longread__head { margin-bottom: 28px; }
.longread__head h1 { max-width: 22ch; }
.longread .prose { max-width: none; }
.longread .prose ol li, .longread .prose ul li { margin-bottom: .45em; }
.longread .faq { margin: 1.2em 0 0; }
.longread .faq summary { font-size: 1.02rem; }

/* ── Блок оплаты: тёмная панель, слева что покупают, справа карточка тарифа ── */
.buy {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 20rem); gap: clamp(18px, 3vw, 30px); align-items: center;
  margin: 2.6em 0; padding: clamp(22px, 4vw, 34px);
  background: var(--forest); color: var(--on-forest); border-radius: var(--radius-l);
  scroll-margin-top: 16px;
}
@media (min-width: 1040px) { .buy { margin-inline: -4rem; } }
@media (max-width: 720px) { .buy { grid-template-columns: minmax(0, 1fr); } }

.longread .buy p { margin: 0; }
.buy__about { display: grid; gap: 12px; min-width: 0; }
.buy__kicker { font-size: .78rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); }
.buy__title { font-family: var(--serif); font-weight: 600; font-size: clamp(1.55rem, 1.25rem + 1vw, 2.05rem); line-height: 1.12; color: var(--on-forest); text-wrap: balance; }
.longread .buy .buy__facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; }
.longread .buy .buy__facts li { margin: 0; padding: 5px 12px; border: 1px solid var(--on-forest-2); border-radius: 999px; font-size: .88rem; line-height: 1.35; color: var(--on-forest); }
.buy__note { font-size: .9rem; line-height: 1.5; color: var(--on-forest-2); }
.buy__note a { color: var(--on-forest); }
.buy__note a:hover { color: #fff; }

/* карточка тарифа — та же, что на странице продукта; на тёмной панели возвращаем ей тёмный текст */
.buy__card { min-width: 0; }
.buy .tariffs { grid-template-columns: minmax(0, 1fr); }
.buy .tariff { color: var(--ink); font-size: 1rem; box-shadow: 0 14px 34px rgba(10, 14, 20, .28); }
.buy .tariff:hover { transform: none; }
.longread .buy .tariff__title { margin: 0 0 6px; }
.longread .buy .tariff__body ul { padding-left: 1.1em; }
.longread .buy .tariff__body li { margin-bottom: 4px; }
.longread .buy .tariff p { margin: 0; }
.longread .buy .tariff__body { margin: 14px 0 18px; }