.ha-calculator * { box-sizing: border-box; font-family: arial, helvetica, sans-serif; color: #333; }    
    .ha-calculator { font-size: 16px; text-align: left; }    
    .ha-calculator .ha-box {    
      background: #fff;   
      width: 100%;    
      padding: 10px !important;   
      border: 1px solid #125c888c;    
      border-radius: 10px;    
    }    
#calcBtn {    
    width: 80% !important;    
}    
.controls #clearBtn {    
    width: 20% !important;    
    background: #909090 !important;    
}    
    .ha-calculator form { margin: 0; }    
    .ha-calculator .field {    
      margin: 0 0 14px 0;    
    }    
    .ha-calculator label {    
      display: block;    
      margin-bottom: 10px;    
      font-size: 14px;    
    }    
    .ha-calculator input[type="text"],    
    .ha-calculator input[type="number"],    
    .ha-calculator select,    
    .ha-calculator input[type="month"],    
    .ha-calculator input[type="date"] {    
      background: #f7f7f7;    
      width: 100%;    
      border: 1px solid #ddd;    
      border-radius: 6px;    
      padding: 10px;    
      font-size: 16px;    
      line-height: 1;    
    }    
    .ha-calculator .hint { display:inline-block; margin-left:8px; vertical-align:middle; }    
    .ha-calculator .controls { display:flex; gap:10px; margin-top:8px; }    
    .ha-calculator .controls button {    
      background:#1b6997;    
      border:0;    
      color:#fff;    
      padding:12px;    
      border-radius:6px;    
      width:100%;    
      cursor:pointer;    
      font-size:16px;    
    }    
    .ha-calculator .controls button:active { transform:translateY(1px); }    
    .ha-calculator .results-wrap { margin-top:30px; border:0px; }    
    .ha-calculator .results-heading {    

    background: #d95a00;
    color: #fff;
    border-radius: 6px;
    font-size: 18px;
    padding: 8px;
    text-align: center;
    font-weight: 600;
    }    
    .ha-calculator .results {    
      margin-top:2px;    
      border:0px;    
      width:100%;    
      margin-bottom:0;    
      margin-top:10px;    
    }    
    .ha-calculator .results .row {    
      display:grid;    
      grid-template-columns:1fr 1fr;    
      column-gap:20px;    
      padding:10px 12px;    
      font-size:14px;    
      align-items:start;    
    }    
    .ha-calculator .results .row:nth-child(odd) { background:#eaf3f7; }    
    .ha-calculator .results .row:nth-child(even) { background:#ffffff; }    
    .ha-calculator .results .row .label { text-align:right; padding-right:8px; word-break:keep-all; }    
    .ha-calculator .results .row .value { text-align:left; padding-left:8px; font-weight:700; white-space:nowrap; }    
    .ha-calculator .results .spacer { grid-column:1/-1; height:12px; background:transparent; }    
    .ha-calculator .inlinesel { display:flex; gap:8px; align-items:center; }    
    .ha-calculator select.infull { width:100%; padding:10px; border-radius:6px; background:#f7f7f7; border:1px solid #ddd; }    
    .ha-calculator .inuiyearspan { margin-left:8px; font-size:14px; white-space:nowrap; }    
    .ha-calculator .small { font-size:13px; color:#666; margin-top:6px; display:block; }    
    
    .ha-calculator .radio-wrap,    
    .ha-calculator .form-check {    
      display: flex;    
      align-items: center;    
      gap: 8px;    
      line-height: 1;    
      margin-bottom: 10px;    
    }    
    .ha-calculator .form-check-input,    
    .ha-calculator input[type="radio"] {    
      -webkit-appearance: radio;    
      appearance: radio;    
      display: inline-block;    
      vertical-align: middle;    
      margin: 0 !important;    
      padding: 0;    
      width: 18px;    
      height: 18px;    
      box-sizing: border-box;    
      position: relative;    
      top: 0;    
      transform: none !important;    
    }    
    .ha-calculator .form-check-input::-moz-focus-inner {    
      border: 0;    
      padding: 0;    
    }    
    .ha-calculator .form-check-label,    
    .ha-calculator .radio-wrap label {    
      display: inline-block;    
      margin: 0;    
      padding: 0;    
      vertical-align: middle;    
      line-height: 1;    
      white-space: nowrap;    
    }    
    .ha-calculator .form-check-input.fallback-nudge,    
    .ha-calculator input[type="radio"].fallback-nudge {    
      transform: translateY(1px) !important;    
    }    
    
    .ha-calculator .note { font-size:13px; color:#444; margin-top:6px; }    
    
    @media (max-width:480px){    
      .ha-calculator .results .row { grid-template-columns:1fr 1fr; column-gap:12px; padding:8px; }    
      .ha-calculator label { font-size:13px; }    
    }