/* Кейсы WorkAB (28.10.2026): страница кейса и список. Собирается scripts/keysy-na-sajt.py. */
.kc { background: #fff; color: #101014; }
.kc .wrap { max-width: 860px; margin: 0 auto; padding: 48px 56px 56px; }
.kc h2 { font: 800 24px/1.2 'Manrope', sans-serif; margin: 32px 0 12px; }
.kc p, .kc li { font: 500 16px/1.65 'Manrope', sans-serif; color: rgba(16, 16, 20, .78); }
.kc ul { padding-left: 22px; margin: 0; display: grid; gap: 8px; }
.kc-cifry { display: flex; flex-wrap: wrap; gap: 16px; }
.kc-cifra { flex: 1 1 220px; background: #fff4ec; border: 1px solid #ffd9c2; border-radius: 16px; padding: 18px 20px; }
.kc-cifra b { display: block; font: 800 34px/1.1 'Manrope', sans-serif; color: #FF6A1A; }
.kc-cifra span { font: 600 14px/1.4 'Manrope', sans-serif; color: rgba(16, 16, 20, .7); }
.kc-kto { margin-top: 24px; padding: 14px 18px; border-left: 3px solid #FF6A1A; background: #f7f6f3; border-radius: 0 10px 10px 0; }
.kc-glavy a, .kc-spisok a { color: #FF6A1A; font-weight: 700; text-decoration: none; }
.kc-spisok { list-style: none; padding: 0 !important; }
.kc-spisok a { display: block; padding: 18px 20px; border: 1px solid rgba(16, 16, 20, .1); border-radius: 14px; }
.kc-spisok em { display: block; font: 600 13px/1.4 'Manrope', sans-serif; font-style: normal; color: rgba(16, 16, 20, .55); }
.kc-spisok b { font: 800 18px/1.3 'Manrope', sans-serif; color: #101014; }
.kc-cta { margin: 36px 0 12px; padding: 24px; border-radius: 16px; background: #101014; color: #fff; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.kc-cta b { font: 800 20px/1.25 'Manrope', sans-serif; width: 100%; color: #fff; }
.kc-cta span { font: 500 15px/1.5 'Manrope', sans-serif; color: rgba(255, 255, 255, .72); flex: 1 1 320px; }
@media (max-width: 700px) { .kc .wrap { padding: 32px 16px 40px; } }
.kc-cit { margin: 24px 0 0; padding: 20px 24px; background: #fff4ec; border-left: 3px solid #FF6A1A; border-radius: 0 14px 14px 0; }
.kc-cit p { font: 700 19px/1.55 'Manrope', sans-serif; color: #101014; margin: 0; }
.kc-cit cite { display: block; margin-top: 10px; font: 600 14px/1.4 'Manrope', sans-serif; font-style: normal; color: rgba(16, 16, 20, .6); }