/* Блог: список и текст статьи. Шапка/подвал/кнопки — из landing.css. */
.blog-main { max-width: 760px; margin: 0 auto; padding: 48px 24px 0; }
.blog-footer { margin-top: 72px; padding-top: 8px; }
.blog-footer .ld-footer-bottom { margin-top: 0; border-top: 0; }

.blog-head h1 { margin: 0; font-size: 44px; font-weight: 800; letter-spacing: -0.02em; }
.blog-head p { margin: 12px 0 0; color: #6b6b76; font-size: 17px; line-height: 1.5; }
.blog-empty { margin-top: 40px; color: #6b6b76; }

.blog-list { list-style: none; margin: 40px 0 0; padding: 0; display: grid; gap: 18px; }
.blog-card {
  display: grid; grid-template-columns: 200px 1fr; gap: 22px; align-items: start;
  padding: 18px; background: #fff; border: 1px solid #e6e6ea; border-radius: 16px;
  transition: border-color 0.2s ease;
}
.blog-card:hover { border-color: #17171c; }
.blog-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 10px; background: #ececf0; }
.blog-card:not(:has(img)) { grid-template-columns: 1fr; }
.blog-card time, .blog-post > time { font-size: 13px; color: #9a9aa4; }
.blog-card h2 { margin: 6px 0 8px; font-size: 21px; font-weight: 700; letter-spacing: -0.01em; }
.blog-card p { margin: 0; color: #3d3d46; line-height: 1.5; }

.blog-back { display: inline-block; margin-bottom: 20px; font-size: 14px; color: #6b6b76; }
.blog-post h1 { margin: 0 0 10px; font-size: 40px; font-weight: 800; line-height: 1.15; letter-spacing: -0.02em; }
.blog-cover { display: block; width: 100%; margin-top: 24px; border-radius: 16px; background: #ececf0; }

.blog-prose { margin-top: 28px; font-size: 18px; line-height: 1.7; color: #26262d; }
.blog-prose h2 { margin: 1.8em 0 0.5em; font-size: 28px; line-height: 1.25; }
.blog-prose h3 { margin: 1.5em 0 0.4em; font-size: 22px; }
.blog-prose p { margin: 0 0 1em; }
.blog-prose ul, .blog-prose ol { margin: 0 0 1em; padding-left: 1.4em; }
.blog-prose li > p { margin: 0 0 0.3em; }
.ld .blog-prose a { color: #2f5bd8; text-decoration: underline; text-underline-offset: 2px; }
.blog-prose blockquote { margin: 1.4em 0; padding: 4px 0 4px 20px; border-left: 3px solid #17171c; color: #3d3d46; }
.blog-prose img { display: block; max-width: 100%; height: auto; margin: 1.4em 0; border-radius: 12px; }
.blog-prose code { padding: 2px 5px; background: #ececf0; border-radius: 5px; font-size: 0.9em; }
.blog-prose pre { padding: 16px; overflow-x: auto; background: #17171c; color: #f6f6f7; border-radius: 12px; }
.blog-prose pre code { padding: 0; background: none; }
.blog-prose hr { margin: 2em 0; border: 0; border-top: 1px solid #e6e6ea; }

.blog-cta { margin-top: 48px; padding: 28px; background: #fff; border: 1px solid #e6e6ea; border-radius: 16px; text-align: center; }
.blog-cta p { margin: 0 0 16px; font-size: 18px; font-weight: 600; }

@media (max-width: 700px) {
  .blog-main { padding-top: 32px; }
  .blog-head h1 { font-size: 34px; }
  .blog-post h1 { font-size: 30px; }
  .blog-card { grid-template-columns: 1fr; }
  .blog-prose { font-size: 17px; }
}