/* LexAtlas: блог (/blog/, /blog/<slug>/). Цвета — токены site.css; отдельный файл, чтобы не менять метку ?v= у site.css на всех страницах. */
.lx-blog{ max-width:720px; margin:0 auto; padding:0 16px 56px; line-height:1.7; font-size:1.06rem; }
.lx-blog h1{ margin:0 0 14px; }
.lx-blog h2{ margin:36px 0 10px; }
.lx-blog p{ margin:0 0 16px; }
.lx-blog .lx-lead{ color:var(--muted); font-size:1.12rem; margin-bottom:8px; }
.lx-blog .lx-date{ display:block; margin:0 0 24px; color:var(--muted); font-size:.92rem; }
.lx-blog a{ color:var(--lx-p3); overflow-wrap:anywhere; }
.lx-blog strong{ color:var(--text); }
.lx-blog-list{ list-style:none; margin:0; padding:0; }
.lx-blog-list li{ margin:0 0 16px; padding:18px 20px; border:1px solid var(--lx-border); border-radius:14px; background:linear-gradient(180deg,var(--lx-card1),var(--lx-card2)); }
.lx-blog-list li:hover{ border-color:var(--lx-border-hi); }
.lx-blog-list h2{ margin:0 0 6px; font-size:1.2rem; }
.lx-blog-list h2 a{ text-decoration:none; }
.lx-blog-list p{ margin:6px 0 0; color:var(--muted); font-size:.98rem; line-height:1.55; }
.lx-blog-list .lx-date{ margin:0; }
@media (max-width:640px){ .lx-blog{ font-size:1rem; } }