/* Inspiralife Tools — calculator layout */

.tool-shell {
	margin: 0 0 2.5rem;
}

.tool-shell__header {
	margin-bottom: 1.5rem;
}

.tool-shell__header h1 {
	margin-bottom: .35rem;
}

.tool-shell__header p {
	color: #5b6b7d;
	max-width: 760px;
}

.tool-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: start;
}

@media ( max-width: 860px ) {
	.tool-grid {
		grid-template-columns: 1fr;
	}
}

.tool-inputs,
.tool-results {
	background: #fff;
	border: 1px solid #e3eaf1;
	border-radius: var( --radius-lg, 14px );
	padding: 1.5rem;
	box-shadow: var( --shadow-sm, 0 2px 10px rgba(13,59,110,.05) );
}

.tool-inputs h2,
.tool-results h2 {
	font-family: var( --font-display, 'Playfair Display', serif );
	font-size: 1.25rem;
	color: var( --color-navy, #0D3B6E );
	margin-bottom: 1rem;
}

.tool-field {
	margin-bottom: 1.1rem;
}

.tool-field label {
	display: flex;
	justify-content: space-between;
	font-weight: 600;
	font-size: .92rem;
	color: #364254;
	margin-bottom: .4rem;
}

.tool-field label .tool-field__value {
	font-family: var( --font-data, 'DM Mono', monospace );
	color: var( --color-navy, #0D3B6E );
	font-weight: 700;
}

.tool-field input[type="number"],
.tool-field select {
	width: 100%;
	padding: .55rem .7rem;
	border: 1px solid #cdd9e5;
	border-radius: 8px;
	font-size: .95rem;
	font-family: inherit;
	background: #fbfdff;
}

.tool-field input[type="range"] {
	width: 100%;
	accent-color: var( --color-gold, #D4960A );
}

.tool-field__hint {
	font-size: .8rem;
	color: #8593a3;
	margin-top: .3rem;
}

.tool-summary {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .9rem;
	margin-bottom: 1.25rem;
}

.tool-summary__item {
	background: var( --color-navy-light, #F0F5FA );
	border-radius: 10px;
	padding: .85rem 1rem;
}

.tool-summary__item--highlight {
	background: var( --color-gold-light, #FBF0DC );
}

.tool-summary__item--green {
	background: var( --color-green-light, #E7F3EA );
}

.tool-summary__label {
	font-size: .78rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #6c7a8c;
	margin-bottom: .25rem;
}

.tool-summary__value {
	font-family: var( --font-data, 'DM Mono', monospace );
	font-size: 1.25rem;
	font-weight: 700;
	color: var( --color-navy, #0D3B6E );
}

.tool-summary__value--full {
	grid-column: 1 / -1;
}

.tool-note {
	background: #fbfdff;
	border: 1px dashed #cdd9e5;
	border-radius: 10px;
	padding: .85rem 1rem;
	font-size: .9rem;
	color: #4a5a6c;
	margin-bottom: 1.25rem;
}

.tool-chart-wrap {
	position: relative;
	height: 260px;
	margin-bottom: 1.25rem;
}

.tool-results .btn {
	width: 100%;
	justify-content: center;
}

.tool-dime-grid {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: .6rem;
	margin-bottom: 1rem;
}

.tool-dime-grid .tool-summary__item {
	grid-column: auto;
}

/* Course badges (used by [inspiralife_courses]) */

.pathcraft-course-item {
	position: relative;
}

.pathcraft-course-badge {
	display: inline-block;
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	padding: .2rem .6rem;
	border-radius: 999px;
	margin-bottom: .6rem;
}

.pathcraft-course-badge--free {
	background: var( --color-green-light, #E7F3EA );
	color: var( --color-green, #2B7A3B );
}

.pathcraft-course-badge--paid {
	background: var( --color-gold-light, #FBF0DC );
	color: var( --color-gold, #D4960A );
}

/* IC Exam Practice */

.ic-exam-card {
	background: #fff;
	border: 1px solid #e3eaf1;
	border-radius: var( --radius-lg, 14px );
	padding: 1.5rem;
	box-shadow: var( --shadow-sm, 0 2px 10px rgba(13,59,110,.05) );
	max-width: 720px;
	margin: 0 auto;
}

.ic-exam-progress {
	font-family: var( --font-data, 'DM Mono', monospace );
	font-size: .85rem;
	color: #6c7a8c;
	margin-bottom: .75rem;
}

.ic-exam-question {
	font-family: var( --font-display, 'Playfair Display', serif );
	margin-bottom: 1.1rem;
}

.ic-exam-choices {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	margin-bottom: 1rem;
}

.ic-exam-choice {
	text-align: left;
	padding: .75rem 1rem;
	border: 1px solid #cdd9e5;
	border-radius: 10px;
	background: #fbfdff;
	font-size: .95rem;
	font-family: inherit;
	cursor: pointer;
	transition: border-color .15s, background .15s;
}

.ic-exam-choice:hover:not(:disabled) {
	border-color: var( --color-navy, #0D3B6E );
}

.ic-exam-choice:disabled {
	cursor: default;
}

.ic-exam-choice.is-correct {
	border-color: var( --color-green, #2B7A3B );
	background: var( --color-green-light, #E7F3EA );
}

.ic-exam-choice.is-incorrect {
	border-color: #c0392b;
	background: #fbeae8;
}

.ic-exam-explanation {
	margin-bottom: 1rem;
}

.ic-exam-next {
	width: 100%;
}

.ic-exam-results {
	text-align: center;
}

.ic-exam-results .btn {
	margin-top: 1rem;
}