div.main-calculator{background:#fff;border-radius:8px;box-shadow:-1px 1px 6px rgb(0 0 0 / .05);margin-bottom:16px;overflow:hidden;padding:16px 16px 26px}.compound-effect-calculator{color:#333}.compound-effect-calculator__header h1{color:#00b14f;font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-block:20px 10px}.compound-effect-calculator .form-grid{background:#efefef}.compound-effect-calculator .form-grid .input-group{padding:20px 16px 32px}.compound-effect-calculator .form-grid .input-group>div{margin-bottom:16px}.compound-effect-calculator .form-grid .input-group small{color:#666;font-size:13px;font-style:italic;line-height:1.6}.compound-effect-calculator .form-grid .input-group label{display:block;font-weight:700;margin-bottom:5px;max-width:100%;font-size:14px;line-height:1.428}.compound-effect-calculator .form-grid .input-group input,.compound-effect-calculator .form-grid .input-group select{background:#fff;border:1px solid #fff0;border-radius:3px;left:0;padding:3px 7.5px 3px 7.5px;text-align:right;width:100%;height:38px;font-size:14px}.compound-effect-calculator .form-grid .input-group select{text-align:left;padding-inline:26px 35px}.compound-effect-calculator .form-grid .input-group input:hover,.compound-effect-calculator .form-grid .input-group select:hover{border-color:#00b14f}.compound-effect-calculator .form-heading{background:#00b14f;color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:28px;padding:5px}.compound-effect-calculator .action-buttons{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.compound-effect-calculator .btn{display:inline-block;margin-bottom:0;text-align:center;cursor:pointer;background-image:none;border:1px solid #fff0;border-radius:4px;background:#00b14f;color:#fff;font-size:17px;font-weight:500;line-height:24px;margin-right:10px;padding:8px 24px}.compound-effect-calculator .btn:hover{background-color:#049143;color:#fff}.compound-effect-calculator .btn.btn-secondary{background:#edaa28}.compound-effect-calculator .btn.btn-secondary:hover{background-color:#c08b21;color:#fff}.results-section{margin-top:32px}.results-section h2{color:#00b14f;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-block:0 32px;text-align:center}.results-summary{display:flex;flex-wrap:wrap;gap:16px}.result-card{text-align:center;background:#ededed;padding:30px 20px;font-size:24px;font-weight:700;border-radius:10px;flex-basis:0%;flex-grow:1;min-width:100%}.result-card.primary{background:#edaa28;color:#fff}.result-card.primary h3{color:#fff}.result-card.success{background-color:#00b14f;color:#fff}.result-card h3{margin:0 0 10px;font-size:16px;font-weight:700;text-transform:uppercase}.chart-section{border:1px solid var(--base,#888);background:var(--base-2,#fafafa);padding:20px;border-radius:10px;margin-top:32px}.chart-section h3{color:#00b14f;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-block:0 16px;text-align:center}.chart-section .recharts-wrapper{padding-bottom:20px}.breakdown{margin-top:40px}.breakdown-header-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.breakdown-header-section h3{color:#00b14f;font-size:24px;font-style:normal;font-weight:600;line-height:32px;margin-block:0 16px;text-align:center}.breakdown-table{margin-top:24px;text-align:center;border:1px solid #ddd;border-bottom:0}.breakdown-table .breakdown-header{background-color:#ededed;text-transform:uppercase;font-weight:700;display:grid;grid-template-columns:0.5fr 1.2fr 1.2fr;font-size:14px;border-bottom:2px solid #212529}.breakdown-table .breakdown-header>div{min-height:55px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-left:1px solid #ddd}.breakdown-table .breakdown-header>div:first-child{border-left:0}.breakdown-table .breakdown-row{display:grid;grid-template-columns:0.5fr 1.2fr 1.2fr;font-size:14px}.breakdown-table .breakdown-row>div{padding:8px;text-align:right;border-left:1px solid #ddd;border-bottom:1px solid #ddd}.breakdown-table .breakdown-row>div:first-child{border-left:0;text-align:left}.breakdown-table .breakdown-header>div:nth-child(3),.breakdown-table .breakdown-row>div:nth-child(3){display:none}@media screen and (min-width:768px){.compound-effect-calculator .form-grid .input-group{display:flex;gap:16px}.compound-effect-calculator .form-grid .input-group>div{margin-bottom:0;flex-basis:0%;flex-grow:1}.compound-effect-calculator .form-grid .input-group input,.compound-effect-calculator .form-grid .input-group select{max-width:200px}}@media screen and (min-width:992px){.compound-effect-calculator .form-grid .input-group input,.compound-effect-calculator .form-grid .input-group select{max-width:300px}}@media screen and (min-width:1200px){.result-card{min-width:auto}}