/**
 * 계산기 모음 — 모바일 우선
 */

.kh-calc {
	--kh-calc-bg: #0f1419;
	--kh-calc-surface: #1a222d;
	--kh-calc-border: rgba(255, 255, 255, 0.08);
	--kh-calc-text: #f1f3f4;
	--kh-calc-muted: #bdc1c6;
	--kh-calc-accent: #8ab4f8;
	--kh-calc-accent-soft: rgba(138, 180, 248, 0.15);
	--kh-calc-ok: #81c995;
	--kh-btn-top: #8ab4f8;
	--kh-btn-bot: #669df6;
	--kh-btn-text: #0f1419;
	--kh-result-glow: rgba(138, 180, 248, 0.35);
	--kh-radius: 14px;
	max-width: 520px;
	margin: 0 auto 2rem;
	padding: 0 14px 24px;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif;
	color: var(--kh-calc-text);
	-webkit-font-smoothing: antialiased;
	transition:
		color 0.45s ease,
		background-color 0.45s ease,
		border-color 0.45s ease,
		box-shadow 0.45s ease;
}

/* 모기지 탭 — 앰버·골드 톤 (페이드 전환) */
.kh-calc.kh-calc--mortgage {
	--kh-calc-bg: #12100e;
	--kh-calc-surface: #1e1914;
	--kh-calc-border: rgba(200, 160, 95, 0.28);
	--kh-calc-text: #f5efe6;
	--kh-calc-muted: #c4b8a8;
	--kh-calc-accent: #e8b86f;
	--kh-calc-accent-soft: rgba(232, 184, 111, 0.16);
	--kh-calc-ok: #d4a574;
	--kh-btn-top: #f0c678;
	--kh-btn-bot: #c4924a;
	--kh-btn-text: #1a1208;
	--kh-result-glow: rgba(232, 184, 111, 0.38);
}

/* 차량 할부 탭 — 세이지·뮤트 올리브 (페이드 전환) */
.kh-calc.kh-calc--auto {
	--kh-calc-bg: #0f1612;
	--kh-calc-surface: #182018;
	--kh-calc-border: rgba(120, 148, 108, 0.28);
	--kh-calc-text: #e8f0e6;
	--kh-calc-muted: #a8b5aa;
	--kh-calc-accent: #9eb89a;
	--kh-calc-accent-soft: rgba(158, 184, 154, 0.14);
	--kh-calc-ok: #a8c4a0;
	--kh-btn-top: #a8c49e;
	--kh-btn-bot: #6d8a68;
	--kh-btn-text: #0d120c;
	--kh-result-glow: rgba(142, 170, 138, 0.36);
}

.kh-calc__brand {
	margin: 0 0 18px;
	padding: 0 0 4px;
	text-align: center;
}

.kh-calc__brand--with-home {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 12px;
	text-align: left;
}

.kh-calc__home-back {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	color: rgba(255, 255, 255, 0.92) !important;
	background: rgba(255, 255, 255, 0.08);
	text-decoration: none !important;
	transition: background 0.15s ease, color 0.15s ease;
}

.kh-calc__home-back:hover,
.kh-calc__home-back:focus {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.16);
	outline: none;
}

.kh-calc__brand--with-home .kh-calc__brand-title {
	flex: 1 1 auto;
	min-width: 0;
	text-align: center;
}

.kh-calc__brand-title {
	margin: 0;
	font-size: clamp(1.35rem, 4.2vw, 1.75rem);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.02em;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans KR', sans-serif;
}

/* 테마 전역 h1 { color:#34363a!important } — body 포함·fill 지정으로 확실히 덮음 */
body .kh-calc h1.kh-calc__brand-title {
	color: #8ab4f8 !important;
	-webkit-text-fill-color: #8ab4f8 !important;
}

body .kh-calc .kh-calc__brand-kh,
body .kh-calc .kh-calc__brand-24 {
	color: #8ab4f8 !important;
	-webkit-text-fill-color: #8ab4f8 !important;
	font-weight: 800;
	text-shadow: 0 0 28px rgba(138, 180, 248, 0.45);
}

.kh-calc__brand-24 {
	font-weight: 900;
	margin-left: 1px;
}

.kh-calc__brand-gap {
	font-weight: 400;
}

body .kh-calc .kh-calc__brand-calc {
	font-weight: 600;
	color: rgba(255, 255, 255, 0.95) !important;
	-webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
	font-size: 0.92em;
	letter-spacing: 0.04em;
	text-transform: none;
}

.kh-calc__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--kh-calc-border);
}

.kh-calc__tab {
	display: inline-flex;
	align-items: center;
	padding: 9px 12px;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 600;
	background: var(--kh-calc-accent-soft);
	color: var(--kh-calc-accent);
	border: 1px solid rgba(138, 180, 248, 0.35);
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 38%, transparent);
	transition:
		background 0.45s ease,
		color 0.45s ease,
		border-color 0.45s ease;
}

.kh-calc__tab--soon {
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	border: 1px dashed var(--kh-calc-border);
	font-weight: 500;
}

button.kh-calc__tab {
	font-family: inherit;
	margin: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.kh-calc__tab--active {
	background: rgba(138, 180, 248, 0.22);
	border-color: rgba(138, 180, 248, 0.5);
	background: color-mix(in srgb, var(--kh-calc-accent) 28%, transparent);
	border-color: color-mix(in srgb, var(--kh-calc-accent) 52%, transparent);
	color: var(--kh-calc-text);
}

.kh-calc__panel[hidden] {
	display: none !important;
}

.kh-calc__intro-box {
	margin: 0 0 20px;
	padding: 14px 16px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.04);
}

.kh-calc__lead {
	margin: 0;
	font-size: 0.88rem;
	color: rgba(255, 255, 255, 0.82);
	line-height: 1.55;
}

.kh-calc__form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.kh-calc__field label {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.92);
	margin-bottom: 6px;
	letter-spacing: 0.02em;
}

.kh-calc__field input,
.kh-calc__field select {
	width: 100%;
	box-sizing: border-box;
	padding: 14px 14px;
	font-size: 1.05rem;
	border-radius: 12px;
	border: 1px solid var(--kh-calc-border);
	background: var(--kh-calc-surface);
	color: var(--kh-calc-text);
	appearance: none;
	min-height: 48px;
}

.kh-calc__field select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239aa0a6' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
	padding-right: 36px;
}

.kh-calc__field input:focus,
.kh-calc__field select:focus {
	outline: none;
	border-color: var(--kh-calc-accent);
	box-shadow: 0 0 0 3px var(--kh-calc-accent-soft);
}

.kh-calc__input--readonly {
	cursor: default;
	opacity: 0.95;
	background: color-mix(in srgb, var(--kh-calc-surface) 88%, var(--kh-calc-accent) 6%) !important;
	border-style: dashed;
}

.kh-calc__input--readonly:focus {
	box-shadow: none;
	border-color: var(--kh-calc-border);
}

.kh-calc__field--check {
	margin-top: 4px;
}

.kh-calc__check-label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	font-size: 0.88rem;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.88);
	font-weight: 500;
}

.kh-calc__check-label input[type='checkbox'] {
	width: 1.15rem;
	height: 1.15rem;
	margin-top: 0.15rem;
	flex-shrink: 0;
	accent-color: var(--kh-calc-accent);
}

.kh-calc__row2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

@media (max-width: 400px) {
	.kh-calc__row2 {
		grid-template-columns: 1fr;
	}
}

.kh-calc__btn {
	margin-top: 6px;
	width: 100%;
	padding: 16px 20px;
	font-size: 1rem;
	font-weight: 700;
	border: none;
	border-radius: 12px;
	cursor: pointer;
	background: linear-gradient(180deg, var(--kh-btn-top) 0%, var(--kh-btn-bot) 100%);
	color: var(--kh-btn-text);
	min-height: 52px;
	touch-action: manipulation;
	transition:
		background 0.45s ease,
		color 0.45s ease,
		filter 0.2s ease;
}

.kh-calc__btn:active {
	transform: scale(0.99);
}

.kh-calc__results {
	margin-top: 22px;
	padding: 18px 16px;
	border-radius: var(--kh-radius);
	background: var(--kh-calc-surface);
	border: 1px solid var(--kh-calc-border);
}

.kh-calc__results[hidden] {
	display: none !important;
}

@keyframes kh-calc-results-fade-in {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.kh-calc__results.kh-calc__results--animate-in {
	animation: kh-calc-results-fade-in 0.48s ease forwards;
}

/* child theme style.css 의 h3 { color:#34363a!important } 무력화 */
body .kh-calc .kh-calc__results h3 {
	margin: 0 0 14px;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--kh-calc-accent) !important;
	-webkit-text-fill-color: var(--kh-calc-accent) !important;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-shadow: 0 0 22px var(--kh-result-glow);
	transition:
		color 0.45s ease,
		text-shadow 0.45s ease;
}

/* 추정 결과 영역 — 라벨·금액 하늘색 톤 */
.kh-calc__results .kh-calc__row-label {
	color: rgba(186, 212, 252, 0.95);
}

.kh-calc__results .kh-calc__row--gross .kh-calc__row-label {
	color: rgba(200, 222, 255, 0.98);
	font-weight: 600;
}

.kh-calc__results .kh-calc__hint {
	color: rgba(138, 180, 248, 0.58);
}

.kh-calc__results .kh-calc__num--green {
	color: #b3d0ff;
	font-size: 1.15rem;
	text-shadow: 0 0 18px rgba(138, 180, 248, 0.25);
}

.kh-calc__out-block {
	font-size: 0.95rem;
}

.kh-calc__row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	padding: 10px 0;
	line-height: 1.35;
}

.kh-calc__row-label {
	color: rgba(255, 255, 255, 0.88);
	font-weight: 500;
	flex: 1;
	min-width: 0;
}

.kh-calc__hint {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.55);
	opacity: 1;
	font-size: 0.78em;
}

.kh-calc__row--gross {
	padding-bottom: 4px;
}

.kh-calc__row--gross .kh-calc__row-label {
	color: #ffffff;
	font-weight: 600;
}

.kh-calc__hr {
	border: none;
	border-top: 1px solid var(--kh-calc-border);
	margin: 8px 0 6px;
}

.kh-calc__hr--net-gap {
	margin: 14px 0 12px;
	border-top-color: rgba(255, 255, 255, 0.18);
}

.kh-calc__row--biweek {
	margin-top: 2px;
	padding: 14px 12px;
	background: rgba(138, 180, 248, 0.1);
	border-radius: 12px;
	border: 1px solid rgba(138, 180, 248, 0.32);
	align-items: center;
}

.kh-calc__row-label--biweek {
	color: rgba(210, 228, 255, 0.98) !important;
	font-weight: 700 !important;
	font-size: 1.02rem;
	letter-spacing: 0.02em;
}

.kh-calc__num--biweek {
	font-size: 1.45rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	color: #d2e3ff !important;
	text-shadow: 0 0 22px rgba(138, 180, 248, 0.45);
}

.kh-calc__num {
	font-size: 1.05rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: right;
	flex-shrink: 0;
}

.kh-calc__num--gross {
	font-size: 1.35rem;
	color: var(--kh-calc-accent);
	transition: color 0.45s ease;
}

.kh-calc__num--red {
	color: #f28b82;
}

.kh-calc__num--green {
	color: #81c995;
	font-size: 1.15rem;
}

.kh-calc__row--sub {
	padding: 5px 0;
	font-size: 0.86rem;
}

.kh-calc__results .kh-calc__num--muted {
	font-size: 0.95rem;
	font-weight: 600;
	color: rgba(165, 198, 245, 0.92);
}

.kh-calc__results .kh-calc__num--accent {
	font-size: 1.05rem;
	font-weight: 700;
	color: rgba(200, 222, 255, 0.96);
}

.kh-calc__input-money {
	font-variant-numeric: tabular-nums;
}

.kh-calc__disclaimer {
	margin: 18px 0 0;
	font-size: 0.75rem;
	color: rgba(255, 255, 255, 0.62);
	line-height: 1.55;
}

body.kh-page-calculators .site-main article .entry-content {
	background: #0f1419;
	color: #e8eaed;
	padding-top: 1rem;
}

/* 라이트 배경 페이지에서 카드 대비 */
.site-main .kh-calc {
	background: linear-gradient(165deg, #0f1419 0%, #151b24 100%);
	padding: 22px 16px 28px;
	border-radius: var(--kh-radius);
	border: 1px solid var(--kh-calc-border);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
	transition:
		background 0.45s ease,
		border-color 0.45s ease,
		box-shadow 0.45s ease;
}

.site-main .kh-calc.kh-calc--mortgage {
	background: linear-gradient(165deg, #12100e 0%, #1a1512 50%, #221a14 100%);
	border-color: rgba(200, 155, 90, 0.38);
	box-shadow: 0 12px 44px rgba(35, 25, 15, 0.55);
}

.site-main .kh-calc.kh-calc--auto {
	background: linear-gradient(165deg, #0c140f 0%, #121a14 48%, #162018 100%);
	border-color: rgba(110, 138, 98, 0.38);
	box-shadow: 0 12px 44px rgba(12, 32, 22, 0.5);
}

/* 브랜드 — 모기지 탭에서 앰버 포인트 */
body .kh-calc.kh-calc--mortgage h1.kh-calc__brand-title {
	color: var(--kh-calc-accent) !important;
	-webkit-text-fill-color: var(--kh-calc-accent) !important;
	transition: color 0.45s ease;
}

body .kh-calc.kh-calc--mortgage .kh-calc__brand-kh,
body .kh-calc.kh-calc--mortgage .kh-calc__brand-24 {
	color: var(--kh-calc-accent) !important;
	-webkit-text-fill-color: var(--kh-calc-accent) !important;
	text-shadow: 0 0 28px var(--kh-result-glow);
	transition:
		color 0.45s ease,
		text-shadow 0.45s ease;
}

/* 추정 결과 — 모기지에서 앰버 톤 라벨·숫자 */
.kh-calc--mortgage .kh-calc__results .kh-calc__row-label {
	color: rgba(245, 232, 215, 0.94);
}

.kh-calc--mortgage .kh-calc__results .kh-calc__row--gross .kh-calc__row-label {
	color: rgba(255, 242, 224, 0.98);
}

.kh-calc--mortgage .kh-calc__results .kh-calc__hint {
	color: color-mix(in srgb, var(--kh-calc-accent) 55%, transparent);
}

.kh-calc--mortgage .kh-calc__results .kh-calc__num--green {
	color: #f5e0b8;
	text-shadow: 0 0 18px rgba(232, 184, 111, 0.3);
}

.kh-calc--mortgage .kh-calc__row--biweek {
	background: color-mix(in srgb, var(--kh-calc-accent) 12%, rgba(0, 0, 0, 0.2));
	border-color: color-mix(in srgb, var(--kh-calc-accent) 30%, transparent);
}

.kh-calc--mortgage .kh-calc__row-label--biweek {
	color: rgba(255, 248, 235, 0.98) !important;
}

.kh-calc--mortgage .kh-calc__num--biweek {
	color: #fff4db !important;
	text-shadow: 0 0 22px rgba(232, 184, 111, 0.4);
}

.kh-calc--mortgage .kh-calc__results .kh-calc__num--muted {
	color: rgba(220, 200, 170, 0.92);
}

.kh-calc--mortgage .kh-calc__results .kh-calc__num--accent {
	color: rgba(250, 235, 210, 0.96);
}

.kh-calc--mortgage .kh-calc__intro-box {
	border-color: color-mix(in srgb, var(--kh-calc-accent) 28%, transparent);
	background: color-mix(in srgb, var(--kh-calc-accent) 9%, rgba(0, 0, 0, 0.2));
}

/* 모기지 — 고급 필드셋(추정/직접 입력) */
.kh-calc--mortgage .kh-calc__fieldset--mg-adv {
	margin: 0 0 4px;
	padding: 14px 14px 16px;
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 32%, transparent);
	border-radius: 14px;
	background: color-mix(in srgb, var(--kh-calc-accent) 6%, rgba(0, 0, 0, 0.18));
}

.kh-calc--mortgage .kh-calc__fieldset-legend {
	padding: 0 6px;
	font-size: 0.95rem;
	font-weight: 700;
	color: rgba(255, 245, 228, 0.98);
}

.kh-calc--mortgage .kh-calc__adv-switch-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px 14px;
	margin-bottom: 12px;
	flex-wrap: wrap;
}

.kh-calc--mortgage .kh-calc__adv-switch-label {
	font-size: 0.92rem;
	font-weight: 600;
	color: rgba(180, 165, 145, 0.75);
	transition: color 0.2s ease;
	cursor: pointer;
	user-select: none;
}

.kh-calc--mortgage .kh-calc__adv-switch-label--on {
	color: rgba(255, 245, 228, 0.98);
	text-shadow: 0 0 12px color-mix(in srgb, var(--kh-calc-accent) 35%, transparent);
}

/* 토글 스위치 — 꺼짐: 추정, 켜짐: 직접 입력 */
.kh-calc--mortgage .kh-calc__switch {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	cursor: pointer;
}

.kh-calc--mortgage .kh-calc__switch input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

.kh-calc--mortgage .kh-calc__switch-track {
	position: relative;
	display: block;
	width: 52px;
	height: 28px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 28%, transparent);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.35);
	transition:
		background 0.22s ease,
		border-color 0.22s ease;
}

.kh-calc--mortgage .kh-calc__switch-thumb {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: linear-gradient(145deg, #fffef8 0%, #e8dfd0 100%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
	transition: transform 0.22s ease;
}

.kh-calc--mortgage .kh-calc__switch input:checked + .kh-calc__switch-track {
	background: color-mix(in srgb, var(--kh-calc-accent) 42%, rgba(0, 0, 0, 0.2));
	border-color: color-mix(in srgb, var(--kh-calc-accent) 55%, transparent);
}

.kh-calc--mortgage .kh-calc__switch input:checked + .kh-calc__switch-track .kh-calc__switch-thumb {
	transform: translateX(24px);
}

.kh-calc--mortgage .kh-calc__switch input:focus-visible + .kh-calc__switch-track {
	outline: 2px solid color-mix(in srgb, var(--kh-calc-accent) 70%, transparent);
	outline-offset: 3px;
}

.kh-calc--mortgage .kh-calc__adv-hint {
	margin: 0 0 12px;
	font-size: 0.82rem;
	line-height: 1.45;
	color: rgba(220, 200, 170, 0.88);
}

.kh-calc--mortgage .kh-calc__adv-manual {
	padding-top: 2px;
}

.kh-calc--mortgage .kh-calc__mg-extra-note {
	margin: 14px 0 0;
	padding: 12px 12px 2px;
	font-size: 0.8rem;
	line-height: 1.5;
	color: rgba(200, 185, 160, 0.88);
	border-top: 1px solid color-mix(in srgb, var(--kh-calc-accent) 22%, transparent);
}

/* 모기지 — 총 월 부담 강조 · 음영 블록 · Grand Total */
.kh-calc--mortgage .kh-calc__row--mg-hero {
	margin-top: 2px;
	padding: 16px 14px;
	background: color-mix(in srgb, var(--kh-calc-accent) 16%, rgba(0, 0, 0, 0.22));
	border-radius: 14px;
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 42%, transparent);
	align-items: center;
}

.kh-calc--mortgage .kh-calc__row-label--mg-hero {
	color: rgba(255, 248, 235, 0.99) !important;
	font-weight: 800 !important;
	font-size: 1.05rem !important;
	letter-spacing: 0.02em;
}

.kh-calc--mortgage .kh-calc__num--mg-hero {
	font-size: 1.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	color: #fff4db !important;
	text-shadow: 0 0 26px rgba(232, 184, 111, 0.48);
}

.kh-calc--mortgage .kh-calc__row--mg-shade {
	margin-top: 2px;
	padding: 12px 12px;
	background: color-mix(in srgb, var(--kh-calc-accent) 10%, rgba(0, 0, 0, 0.28));
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 26%, transparent);
	align-items: center;
}

.kh-calc--mortgage .kh-calc__row--mg-shade .kh-calc__row-label {
	color: rgba(255, 245, 228, 0.97);
	font-weight: 700;
}

.kh-calc--mortgage .kh-calc__num--mg-shade-val {
	font-size: 1.14rem !important;
	font-weight: 800 !important;
	color: #ffecc8 !important;
	text-shadow: 0 0 14px rgba(232, 184, 111, 0.28);
}

.kh-calc--mortgage .kh-calc__num--mg-plain {
	color: rgba(255, 250, 240, 0.94) !important;
	font-weight: 600;
	text-shadow: none;
}

.kh-calc--mortgage .kh-calc__row--mg-grand {
	margin-top: 8px;
	padding: 16px 14px;
	background: color-mix(in srgb, var(--kh-calc-accent) 22%, rgba(0, 0, 0, 0.3));
	border-radius: 14px;
	border: 2px solid color-mix(in srgb, var(--kh-calc-accent) 52%, transparent);
	align-items: center;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.kh-calc--mortgage .kh-calc__row-label--mg-grand {
	color: rgba(255, 252, 245, 0.99) !important;
	font-weight: 800 !important;
	font-size: 1.02rem !important;
	letter-spacing: 0.03em;
}

.kh-calc--mortgage .kh-calc__num--mg-grand {
	font-size: 1.55rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	color: #fff8ec !important;
	text-shadow: 0 0 28px rgba(232, 184, 111, 0.42);
}

/* 브랜드 — 차량 할부(세이지) */
body .kh-calc.kh-calc--auto h1.kh-calc__brand-title {
	color: var(--kh-calc-accent) !important;
	-webkit-text-fill-color: var(--kh-calc-accent) !important;
	transition: color 0.45s ease;
}

body .kh-calc.kh-calc--auto .kh-calc__brand-kh,
body .kh-calc.kh-calc--auto .kh-calc__brand-24 {
	color: var(--kh-calc-accent) !important;
	-webkit-text-fill-color: var(--kh-calc-accent) !important;
	text-shadow: 0 0 28px var(--kh-result-glow);
	transition:
		color 0.45s ease,
		text-shadow 0.45s ease;
}

/* 추정 결과 — 차량 할부 세이지 톤 */
.kh-calc--auto .kh-calc__results .kh-calc__row-label {
	color: rgba(215, 228, 212, 0.94);
}

.kh-calc--auto .kh-calc__results .kh-calc__row--gross .kh-calc__row-label {
	color: rgba(230, 242, 226, 0.98);
}

.kh-calc--auto .kh-calc__results .kh-calc__hint {
	color: color-mix(in srgb, var(--kh-calc-accent) 52%, transparent);
}

.kh-calc--auto .kh-calc__results .kh-calc__num--green {
	color: #c5dcc0;
	text-shadow: 0 0 18px rgba(130, 165, 125, 0.28);
}

.kh-calc--auto .kh-calc__row--biweek {
	background: color-mix(in srgb, var(--kh-calc-accent) 11%, rgba(0, 0, 0, 0.18));
	border-color: color-mix(in srgb, var(--kh-calc-accent) 28%, transparent);
}

.kh-calc--auto .kh-calc__row-label--biweek {
	color: rgba(236, 245, 232, 0.98) !important;
}

.kh-calc--auto .kh-calc__num--biweek {
	color: #dff0da !important;
	text-shadow: 0 0 22px rgba(130, 165, 125, 0.38);
}

.kh-calc--auto .kh-calc__results .kh-calc__num--muted {
	color: rgba(185, 205, 180, 0.9);
}

.kh-calc--auto .kh-calc__results .kh-calc__num--accent {
	color: rgba(225, 238, 220, 0.96);
}

.kh-calc--auto .kh-calc__intro-box {
	border-color: color-mix(in srgb, var(--kh-calc-accent) 26%, transparent);
	background: color-mix(in srgb, var(--kh-calc-accent) 8%, rgba(0, 0, 0, 0.22));
}

/* 차량 할부 — 세부(흰색 금액), 연두 합계, 월납·Grand Total 강조 */
.kh-calc--auto .kh-calc__num--auto-plain {
	color: rgba(255, 255, 255, 0.94) !important;
	font-weight: 600;
	text-shadow: none;
}

.kh-calc--auto .kh-calc__row--auto-lime {
	padding: 12px 0 10px;
	align-items: center;
}

.kh-calc--auto .kh-calc__row--auto-lime-first {
	padding-top: 0;
	padding-bottom: 8px;
}

.kh-calc--auto .kh-calc__row--auto-lime .kh-calc__row-label {
	color: rgba(236, 245, 232, 0.98);
	font-weight: 700;
}

.kh-calc--auto .kh-calc__num--auto-lime {
	color: #c8e6bf !important;
	font-size: 1.22rem !important;
	font-weight: 800 !important;
	text-shadow: 0 0 20px rgba(130, 165, 125, 0.35);
}

.kh-calc--auto .kh-calc__row--auto-monthly {
	margin-top: 4px;
	padding: 16px 14px;
	background: color-mix(in srgb, var(--kh-calc-accent) 14%, rgba(0, 0, 0, 0.2));
	border-radius: 14px;
	border: 1px solid color-mix(in srgb, var(--kh-calc-accent) 36%, transparent);
	align-items: center;
}

.kh-calc--auto .kh-calc__row-label--auto-monthly {
	color: rgba(240, 248, 236, 0.99) !important;
	font-weight: 800 !important;
	font-size: 1.05rem !important;
	letter-spacing: 0.02em;
}

.kh-calc--auto .kh-calc__num--auto-monthly {
	font-size: 1.68rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	color: #eaf6e6 !important;
	text-shadow: 0 0 26px rgba(130, 165, 125, 0.48);
}

.kh-calc--auto .kh-calc__row--auto-grand {
	margin-top: 10px;
	padding: 16px 14px;
	background: color-mix(in srgb, var(--kh-calc-accent) 22%, rgba(0, 0, 0, 0.28));
	border-radius: 14px;
	border: 2px solid color-mix(in srgb, var(--kh-calc-accent) 52%, transparent);
	align-items: center;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.kh-calc--auto .kh-calc__row-label--auto-grand {
	color: rgba(245, 252, 242, 0.99) !important;
	font-weight: 800 !important;
	font-size: 1.02rem !important;
	letter-spacing: 0.03em;
}

.kh-calc--auto .kh-calc__num--auto-grand {
	font-size: 1.58rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.02em;
	color: #f2faf0 !important;
	text-shadow: 0 0 28px rgba(130, 165, 125, 0.42);
}