.dh-loan-calculator {
	border-bottom: 1px solid var(--line, #d9e0e8);
	display: block;
}

.dh-loan-program-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.dh-loan-program-picker label{display:grid;gap:6px;color:#667085;font-size:12px;font-weight:700}.dh-loan-program-picker select{min-height:46px;border:1px solid #d7dee8;border-radius:8px;background:#fff;padding:0 12px;color:#101828;font-weight:700}.dh-loan-generic-note{margin:16px 0;padding:12px 14px;border:1px solid #ead7a5;border-radius:8px;background:#fff9e8;color:#704700}.dh-loan-calculator .loan-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:24px;align-items:stretch}.dh-loan-calculator .loan-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px;border:1px solid #d7dee8;border-radius:12px;background:#f4f6fa}.dh-loan-calculator .loan-field{display:grid;align-content:start;gap:7px}.dh-loan-calculator .loan-field-wide{grid-column:1/-1}.dh-loan-calculator .loan-field>span:first-child{color:#667085;font-size:12px;font-weight:700}.dh-loan-calculator .input-with-unit{display:grid;grid-template-columns:1fr auto;border:1px solid #ccd5e2;border-radius:8px;overflow:hidden;background:#fff}.dh-loan-calculator .input-with-unit input{width:100%;min-width:0;height:50px;border:0;padding:0 13px;color:#101828;font:800 15px var(--head,Manrope,sans-serif);outline:0}.dh-loan-calculator .input-with-unit em{display:grid;place-items:center;min-width:48px;padding:0 10px;border-left:1px solid #d7dee8;background:#f3f5f8;color:#7a8494;font-style:normal}.dh-loan-calculator .loan-field small{color:#7a8494}.dh-loan-calculator .loan-result{display:block;padding:22px;border-radius:12px;background:#fff;border:1px solid #d7dee8;box-shadow:0 18px 45px rgba(16,24,40,.09);color:#101828}.dh-loan-calculator .loan-result h3{margin:0 0 14px;font:800 20px var(--head,Manrope,sans-serif)}.dh-loan-calculator .loan-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;border-radius:9px;background:#f1f3f7}.dh-loan-calculator .loan-modes button{height:42px;border:1px solid transparent;border-radius:7px;background:transparent;color:#667085;font-weight:800}.dh-loan-calculator .loan-modes button.is-active{border-color:#d69a13;background:#fff;color:#101828}.dh-loan-calculator .loan-primary-result{margin:18px 0;padding:18px;border-radius:10px;background:#14213a;color:#fff}.dh-loan-calculator .loan-primary-result span{display:block;color:#b8c2d3;font-size:12px}.dh-loan-calculator .loan-primary-result strong{display:block;margin-top:7px;color:#f2c344;font:800 30px var(--head,Manrope,sans-serif)}.dh-loan-calculator .loan-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dh-loan-calculator .loan-result-grid div{padding:12px;border-radius:9px;background:#f4f6fa}.dh-loan-calculator .loan-result-grid span{display:block;color:#7a8494;font-size:11px}.dh-loan-calculator .loan-result-grid strong{display:block;margin-top:5px}.dh-loan-rate-timeline{display:grid;gap:5px;margin:14px 0}.dh-loan-rate-timeline span{font-size:11px;color:#667085}.dh-loan-calculator .loan-submit{width:100%;min-height:46px;border:1px solid #a96f00;border-radius:8px;background:linear-gradient(105deg,#b87907,#f4ca55 52%,#c98a0e);color:#151008;font-weight:900;cursor:pointer}.dh-loan-calculator .loan-result>p{font-size:11px;color:#7a8494}.dh-loan-lead{margin-top:18px;padding:20px;border:1px solid #d7dee8;border-radius:12px;background:#fff}.dh-loan-lead[hidden]{display:none}.dh-loan-lead h3{margin-top:0}.dh-loan-lead>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dh-loan-lead label{display:grid;gap:6px;font-size:12px;font-weight:700}.dh-loan-lead input:not([type=checkbox]){height:44px;border:1px solid #ccd5e2;border-radius:7px;padding:0 11px}.dh-loan-consent{display:flex!important;align-items:flex-start;margin:14px 0;font-weight:500!important}.dh-loan-consent input{margin-top:2px}.dh-loan-lead [data-loan-status] a{font-weight:800;color:#8a5b00}

.dh-loan-calculator__intro {
	min-width: 0;
}

.dh-loan-calculator__intro p {
	max-width: 680px;
	color: #667085;
	margin: 0 0 18px;
}

.dh-loan-calculator__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.dh-loan-calculator__fields label {
	position: relative;
	display: grid;
	gap: 5px;
	padding: 11px 48px 11px 13px;
	border: 1px solid #d7dee8;
	border-radius: 8px;
	background: linear-gradient(180deg, #fff, #fbfcfe);
	box-shadow: 0 1px 0 rgba(16, 24, 40, .03);
}

.dh-loan-calculator__fields span {
	color: #7a8494;
	font-size: 11px;
	font-weight: 700;
}

.dh-loan-calculator__fields input {
	width: 100%;
	border: 0;
	padding: 0;
	background: transparent;
	color: #101828;
	font: 800 15px/1.35 var(--head, Manrope, sans-serif);
	outline: 0;
}

.dh-loan-calculator__fields input[readonly] {
	color: #475467;
}

.dh-loan-calculator__fields em {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 42px;
	display: grid;
	place-items: center;
	border-left: 1px solid #d7dee8;
	background: #f3f5f8;
	color: #7a8494;
	font-style: normal;
	font-weight: 800;
}

.dh-loan-calculator__result {
	position: relative;
	overflow: hidden;
	border: 1px solid #22314d;
	border-radius: 12px;
	padding: 22px;
	background:
		linear-gradient(135deg, rgba(246, 199, 83, .18), rgba(255, 255, 255, 0) 38%),
		linear-gradient(160deg, #111827, #08111f 60%, #172033);
	color: #fff;
	box-shadow: 0 18px 45px rgba(16, 24, 40, .18);
}

.dh-loan-calculator__result::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(120deg, transparent 0 45%, rgba(255, 255, 255, .08) 50%, transparent 55%);
}

.dh-loan-calculator__mode {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin-bottom: 18px;
}

.dh-loan-calculator__mode button {
	height: 42px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 8px;
	background: rgba(255, 255, 255, .06);
	color: #e5eaf3;
	font-weight: 800;
	cursor: pointer;
}

.dh-loan-calculator__mode button.is-active {
	border-color: #e5b540;
	background: linear-gradient(105deg, #9a6400, #f4ca55);
	color: #151008;
	box-shadow: 0 10px 24px rgba(229, 181, 64, .28);
}

.dh-loan-calculator__summary,
.dh-loan-calculator__range,
.dh-loan-calculator__cta,
.dh-loan-calculator__result p {
	position: relative;
}

.dh-loan-calculator__summary span,
.dh-loan-calculator__range span {
	color: #b8c2d3;
	font-size: 12px;
	font-weight: 700;
}

.dh-loan-calculator__summary strong {
	display: block;
	margin: 8px 0 6px;
	color: #f4ca55;
	font: 800 28px/1.12 var(--head, Manrope, sans-serif);
	letter-spacing: 0;
}

.dh-loan-calculator__summary small,
.dh-loan-calculator__result p {
	color: #aab5c7;
}

.dh-loan-calculator__range {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 18px 0;
}

.dh-loan-calculator__range div {
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 9px;
	padding: 12px;
	background: rgba(255, 255, 255, .06);
}

.dh-loan-calculator__range b {
	display: block;
	margin-top: 4px;
	color: #fff;
	font-size: 14px;
}

.dh-loan-calculator__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	border-radius: 8px;
	background: linear-gradient(105deg, #9a6400, #f4ca55 52%, #b87907);
	color: #151008;
	text-decoration: none;
	font-weight: 900;
	box-shadow: 0 14px 28px rgba(229, 181, 64, .28);
}

.dh-loan-calculator__result p {
	margin: 13px 0 0;
	font-size: 12px;
}

@media (max-width: 700px) {
	.dh-loan-program-picker,.dh-loan-calculator .loan-layout,.dh-loan-calculator .loan-fields,.dh-loan-lead>div{grid-template-columns:1fr}.dh-loan-calculator .loan-field-wide{grid-column:auto}.dh-loan-calculator .loan-result-grid{grid-template-columns:1fr 1fr}
	.dh-loan-calculator__fields,
	.dh-loan-calculator__range {
		grid-template-columns: 1fr;
	}

	.dh-loan-calculator__summary strong {
		font-size: 23px;
	}
}
