.kf *{box-sizing:border-box}
.kf .eyebrow{color:#168071;font-weight:750;letter-spacing:2px;font-size:12px}
.kf h1{font-size:32px;margin:10px 0}
.kf p{line-height:1.7;color:#60717c}
.kf .tabs{display:flex;gap:8px;margin:22px 0}
.kf button{cursor:pointer;border:1px solid #d5dee3;background:white;color:#244351;border-radius:10px;padding:12px 18px;font:inherit}
.kf button.active{background:#173c49;color:white;border-color:#173c49}
.kf .grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}
.kf .card{background:white;border:1px solid #e0e7ea;border-radius:20px;padding:26px}
.kf h2{font-size:18px;margin:0 0 20px}
.kf .fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kf label{display:block;font-size:13px;color:#425a67}
.kf input,.kf select{width:100%;font:inherit;background:#f8fafb;border:1px solid #d4dfe4;border-radius:9px;padding:12px;margin-top:7px;color:#183443}
.kf input:focus,.kf select:focus{outline:2px solid #25a991}
.kf .wide{grid-column:1/-1}
.kf .hint{font-size:12px;line-height:1.7;color:#71818b;margin-top:7px}
.kf .result{background:#163d49;color:white}
.kf .result h2{color:#bcdbdf}
.kf .big{font-size:62px;font-weight:750;letter-spacing:-2px;margin:15px 0 0}
.kf .unit{color:#b3d2d7;font-size:13px}
.kf .metrics{margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kf .metric{padding-top:15px;border-top:1px solid #ffffff25;font-size:13px;color:#b8d2d6}
.kf .metric b{display:block;color:white;font-size:23px;margin-top:7px}
.kf #kf-status{background:#ffffff12;border-radius:10px;padding:13px;font-size:13px;line-height:1.7}
.kf .actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.kf .note{margin-top:22px}
.kf details{margin-top:16px}
.kf summary{cursor:pointer;font-weight:650}
.kf code{font-size:13px}
.kf a{color:#15836f}
.kf svg{width:100%;height:200px;background:#f6f9fa;border-radius:12px;margin-top:18px}
.kf footer{font-size:12px;color:#71818b;margin:20px 0}
.kf .hidden{display:none!important}
.kf{padding-bottom:50px}.kf .tabs{flex-wrap:wrap}.kf .card{border-radius:2px}.kf .result{background:#f1f3ed;color:#19201d}.kf .result h2,.kf .metric,.kf .metric b,.kf .unit{color:#34463b}.kf .metric{border-top-color:#cbd3c8}.kf #kf-status{background:#e4e9df}.kf button.active{background:#9b2d30;border-color:#9b2d30}.kf input,.kf select,.kf button{border-radius:2px}.kf svg{height:auto}.kf input,.kf select{min-width:0}.kf .card{min-width:0}.kf .tabs button{font-size:14px}.kf .hidden,[data-calculator-panel][hidden]{display:none!important}.calculator-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.calculator-switch button{padding:15px 22px;border:1px solid #cbd0c8;background:white;color:#26332c;font:inherit;cursor:pointer}.calculator-switch button[aria-pressed="true"]{background:#9b2d30;color:white;border-color:#9b2d30}.kf footer{background:none;padding:20px 0}.kf #kf-copyStatus{color:#536b5d}@media(max-width:780px){.kf .grid{grid-template-columns:1fr}.kf .card{padding:20px}.kf .big{font-size:50px}.kf .tabs button{flex:1;padding:12px 8px}.kf .fields{gap:14px}.kf label{min-width:0}}@media(max-width:420px){.kf .fields{grid-template-columns:1fr}}@media print{.calculator-switch,.kf .tabs,.kf button{display:none}.kf .grid{grid-template-columns:1fr 1fr}.kf .card{break-inside:avoid}.kf .result{background:white}}