#bond-calc {max-width: 480px;background: #fff;border: 1px solid #ccc;padding: 20px;font-family: Arial,sans-serif;border-radius: 12px;}
.bond-inputs {display: flex;flex-direction: column;gap: 10px;}
.bond-inputs input {padding: 6px;border: 1px solid #aaa;border-radius: 6px;}
.bond-term-row {display: flex;gap: 10px;}
.bond-term-row input {width: 100%;}
.bond-buttons {display: flex;justify-content: center;gap: 10px;margin: 15px 0;}
#bond-calc-btn {background: #4caf50;color: #fff;border: none;padding: 8px 14px;border-radius: 6px;cursor: pointer;}
#bond-clear-btn {background: #a6acaf;color: #fff;border: none;padding: 8px 14px;border-radius: 6px;cursor: pointer;}
#bond-result {margin-top: 15px;font-size: 14px;}
#bond-chart-wrapper {display: none;margin-top: 20px;text-align: center;}
#bond-chart {max-width: 300px;max-height: 300px;}
.bond-inputs input, .bond-inputs select {width: 100%;padding: 8px;margin-top: 5px;border-radius: 6px;border: 1px solid #ccc;box-sizing: border-box;font-size: 14px;}