.kcb.kcb-feel .kcb-feel__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.kcb.kcb-feel .kcb-feel__track--cool-warm{background:linear-gradient(90deg,var(--kcb-cool) 0%,var(--kcb-cool) 14%,var(--kcb-warm) 42%,var(--kcb-warm) 100%)}
.kcb.kcb-feel .kcb-feel__track--cool-warm-fade{background:linear-gradient(90deg,var(--kcb-cool) 0%,var(--kcb-cool) 30%,var(--kcb-warm) 62%,#CFCAC2 100%)}
.kcb.kcb-feel .kcb-feel__track--cool-build-fade{background:linear-gradient(90deg,#A9CBD6 0%,var(--kcb-cool) 30%,var(--kcb-cool) 52%,#D5D1CA 100%)}
.kcb.kcb-feel .kcb-feel__track--glide{background:linear-gradient(90deg,var(--kcb-teal) 0%,var(--kcb-teal) 58%,#D5D1CA 100%)}
.kcb.kcb-feel .kcb-stage--teal{background:var(--kcb-teal-soft);color:#0B4F49}
.kcb.kcb-feel .kcb-stage--teal b{color:var(--kcb-teal)}
.kcb.kcb-feel .kcb-feel__card{background:var(--kcb-white);border:1px solid var(--kcb-line);border-radius:24px;padding:28px}
.kcb.kcb-feel .kcb-feel__card h3{font-size:18px;margin-bottom:4px}
.kcb.kcb-feel .kcb-feel__note{font-size:13px;color:var(--kcb-muted);margin-bottom:16px}
.kcb.kcb-feel .kcb-feel__rate{display:grid;grid-template-columns:140px 1fr 36px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--kcb-line);font-size:13.5px;color:var(--kcb-ink)}
.kcb.kcb-feel .kcb-feel__rate:last-child{border-bottom:0}
.kcb.kcb-feel .kcb-feel__bar{height:8px;border-radius:4px;background:var(--kcb-paper-2);overflow:hidden}
.kcb.kcb-feel .kcb-feel__bar i{display:block;height:100%;background:var(--kcb-ink);border-radius:4px}
.kcb.kcb-feel .kcb-feel__rate--cool .kcb-feel__bar i{background:var(--kcb-cool)}
.kcb.kcb-feel .kcb-feel__rate--warm .kcb-feel__bar i{background:var(--kcb-warm)}
.kcb.kcb-feel .kcb-feel__rate b{font-family:var(--kcb-font-head);text-align:right;color:var(--kcb-muted);font-weight:600}
@media (max-width:900px){
  .kcb.kcb-feel .kcb-feel__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .kcb.kcb-feel .kcb-feel__card{padding:20px}
  .kcb.kcb-feel .kcb-feel__rate{grid-template-columns:110px 1fr 30px;gap:8px;font-size:12.5px}
}