/* 케이비즈노트 공개 계산·실무 가이드 v73 */
.kbg-tool-page{overflow-x:hidden}
.kbg-tool-lead{max-width:860px}
.kbg-tool-answer{margin:22px 0 0;padding:20px 22px;border:1px solid #d8b4fe;border-left:5px solid #7e22ce;border-radius:16px;background:#faf5ff;color:#3b0764}
.kbg-tool-answer strong{display:block;margin-bottom:6px;font-size:18px}
.kbg-tool-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}
.kbg-tool-form,.kbg-tool-side,.kbg-tool-result,.kbg-tool-card{padding:26px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.kbg-tool-form h2,.kbg-tool-side h2,.kbg-tool-result h2,.kbg-tool-card h2{margin-top:0}
.kbg-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.kbg-tool-field{display:flex;min-width:0;flex-direction:column;gap:7px}
.kbg-tool-field.is-wide{grid-column:1/-1}
.kbg-tool-field label{color:#334155;font-size:14px;font-weight:850}
.kbg-tool-field input,.kbg-tool-field select,.kbg-tool-field textarea{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#0f172a;font:inherit}
.kbg-tool-field input:focus,.kbg-tool-field select:focus,.kbg-tool-field textarea:focus{outline:3px solid rgba(126,34,206,.14);border-color:#9333ea}
.kbg-tool-hint{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6}
.kbg-tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.kbg-tool-actions .btn{min-height:46px;align-items:center;justify-content:center}
.kbg-tool-error{margin:0 0 18px;padding:14px 16px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#9f1239;font-weight:750}
.kbg-tool-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.kbg-tool-metric{min-width:0;padding:17px;border:1px solid #ede9fe;border-radius:16px;background:#faf5ff}
.kbg-tool-metric span{display:block;color:#6b21a8;font-size:12px;font-weight:900}
.kbg-tool-metric strong{display:block;margin-top:6px;color:#3b0764;font-size:clamp(19px,2.2vw,27px);line-height:1.25;overflow-wrap:anywhere}
.kbg-tool-result{margin-top:22px;border-color:#c4b5fd}
.kbg-tool-result p{color:#475569;line-height:1.78}
.kbg-tool-formula{padding:14px 16px;border-radius:12px;background:#f8fafc;color:#334155;font-weight:800}
.kbg-tool-list{margin:0;padding-left:21px}
.kbg-tool-list li{margin:9px 0;color:#475569;line-height:1.65}
.kbg-tool-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.kbg-tool-step{padding:22px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}
.kbg-tool-step span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#6b21a8;color:#fff;font-weight:900}
.kbg-tool-step h2{margin:14px 0 8px;font-size:20px}
.kbg-tool-faq{display:grid;gap:12px}
.kbg-tool-faq article{padding:20px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.kbg-tool-faq h3{margin:0 0 8px;font-size:18px}
.kbg-tool-faq p{margin:0;color:#475569;line-height:1.72}
@media(max-width:900px){
 .kbg-tool-layout{grid-template-columns:1fr}
 .kbg-tool-steps{grid-template-columns:1fr}
}
@media(max-width:640px){
 .kbg-tool-form,.kbg-tool-side,.kbg-tool-result,.kbg-tool-card{padding:20px 17px;border-radius:18px}
 .kbg-tool-grid,.kbg-tool-metrics{grid-template-columns:1fr}
 .kbg-tool-actions{display:grid;grid-template-columns:1fr}
 .kbg-tool-actions .btn{width:100%}
}