.kubo-demo{box-sizing:border-box;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:20px;color:#12253b;background:#fff;box-shadow:0 22px 90px #071b4440;font:16px/1.45 system-ui,sans-serif;overflow:auto;margin:auto}.kubo-demo::backdrop{background:#071626ba}.kubo-demo *{box-sizing:border-box}.kubo-demo button{cursor:pointer;color:inherit;font:inherit;border:0;background:transparent;padding:8px;border-radius:7px}.kubo-demo button:focus-visible{outline:3px solid #3683ef;outline-offset:2px}.kubo-demo button:hover{background:#e9eff7}.kd-wrap .kd-head,.kd-wrap footer{display:flex;align-items:center;justify-content:space-between;padding:15px 27px}.kd-head{background:#12253b;color:white}.kd-head span,.kd-context{font-size:11px;font-weight:750;letter-spacing:.1em}.kd-head button{font-size:25px;color:white;line-height:1}.kd-head button:hover{background:#314762}.kd-steps{display:flex;gap:6px;padding:15px 23px;background:#f3f6fa}.kd-steps button{flex:1;font-size:13px;line-height:1.3;text-align:left}.kd-steps b{display:inline-block;font-size:11px;color:#60738a}.kd-steps button[aria-current]{background:#194bc8;color:white}.kd-steps button[aria-current] b{color:white}.kd-wrap main{padding:24px 28px}.kd-context{color:#007d6b}.kd-wrap h2{margin:6px 0 19px;color:#12253b;line-height:1.15;font-size:clamp(23px,5vw,32px)}.kd-panel{border:1px solid #d7e2eb;border-radius:12px;padding:0 18px 16px}.kd-row,.kd-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.kd-row{border-bottom:1px solid #e6ecf1;font-size:14px}.kd-row strong{text-align:right;max-width:53%}.kd-row small{display:block;color:#52657a;font-size:12px;margin-top:3px}.kd-total{padding:13px 12px;background:#e9f6f2;border-radius:7px;color:#075d50;margin-top:15px;font-weight:650}.kd-total strong{font-size:20px}.kd-panel p{font-size:14px;margin:15px 0}.kd-note{color:#006b59;font-weight:650}.kd-panel .kd-action,.kd-wrap footer div button:last-child{color:white;background:#194bc8;padding:9px 14px}.kd-panel .kd-action:hover,.kd-wrap footer div button:last-child:hover{background:#11389a}.kd-wrap footer{border-top:1px solid #dfe7ee;gap:8px}.kd-wrap footer button{font-size:14px}.kd-wrap footer div{display:flex;gap:5px}@media(max-width:520px){.kd-wrap main{padding:18px 14px}.kd-wrap .kd-head,.kd-wrap footer{padding:12px 14px}.kd-steps{padding:10px 8px;gap:2px}.kd-steps button{font-size:11px;padding:7px}.kd-steps b{display:block}.kd-panel{padding:0 12px 12px}.kd-total strong{font-size:18px}}