/* Small extras Tailwind CDN does not cover */
.nav-link {
  display: block;
  padding: 0.65rem 1rem;
  font-size: 0.95rem;
  font-weight: 500;
  color: #4a6573;
  text-decoration: none;
}
.nav-link:hover,
.nav-link.is-active {
  color: #0089c2;
}
@media (min-width: 768px) {
  .nav-link {
    display: inline;
    padding: 0;
  }
}
.site-nav.is-open {
  display: flex;
}

[data-menu-toggle] svg.lucide {
  width: 1.25rem;
  height: 1.25rem;
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
  display: block;
}

/* EMI calculator */
.emi-tab {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.emi-tab.is-active {
  background: #fff;
  color: #0c2430;
  box-shadow: inset 0 -2px 0 #00adf0;
}
.emi-unit {
  background: #fff;
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.emi-unit.is-active {
  background: #00adf0;
  color: #fff;
}
.emi-range {
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 999px;
  background: #d7e8f1;
  outline: none;
}
.emi-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #00adf0;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #00adf0;
  cursor: pointer;
}
.emi-range::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #00adf0;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #00adf0;
  cursor: pointer;
}
.emi-range::-moz-range-track {
  height: 6px;
  border-radius: 999px;
  background: #d7e8f1;
}