.mortgage-calculator {
	--mortgage-accent: #007daf;
	--mortgage-accent-dark: #005f86;
	clear: both;
}

.mortgage-calculator__heading {
	background: linear-gradient(135deg, var(--mortgage-accent-dark), var(--mortgage-accent));
}

.mortgage-calculator .form-control,
.mortgage-calculator .input-group-text {
	min-height: 3rem;
}

.mortgage-calculator .form-control:focus {
	border-color: rgba(0, 125, 175, 0.65);
	box-shadow: 0 0 0 0.25rem rgba(0, 125, 175, 0.15);
}

.mortgage-calculator__stat {
	border: 1px solid rgba(0, 125, 175, 0.18);
	background: rgba(0, 125, 175, 0.06);
}

.mortgage-calculator__stat strong {
	color: #173343;
	font-variant-numeric: tabular-nums;
}

.mortgage-calculator .nav-pills .nav-link {
	color: var(--mortgage-accent-dark);
}

.mortgage-calculator .nav-pills .nav-link.active,
.mortgage-calculator .nav-pills .show > .nav-link {
	color: #fff;
	background-color: var(--mortgage-accent);
}

.mortgage-calculator .table {
	display: table;
	max-width: none;
	overflow: visible;
	font-size: 0.94rem;
	font-variant-numeric: tabular-nums;
}

.mortgage-calculator .table th,
.mortgage-calculator .table td {
	white-space: nowrap;
}

.mortgage-calculator .table-responsive {
	max-height: 38rem;
}

.mortgage-calculator .table thead {
	position: sticky;
	top: 0;
	z-index: 1;
}

@media (max-width: 575.98px) {
	.mortgage-calculator .card-body {
		padding: 1.25rem !important;
	}

	.mortgage-calculator__results .fs-4 {
		font-size: 1.25rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mortgage-calculator * {
		scroll-behavior: auto !important;
	}
}