/* Стили страницы /blog/<статья>.
   Перенесены из встроенного <style> в views/blog-post.ejs (2026-09-26). Подключаются только на этой
   странице, тем же местом в <head>, где стоял блок, — порядок каскада прежний.
   Правки внешнего вида этой страницы — здесь, не в шаблоне. */

.post-hero { padding: 120px 0 56px; background: #f5f3ee; border-bottom: 0.5px solid rgba(28,26,22,0.10); }
.post-meta { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-bottom: 20px; }
.post-meta-date { font-size: 0.62rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: #8a8480; }
.post-meta-time { font-size: 0.62rem; color: #9a7a32; padding: 2px 8px; border: 0.5px solid rgba(154,122,50,0.3); }
.post-hero h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 400; color: #1c1a16; line-height: 1.1; margin-bottom: 16px; max-width: 780px; }
.post-hero .excerpt { font-size: 1rem; color: #4a4640; max-width: 640px; line-height: 1.8; font-style: italic; }
.post-cta { background: #1c1a16; padding: 48px; margin: 48px 0; text-align: center; }
.post-cta h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; color: #fff; margin-bottom: 12px; font-weight: 400; }
.post-cta p { font-size: 0.85rem; color: rgba(255,255,255,0.55); margin-bottom: 24px; }
.post-back { display: inline-flex; align-items: center; gap: 8px; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: #8a8480; text-decoration: none; margin-bottom: 40px; border-bottom: 0; }
.post-back:hover { color: #9a7a32; }
@media (max-width: 960px) { .post-hero .wrap { padding: 0 24px; } }
@media (max-width: 640px) {
  .post-cta { padding: 36px 20px; }
}
/* v3 резервирует низ под нижнюю панель «Позвонить / Telegram / Заявка» главной — здесь её нет, иначе под подвалом пустая полоса */
/* место под нижнюю панель телефона теперь нужно и здесь — панель есть на всех страницах (partials/float-ui.ejs, 2026-09-26) */