/* Apartment renovation case. Builds on maksimum-pribyli and avtostrategii article styles. */
.kr-page .mp-panel figcaption a,.kr-stat small a{color:#0865d5}

.kr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kr-stat{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:12px;background:#fff;border:1px solid var(--mp-line)}
.kr-stat b{font-size:30px;line-height:1.1;letter-spacing:-.045em;color:#071333;white-space:nowrap;font-variant-numeric:tabular-nums}
.kr-stat span{font-size:13px;font-weight:800;color:#0562df}
.kr-stat small{font-size:12.5px;line-height:1.5;color:#40506d}
.kr-stat-main{background:#0871f9;border-color:#0871f9}
.kr-stat-main b{font-size:46px;color:#fff}.kr-stat-main span{color:#fff}.kr-stat-main small{color:#dceafe}
.kr-people{display:flex;gap:8px;margin:20px 0 4px;flex-wrap:wrap}
.kr-people i{position:relative;width:24px;height:34px}
.kr-people i:before{content:'';position:absolute;top:0;left:6px;width:12px;height:12px;border-radius:50%;background:#b8cde8}
.kr-people i:after{content:'';position:absolute;bottom:0;left:1px;width:22px;height:19px;border-radius:11px 11px 4px 4px;background:#b8cde8}
.kr-people .kr-lead:before,.kr-people .kr-lead:after{background:#0871f9}
.kr-page .kr-result figcaption{margin-top:10px}

.kr-page .mp-calc-answer p.kr-clicks{margin:0 0 14px;color:#40506d}
.kr-bars{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.kr-bars>div{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#40506d}
.kr-bars i{display:block;height:14px;width:var(--w);min-width:4px;border-radius:7px;background:#e3894f;transition:width .3s}
.kr-bars>div+div i{background:#0871f9}
.kr-page .mp-calc-answer .as-verdict{margin:0 0 12px}

.kr-flow-grid{display:grid;grid-template-columns:.8fr 1fr 1fr .9fr;gap:14px;align-items:stretch}
.kr-col{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#f5f9ff}
.kr-col+.kr-col:before{content:'';position:absolute;left:-13px;top:50%;width:12px;height:12px;border-top:3px solid #78acfa;border-right:3px solid #78acfa;transform:translate(-1px,-50%) rotate(45deg)}
.kr-src,.kr-node{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;text-align:left}
.kr-src{background:#071333;color:#fff;flex:1;justify-content:center}
.kr-src small{color:#b9c8e2;font-size:12px}
.kr-node{border:2px solid #cfe0f6;background:#fff;color:var(--mp-ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.kr-node:hover{border-color:#78acfa;transform:translateY(-1px)}
.kr-node:focus-visible{outline:3px solid #0871f93b;outline-offset:2px}
.kr-node b{font-size:15px}.kr-node small{font-size:12px;color:#40506d}
.kr-node[aria-pressed="true"]{border-color:#0871f9;background:#0871f9;color:#fff}
.kr-node[aria-pressed="true"] small{color:#dceafe}
.kr-node-final{flex:1;justify-content:center;border-color:#9fd8bf}
.kr-node-final:not([aria-pressed="true"]) b{color:#087c59}
.kr-detail{margin-top:16px;padding:18px 20px;border-radius:12px;background:#edf5ff;border-left:4px solid #0871f9;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.kr-detail .as-tag{text-transform:none;letter-spacing:0;font-size:12px}
.kr-detail b{font-size:20px;color:#071333}
.kr-page .kr-detail p{margin:0;font-size:15px;line-height:1.6;color:#2b3a55}
.kr-detail a{font-weight:800;color:#0865d5}
.kr-check-verdict{margin-top:14px}

.kr-anatomy{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:center;margin:18px 0}
.kr-page .kr-video{margin:0}
.kr-video a{position:relative;display:block;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #07133324}
.kr-video img{display:block;width:100%;height:auto}
.kr-play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:50%;background:#0871f9e6;transform:translate(-50%,-50%);box-shadow:0 6px 20px #0871f966;transition:transform .15s}
.kr-play:after{content:'';position:absolute;left:26px;top:20px;border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.kr-video a:hover .kr-play{transform:translate(-50%,-50%) scale(1.08)}
.kr-parts{margin:0;padding:0;list-style:none;counter-reset:kr;display:flex;flex-direction:column;gap:12px}
.kr-parts li{counter-increment:kr;position:relative;padding:16px 16px 16px 60px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line);display:flex;flex-direction:column;gap:4px}
.kr-parts li:before{content:counter(kr);position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:#071333;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.kr-parts b{font-size:16px}.kr-parts span{font-size:14px;line-height:1.55;color:#40506d}

.kr-ab-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-bottom:14px}
.kr-ab-row>div:not(.kr-ab-vs){background:#fff;border-radius:10px;padding:14px 18px;border:1px solid #cfe0f6}
.kr-ab-row span{font-size:13px;font-weight:700}
.kr-page .kr-ab-row output{font-size:36px;color:#071333}
.kr-ab-row .kr-win{border-color:#0871f9;box-shadow:inset 0 0 0 1px #0871f9}
.kr-ab-row .kr-win output{color:#0562df}
.kr-ab-vs{font-weight:800;color:#8799b5;font-size:14px}

.kr-why{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.kr-why>div{padding:18px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line);display:flex;flex-direction:column;gap:6px}
.kr-why-n{font-size:13px;font-weight:800;color:#0871f9;letter-spacing:.04em}
.kr-why b{font-size:16px;line-height:1.35}
.kr-page .kr-why p{margin:0;font-size:14px;line-height:1.55;color:#40506d}

.kr-next{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:18px 0}
.kr-next a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:12px;background:#fff;border:1px solid var(--mp-line);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.kr-next a:hover{border-color:#78acfa;transform:translateY(-2px)}
.kr-next a:focus-visible{outline:3px solid #78acfa;outline-offset:2px}
.kr-next b{font-size:16px;color:#071333}.kr-next small{font-size:13px;line-height:1.45;color:#40506d}

@media(max-width:900px){.kr-stats{grid-template-columns:1fr 1fr}.kr-flow-grid{grid-template-columns:1fr 1fr}.kr-col+.kr-col:before{display:none}}
@media(max-width:620px){.kr-flow-grid{grid-template-columns:1fr}.kr-anatomy{grid-template-columns:1fr}.kr-video{max-width:260px;margin:0 auto}.kr-stat-main b{font-size:38px}.kr-stat b{font-size:26px}.kr-page .kr-ab-row output{font-size:28px}}
@media(max-width:420px){.kr-stats{grid-template-columns:1fr}.kr-people i{width:18px;height:28px}.kr-people i:before{left:4px;width:10px;height:10px}.kr-people i:after{width:18px;height:16px;left:0}}
@media print{.kr-node{border-color:#999}.kr-play{display:none}}