.kb{--kb-ink:#1d2433;--kb-navy:#001147;--kb-line:#dfe4f0;--kb-soft:#f4f6fb;--kb-green:#2e7d32;max-width:1240px;margin:0 auto 40px;color:var(--kb-ink)}.kb *{box-sizing:border-box}.kb-head{text-align:center;margin:10px auto 18px;max-width:760px}.kb-head h1{font-size:28px;line-height:1.2;margin:0 0 8px;color:var(--kb-navy)}.kb-head p{margin:0;font-size:15px;color:#4b5563}.kb-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}.kb-steps span{background:var(--kb-soft);border:1px solid var(--kb-line);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:var(--kb-navy)}.kb-wrap{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:24px;align-items:start}.kb-left,.kb-right{min-width:0}.kb-left h2,.kb-right h2{font-size:17px;margin:0 0 10px;color:var(--kb-navy)}.kb-tools{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.kb-tools input{flex:1 1 200px;height:40px;border:1px solid var(--kb-line);border-radius:8px;padding:0 12px;font-size:14px;margin:0;box-shadow:none}.kb-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.kb-chip{border:1px solid var(--kb-line);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--kb-ink);margin:0;line-height:1.2;text-transform:none;letter-spacing:0;min-height:0}.kb-chip.on{background:var(--kb-navy);border-color:var(--kb-navy);color:#fff}.kb-sec{margin:0 0 18px}.kb-sec h3{font-size:14px;margin:0 0 8px;color:#4b5563;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.kb-card{background:#fff;border:2px solid var(--kb-line);border-radius:10px;padding:6px 4px 6px;cursor:pointer;text-align:center;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;min-height:0;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.2;color:var(--kb-ink)}.kb-card:hover{border-color:#9fb0d6;transform:translateY(-1px)}.kb-card.on{border-color:var(--kb-green);box-shadow:0 0 0 3px rgb(46 125 50 / .15)}.kb-card img{height:96px;width:100%;object-fit:contain;display:block}.kb-card span{font-size:12px;font-weight:600;min-height:15px}.kb-right{position:sticky;top:90px}.kb-panel{background:var(--kb-soft);border:1px solid var(--kb-line);border-radius:12px;padding:16px}.kb-empty{text-align:center;color:#4b5563;font-size:14px;padding:30px 10px}.kb-empty b{display:block;font-size:16px;color:var(--kb-navy);margin-bottom:6px}.kb-sel{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--kb-line);border-radius:10px;padding:8px;margin:0 0 10px}.kb-sel img{width:64px;height:64px;object-fit:contain}.kb-sel b{display:block;font-size:15px;color:var(--kb-navy)}.kb-sel small{font-size:12.5px;color:#4b5563}.kb-note{font-size:13px;line-height:1.45;margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#fff;border-left:4px solid var(--kb-green)}.kb-note.warn{border-left-color:#f5a623}.kb-res{display:flex;flex-direction:column;gap:8px}.kb-prod{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--kb-line);border-radius:10px;padding:8px;text-decoration:none;color:var(--kb-ink)}.kb-prod:hover{border-color:#9fb0d6}.kb-prod img{width:72px;height:72px;object-fit:contain}.kb-prod .t{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--kb-navy)}.kb-prod .r{font-size:12px;color:var(--kb-green);font-weight:600;margin-top:2px}.kb-prod .pr{font-size:15px;font-weight:800;color:#d32f2f;margin-top:3px}.kb-prod .oos{font-size:12px;color:#9ca3af;font-weight:600}.kb-prod.best{border:2px solid var(--kb-green)}.kb-badge{display:inline-block;background:var(--kb-green);color:#fff;border-radius:4px;font-size:11px;font-weight:700;padding:1px 6px;margin-bottom:3px}.kb-wa{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #bfe3c6;background:#eaf6ec;border-radius:8px;text-decoration:none}.kb-wa i{flex:0 0 34px;height:34px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:18px}.kb-wa b{display:block;font-size:14px;color:#1b5e20}.kb-wa small{font-size:12px;color:#2e5e33}.kb-foot{margin:22px 0 0;text-align:center;font-size:13px;color:#4b5563}.kb-close{display:none;float:right;border:1px solid var(--kb-line);background:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;margin:0;min-height:0;line-height:1.4;text-transform:none;letter-spacing:0;color:var(--kb-ink)}@media(max-width:849px){.kb-wrap{grid-template-columns:1fr}.kb-right{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:1000;max-height:82vh;overflow:auto;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgb(0 0 0 / .25);padding:14px 12px 20px;transform:translateY(110%);transition:transform .25s}.kb.open .kb-right{transform:none}.kb-close{display:block}.kb-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.kb-chip{flex:0 0 auto;white-space:nowrap}.kb-head h1{font-size:22px}.kb-grid{grid-template-columns:repeat(3,1fr)}.kb-card img{height:84px}}.sa-kbb{display:flex;align-items:center;gap:18px;max-width:1240px;margin:10px auto 14px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,#001147 0%,#0c2a7a 100%);color:#fff;text-decoration:none;box-shadow:0 6px 20px rgb(0 17 71 / .18)}.sa-kbb:hover{color:#fff}.sa-kbb-tx{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.sa-kbb-tx b{font-size:22px;line-height:1.2;color:#fff}.sa-kbb-tx span{font-size:14px;color:#dbe3ff;line-height:1.4}.sa-kbb-tx em{font-style:normal;align-self:flex-start;margin-top:6px;background:#f5a623;color:#001147;font-weight:800;font-size:15px;padding:9px 16px;border-radius:8px}.sa-kbb-im{display:flex;gap:6px;flex:0 0 auto}.sa-kbb-im img{width:60px;height:80px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}@media(max-width:849px){.sa-kbb{flex-direction:column;align-items:stretch;margin:8px 10px 12px;padding:14px}.sa-kbb-tx b{font-size:19px}.sa-kbb-tx em{align-self:stretch;text-align:center}.sa-kbb-im{order:-1;justify-content:space-between;gap:4px}.sa-kbb-im img{width:calc((100% - 28px)/8);height:auto;aspect-ratio:3/4}}