/* Стили блога saharok.ru — текстовая вёрстка поверх шапки/подвала лендинга.
   Палитра взята из css/site.css: оранжевый #fc8700, зелёный градиент #5b9435→#1ee038,
   тёмный текст #2b2b2b, фон .wrap #f0f0f0. */

.blog{ text-align:left; padding:26px 15px 60px; max-width:980px; }
.blog, .blog p, .blog li, .blog td, .blog th, .blog blockquote{ font-family:'Montserrat',Arial,sans-serif; }

.crumbs{ font-size:13px; color:#8a8a8a; margin-bottom:18px; }
.crumbs a{ color:#fc8700; text-decoration:none; }
.crumbs a:hover{ text-decoration:underline; }
.crumbs span{ color:#b0b0b0; }
.crumbs__cur{ color:#8a8a8a; }

.post{ background:#fff; border-radius:12px; padding:34px 40px 40px; box-shadow:0 2px 14px rgba(0,0,0,.06); }
.post__h1{ font-size:30px; line-height:1.25; font-weight:700; color:#2b2b2b; margin:0 0 10px; }
.post__meta{ font-size:13px; color:#9a9a9a; margin-bottom:22px; border-bottom:1px solid #eee; padding-bottom:16px; }

.post__body{ font-size:16px; line-height:1.7; color:#333; }
.post__body p{ margin:0 0 16px; }
.post__body h2{ font-size:22px; line-height:1.3; color:#2b2b2b; margin:34px 0 14px; padding-top:6px; }
.post__body h3{ font-size:18px; color:#2b2b2b; margin:24px 0 10px; }
.post__body ul, .post__body ol{ margin:0 0 18px 22px; }
.post__body li{ margin-bottom:8px; }
.post__body a{ color:#fc8700; }
.post__body strong{ color:#2b2b2b; }
.post__body blockquote{ margin:20px 0; padding:14px 20px; background:#fdf7f0; border-left:4px solid #fc8700; border-radius:6px; color:#4a4a4a; font-size:15px; }
.post__body hr{ border:0; border-top:1px solid #eee; margin:28px 0; }

.tbl{ overflow-x:auto; margin:0 0 20px; }
.tbl table{ border-collapse:collapse; width:100%; font-size:14.5px; }
.tbl th{ background:#f7f7f7; color:#2b2b2b; text-align:left; font-weight:600; }
.tbl th, .tbl td{ border:1px solid #e6e6e6; padding:10px 12px; vertical-align:top; }
.tbl tr:nth-child(even) td{ background:#fcfcfc; }

.cta{ margin:30px 0 0; padding:26px 30px; border-radius:12px; background:#fff9f2; border:1px dashed #fc8700; text-align:center; }
.cta__t{ font-size:20px; font-weight:700; color:#2b2b2b; margin-bottom:8px; }
.cta__d{ font-size:15px; color:#555; margin-bottom:18px; }
.cta .button{ display:inline-block; height:auto; padding:16px 34px; border-radius:10px; color:#fff; text-decoration:none;
  font-size:16px; font-weight:600; background-color:#fc8700; background-image:linear-gradient(to top,#e96e00,#ffa347); }
.cta .button:hover{ background-image:linear-gradient(to top,#d96200,#f89a33); }

.rel{ margin-top:28px; padding:22px 26px; background:#fff; border-radius:12px; box-shadow:0 2px 14px rgba(0,0,0,.06); }
.rel__t{ font-size:17px; font-weight:700; color:#2b2b2b; margin-bottom:12px; }
.rel ul{ margin:0 0 0 20px; }
.rel li{ margin-bottom:8px; }
.rel a{ color:#fc8700; text-decoration:none; }
.rel a:hover{ text-decoration:underline; }

.list{ list-style:none; margin:0; }
.list__i{ margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid #f0f0f0; }
.list__i a{ font-size:18px; font-weight:600; color:#2b2b2b; text-decoration:none; }
.list__i a:hover{ color:#fc8700; }
.list__i p{ margin:6px 0 0; font-size:14.5px; color:#6b6b6b; }

@media (max-width: 767px){
  .post{ padding:22px 18px 26px; }
  .post__h1{ font-size:23px; }
  .post__body{ font-size:15.5px; }
  .post__body h2{ font-size:19px; }
  .cta{ padding:20px 18px; }
}

/* ссылка на блог в подвале — тем же оранжевым, что акценты сайта */
.footer__blog{color:#fc8700;border-bottom:1px solid rgba(252,135,0,.35);text-decoration:none;}
.footer__blog:hover{border-bottom-color:#fc8700;}