/* blog-article.css — статьи-обзоры под редизайн-шелл. Грузится ПОСЛЕ /case-redesign.css.
   1) мост старых блоговых CSS-переменных на палитру редизайна (scoped на .blog-wrap);
   2) портированные глобальные классы тела (.btn*, .case-tag), которых нет в редизайне. */

/* 1) переменные статьи → палитра редизайна (каскад в контент .blog-wrap) */
.blog-wrap{
  --text:var(--ink); --text-2:var(--ink-2); --text-3:var(--ink-2); --text-muted:var(--muted); --text-faint:var(--faint);
  --bg:var(--paper); --bg-card:var(--surface); --bg-dark:var(--ink);
  --border:var(--line-2); --border-soft:var(--line);
  --accent:var(--ink); --accent-hover:var(--ink-2); --accent-soft:var(--surface-2); --accent-soft-2:var(--surface-2);
  --radius:14px; --radius-sm:9px;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --font:inherit;
}

/* 2) глобальные классы тела из старого llmcase.css — на редизайн-палитре */
.blog-wrap .btn{ display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:var(--radius-sm);
  font-size:13px; font-weight:500; cursor:pointer; border:1px solid transparent; text-decoration:none;
  transition:background .15s var(--ease), border-color .15s var(--ease), transform .12s var(--ease); }
.blog-wrap .btn:active{ transform:scale(.98); }
.blog-wrap .btn-primary{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
.blog-wrap .btn-primary:hover{ background:var(--ink-2); border-color:var(--ink-2); }
.blog-wrap .btn-lg{ padding:10px 20px; font-size:14px; border-radius:999px; }
.blog-wrap .case-tag{ display:inline-flex; align-items:center; gap:5px; padding:3px 9px; border-radius:6px;
  font-size:11px; font-weight:600; background:var(--surface-2); color:var(--ink-2); font-family:var(--mono); }
.blog-wrap .case-tag.green,
.blog-wrap .case-tag.orange{ background:var(--surface-2); color:var(--ink-2); }