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

.calculator { border-top-color: #b76548; }
.result-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.benefit-schedule { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.benefit-schedule li { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid #e2e7ee; }
.benefit-schedule strong { color: #1c2d4b; }
.benefit-schedule span { color: #526175; text-align: right; }

@media (max-width: 36rem) {
  .result-summary { grid-template-columns: 1fr; }
  .benefit-schedule li { display: grid; gap: .2rem; }
  .benefit-schedule span { text-align: left; }
}