@import url("/annual-leave.css");

.calculator { border-top-color: #bf5f85; }
.calculator select { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 48px; padding: .8rem; border: 1px solid #8999af; border-radius: .5rem; background: #fff; color: #172b49; font: inherit; }
.calculator .check-field { grid-column: 1 / -1; display: flex; align-items: center; gap: .65rem; flex-wrap: wrap; min-height: 48px; margin: .75rem 0; cursor: pointer; }
.calculator .check-field input[type="checkbox"] { flex: 0 0 22px; width: 22px; height: 22px; min-height: 22px; margin: 0; padding: 0; accent-color: #173c70; }
.result-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.benefit-schedule { display: grid; gap: .6rem; list-style: none; margin: 1rem 0; padding: 0; }
.benefit-schedule li { border-bottom: 1px solid #e2e7ee; color: #526175; padding: .8rem 0; }

@media (max-width: 36rem) { .result-summary { grid-template-columns: 1fr; } }