.ty-cbli{max-width:850px!important;margin:16px auto!important;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d;overflow:visible!important}.ty-cbli *{box-sizing:border-box}.ty-cbli-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.ty-cbli .leftinput,.ty-cbli .rightresult{float:none!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0}.ty-cbli .leftinput{padding:12px!important;background:#e1eff0;border:1px solid #0f284d}.ty-cbli .rightresult{padding:0!important}.ty-cbli h2{font:600 17px/1.3 'Segoe UI',Arial,sans-serif!important;text-align:center;margin:0 0 10px!important}.ty-cbli .rightresult>h2{background:#228b22;color:#fff;padding:7px}.ty-cbli-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 9px}.ty-cbli-wide{margin-bottom:7px}.ty-cbli-field{min-width:0}.ty-cbli label{display:block;color:#0f284d;font-size:11px!important;line-height:1.25;font-weight:600;margin:0 0 3px}.ty-cbli input,.ty-cbli select{width:100%!important;max-width:100%!important;min-width:0;height:36px!important;min-height:36px!important;padding:5px 7px!important;border:1px solid #0f284d!important;border-radius:2px!important;background:#fff;color:#0f284d;font-size:14px!important;line-height:1.2!important}.ty-cbli input:focus-visible,.ty-cbli select:focus-visible,.ty-cbli button:focus-visible,.ty-cbli summary:focus-visible{outline:3px solid #228b22!important;outline-offset:2px}.ty-cbli [aria-invalid="true"]{border-color:#b22!important;background:#fff6f6}.ty-cbli-error{display:block;font-size:10px;color:#a11;line-height:1.2}.ty-cbli-error:empty{display:none}.ty-cbli-extra{margin-top:8px;border-top:1px solid #b3cbd0;padding-top:7px}.ty-cbli-extra summary{font-size:12px;cursor:pointer;font-weight:600;margin-bottom:8px}.ty-cbli-buttons{display:flex;gap:7px}.ty-cbli .ty-cbli-buttons .btn-style{width:50%!important;font-size:14px!important;padding:8px!important;margin:5px 0 0!important;min-height:38px}.ty-cbli-status{color:#a11;font-size:11px;min-height:0;margin:5px 0 0}.ty-cbli-status:empty{display:none}.ty-cbli-rating{text-align:center;margin:8px 0 0}.ty-cbli-results{scroll-margin-top:12px}.ty-cbli-output{font-size:12px;line-height:1.5}.ty-cbli-banner{padding:10px;background:#e1eff0;border-left:4px solid #228b22;margin-bottom:9px}.ty-cbli-banner strong{display:block;font-size:16px;color:#0f284d}.ty-cbli-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:8px 0}.ty-cbli-stat{border:1px solid #d5e1e7;background:#fff;padding:8px;min-width:0}.ty-cbli-stat small{display:block;font-size:11px;color:#444}.ty-cbli-stat b{font-size:16px;overflow-wrap:anywhere}.ty-cbli-chart{margin-top:10px;border-top:1px solid #d6e1e7;padding-top:9px}.ty-cbli-chart h3{font-size:13px;margin:0 0 5px}.ty-cbli-barrow{display:grid;grid-template-columns:72px 1fr;gap:6px;align-items:center;margin:7px 0;font-size:11px}.ty-cbli-track{display:flex;height:20px;background:#edf1f5;overflow:hidden;min-width:0}.ty-cbli-segment{height:100%;flex-shrink:0}.ty-cbli-segment.principal{background:#0f284d}.ty-cbli-segment.interest{background:#228b22}.ty-cbli-legend{font-size:10px;color:#424c56}.ty-cbli-legend span{display:inline-block;width:9px;height:9px;margin-right:4px}.ty-cbli-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:8px}.ty-cbli-table th,.ty-cbli-table td{padding:5px 3px;border-bottom:1px solid #e0e5e9;text-align:right}.ty-cbli-table th:first-child,.ty-cbli-table td:first-child{text-align:left}.ty-cbli-table th{background:#0f284d;color:white}.ty-cbli-result-actions{display:flex;gap:8px;margin-top:10px}.ty-cbli .ty-cbli-result-actions button{font-size:12px!important;flex:1;background:#0f284d!important;border:0;padding:8px;color:#fff;margin:0!important}.ty-cbli-note{font-size:10px;color:#515d65;margin:8px 0}.ty-cbli-note:empty{display:none}@media(max-width:690px){.ty-cbli-layout{grid-template-columns:1fr}.ty-cbli{padding:0 5px!important}.ty-cbli .leftinput,.ty-cbli .rightresult{width:100%!important;max-width:none!important}.ty-cbli .leftinput{padding:10px!important}.ty-cbli .rightresult{margin-top:4px!important}.ty-cbli h2{font-size:15px!important}.ty-cbli input,.ty-cbli select{font-size:16px!important;height:36px!important;min-height:36px!important}.ty-cbli-fields{gap:6px 8px}.ty-cbli-field label{font-size:10px!important}.ty-cbli-results{scroll-margin-top:8px}}@media print{body *{visibility:hidden}.ty-cbli .ty-cbli-results,.ty-cbli .ty-cbli-results *{visibility:visible}.ty-cbli .ty-cbli-results{position:absolute;inset:0 auto auto 0;width:100%!important}.ty-cbli-result-actions{display:none!important}}

/* 2.0: comparison clarity and smaller-screen overflow protection */
.ty-cbli-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
.ty-cbli-savings{padding:9px 10px;background:#f7fafb;border:1px solid #d5e1e7;margin:8px 0}
.ty-cbli-savings h3,.ty-cbli-cost-chart h3,.ty-cbli-detail-title{font-size:13px!important;color:#0f284d;margin:0 0 5px!important;font-weight:700}
.ty-cbli-savings p{font-size:11px;line-height:1.5;margin:0 0 7px}
.ty-cbli-savings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.ty-cbli-savings-grid>div{min-width:0;padding:5px;border:1px solid #d5e1e7;background:#fff}
.ty-cbli-savings-grid small{display:block;color:#4a5662;font-size:10px;line-height:1.2}
.ty-cbli-savings-grid b{display:block;color:#0f284d;font-size:13px;overflow-wrap:anywhere}
.ty-cbli-cost-chart{margin:9px 0 12px;padding-top:8px;border-top:1px solid #d6e1e7}
.ty-cbli-cost-row{display:grid;grid-template-columns:75px minmax(0,1fr) 75px;gap:6px;align-items:center;margin:6px 0;font-size:10px}
.ty-cbli-cost-row b{text-align:right;font-size:10px}
.ty-cbli-cost-rail{height:14px;background:#edf1f5;overflow:hidden}
.ty-cbli-cost-rail span{display:block;height:100%;background:#44668e}
.ty-cbli-cost-rail span.low{background:#228b22}
.ty-cbli-detail-title{margin:11px 0 3px!important}
.ty-cbli-table{table-layout:fixed}
.ty-cbli-table td,.ty-cbli-table th{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ty-cbli-table td:first-child,.ty-cbli-table th:first-child{width:43%}
.ty-cbli-status:empty{display:none}
@media(max-width:690px){.ty-cbli-layout{grid-template-columns:minmax(0,1fr)}.ty-cbli-savings-grid b{font-size:12px}.ty-cbli-table td,.ty-cbli-table th{font-size:10px}}
@media(max-width:360px){.ty-cbli-savings-grid{grid-template-columns:1fr 1fr}.ty-cbli-cost-row{grid-template-columns:60px minmax(0,1fr) 70px}.ty-cbli .leftinput{padding:8px!important}}