/* Раздел /blog. Отдельный файл по образцу not-found.css и cost-calculator.css:
   стили нужны двум страницам и не заставляют менять версию общего site.css. */

.blog-index .wrap,
.blog-post .wrap {
  max-width: 760px;
}

.post-date {
  color: var(--ink-dim) !important;
  font-size: 0.84rem !important;
  margin: 0 0 10px !important;
}

/* Ссылка назад в раздел — самостоятельная навигационная цель, а не слово в
   предложении, поэтому ей нужны 24×24 CSS px (WCAG 2.2 AA target size). */
.post-date a {
  display: inline-block;
  min-height: 24px;
  padding: 4px 2px;
}

.post-list {
  list-style: none;
  padding: 0;
  margin: 36px 0 0;
}

.post-list > li {
  padding: 26px 0;
  margin: 0;
  border-top: 1px solid var(--hairline);
}

.post-list h2 {
  margin: 0 0 8px;
  font-size: 1.32rem;
}

.post-list h2 a {
  text-decoration-color: var(--hairline-strong);
}

/* Документ в статье уже стилизован .document-shot в site.css; здесь только
   отступы вокруг него и подпись под ним. */
.blog-post .document-shot {
  margin: 26px 0 10px;
}

.blog-post .shot-caption {
  color: var(--ink-dim);
  font-size: 0.9rem;
  margin: 0 0 26px;
}

.blog-post .cta-row {
  margin: 26px 0 8px;
}

.blog-post table {
  margin: 24px 0 26px;
}