/* B2B fasteners case. Builds on maksimum-pribyli, avtostrategii, keys-remont and keys-elektrika article styles. */
.kp-trend{margin-top:18px;padding-top:16px;border-top:1px solid var(--mp-line)}
.kp-seg{margin:0 0 14px}
.kp-bars{margin-bottom:8px}
.kp-bars li{grid-template-columns:110px 1fr 120px}
.kr-page .kp-trend-note{margin:0;font-size:14px;font-weight:700;color:#0562df}

.kp-dirs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.kp-dirs>div{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:12px;background:#f5f9ff;border:1px solid var(--mp-line)}
.kp-dirs span{font-size:28px;line-height:1}
.kp-dirs b{font-size:17px;color:#071333}
.kp-dirs small{font-size:13px;line-height:1.45;color:#40506d}

.kp-qs{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.kp-q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #cfe0f6;transition:border-color .15s}
.kp-q[data-state="ok"]{border-color:#9fd8bf}
.kp-q[data-state="bad"]{border-color:#f3c9b5}
.kp-q-text{font-size:15px;font-weight:800;color:#071333}
.kp-q-btns{display:flex;gap:6px;flex-wrap:wrap}
.kp-choice{padding:7px 12px;border-radius:999px;border:1px solid #c6daf3;background:#f8fbff;color:#071333;font:700 13px Manrope,sans-serif;cursor:pointer;transition:border-color .15s,background .15s}
.kp-choice:hover{border-color:#78acfa}
.kp-choice:focus-visible,.kp-preset:focus-visible{outline:3px solid #0871f93b;outline-offset:2px}
.kp-choice.kp-right{background:#087c59;border-color:#087c59;color:#fff}
.kp-choice.kp-wrong{background:#c2410c;border-color:#c2410c;color:#fff}
.kr-page .kp-q-why{grid-column:1/-1;margin:0;font-size:14px;line-height:1.55;color:#2b3a55}
.kr-page .kp-sort .as-verdict{margin:0}

.kp-tree-root{width:max-content;max-width:100%;margin:0 auto 14px;padding:10px 22px;border-radius:999px;background:#071333;color:#fff;font-weight:800;font-size:15px;text-align:center}
.kp-tree-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kp-tree-formats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;padding:12px;border-radius:12px;background:#f5f9ff;border:1px dashed #9fbfe8}
.kp-tree-formats:before{content:'В каждом пуле — три формата';position:absolute;left:12px;top:-10px;padding:0 8px;background:#fff;font-size:11.5px;font-weight:800;color:#6b7c99;letter-spacing:.02em}
.kp-tree .kr-node{justify-content:center;text-align:center;align-items:center}

.kp-tpl-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.kp-preset{padding:8px 14px;border-radius:999px;border:1px solid #c6daf3;background:#fff;color:#0562df;font:700 13px Manrope,sans-serif;cursor:pointer}
.kp-preset:hover{border-color:#78acfa;background:#f8fbff}
.kp-tpl-inputs{grid-template-columns:1fr}
.kp-tpl-inputs input{font-weight:700}
.kr-page .kp-tpl-rule{margin:12px 0;font-size:14px;color:#40506d}
.kp-ad{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid #cfe0f6;box-shadow:0 6px 18px #0713330f}
.kp-ad-label{font-size:11px;font-weight:800;color:#6b7c99}
.kp-ad-title{font-size:19px;line-height:1.3;color:#1a0dab;font-weight:600;word-break:break-word}
.kp-ad-url{font-size:13px;color:#087c59}
.kp-ad-len{font-size:12px;font-weight:700;color:#6b7c99}
.kp-tpl-checks{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.kp-tpl-checks li{position:relative;padding:8px 12px 8px 32px;border-radius:10px;font-size:14px;line-height:1.45;background:#f1f4f9;color:#2b3a55}
.kp-tpl-checks li:before{content:'';position:absolute;left:12px;top:13px;width:9px;height:9px;border-radius:50%;background:#8a98ad}
.kp-tpl-checks li[data-level="ok"]{background:#e8f6ef}.kp-tpl-checks li[data-level="ok"]:before{background:#087c59}
.kp-tpl-checks li[data-level="warn"]{background:#fff8e6}.kp-tpl-checks li[data-level="warn"]:before{background:#d99a1e}
.kp-tpl-checks li[data-level="bad"]{background:#fff0e8}.kp-tpl-checks li[data-level="bad"]:before{background:#c2410c}
.kr-page .kp-tpl .mp-note{margin-top:12px}
.kr-page #kp-calls .as-verdict{margin:14px 0 0}

@media(max-width:900px){.kp-tree-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.kp-dirs{grid-template-columns:1fr}.kp-q{grid-template-columns:1fr}.kp-tree-formats{grid-template-columns:1fr}.kp-bars li{grid-template-columns:1fr 110px}.kp-ad-title{font-size:17px}}
@media(max-width:420px){.kp-tree-row{grid-template-columns:1fr}}