/* LLMCASE v4 — страницы, перенесённые из редизайна (13.10.2026): кейсы, события и их хаб, выпуски дайджеста и хаб новостей,
   автор, согласие. Разметку даёт редизайн (классы art, sec, metrics, ev-*, dg-*, pf-*), её не меняем — одеваем в токены v4.
   Подключается после v4.css и v4-article.css. Сборка — design/v4/build-legacy.js. ⛔ Отступы только из шкалы --s-*. */

.lc-lg { padding: var(--s48) 0 var(--s96); }
.lc-lg .shell { max-width: 1200px; margin: 0 auto; padding: 0 var(--gut); box-sizing: content-box; overflow-wrap: break-word; }
.lc-lg main { display: block; }
.lc-lg a { color: var(--acc); text-decoration: none; }
.lc-lg a:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ── Общие куски: крошки, метки, заголовок ── */
.lc-lg .crumb { margin-bottom: var(--s32); font-size: 14px; line-height: 1.4; color: var(--faint); }
.lc-lg .crumb a { color: var(--muted); }
.lc-lg .art { max-width: 720px; margin: 0 auto; }
.lc-lg .krow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s8); }
.lc-lg .fbadge { display: inline-flex; align-items: center; gap: var(--s8); height: 28px; padding: 0 var(--s12); border-radius: 999px; background: var(--acc-soft); font-size: 13px; font-weight: 600; color: var(--acc); }
.lc-lg .fbadge svg { width: 16px; height: 16px; }
.lc-lg .ktag { font-size: 14px; color: var(--muted); }
.lc .lc-lg h1 { margin-top: var(--s16); font-size: 44px; line-height: 1.15; font-weight: 500; letter-spacing: -.025em; color: var(--ink-2); text-wrap: balance; }
.lc-lg p { font-size: 18px; line-height: 1.7; color: var(--ink); }
.lc-lg b, .lc-lg strong { font-weight: 600; color: var(--ink-2); }
.lc-fnote { margin-top: var(--s12); font-size: 14px; line-height: 1.5; color: var(--muted); }
.lc .lc-lg .lc-fnote { font-size: 14px; line-height: 1.5; color: var(--muted); }

/* ── Кейс ── */
.lc-lg .metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--s16); margin: var(--s32) 0; }
.lc-lg .m { display: grid; gap: var(--s8); align-content: start; padding: var(--s24); border-radius: var(--r-card); background: var(--ground); }
.lc-lg .mv { font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; color: var(--acc); }
.lc-lg .mv .up { color: inherit; }
.lc-lg .ml { font-size: 15px; line-height: 1.45; color: var(--ink); }
.lc-lg .company { display: grid; gap: var(--s16); margin: var(--s32) 0; padding: var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); }
.lc-lg .co-name { font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--ink-2); }
.lc-lg .co-sub { margin-top: var(--s4); font-size: 15px; color: var(--muted); }
.lc-lg .co-facets, .lc-lg .ev-facets { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--s16); }
.lc-lg .ev-facets { margin: var(--s32) 0; padding: var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); }
.lc-lg .fl { font-size: 13px; line-height: 1.4; color: var(--muted); }
.lc-lg .fv { margin-top: var(--s4); font-size: 16px; line-height: 1.4; font-weight: 600; color: var(--ink-2); }
.lc-lg .sec { margin-top: var(--s48); }
.lc .lc-lg .sec-h { display: flex; align-items: center; gap: var(--s12); max-width: none; margin-bottom: var(--s16); font-size: 28px; line-height: 1.25; font-weight: 500; letter-spacing: -.015em; color: var(--ink-2); }
.lc-lg .sec-h .n { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--acc-soft); font-size: 15px; font-weight: 600; color: var(--acc); }
.lc-lg .sec p + p { margin-top: var(--s16); }
.lc-lg .li { display: flex; align-items: flex-start; gap: var(--s12); margin-top: var(--s12); font-size: 18px; line-height: 1.6; color: var(--ink); }
.lc-lg .li .d, .lc-lg .ev-tracks .d { flex: none; width: 8px; height: 8px; margin-top: var(--s12); border-radius: 50%; background: var(--acc); }
.lc-lg .steps { display: grid; gap: var(--s12); counter-reset: st; }
.lc-lg .step { display: flex; align-items: flex-start; gap: var(--s16); padding: var(--s16) var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); counter-increment: st; }
.lc-lg .sn { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--acc-soft); font-size: 15px; font-weight: 600; color: var(--acc); }
.lc-lg .sn::before { content: counter(st); }
.lc-lg .st { padding-top: var(--s4); font-size: 17px; line-height: 1.5; color: var(--ink); }
.lc-lg .money { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--s16); }
.lc-lg .money .t { display: grid; gap: var(--s4); padding: var(--s24); border-radius: var(--r-card); background: var(--ground); }
.lc-lg .money .t.hl { background: var(--pos-bg); }
.lc-lg .money .tv { font-size: 28px; line-height: 1.15; font-weight: 600; letter-spacing: -.02em; color: var(--ink-2); }
.lc-lg .money .t.hl .tv { color: var(--pos); }
.lc-lg .money .tl { font-size: 14px; line-height: 1.45; color: var(--muted); }
.lc-lg .ba2 { display: grid; gap: var(--s8); margin-top: var(--s16); }
.lc-lg .ba2 .r { display: grid; grid-template-columns: minmax(0, 1fr) auto 24px auto; align-items: center; gap: var(--s12); padding: var(--s12) var(--s16); border: 1px solid var(--line); border-radius: var(--r-icon); font-size: 16px; }
.lc-lg .ba2 .k { color: var(--ink); }
.lc-lg .ba2 .a { color: var(--faint); text-decoration: line-through; white-space: nowrap; }
.lc-lg .ba2 .b { font-weight: 600; color: var(--pos); white-space: nowrap; }
.lc-lg .ba2 .arr { width: 8px; height: 8px; justify-self: center; border-top: 2px solid var(--line-strong); border-right: 2px solid var(--line-strong); transform: rotate(45deg); }
.lc-lg .deltas { display: flex; flex-wrap: wrap; gap: var(--s8); margin-top: var(--s16); }
.lc-lg .dl { display: inline-flex; align-items: center; gap: var(--s8); height: 32px; padding: 0 var(--s12); border-radius: 999px; background: var(--pos-bg); font-size: 14px; font-weight: 600; color: var(--pos); }
.lc-lg .dl .lab { font-weight: 500; color: var(--ink); }
.lc-lg .afoot { display: flex; align-items: center; gap: var(--s12); margin-top: var(--s48); padding-top: var(--s24); border-top: 1px solid var(--line); }
.lc-lg .b-av { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--ground); }
.lc-lg .b-name { font-size: 16px; font-weight: 600; color: var(--ink-2); }
.lc-lg .rel { margin-top: var(--s48); }
.lc .lc-lg .rel-h { margin-bottom: var(--s16); font-size: 24px; line-height: 1.3; font-weight: 500; color: var(--ink-2); }
.lc-lg .rel-i { display: grid; gap: var(--s4); margin-bottom: var(--s12); padding: var(--s16) var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); transition: border-color .3s; }
.lc-lg a.rel-i:hover { border-color: var(--acc); text-decoration: none; }
.lc-lg .rel-t { font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--ink-2); }
.lc-lg .rel-m { font-size: 15px; color: var(--muted); }
.lc-lg .rel-m b { color: var(--pos); }
.lc-lg .rel-all { display: inline-flex; margin-top: var(--s8); font-size: 16px; font-weight: 600; }

/* ── Событие ── */
.lc-lg .ev-hero-cover { display: block; width: 100%; height: auto; margin-bottom: var(--s32); border: 1px solid var(--line); border-radius: var(--r-card); }
.lc .lc-lg .ev-lead { margin-top: var(--s16); font-size: 20px; line-height: 1.5; color: var(--muted); }
.lc-lg .ev-tracks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s8) var(--s24); }
.lc-lg .ev-tracks .t { display: flex; align-items: flex-start; gap: var(--s12); font-size: 16px; line-height: 1.5; color: var(--ink); }
.lc-lg .ev-tracks .d { margin-top: var(--s8); }
.lc-lg .ev-cta { display: flex; align-items: center; gap: var(--s24); margin-top: var(--s48); padding: var(--s24); border-radius: var(--r-card); background: var(--ground); }
.lc-lg .ev-cta .l { flex: 1; display: grid; gap: var(--s4); }
.lc-lg .ev-cta .l b { font-size: 18px; }
.lc-lg .ev-cta .l span { font-size: 15px; color: var(--muted); }
.lc-lg .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: var(--s12) var(--s24); border: 2px solid var(--acc); border-radius: var(--r-btn); background: var(--acc); font: 600 15px/1.2 'Onest', Arial, sans-serif; color: #fff; white-space: nowrap; }
.lc-lg a.btn { color: #fff; }
.lc-lg a.btn:hover { background: var(--acc-press); text-decoration: none; }
.lc .lc-lg .ev-disc { margin-top: var(--s16); font-size: 14px; line-height: 1.5; color: var(--muted); }

/* ── Хаб событий ── */
.lc .lc-lg .ev-hero h1 { margin-top: 0; font-size: 52px; }
.lc .lc-lg .ev-hero p { max-width: 640px; margin-top: var(--s16); font-size: 18px; color: var(--muted); }
.lc-lg .ev-kanban { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s24); margin-top: var(--s48); }
.lc-lg .ev-col { display: grid; align-content: start; gap: var(--s16); }
.lc-lg .ev-col-h { display: flex; align-items: center; gap: var(--s8); font-size: 20px; font-weight: 600; color: var(--ink-2); }
.lc-lg .ev-col-y { font-weight: 400; color: var(--muted); }
.lc-lg .ev-col-n { margin-left: auto; display: grid; place-items: center; min-width: 28px; height: 28px; padding: 0 var(--s8); border-radius: 999px; background: var(--ground); font-size: 13px; color: var(--muted); }
.lc-lg .ev-card { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; background: #fff; transition: border-color .3s, box-shadow .3s, transform .3s var(--ease); }
.lc-lg a.ev-card:hover { border-color: var(--acc); box-shadow: var(--sh); transform: translateY(-4px); text-decoration: none; }
.lc-lg .ev-cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--ground); }
.lc-lg .ev-cbody { display: grid; gap: var(--s4); padding: var(--s16) var(--s24) var(--s24); }
.lc-lg .ev-cday { font-size: 14px; font-weight: 600; color: var(--acc); }
.lc-lg .ev-cat { font-size: 13px; color: var(--muted); }
.lc-lg .ev-ctitle { font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--ink-2); }
.lc-lg .ev-cmeta { font-size: 14px; color: var(--muted); }
.lc-lg .ev-cmeta .sep { margin: 0 var(--s8); color: var(--line-strong); }
.lc-lg .ev-cfoot { display: flex; align-items: center; justify-content: space-between; gap: var(--s12); margin-top: var(--s12); font-size: 14px; }
.lc-lg .ev-cfoot .p { font-weight: 600; color: var(--ink-2); }
.lc-lg .ev-cfoot .go { color: var(--acc); }
.lc-lg .ev-cfoot .free, .lc-lg .free { color: var(--pos); }

/* ── Хаб новостей и выпуск ── */
.lc-lg .feed-hero { margin-bottom: var(--s48); }
.lc-lg .hero-kicker { font-size: 14px; font-weight: 600; color: var(--acc); }
.lc .lc-lg .feed-hero h1 { margin-top: var(--s8); font-size: 52px; }
.lc .lc-lg .feed-hero p { max-width: 720px; margin-top: var(--s16); font-size: 18px; color: var(--muted); }
.lc-lg .dg-issue { margin-bottom: var(--s48); }
.lc-lg .dg-ihead { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s8) var(--s12); padding-bottom: var(--s12); border-bottom: 1px solid var(--line); }
.lc-lg .dg-inum { font-size: 13px; font-weight: 600; color: var(--muted); }
.lc-lg .dg-idate a { font-size: 20px; font-weight: 600; color: var(--ink-2); }
.lc-lg .dg-iwd { font-size: 16px; color: var(--muted); }
.lc-lg .dg-iall { margin-left: auto; font-size: 14px; font-weight: 600; }
.lc-lg .dg-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) 160px; align-items: center; gap: var(--s16); padding: var(--s16) 0; border-bottom: 1px solid var(--line-soft); }
.lc-lg .dg-n { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--acc-soft); font-size: 14px; font-weight: 600; color: var(--acc); }
.lc .lc-lg .dg-body h3 { font-size: 18px; line-height: 1.4; font-weight: 600; }
.lc-lg .dg-body h3 a { color: var(--ink-2); }
.lc-lg .dg-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4) var(--s8); margin-top: var(--s8); font-size: 14px; color: var(--muted); }
.lc-lg .dg-cat { color: var(--acc); font-weight: 600; }
.lc-lg .dg-dot { color: var(--line-strong); }
.lc-lg .dg-th img { display: block; width: 160px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-icon); background: var(--ground); }
.lc-lg .dg-chev { display: none; }
.lc-lg .dg-inav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s16); margin-top: var(--s32); }
.lc-lg .dg-inav a { display: grid; gap: var(--s4); padding: var(--s16) var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); }
.lc-lg .dg-inav a:hover { border-color: var(--acc); text-decoration: none; }
.lc-lg .dg-inav .dg-nx { grid-column: 2; text-align: right; }
.lc-lg .dg-inav .dg-dir { font-size: 13px; font-weight: 600; color: var(--muted); }
.lc-lg .dg-inav .dg-t { font-size: 16px; font-weight: 600; color: var(--ink-2); }
.lc-lg .dg-tg { display: flex; align-items: center; gap: var(--s24); margin: var(--s48) 0; padding: var(--s24); border-radius: var(--r-card); background: var(--ground); font-size: 16px; color: var(--ink); }
.lc-lg .dg-tgbtn { flex: none; }
.lc-lg .dg-arch { margin-top: var(--s48); }
.lc-lg .dg-mon { margin: var(--s24) 0 var(--s12); font-size: 18px; font-weight: 600; color: var(--ink-2); }
.lc-lg .dg-alist { display: flex; flex-wrap: wrap; gap: var(--s8); }
.lc-lg .dg-alink { display: inline-flex; align-items: center; height: 36px; padding: 0 var(--s12); border: 1px solid var(--line); border-radius: var(--r-btn); font-size: 14px; color: var(--ink-2); }
.lc-lg .dg-alink:hover { border-color: var(--acc); text-decoration: none; }

/* ── Автор ── */
.lc-lg .pf { display: grid; gap: var(--s16); max-width: 720px; padding: var(--s32); border-radius: var(--r-lg); background: var(--ground); }
.lc-lg .pf-top { display: flex; align-items: center; gap: var(--s24); }
.lc-lg .pf-av { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; }
.lc .lc-lg .pf-name { margin: 0; font-size: 36px; }
.lc-lg .pf-seal { display: none; }
.lc-lg .pf-role { font-size: 18px; line-height: 1.55; color: var(--ink); }
.lc-lg .pf-multilink { display: none; }
.lc-lg .pf-stack { display: flex; flex-wrap: wrap; gap: var(--s8); }
.lc-lg .pf-stack .sc { display: inline-flex; align-items: center; height: 32px; padding: 0 var(--s12); border-radius: 999px; background: #fff; font-size: 14px; color: var(--ink-2); }

/* ── Простые страницы (согласие) ── */
.lc-lg .prose { display: grid; gap: var(--s16); }
.lc .lc-lg .prose h1 { margin-bottom: var(--s16); }
.lc .lc-lg .prose h2 { max-width: none; margin-top: var(--s32); font-size: 24px; line-height: 1.3; }
.lc-lg .prose p, .lc-lg .prose li { font-size: 17px; line-height: 1.7; }
.lc .lc-lg .prose ul, .lc .lc-lg .prose ol { display: grid; gap: var(--s8); padding-left: var(--s24); list-style: disc; }

@media (max-width: 820px) {
  .lc-lg { padding: var(--s24) 0 var(--s64); }
  .lc .lc-lg h1 { font-size: 30px; line-height: 1.2; }
  .lc .lc-lg .ev-hero h1, .lc .lc-lg .feed-hero h1 { font-size: 34px; }
  .lc-lg p, .lc-lg .li { font-size: 17px; }
  .lc .lc-lg .sec-h { font-size: 24px; }
  .lc-lg .metrics, .lc-lg .money { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s12); }
  .lc-lg .m, .lc-lg .money .t, .lc-lg .company, .lc-lg .ev-facets, .lc-lg .ev-cta, .lc-lg .pf { padding: var(--s16); }
  .lc-lg .mv { font-size: 26px; }
  .lc-lg .money .tv { font-size: 22px; }
  .lc-lg .step { padding: var(--s16); }
  .lc-lg .ba2 .r { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "k k" "a b"; gap: var(--s8) var(--s12); }
  .lc-lg .ba2 .k { grid-area: k; }
  .lc-lg .ba2 .a { grid-area: a; }
  .lc-lg .ba2 .b { grid-area: b; justify-self: end; }
  .lc-lg .ba2 .arr { display: none; }
  .lc-lg .ev-tracks { grid-template-columns: minmax(0, 1fr); }
  .lc-lg .ev-cta { flex-direction: column; align-items: stretch; }
  .lc-lg .btn { min-height: 52px; }
  .lc-lg .ev-kanban { grid-template-columns: minmax(0, 1fr); gap: var(--s32); }
  .lc-lg .dg-row { grid-template-columns: 32px minmax(0, 1fr); }
  .lc-lg .dg-th { display: none; }
  .lc-lg .dg-inav { grid-template-columns: minmax(0, 1fr); gap: var(--s12); }
  .lc-lg .dg-inav .dg-nx { grid-column: auto; text-align: left; }
  .lc-lg .dg-tg { flex-direction: column; align-items: stretch; }
  .lc-lg .dg-iall { margin-left: 0; }
  .lc-lg .pf-top { gap: var(--s16); }
  .lc-lg .pf-av { width: 64px; height: 64px; }
  .lc .lc-lg .pf-name { font-size: 28px; }
}
@media (max-width: 400px) { .lc-lg .metrics, .lc-lg .money { grid-template-columns: minmax(0, 1fr); } }
/* правки после первого просмотра (13.10): стрелка-иконка в «Подробнее» не нужна; число материалов в архиве — отдельной меткой */
.lc-lg .ev-cfoot svg { display: none; }
.lc-lg .dg-alink b { display: inline-grid; place-items: center; min-width: 24px; height: 24px; margin-left: var(--s8); padding: 0 var(--s4); border-radius: 999px; background: var(--ground); font-size: 12px; font-weight: 600; color: var(--muted); }

/* ── Библиотека кейсов: фильтры и карточки (13.10) ── */
.lc-lg .filters { margin-bottom: var(--s32); }
.lc-lg .fsels { display: flex; flex-wrap: wrap; gap: var(--s8); }
.lc-lg .fsel { position: relative; }
.lc-lg .fsel-btn { display: inline-flex; align-items: center; gap: var(--s8); height: 44px; padding: 0 var(--s16); border: 1px solid var(--line); border-radius: 999px; background: #fff; font: 500 15px/1 'Onest', Arial, sans-serif; color: var(--ink-2); cursor: pointer; }
.lc-lg .fsel-btn:hover, .lc-lg .fsel.has .fsel-btn { border-color: var(--acc); }
.lc-lg .fsel-n { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 var(--s4); border-radius: 999px; background: var(--acc); font-size: 12px; font-weight: 600; color: #fff; }
.lc-lg .fsel-menu { position: absolute; z-index: 20; top: calc(100% + var(--s8)); left: 0; display: grid; gap: var(--s4); width: 320px; max-height: 360px; overflow-y: auto; padding: var(--s8); border: 1px solid var(--line); border-radius: var(--r-card); background: #fff; box-shadow: var(--sh-float); }
.lc-lg .fsel.is-right .fsel-menu { left: auto; right: 0; }
.lc-lg .fopt { display: flex; align-items: center; gap: var(--s12); padding: var(--s8) var(--s12); border-radius: var(--r-xs); font-size: 15px; line-height: 1.35; color: var(--ink-2); cursor: pointer; }
.lc-lg .fopt:hover { background: var(--ground); }
.lc-lg .fopt input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--acc); }
.lc-lg .fopt span { flex: 1; }
.lc-lg .fopt i { font-style: normal; font-size: 13px; color: var(--faint); }
.lc-lg .fopt.zero { opacity: .45; }
.lc-lg .fbar { display: flex; align-items: center; gap: var(--s16); margin-top: var(--s16); font-size: 14px; color: var(--muted); }
.lc-lg .freset { padding: 0; border: 0; background: none; font: 600 14px/1.4 'Onest', Arial, sans-serif; color: var(--acc); cursor: pointer; }
.lc-lg .feed { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s24); }
.lc-lg .feed-empty { padding: var(--s32); border-radius: var(--r-card); background: var(--ground); font-size: 16px; color: var(--muted); }
.lc-lg .feed .card, .lc-lg .blog-grid .card { display: flex; flex-direction: column; gap: var(--s12); padding: var(--s24); border: 1px solid var(--line); border-radius: var(--r-card); background: #fff; transition: border-color .3s, box-shadow .3s, transform .3s var(--ease); }
.lc-lg .feed a.card:hover, .lc-lg .blog-grid a.card:hover { border-color: var(--acc); box-shadow: var(--sh); transform: translateY(-4px); text-decoration: none; }
.lc-lg .byline { display: flex; align-items: center; gap: var(--s8); font-size: 13px; color: var(--muted); }
.lc-lg .byline .av { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; background: var(--ground); }
.lc-lg .byline .who { font-weight: 600; color: var(--ink-2); }
.lc-lg .byline .fmt { margin-left: auto; color: var(--faint); }
.lc-lg .card .ctitle { font-size: 17px; line-height: 1.4; font-weight: 600; color: var(--ink-2); }
.lc-lg .card .metric { display: grid; gap: var(--s4); padding: var(--s12) var(--s16); border-radius: var(--r-icon); background: var(--ground); }
.lc-lg .card .metric .mv { font-size: 24px; }
.lc-lg .card .metric .ml { font-size: 14px; color: var(--muted); }
.lc-lg .card .foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s8); margin-top: auto; font-size: 13px; color: var(--faint); }
.lc-lg .card .tag { color: var(--acc); }
.lc-lg .more-wrap { display: flex; justify-content: center; margin-top: var(--s32); }
.lc-lg .more-btn { min-height: 48px; padding: var(--s12) var(--s24); border: 2px solid var(--line-strong); border-radius: var(--r-btn); background: #fff; font: 600 15px/1.2 'Onest', Arial, sans-serif; color: var(--ink-2); cursor: pointer; }
.lc-lg .more-btn:hover { border-color: var(--acc); color: var(--acc); }

/* ── /blog: сетка обзоров с обложками ── */
.lc-lg .blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s24); }
.lc-lg .blog-grid .card { padding: 0; overflow: hidden; }
.lc-lg .blog-grid .cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--ground); }
.lc-lg .blog-grid .ctitle, .lc-lg .blog-grid .clede, .lc-lg .blog-grid .foot { margin: 0 var(--s24); }
.lc-lg .blog-grid .clede { font-size: 15px; line-height: 1.5; color: var(--muted); }
.lc-lg .blog-grid .foot { margin-bottom: var(--s24); }
.lc-lg .blog-empty { margin-top: var(--s24); color: var(--muted); }
.lc-lg--blog .more-wrap { display: none; }

@media (max-width: 1024px) { .lc-lg .feed, .lc-lg .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px) {
  .lc-lg .feed, .lc-lg .blog-grid { grid-template-columns: minmax(0, 1fr); gap: var(--s16); }
  .lc-lg .feed .card { padding: var(--s16); }
  .lc-lg .blog-grid .ctitle, .lc-lg .blog-grid .clede, .lc-lg .blog-grid .foot { margin-left: var(--s16); margin-right: var(--s16); }
  .lc-lg .blog-grid .foot { margin-bottom: var(--s16); }
  .lc-lg .fsel-menu { width: min(320px, calc(100vw - var(--s32))); }
  .lc-lg--blog .more-wrap { display: flex; }
  .lc-lg .blog-grid:not(.all) .card.over-limit { display: none; }
  .lc-lg .more-btn { width: 100%; min-height: 52px; }
}
/* фильтры: подпись в одну строку, стрелка 12; метка «Кейс» в карточке — иконка 16 */
.lc-lg .fsel-btn { white-space: nowrap; }
.lc-lg .fsel-ar { display: inline-grid; place-items: center; }
.lc-lg .fsel-btn svg { width: 12px; height: 12px; }
.lc-lg .byline .fmt { display: inline-flex; align-items: center; gap: var(--s4); }
.lc-lg .byline .fmt svg { width: 16px; height: 16px; }
/* «Все кейсы» под похожими: 12 (отступ карточки) + 4 = 16, а не 12 + 8 = 20 */
.lc-lg .rel-all { margin-top: var(--s4); }