/* Responsive form refinements and restrained result typography. */
.local-file-notice{max-width:1104px;margin:18px auto 0;padding:12px 17px;border:1px solid #f0ddbb;border-radius:10px;background:#fffaf2;color:#9b7c51;font-size:12px;line-height:1.8}
.local-file-notice a{margin:0 5px;color:#3063a9;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .local-file-notice{margin:15px 18px 0;font-size:11px}
  .form-step>.fields-grid,.advanced>.fields-grid,.regular-money,.member .fields-grid{grid-template-columns:1fr}
  .field input,.field select{font-size:16px;min-height:44px}
  .field{font-size:12px}.field>small{font-size:10px}
  .member .field input,.member .field select{min-height:44px}
  .consent-row{font-size:10px}.consent-row small{font-size:9px}
  .field-help{font-size:11px}.step-heading p{font-size:11px}
}
@media print{.local-file-notice{display:none!important}}

.result-card{font-family:inherit;font-style:normal;letter-spacing:0}
.result-heading h2{margin-top:4px;color:#25456f;font-size:15px;font-weight:650;line-height:1.55;letter-spacing:-.015em}
.result-heading .section-kicker{color:#73839b;font-size:10px;font-weight:500;line-height:1.5}
.result-mark,.rate,.annual>strong,#result-details dd{font-family:inherit;font-style:normal;font-variant-numeric:lining-nums tabular-nums}
.result-version{margin-top:21px;color:#72839c;font-size:11px;line-height:1.6;letter-spacing:0}
.rate{gap:6px;padding-top:12px}
.rate strong{font-size:64px;font-weight:600;line-height:1.15;letter-spacing:-.035em}
.rate span{font-size:23px;font-weight:400;letter-spacing:0}
.result-card.has-result .rate strong{color:#2557a5}
.rate-label{margin:8px 0 21px;color:#506b91;font-size:12px;line-height:1.6}
.rate-label span{margin-top:2px;color:#8290a6;font-size:10px;letter-spacing:.015em}
.annual{padding:14px 13px}
.annual>span{color:#657993;font-size:12px}
.annual>strong{color:#355d91;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.annual small{margin-left:2px;color:#778ba6;font-size:12px;font-weight:400;letter-spacing:0}
#result-empty>p{color:#78879e;font-size:12px;line-height:1.9}
#result-details dl>div{align-items:baseline;gap:12px;margin:12px 0;font-size:12px;line-height:1.65}
#result-details dt{color:#71829a}
#result-details dd{flex-shrink:0;color:#415e85;font-size:12px;font-weight:500;letter-spacing:-.01em}
.result-source{color:#7a879c;font-size:10px;line-height:1.9}
.print-button{color:#56749c;font-size:12px;font-weight:500;line-height:1.6}
@media(max-width:760px){.result-heading h2{font-size:14px}.rate strong{font-size:60px}.annual>strong{font-size:19px}}

/* Native controls use the same typeface as the form headings and labels. */
.field{font-size:13px;font-weight:600}
.field>small{font-size:11px;font-weight:400;letter-spacing:0}
.field input,.field select{font-family:inherit;font-size:12px;font-style:normal;font-weight:400;line-height:1.45;letter-spacing:0}
.field input::placeholder{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:0;opacity:1;color:#9cabc0}
.field select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%2357759a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:12px 12px}
.field select option{font-family:inherit;font-weight:400}
@media(max-width:760px){.field{font-size:14px}.field input,.field select{font-size:14px;font-weight:400}}