/* Банк заблокировал карту (/blokirovka-karty/). Макет _makety/2026-10-16-karty/,
   «да» владельца 20.10.2026. Классы с приставкой kb-, только токены DESIGN.md. */
.kb{--w:1280px}
.kb-list{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
.kb-svet{background:var(--svet)}
.kb-bum{background:var(--bumaga)}
.kb-tma{background:var(--tma);color:var(--svet)}
.kb-kroshki{font-size:13px;color:var(--tusk);padding-top:40px}
.kb-kroshki a{color:inherit}

/* Первый экран: вопрос и развилка */
.kb-geroy{padding:24px 0 80px}
.kb-h1{font-size:56px;line-height:1.04;font-weight:300;letter-spacing:-.025em;margin:24px 0 0;max-width:20em}
.kb-h1 b{font-weight:700;display:block}
.kb-h1 .kb-obryv{display:inline-block;vertical-align:.18em;width:1.6em;height:.16em;background:var(--krasn);margin-left:.18em;position:relative}
.kb-h1 .kb-obryv::after{content:"";position:absolute;left:100%;top:0;width:1.2em;height:100%;background:repeating-linear-gradient(90deg,var(--tma) 0 6px,transparent 6px 12px);opacity:.35}
.kb-lid{font-size:24px;line-height:1.35;font-weight:300;max-width:34em;margin:24px 0 0}
.kb-vopros{margin:56px 0 0;font-size:13px;letter-spacing:.06em;color:var(--tusk)}
.kb-razv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--tma);margin-top:12px}
.kb-vet{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:28px 32px 28px 0;border-bottom:1px solid var(--liniya);position:relative}
.kb-vet+.kb-vet{padding-left:32px;border-left:1px solid var(--liniya)}
.kb-vet b{font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.kb-vet span{font-size:17px;color:var(--tusk);grid-column:1}
.kb-vet[aria-pressed="true"]{box-shadow:inset 0 -4px 0 var(--krasn)}
.kb-vet[aria-pressed="true"] b{color:var(--krasn)}
.kb-vet:focus-visible{outline:2px solid var(--krasn);outline-offset:4px}
.kb-vet:hover b{color:var(--krasn)}

/* Путь: срок в масштабе */
.kb-put{padding:80px 0}
.kb-h2{font-size:36px;line-height:1.1;font-weight:300;letter-spacing:-.02em;margin:0;max-width:26em}
.kb-h2 b{font-weight:700}
.kb-shkala{margin-top:40px;border-top:2px solid var(--tma)}
.kb-shag{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;padding:24px 0;border-bottom:1px solid var(--liniya);transition:opacity .25s}
.kb-shag[hidden]{display:none}
.kb-shag-t b{display:block;font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.kb-shag-t span{display:block;margin-top:6px;font-size:13px;color:var(--tusk)}
.kb-dni{display:flex;align-items:center;gap:16px;min-height:36px}
.kb-pol{height:16px;background:var(--tma);width:calc(var(--d) * 2.6%);min-width:8px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.kb-shag.kr .kb-pol{background:var(--krasn)}
.kb-dni strong{white-space:nowrap;font-size:36px;font-weight:300;letter-spacing:-.02em;line-height:1}
.kb-dni small{font-size:17px;color:var(--tusk)}
.kb-q{font-family:var(--serif);font-size:17px;line-height:1.5;margin:12px 0 0;max-width:40em}
.kb-q cite{display:block;font-family:var(--sans);font-style:normal;font-size:13px;color:var(--tusk);margin-top:6px;letter-spacing:.02em}
.kb-itog{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;padding-top:24px}
.kb-itog strong{font-size:56px;font-weight:700;letter-spacing:-.03em;line-height:1}
.kb-itog span{font-size:17px;color:var(--tusk);max-width:34em}

/* Сборка: анкета и бумага рядом */
.kb-sbor{padding:80px 0 112px}
.kb-sbor-setka{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:56px;margin-top:40px;align-items:start}
.kb-anketa{border-top:2px solid var(--tma)}
.kb-pole{display:block;padding:20px 0;border-bottom:1px solid var(--liniya)}
.kb-pole>b{display:block;font-size:17px;font-weight:500;margin-bottom:12px}
.kb-pole>small{display:block;font-size:13px;color:var(--tusk);margin:-6px 0 12px}
.kb-inp{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--liniya);border-bottom:2px solid var(--tma);background:var(--bumaga);font:inherit;font-size:17px;padding:10px 14px;border-radius:0}
.kb-inp:focus{outline:2px solid var(--krasn);outline-offset:0}
.kb-vyb{display:flex;flex-wrap:wrap;gap:8px}
.kb-vyb button{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:10px 16px;border:1px solid var(--liniya);background:var(--bumaga);font-size:17px}
.kb-vyb button[aria-pressed="true"]{border-color:var(--tma);box-shadow:inset 0 -3px 0 var(--krasn)}
.kb-vyb button:focus-visible{outline:2px solid var(--krasn)}
.kb-stop{padding:20px 0 4px}
.kb-stop>b{display:block;font-size:17px;font-weight:500}
.kb-stop>small{display:block;font-size:13px;color:var(--tusk);margin:6px 0 4px}
.kb-st{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--liniya);font-size:17px}
.kb-dn{display:flex}
.kb-dn button{all:unset;box-sizing:border-box;cursor:pointer;min-width:56px;min-height:44px;text-align:center;border:1px solid var(--liniya);background:var(--bumaga);font-size:17px}
.kb-dn button+button{border-left:0}
.kb-dn button[aria-pressed="true"]{background:var(--tma);color:var(--svet);border-color:var(--tma)}
.kb-dn button:focus-visible{outline:2px solid var(--krasn)}

/* Бумага: документ дописывается по ответам */
.kb-bumaga-w{position:sticky;top:24px}
.kb-schet{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;color:var(--tusk)}
.kb-znak{width:44px;height:30px;flex:none}
.kb-znak i{display:block;height:6px;background:var(--tma);margin-bottom:6px}
.kb-znak i:last-child{background:var(--liniya);margin:0;position:relative;overflow:hidden}
.kb-znak i:last-child::after{content:"";position:absolute;inset:0;width:var(--dl,0%);background:var(--krasn);transition:width .4s}
.kb-list-b{background:var(--bumaga);border:1px solid var(--liniya);padding:56px 56px 40px;font-family:var(--serif);font-size:17px;line-height:1.6;position:relative;min-height:520px;transition:opacity .3s}
.kb-list-b .kb-komu{text-align:right;margin:0 0 24px;font-size:17px}
.kb-list-b h3{font-family:var(--sans);font-size:24px;font-weight:700;letter-spacing:-.01em;text-align:center;margin:0 0 24px}
.kb-list-b p{margin:0 0 12px}
.kb-pusto{display:inline-block;min-width:7em;border-bottom:2px dashed var(--krasn);color:var(--krasn);font-family:var(--sans);font-size:13px;letter-spacing:.04em;line-height:1.2;vertical-align:baseline}
.kb-est{box-shadow:inset 0 -2px 0 var(--zel)}
.kb-pril{font-family:var(--sans);font-size:17px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--liniya)}
.kb-pril b{display:block;font-size:13px;letter-spacing:.06em;color:var(--tusk);font-weight:500;margin-bottom:8px}
.kb-pril ol{margin:0;padding-left:1.4em}
.kb-pril li{margin:4px 0}
.kb-list-b.zacherk{opacity:.35}
.kb-list-b.zacherk h3,.kb-list-b.zacherk p{text-decoration:line-through;text-decoration-color:var(--krasn)}
.kb-yur{display:none;margin-top:16px;border:2px solid var(--krasn);padding:24px;background:var(--bumaga)}
.kb-yur.vid{display:block}
.kb-yur b{display:block;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.kb-yur p{font-size:17px;margin:8px 0 16px}
.kb-mt{display:none}
.kb-knopka{white-space:nowrap;display:inline-flex;align-items:center;min-height:48px;padding:0 24px;background:var(--tma);color:var(--svet);font-size:17px;font-weight:500;text-decoration:none}
.kb-knopka:hover{background:var(--krasn)}
.kb-knopka.kr{background:var(--krasn)}
.kb-knopka.kr:hover{background:var(--tma)}
.kb-oplata{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding-top:16px;border-top:2px solid var(--tma)}
.kb-oplata strong{font-size:36px;font-weight:700;letter-spacing:-.02em}
.kb-oplata span{display:block;font-size:13px;color:var(--tusk)}

/* Честно: сами и бесплатно */
.kb-chestno{padding:112px 0}
.kb-chestno .kb-h2{color:var(--svet)}
.kb-dve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--liniya-t)}
.kb-dve>div{padding:32px 32px 32px 0}
.kb-dve>div+div{padding-left:32px;border-left:1px solid var(--liniya-t)}
.kb-dve b{display:block;font-size:24px;font-weight:500;line-height:1.25;margin-bottom:12px}
.kb-dve p{font-size:17px;line-height:1.5;color:var(--tusk-t);margin:0 0 8px}
.kb-dve p strong{color:var(--svet);font-weight:500}
.kb-chestno .kb-q{color:var(--svet)}
.kb-chestno .kb-q cite{color:var(--tusk-t)}

@media (max-width:900px){
 .kb-geroy{padding:8px 0 56px}
 .kb-kroshki{padding-top:24px}
 .kb-h1{font-size:36px}
 .kb-lid{font-size:17px}
 .kb-vopros{margin-top:40px}
 .kb-razv{grid-template-columns:minmax(0,1fr)}
 .kb-vet,.kb-vet+.kb-vet{padding:20px 0;border-left:0}
 .kb-vet b{font-size:17px}
 .kb-vet span{font-size:13px}
 .kb-put{padding:56px 0}
 .kb-h2{font-size:24px}
 .kb-shag{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:20px 0}
 .kb-shag-t b{font-size:17px}
 .kb-pol{width:calc(var(--d) * 4.2%)}
 .kb-dni strong{white-space:nowrap;font-size:24px}
 .kb-q{font-size:13px;line-height:1.55}
 .kb-itog strong{font-size:36px}
 .kb-sbor{padding:56px 0 80px}
 .kb-sbor-setka{grid-template-columns:minmax(0,1fr);row-gap:40px}
 .kb-bumaga-w{position:static}
 .kb-dt{display:none}
 .kb-mt{display:inline}
 .kb-list-b{padding:24px 18px;font-size:13px;min-height:0;margin-inline:calc(var(--pad)*-1);border-inline:0}
 .kb-list-b h3{font-size:17px}
 .kb-list-b .kb-komu{font-size:13px}
 .kb-pril{font-size:13px}
 .kb-oplata strong{font-size:24px}
 .kb-chestno{padding:80px 0}
 .kb-dve{grid-template-columns:minmax(0,1fr)}
 .kb-dve>div,.kb-dve>div+div{padding:24px 0;border-left:0;border-bottom:1px solid var(--liniya-t)}
 .kb-dve b{font-size:17px}
 /* Телефон: внизу знак собирается по ответам и ведёт к бумаге */
 .kb-niz{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--bumaga);border-top:2px solid var(--tma);font-size:13px}
 .kb-niz a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;font-weight:500;color:var(--tma);text-decoration:none;box-shadow:inset 0 -2px 0 var(--krasn)}
}
@media (min-width:901px){.kb-niz{display:none}}
@media (prefers-reduced-motion:reduce){.kb-pol,.kb-znak i:last-child::after,.kb-list-b{transition:none}}

/* Кнопка-элемент: в макете была ссылкой, на странице это button */
button.kb-knopka{border:0;cursor:pointer;font-family:inherit}
.kb-knopka:focus-visible{outline:2px solid var(--krasn);outline-offset:2px}
.kb-knopka[aria-disabled="true"]{background:var(--liniya);color:var(--tma)}
.kb-svetl{background:var(--bumaga);color:var(--tma);box-shadow:inset 0 0 0 1px var(--tma)}
.kb-svetl:hover{color:var(--svet)}
.kb-sam{font-family:var(--sans);font-size:13px;color:var(--tusk);margin:16px 0 0}
.kb-msg{font-size:13px;color:var(--tusk);margin:8px 0 0;min-height:1.2em}
.kb-msg a{color:var(--tma)}
.kb-gotovo{margin-top:16px;border:2px solid var(--zel);padding:24px;background:var(--bumaga)}
.kb-gotovo>b{display:block;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.kb-gotovo p{font-size:17px;margin:8px 0 16px}
.kb-gotovo-k{display:flex;flex-wrap:wrap;gap:12px}
.kb-uzhe{margin-top:16px;font-size:13px;color:var(--tusk)}
.kb-uzhe summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center}
.kb-uzhe form{display:flex;gap:8px;margin-top:4px}
.kb-uzhe p{margin:0 0 8px}
.kb-pechat{display:none}
@media (max-width:900px){
 .kb-gotovo{padding:18px}
 .kb-gotovo>b{font-size:17px}
 .kb-uzhe form{flex-direction:column}
 .kb-sbor{padding-bottom:120px}
}
/* Печать: только собранный документ, без сайта вокруг */
@media print{
 body *{visibility:hidden}
 .kb-pechat,.kb-pechat *{visibility:visible}
 .kb-pechat{display:block;position:absolute;left:0;top:0;width:100%;font-family:var(--serif);font-size:12pt;line-height:1.5;color:#000}
 .kb-pechat .pr{text-align:right;margin:0 0 18pt}
 .kb-pechat h3{text-align:center;font-size:14pt;margin:0 0 14pt}
 .kb-pechat p{margin:0 0 8pt}
}