/*
  ОБЩИЕ СТИЛИ ДЛЯ СТАТЕЙ БЛОГА PLANTORIA
  Вставить ОДИН РАЗ в Tilda: Настройки сайта → ещё → «Дополнительный CSS для всего сайта»
  (Site Settings → More → Additional CSS). После этого каждый файл статьи из блока
  «HTML под дизайн сайта» уже не должен содержать свой  — только разметку
  ... и JSON-LD. Это тот же CSS, что был вшит
  в первую статью «Зоны морозостойкости в Беларуси» — просто вынесен в одно место,
  чтобы не дублировать его в каждом посте и чтобы правки дизайна делались один раз.

  ОБНОВЛЕНИЕ: основной текст статей увеличен на 2px (18→20px и пропорционально
  остальные размеры тела текста — лид, списки, шаги, ответы в FAQ, таблица).
*/

.plt-art { max-width: 760px; margin: 0 auto; padding: 0 18px;
  font-family: TildaSans, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: #5A5F4F; }
.plt-art h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400;
  font-size: 40px; line-height: 1.2; color: #2F4632; margin: 0 0 20px; }
.plt-art h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400;
  font-size: 28px; line-height: 1.3; color: #2F4632; margin: 44px 0 16px; }
.plt-art p { font-size: 20px; line-height: 27px; color: #5A5F4F; margin: 0 0 18px; }
.plt-art a { color: #2F4632; text-decoration: underline; }
.plt-art a:hover { text-decoration: none; }
.plt-art strong { color: #2B3324; }

.plt-art .lead { font-size: 22px; line-height: 30px; color: #2B3324; }

.plt-art .table-wrap { overflow-x: auto; border-radius: 18px;
  box-shadow: 0 6px 22px rgba(47,70,50,0.12); margin: 0 0 28px; }
.plt-art table { width: 100%; border-collapse: collapse; background: #FFFFFF;
  font-size: 18px; min-width: 420px; }
.plt-art thead th { background: #2F4632; color: #FFFFFF; font-weight: 600;
  text-align: left; padding: 14px 18px; }
.plt-art tbody td { padding: 13px 18px; border-top: 1px solid #EFE9DA; color: #2B3324; }
.plt-art tbody tr:nth-child(even) td { background: #FBF9F3; }

.plt-art .steps { list-style: none; margin: 0 0 28px; padding: 0; }
.plt-art .steps li { display: flex; gap: 16px; align-items: flex-start; margin: 0 0 18px; }
.plt-art .steps .num { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%;
  background: #2F4632; color: #FFFFFF; font-size: 15px; font-weight: 600;
  display: flex; align-items: center; justify-content: center; }
.plt-art .steps span.txt { font-size: 20px; line-height: 27px; color: #5A5F4F; padding-top: 3px; }

.plt-art ul.plain { margin: 0 0 28px; padding: 0; list-style: none; }
.plt-art ul.plain li { position: relative; padding-left: 22px; font-size: 20px;
  line-height: 27px; color: #5A5F4F; margin: 0 0 14px; }
.plt-art ul.plain li::before { content: ""; position: absolute; left: 0; top: 11px;
  width: 8px; height: 8px; border-radius: 50%; background: #2F4632; }

.plt-art .faq-item { background: #FFFFFF; border-radius: 18px;
  box-shadow: 0 6px 22px rgba(47,70,50,0.12); padding: 22px 26px; margin: 0 0 16px; }
.plt-art .faq-item .q { font-family: TildaSans, -apple-system, sans-serif; font-weight: 600;
  font-size: 18px; color: #2B3324; margin: 0 0 8px; }
.plt-art .faq-item .a { font-size: 19px; line-height: 25px; color: #5A5F4F; margin: 0; }

.plt-art .note { font-size: 15px; line-height: 22px; color: #8A8C7C; margin: 8px 0 28px; }

.plt-art .cta-wrap { text-align: center; margin: 40px 0 8px; }
.plt-art .cta { display: inline-block; background: #2F4632; color: #FFFFFF !important;
  font-size: 16.5px; font-weight: 400; text-decoration: none !important;
  border-radius: 999px; padding: 14px 32px; }

@media (max-width: 600px) {
  .plt-art h1 { font-size: 30px; }
  .plt-art h2 { font-size: 23px; margin-top: 34px; }
  .plt-art p, .plt-art ul.plain li, .plt-art .steps span.txt { font-size: 18px; line-height: 24px; }
  .plt-art .lead { font-size: 20px; line-height: 27px; }
}@media (min-width: 821px) {
  .btn-mobile-only { display: none !important; }
}
@media (max-width: 820px) {
  .btn-desktop-only { display: none !important; }
}