/* «Кейсы» A–G (02.10): две аудитории — «Частным лицам» и «Бизнесу». Все тексты — образец, без результатов-обещаний и процентов (ст. 17 КПЭА).
   A «Папки дел» (как было) · B папки с переключателем «Частным лицам / Бизнесу», у бизнеса тёмные корешки · C две колонки-досье ·
   D фильтр-чипы · E карусель по категориям · F таймлайн «было → сделано» · G сплит: светлая и тёмная половины (как «Направления» B). */
.cases .vv { margin-top: var(--gap-h); }
.cases .vv .cases__grid { margin-top: 0; }
.cases__note { margin-top: var(--s5); max-width: 44em; color: var(--t-d2); font-size: .875rem; }
.cases .more { margin-top: var(--s3); }
.cases ol li { position: relative; }

/* D — папки дел: вкладки-корешки и лист дела */
.cf__tabs { display: flex; flex-wrap: wrap; gap: 4px; padding-left: var(--s4); }
.cf__tab { display: inline-flex; align-items: center; gap: var(--s2); min-height: 48px; padding: 0 var(--s5); border-radius: var(--r-card) var(--r-card) 0 0; background: color-mix(in srgb, var(--gold) 22%, var(--g8)); color: var(--t-d2); font-weight: 500; transition: background-color 250ms ease, color 250ms ease; }
.cf__tab .i { color: var(--gold-hi); }
.cf__tab[aria-selected="true"] { background: #D9C7A4; color: #2B2620; }
.cf__tab[aria-selected="true"] .i { color: #6E5A36; }
.cf__body { position: relative; padding: var(--s3); border-radius: var(--r-card); background: #D9C7A4; }
.cf__sheet { position: relative; overflow: hidden; padding: var(--s6) var(--s5); border-radius: 4px; background: #FBF8F2; color: var(--ink); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .45); }
.cf__no { font: 600 .75rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.cf__sheet h3 { margin-top: var(--s3); color: var(--ink); font-size: calc(clamp(1.375rem, 1rem + 1vw, 2rem) * var(--k-h)); }
.cf__cols { display: grid; gap: var(--s5); margin-top: var(--s5); }
.cf__k { margin-bottom: var(--s2); font: 600 .75rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.cf__cols p { color: #4A4A52; }
.cf__done { display: grid; gap: var(--s2); }
.cf__done li { padding-left: var(--s5); }
.cf__stamp { position: absolute; right: var(--s5); top: var(--s5); padding: 4px 12px; border: 2px solid rgba(126, 104, 65, .55); border-radius: 4px; color: rgba(126, 104, 65, .75); font: 700 .8125rem/1.2 var(--f-sans); letter-spacing: .16em; text-transform: uppercase; transform: rotate(-8deg); }
.cf .sample { color: #5C5C66; }
@media (min-width: 768px) { .cf__cols { grid-template-columns: 1fr 1fr; } .cf__sheet { padding: var(--s7); } .cf__body { padding: var(--s4); } }
.cf__done li::before { content: ""; position: absolute; left: 0; top: .55em; width: 10px; height: 6px; border-left: 1.5px solid var(--gold); border-bottom: 1.5px solid var(--gold); transform: rotate(-45deg); }
/* «Проблема → Решение» (01.10) */
.cf__arr { display: none; color: #B49C73; }
@media (min-width: 768px) { .cf__cols { grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); align-items: start; } .cf__arr { display: grid; place-items: center; padding-top: var(--s5); } .cf__arr .i { width: 26px; height: 26px; } }

/* ================= общая карточка кейса (C, D, E) ================= */
.ck { position: relative; display: grid; align-content: start; gap: 4px; padding: var(--s5); border: 1px solid var(--line-d); border-radius: var(--r-card); background: #FBF8F2; color: var(--ink); }
.ck--biz { background: #24242A; color: #F3EADA; border-color: #3A3A42; }
.ck__no { font: 600 .6875rem/1.3 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.ck--biz .ck__no { color: #D9C08C; }
.ck--biz .sample { color: #BDB3A3; border-color: #5A5A62; }
.ck__t { margin: 6px 0 8px; font: var(--w-h) calc(1.25rem * var(--k-h))/1.2 var(--f-serif); }
.ck__k { margin-top: 8px; font: 600 .6875rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.ck--biz .ck__k { color: #D9C08C; }
.ck__p { color: #4A4A52; font-size: .9375rem; line-height: 1.5; }
.ck--biz .ck__p { color: #D6CCBC; }
.ck__d { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.ck__d li { padding: 4px 10px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--gold) 16%, transparent); font-size: .8125rem; }
.ck--biz .ck__d li { background: rgba(217, 192, 140, .14); }

/* ================= B — папки с переключателем ================= */
.cseg { display: inline-flex; gap: 4px; margin-bottom: var(--s4); padding: 4px; border: 1px solid var(--line-d); border-radius: var(--r-pill); }
.cseg button { min-height: 44px; padding: 0 var(--s5); border-radius: var(--r-pill); font-weight: 500; color: var(--t-d2); transition: background-color 250ms ease, color 250ms ease; }
.cseg button[aria-checked="true"] { background: var(--ink); color: var(--haze); }
.cf__tab--biz { background: #3A3A42; color: #E6DCCB; }
.cf__tab--biz .i { color: #D9C08C; }
.cf__tab--biz[aria-selected="true"] { background: #24242A; color: #F3EADA; }
.cf__tab--biz[aria-selected="true"] .i { color: #D9C08C; }
.cf--cat.is-biz .cf__body { background: #24242A; }
.cf__sheet--biz { border-top: 4px solid #24242A; }
.cf__sheet--biz .cf__stamp { border-color: rgba(36, 36, 42, .5); color: rgba(36, 36, 42, .65); }

/* ================= C — две колонки-досье ================= */
.cc2 { display: grid; gap: var(--s6); }
.cc2__col { display: grid; gap: var(--s3); align-content: start; }
.cc2__h { display: flex; align-items: center; gap: 10px; padding-bottom: var(--s3); border-bottom: 1px solid var(--line-d); font: var(--w-h) calc(1.5rem * var(--k-h))/1.2 var(--f-serif); }
.cc2__h .i { width: 22px; height: 22px; color: var(--gold-hi); }
.cc2__col--biz { padding: var(--s4); border-radius: var(--r-card); background: #2E2E35; }
.cc2__col--biz .cc2__h { color: #F3EADA; border-color: #4A4A52; }
@media (min-width: 1024px) { .cc2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); align-items: start; } .cc2__col--biz { grid-template-columns: 1fr 1fr; } .cc2__col--biz .cc2__h { grid-column: 1 / -1; } }

/* ================= D — фильтр-чипы ================= */
.cfl { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--s4); }
.cfl button { min-height: 44px; padding: 0 var(--s5); border: 1px solid var(--line-d); border-radius: var(--r-pill); font-weight: 500; color: var(--t-d2); transition: background-color 250ms ease, color 250ms ease; }
.cfl button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--haze); }
.cfg { display: grid; gap: var(--s3); }
.cfg .ck[hidden] { display: none; }
@media (min-width: 768px) { .cfg { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .cfg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ================= E — карусель по категориям ================= */
.cr__bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--s3); margin-bottom: var(--s4); }
.cr__cats { display: flex; gap: 8px; }
.cr__cats button { min-height: 44px; padding: 0 var(--s5); border: 1px solid var(--line-d); border-radius: var(--r-pill); font-weight: 500; color: var(--t-d2); }
.cr__cats button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--haze); }
.cr__nav { display: flex; gap: 8px; }
.cr__track { display: flex; gap: var(--s3); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 0; padding-bottom: var(--s3); scrollbar-width: thin; outline-offset: 4px; }
.cr__track > li { flex: none; scroll-snap-align: start; }
.cr__i { width: min(340px, 82vw); display: grid; }
.cr__lbl { display: grid; place-items: center; width: 64px; border-radius: var(--r-card); background: color-mix(in srgb, var(--gold) 22%, transparent); }
.cr__lbl span { writing-mode: vertical-rl; transform: rotate(180deg); font: 600 .8125rem/1 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--t-d); }
.cr__lbl--biz { background: #24242A; } .cr__lbl--biz span { color: #D9C08C; }

/* ================= F — таймлайн «было → сделано» ================= */
.ct__g { display: flex; align-items: center; gap: 10px; margin: var(--s5) 0 var(--s3); font: var(--w-h) calc(1.5rem * var(--k-h))/1.2 var(--f-serif); }
.ct__g:first-child { margin-top: 0; }
.ct__g .i { width: 22px; height: 22px; color: var(--gold-hi); }
.ct__l { display: grid; gap: var(--s3); }
.ct__r { display: grid; gap: var(--s3); padding: var(--s4) var(--s5); border-left: 3px solid var(--gold); border-radius: 0 var(--r-card) var(--r-card) 0; background: #FBF8F2; color: var(--ink); }
.ct__r--biz { border-left-color: #24242A; background: #F3EEE5; }
.ct__k { font: 600 .6875rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.ct__t { margin: 4px 0; font: var(--w-h) calc(1.1875rem * var(--k-h))/1.25 var(--f-serif); }
.ct__was p:last-child { color: #4A4A52; font-size: .9375rem; }
.ct__line { display: none; }
.ct__done ol { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; counter-reset: st; }
.ct__done li { counter-increment: st; padding: 4px 10px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--gold) 16%, transparent); font-size: .8125rem; }
.ct__done li::before { content: counter(st) ". "; font-family: var(--f-num); color: #7E6841; }
@media (min-width: 900px) { .ct__r { grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr); align-items: center; } .ct__line { display: block; height: 1px; background: linear-gradient(90deg, var(--gold), var(--gold)) left center / 100% 1px no-repeat; position: relative; } .ct__line::after { content: ""; position: absolute; right: -2px; top: -4px; width: 8px; height: 8px; border-top: 1px solid var(--gold); border-right: 1px solid var(--gold); transform: rotate(45deg); } }

/* ================= G — сплит: светлая и тёмная половины ================= */
.cs { display: grid; border-radius: var(--r-card); overflow: hidden; }
.cs__half { padding: var(--s6) var(--s5); background: #FBF8F2; color: var(--ink); }
.cs__half--biz { background: #24242A; color: #F3EADA; }
.cs__eyebrow { display: flex; align-items: center; gap: 8px; font: 600 .75rem/1.2 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: #7E6841; }
.cs__half--biz .cs__eyebrow { color: #D9C08C; }
.cs__eyebrow .i { width: 18px; height: 18px; }
.cs__h { margin: 8px 0 var(--s4); font: var(--w-h) calc(1.75rem * var(--k-h))/1.15 var(--f-serif); }
.cs__i { border-top: 1px solid rgba(126, 104, 65, .3); }
.cs__half--biz .cs__i { border-color: #3A3A42; }
.cs__i summary { display: grid; grid-template-columns: minmax(0, 1fr) 24px; align-items: center; gap: 2px 12px; min-height: 56px; padding: 10px 0; cursor: pointer; list-style: none; }
.cs__i summary::-webkit-details-marker { display: none; }
.cs__cat { grid-column: 1; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; color: #7E6841; }
.cs__half--biz .cs__cat { color: #D9C08C; }
.cs__t { grid-column: 1; font: 500 1.0625rem/1.3 var(--f-serif); }
.cs__pl { grid-column: 2; grid-row: 1 / span 2; position: relative; width: 16px; height: 16px; }
.cs__pl::before, .cs__pl::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1.5px; background: currentColor; transition: transform 300ms var(--ease-out); }
.cs__pl::after { transform: rotate(90deg); }
.cs__i[open] .cs__pl::after { transform: rotate(0deg); }
.cs__b { padding: 0 0 var(--s4); font-size: .9375rem; line-height: 1.5; }
.cs__k { margin-top: 8px; font: 600 .6875rem/1.2 var(--f-sans); letter-spacing: .12em; text-transform: uppercase; color: #7E6841; }
.cs__half--biz .cs__k { color: #D9C08C; }
.cs__b ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 8px; }
.cs__b li { padding: 3px 10px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--gold) 16%, transparent); font-size: .8125rem; }
.cs__half--biz .cs__b li { background: rgba(217, 192, 140, .14); }
.cs__half--biz .sample { color: #BDB3A3; border-color: #5A5A62; }
@media (min-width: 900px) { .cs { grid-template-columns: 1fr 1fr; } .cs__half { padding: var(--s7) var(--s6); } }
@media (prefers-reduced-motion: reduce) { .cs__pl::before, .cs__pl::after, .cseg button, .cfl button { transition: none; } }
@media (max-width: 599px) { .cf--cat .cf__stamp { display: none; } }

/* 08.10: «Чего можно добиться» — что даёт закон в такой ситуации (не обещание результата) */
.cf__res { margin: var(--s4) 0 0; padding-top: var(--s3); border-top: 1px solid var(--line-l); font-size: .9375rem; line-height: 1.45; color: var(--ink-2); }
.cf__res b { color: var(--ink); font-weight: 600; }

/* 08.10: кейсы — список, по одной строке «Проблема → Решение» */
.cl__head, .cl__i { display: grid; grid-template-columns: minmax(180px, .8fr) 1.6fr 28px 1.6fr; column-gap: 18px; align-items: center; }
.cl__head { margin-top: var(--s5); padding: 0 6px 10px; font: 700 .72rem/1 var(--f-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--gold-disp, #86693E); }
.cl { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line-l); }
.cl__i { padding: 15px 6px; border-bottom: 1px solid var(--line-l); transition: background-color 200ms ease; }
.cl__i[hidden] { display: none; }
.cl__dir { display: flex; align-items: center; gap: 10px; font: 600 .9rem/1.2 var(--f-sans); color: var(--ink); }
.cl__dir .i { width: 20px; height: 20px; flex: none; color: var(--gold-hi); }
.cl__p { font-size: .95rem; line-height: 1.35; color: var(--ink-2); }
.cl__s { font-size: .95rem; line-height: 1.35; font-weight: 500; color: var(--ink); }
.cl__arr { display: grid; place-items: center; color: var(--gold); } .cl__arr .i { width: 18px; height: 18px; }
.cl__k { display: none; }
.cl.is-biz .cl__dir .i { color: var(--ink); }
@media (hover: hover) and (pointer: fine) { .cl__i:hover { background: color-mix(in srgb, #fff 55%, transparent); } }
@media (max-width: 1199px) { .cl__p, .cl__s { font-size: .9rem; } }
@media (max-width: 767px) {
  .cl__head { display: none; }
  .cl__i { grid-template-columns: 1fr; row-gap: 6px; padding: 14px 0; }
  .cl__arr { display: none; }
  .cl__k { display: inline; margin-right: 8px; font: 700 .68rem/1 var(--f-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-disp, #86693E); }
}
@media (min-width: 768px) { .cl__head, .cl__i { grid-template-columns: minmax(232px, .85fr) 1.5fr 28px 1.5fr; } .cl__dir { white-space: nowrap; } }
/* 08.10: папки дел — вкладки в одну строку (короткие подписи, без переноса) */
[data-v="cases-b"] .cf__tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
[data-v="cases-b"] .cf__tabs::-webkit-scrollbar { display: none; }
[data-v="cases-b"] .cf__tab { flex: 0 0 auto; white-space: nowrap; }
[data-v="cases-b"] .cf__tab { padding-left: 18px; padding-right: 18px; }
@media (max-width: 1199px) { [data-v="cases-b"] .cf__tab { padding-left: 12px; padding-right: 12px; font-size: .875rem; } }
@media (min-width: 768px) { .cf__sheet { padding: var(--s6); } }
/* 26.10: на телефоне текст не мельче 16 px (НФТ-1) */
@media (max-width: 599px) { .cf__res, .cases__note { font-size: 1rem; } }