.cnhc-info__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--cnhc-space-5);
}

.cnhc-info__card {
	background: var(--cnhc-surface);
	border: 1px solid var(--cnhc-border-soft);
	border-radius: var(--cnhc-radius-md);
	padding: var(--cnhc-space-5);
}

.cnhc-info__card h3 {
	font-size: 1.0625rem;
	display: flex;
	align-items: center;
	gap: var(--cnhc-space-2);
}

.cnhc-info__card p {
	color: var(--cnhc-text-muted);
	font-size: var(--cnhc-fs-small);
	margin-bottom: 0;
}

.cnhc-disclaimer {
	display: flex;
	align-items: flex-start;
	gap: var(--cnhc-space-3);
	margin: var(--cnhc-space-8) 0;
	padding: var(--cnhc-space-4) var(--cnhc-space-5);
	background: var(--cnhc-amber-100);
	border: 1px solid var(--cnhc-amber-500);
	border-radius: var(--cnhc-radius-md);
	font-size: var(--cnhc-fs-small);
	color: var(--cnhc-pine-900);
}

.cnhc-disclaimer__icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	margin-top: 1px;
	color: var(--cnhc-amber-600);
}

.cnhc-disclaimer strong {
	color: var(--cnhc-amber-600);
}

/* --- "About this calculator" card, shown under each form ---------- */

.cnhc-about-card {
	display: flex;
	gap: var(--cnhc-space-4);
	margin-top: var(--cnhc-space-5);
	padding: var(--cnhc-space-4) var(--cnhc-space-5);
	background: var(--cnhc-pine-50);
	border: 1px solid var(--cnhc-pine-100);
	border-radius: var(--cnhc-radius-md);
}

.cnhc-about-card__icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--cnhc-surface);
	color: var(--cnhc-pine-700);
	display: flex;
	align-items: center;
	justify-content: center;
}

.cnhc-about-card__icon svg {
	width: 18px;
	height: 18px;
}

.cnhc-about-card h3 {
	font-size: 1rem;
	margin-bottom: var(--cnhc-space-1);
}

.cnhc-about-card p {
	font-size: var(--cnhc-fs-small);
	color: var(--cnhc-text-muted);
	margin-bottom: 0;
}

/* --- Interpretation / reference table ------------------------------ */

.cnhc-ref-table-wrap {
	margin-top: var(--cnhc-space-5);
	overflow-x: auto;
	border: 1px solid var(--cnhc-border-soft);
	border-radius: var(--cnhc-radius-md);
}

.cnhc-ref-table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--cnhc-fs-small);
	min-width: 560px;
}

.cnhc-ref-table th,
.cnhc-ref-table td {
	padding: var(--cnhc-space-3) var(--cnhc-space-4);
	text-align: left;
	border-bottom: 1px solid var(--cnhc-border-soft);
	vertical-align: top;
}

.cnhc-ref-table thead th {
	background: var(--cnhc-ivory);
	font-weight: 700;
	color: var(--cnhc-pine-900);
	white-space: nowrap;
}

.cnhc-ref-table tbody tr:last-child td {
	border-bottom: none;
}

.cnhc-ref-table td.cnhc-ref-table__meaning {
	color: var(--cnhc-text-muted);
}

/* --- Related calculators grid --------------------------------------- */

.cnhc-related__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: var(--cnhc-space-4);
}

.cnhc-related__card {
	display: flex;
	gap: var(--cnhc-space-3);
	align-items: flex-start;
	padding: var(--cnhc-space-4);
	background: var(--cnhc-surface);
	border: 1px solid var(--cnhc-border-soft);
	border-radius: var(--cnhc-radius-md);
	cursor: pointer;
	text-align: left;
	font-family: inherit;
	transition: border-color var(--cnhc-transition), transform var(--cnhc-transition);
}

.cnhc-related__card:hover {
	border-color: var(--cnhc-pine-600);
	transform: translateY(-1px);
}

.cnhc-related__icon {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: var(--cnhc-radius-sm);
	background: var(--cnhc-pine-50);
	color: var(--cnhc-pine-700);
	display: flex;
	align-items: center;
	justify-content: center;
}

.cnhc-related__icon svg {
	width: 18px;
	height: 18px;
}

.cnhc-related__title {
	font-weight: 700;
	font-size: var(--cnhc-fs-small);
	color: var(--cnhc-pine-900);
	margin-bottom: 2px;
}

.cnhc-related__desc {
	font-size: var(--cnhc-fs-caption);
	color: var(--cnhc-text-muted);
	line-height: 1.4;
}
