/* blog.css — страничная специфика блога (список постов, карточка, статья,
   пагинация). Токены и шрифты не объявляет — берёт их из site.css, который
   подключает базовый шаблон раньше этого файла. Источник правил — старый
   public.css (раздел «Этап 5: блог»), токены переименованы под канон
   (--muted→--ink-2, --marker→--yellow). Правила `.prose` сюда не входят: они
   уже есть в site.css и переопределять их здесь запрещено (см. task-4-brief). */

.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.post-card img{width:100%;height:auto;border-radius:8px;display:block;margin-bottom:12px}
.post-card__title{font-size:1.25rem;margin:6px 0}
.post-card__title a{color:var(--ink);text-decoration:none}
.post-card__title a:hover{text-decoration:underline}
.post-meta{color:var(--ink-2);font-size:.9rem;margin:0 0 8px}
.post-meta a{color:inherit}
.pagination{display:flex;gap:16px;align-items:center;margin-top:32px;color:var(--ink-2)}
.post__cover{width:100%;height:auto;border-radius:12px;margin:8px 0 24px;display:block}
/* Заголовок, мета и обложка статьи чуть уже .container, как в public.css
   (.post > * { max-width: calc(var(--measure) + 40px) }). :not(.prose) —
   намеренно: тот же селектор без исключения имел бы специфичность (0,1,0),
   как у .prose{max-width:var(--measure)} в site.css, и, загрузившись позже
   (blog.css после site.css), переопределил бы канон — то самое, что бриф
   прямо запрещает («не переопределяй их»). :not() поднимает специфичность
   до (0,2,0) и одновременно исключает .prose из совпадения — оба эффекта
   нужны разом. */
.post>:not(.prose){max-width:calc(var(--measure) + 40px)}
.post-preview{background:var(--yellow);padding:8px 12px;border-radius:6px;display:inline-block}
/* Кнопка после списка постов и в конце статьи — тот же отступ, что был у
   .cta-row в public.css. */
.cta-row{margin:24px 0 0}
/* .final h2{max-width:26ch} переехало в site.css: это общий компонент
   финальной секции с призывом (блог, инструменты, «Прогноз заявок»), а не
   особенность блога — дублировался дословно и в prognoz-zayavok.css, и
   отсутствовал в tools.css, хотя .final используется и там. */