/* DIG-283 · Кейсы «было → процесс → что даёт» (главная + каталог). Поверх home.css. */
.h26-cs__lead{font-size:19px;max-width:640px;margin-top:16px!important}
.h26-cs__filters{display:flex;flex-direction:column;gap:12px;margin:36px 0 28px}
.h26-cs__row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.h26-cs__row .h26-kicker{min-width:72px;font-size:11px}
.h26-cs__chip{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(26,26,26,.35);background:#fff;color:var(--ink);font:inherit;font-size:15px;cursor:pointer}
.h26-cs__chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.h26-cs__chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.h26-cs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:20px}
.h26-cs__card{background:#fff;border:1px solid var(--hair2);display:flex;flex-direction:column;padding-bottom:4px}
.h26-cs__card[hidden]{display:none}
.h26-cs__top{padding:22px 24px 0;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.h26-cs__tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.h26-cs__tag--task{color:var(--ink);background:var(--lemon);padding:2px 7px;white-space:nowrap}
.h26-cs__title{font-size:22px!important;padding:12px 24px 0}
.h26-cs__lbl{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.h26-cs__lbl--red{color:var(--red)}
.h26-cs__before{margin:16px 24px 0;padding:18px 20px;background:var(--paper);border-left:3px solid var(--red)}
.h26-cs__before p{font-family:var(--serif);font-size:20px;line-height:1.35;color:var(--ink)}
.h26-cs__now{margin:18px 24px 0}
.h26-cs__now>p{font-size:15.5px;color:var(--ink)}
.h26-cs__steps{list-style:none;margin:0;padding:0;counter-reset:st}
.h26-cs__steps li{counter-increment:st;position:relative;padding:5px 0 5px 34px;font-size:15px;color:var(--ink)}
.h26-cs__steps li::before{content:counter(st);position:absolute;left:0;top:4px;width:22px;height:22px;border-radius:50%;border:1px solid var(--ink);font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:center;background:#fff}
.h26-cs__steps li:not(:last-child)::after{content:"";position:absolute;left:11px;top:27px;bottom:-5px;width:1px;background:var(--hair2)}
.h26-cs__steps li.is-last{font-weight:600}
.h26-cs__steps li.is-last::before{background:var(--ink);color:#fff}
.h26-cs__gain{margin:18px 24px 0;padding:16px 18px;background:var(--dark)}
.h26-cs__gain .h26-cs__lbl{color:#a9a9a9}
.h26-cs__gain p{font-family:var(--serif);font-size:20px;line-height:1.35;color:#fff}
.h26-cs__gain .h26-mark{background:none;color:var(--lemon);white-space:normal}
.h26-cs__meta{margin:16px 24px 0;font-size:13px;color:var(--muted)}
.h26-cs__meta b{color:var(--ink);font-weight:500}
.h26-cs__foot{margin-top:auto;padding:16px 24px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.h26-cs__foot .h26-link{font-size:15px}
.h26-cs__empty{grid-column:1/-1}
@media (max-width:767px){
	.h26-cs__row{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px;padding:0 24px 4px;scrollbar-width:none}
	.h26-cs__row .h26-kicker{min-width:auto;flex:none}
	.h26-cs__chip{flex:none}
	.h26-cs__before p,.h26-cs__gain p{font-size:19px}
}

/* Компактный вид (06.10, вариант «А»): карточка = ниша · было · что даёт; шаги — в раскрывашке; 6 карточек + «Показать все» */
.h26-cs--compact .h26-cs__card--more{display:none}
.h26-cs--compact.is-all .h26-cs__card--more,.h26-cs--compact.is-filtered .h26-cs__card--more{display:flex}
.h26-cs--compact.is-all .h26-cs__card--more[hidden],.h26-cs--compact.is-filtered .h26-cs__card--more[hidden]{display:none}
.h26-cs--compact.is-filtered .h26-cs__morebar{display:none}
.h26-cs--compact .h26-cs__top{padding:18px 20px 0}
.h26-cs--compact .h26-cs__before{margin:12px 20px 0;padding:0 0 0 14px;background:none;border-left:2px solid var(--red)}
.h26-cs--compact .h26-cs__before p{font-size:18px;line-height:1.35}
.h26-cs--compact .h26-cs__title{font-size:20px!important;padding:10px 20px 0}
.h26-cs--compact .h26-cs__now{margin:12px 20px 0}
.h26-cs--compact .h26-cs__gain{margin:14px 20px 0;padding:14px 16px}
.h26-cs--compact .h26-cs__gain p{font-size:17px}
.h26-cs--compact .h26-cs__meta{margin:12px 20px 0}
.h26-cs--compact .h26-cs__foot{padding:12px 20px 16px}
.h26-cs__how{margin:12px 20px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.h26-cs__how summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.h26-cs__how summary::-webkit-details-marker{display:none}
.h26-cs__how summary::after{content:"+";font-family:var(--sans);font-size:20px;letter-spacing:0;line-height:1}
.h26-cs__how[open] summary::after{content:"−"}
.h26-cs__how summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.h26-cs__how .h26-cs__steps{padding:4px 0 12px}
.h26-cs__morebar{display:flex;justify-content:center;margin-top:28px}

/* Оглавление по нишам (06.10, вариант 2): ниши слева, кейсы выбранной ниши справа */
.h26-ct__in{display:grid;grid-template-columns:300px minmax(0,1fr);margin-top:32px;border-top:2px solid var(--ink)}
.h26-ct__nav{border-right:1px solid var(--hair2);display:flex;flex-direction:column}
.h26-ct__tab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:56px;padding:14px 20px 14px 0;border:0;border-bottom:1px solid var(--hair2);background:none;text-align:left;cursor:pointer;color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.25}
.h26-ct__tab small{font-family:var(--mono);font-size:11px;letter-spacing:.15em;color:var(--muted)}
.h26-ct__tab:hover span{color:var(--red)}
.h26-ct__tab[aria-selected="true"]{background:var(--ink);color:#fff;padding-left:16px;margin-right:-1px}
.h26-ct__tab[aria-selected="true"] span{color:#fff}
.h26-ct__tab[aria-selected="true"] small{color:#bdbdbd}
.h26-ct__tab:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.h26-ct__panes{padding:22px 0 0 40px;min-width:0}
.h26-ct__lead{font-family:var(--serif);font-size:22px;line-height:1.35;color:var(--ink);max-width:680px;margin:8px 0 0!important}
.h26-ct__list{margin-top:18px;border-top:1px solid var(--hair2)}
.h26-ct__case{border-bottom:1px solid var(--hair2)}
.h26-ct__case summary{list-style:none;display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:18px;padding:18px 0;cursor:pointer;align-items:start}
.h26-ct__case summary::-webkit-details-marker{display:none}
.h26-ct__case summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.h26-ct__n{font-family:var(--serif);font-size:24px;line-height:1.1;color:var(--red)}
.h26-ct__head{display:flex;flex-direction:column}
.h26-ct__t{font-family:var(--serif);font-size:22px;line-height:1.2;color:var(--ink)}
.h26-ct__case summary:hover .h26-ct__t{color:var(--red)}
.h26-ct__who{font-size:13.5px;color:var(--muted);margin:4px 0 8px}
.h26-ct__g{font-size:15.5px;line-height:1.5;color:var(--ink)}
.h26-ct__g .h26-mark{background:none;font-family:var(--serif);font-style:italic;white-space:normal}
.h26-ct__plus{width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center}
.h26-ct__plus::before{content:"+";font-size:20px;line-height:1}
.h26-ct__case[open] .h26-ct__plus::before{content:"−"}
.h26-ct__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:0 0 24px 62px}
.h26-ct__before{font-family:var(--serif);font-size:18px;line-height:1.4;color:var(--ink);margin:0!important}
.h26-ct__links{grid-column:1/-1;display:flex;gap:24px;flex-wrap:wrap;font-size:15px}
@media (max-width:900px){
	.h26-ct__in{grid-template-columns:minmax(0,1fr);border-top:0}
	.h26-ct__nav{flex-direction:row;overflow-x:auto;border-right:0;gap:8px;padding:4px 0 14px;margin:0 -24px;padding-left:24px;padding-right:24px;scrollbar-width:none}
	.h26-ct__nav::-webkit-scrollbar{display:none}
	.h26-ct__tab{flex:none;min-height:40px;padding:0 16px!important;border:1px solid rgba(26,26,26,.35);border-radius:999px;font-family:var(--sans);font-size:15px;align-items:center;margin:0!important}
	.h26-ct__tab small{letter-spacing:0}
	.h26-ct__panes{padding:16px 0 0;border-top:2px solid var(--ink)}
	.h26-ct__lead{font-size:19px}
	.h26-ct__case summary{grid-template-columns:34px minmax(0,1fr) 40px;gap:12px}
	.h26-ct__n{font-size:20px}
	.h26-ct__t{font-size:20px}
	.h26-ct__body{grid-template-columns:minmax(0,1fr);gap:18px;padding-left:46px}
}