.standalone-calculator{max-width:900px;padding:0;overflow:hidden;background:#fff;border:1px solid #d5e7ed;border-radius:18px;box-shadow:0 8px 28px #1f668410;color:#193c50}
.standalone-calculator .benefit-calculator-heading{background:linear-gradient(120deg,#e1f3fe,#f0faf7);padding:25px 28px;border-bottom:3px solid #31886c}
.standalone-calculator .benefit-calculator-heading h1{margin:6px 0 0;font-size:clamp(25px,4vw,34px)}
.standalone-calculator>p{margin:16px 28px}
#independent-benefit-calculator{padding:0 28px}
#independent-benefit-calculator label{font-size:16px;font-weight:600}
#independent-benefit-calculator input,#independent-benefit-calculator select{font-size:16px;border:1px solid #b9d3df;border-radius:7px;background:#fbfdff;min-height:45px}
#independent-benefit-calculator button{border-radius:7px;min-height:44px;background:#117ca7;color:#fff;font-size:15px}
#independent-benefit-calculator button[type=reset]{background:#edf5f9;color:#31596e}
#independent-benefit-calculator .benefit-results-heading{font-size:20px;margin:20px 0 14px}
#independent-benefit-calculator output dl.benefit-result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;background:none;padding:0}
#independent-benefit-calculator output dl.benefit-result-cards>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;border:0;border-radius:10px;background:#eff7fc;padding:16px;min-width:0}
#independent-benefit-calculator output dl.benefit-result-cards>.result-monthlyPension{background:#eaf6f0}
#independent-benefit-calculator .benefit-result-icon{display:block;flex:none;width:52px;height:52px;object-fit:contain}
#independent-benefit-calculator .result-gratuity .benefit-result-icon{width:44px;height:44px;margin:4px 0}
#independent-benefit-calculator output dt{font-size:16px;font-weight:600;line-height:1.4}
#independent-benefit-calculator output dt small{display:block;font-size:13px;font-weight:400;color:#526b76;margin-top:4px}
#independent-benefit-calculator output dd{font-size:clamp(17px,2.4vw,22px);font-weight:600;line-height:1.35;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#independent-benefit-calculator .benefit-applied-inputs{font-size:13px;color:#526c7b}
#independent-benefit-calculator output p{overflow-wrap:anywhere}
@media(max-width:600px){.standalone-calculator .benefit-calculator-heading{padding:21px 18px}.standalone-calculator>p{margin:14px 18px}#independent-benefit-calculator{padding:0 18px}#independent-benefit-calculator output dl.benefit-result-cards{grid-template-columns:1fr}#independent-benefit-calculator output dl.benefit-result-cards>div{display:grid;grid-template-columns:52px 1fr;gap:6px 14px;padding:14px}#independent-benefit-calculator .benefit-result-icon{grid-row:span 2;align-self:center}#independent-benefit-calculator .result-gratuity .benefit-result-icon{margin:4px}#independent-benefit-calculator output dd{font-size:21px}}

#independent-benefit-calculator .result-refund dt{white-space:nowrap}

.standalone-calculator .benefit-calculator-heading{display:grid;grid-template-columns:40% 1fr;align-items:center;gap:0;padding:0}
.standalone-calculator .benefit-calculator-photo{display:block;width:100%;height:100px;object-fit:cover;object-position:35% 55%}
.standalone-calculator .benefit-calculator-title{padding:22px}
#independent-benefit-calculator button:hover{background:#096384;transform:translateY(-1px)}
#independent-benefit-calculator button[type=reset]:hover{background:#dcecf4}
#independent-benefit-calculator button:active{transform:translateY(0)}
#independent-benefit-calculator button:focus-visible,#independent-benefit-calculator input:focus-visible,#independent-benefit-calculator select:focus-visible{outline:3px solid #31886c;outline-offset:3px}
@media(max-width:600px){.standalone-calculator .benefit-calculator-heading{grid-template-columns:1fr;padding:0}.standalone-calculator .benefit-calculator-photo{height:75px}.standalone-calculator .benefit-calculator-title{padding:18px}}
@media(prefers-reduced-motion:reduce){#independent-benefit-calculator button:hover{transform:none}}

[data-maternity-fields]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}[data-maternity-fields][hidden],[data-bae-field][hidden]{display:none!important}@media(max-width:700px){[data-maternity-fields]{grid-template-columns:1fr}}

#independent-benefit-calculator :is(.result-basePayment,.result-birthIncrement,.result-totalPayment) .benefit-result-icon{width:44px;height:44px;margin:4px 0}
@media(max-width:600px){#independent-benefit-calculator :is(.result-basePayment,.result-birthIncrement,.result-totalPayment) .benefit-result-icon{margin:4px}}

[data-maternity-fields]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}[data-contribution-period][hidden],[data-multiple-children][hidden]{display:none!important}