@import url("/four-major-insurance.css");

.calculator { border-top-color: #0f766e; }
.fields { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wide-field { grid-column: 1 / -1; }
select { background: white; border: 1px solid #8999af; border-radius: .45rem; color: inherit; font: inherit; min-height: 3rem; padding: .65rem .8rem; width: 100%; }
select[aria-invalid="true"] { border-color: #b42318; }
.error:empty, #unemployment-benefit-result:empty { display: none; }
#unemployment-benefit-result:not(:empty) { border-top: 1px solid #d9e0eb; margin-top: 1.5rem; padding-top: 1rem; }
.result-summary { display: grid; gap: .5rem; margin-top: 1.25rem; }
.result-summary div { align-items: baseline; border-bottom: 1px solid #e5eaf2; display: flex; gap: 1rem; justify-content: space-between; padding-bottom: .45rem; }
.result-summary strong { font-variant-numeric: tabular-nums; text-align: right; }
@media (max-width: 36rem) { .fields { grid-template-columns: 1fr; } .wide-field { grid-column: auto; } }