/* Family styles for industrial — populated by its presentation template contract. */

/* ============================================================
   INDUSTRIAL — refinements over the .msi-in-* base in equipment.css
   Compact spec-sheet identity hero + amber power grid callouts.
   ============================================================ */

/* Compact identity hero */
.msi-in-hero__inner {
	padding-block: var(--ms-space-8);
}
.msi-in-hero__title {
	font-family: var(--ms-font-display);
	font-size: var(--ms-fs-hero);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -.015em;
	margin-block: var(--ms-space-4) var(--ms-space-3);
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--ms-space-3);
	color: var(--ms-color-text);
}
.msi-in-hero__title small {
	font-family: var(--ms-font-mono);
	font-size: var(--ms-fs-h4);
	font-weight: 500;
	color: var(--ms-family-accent, var(--ms-color-amber));
	letter-spacing: .02em;
}
.msi-in-hero__excerpt {
	color: var(--ms-color-text-secondary);
	font-size: calc(var(--ms-fs-body) * 1.1);
	max-inline-size: 66ch;
	margin-block: 0 var(--ms-space-2);
}

/* Power grid — family accent rail on hover */
.msi-in-power__cell {
	border-inline-start: 3px solid transparent;
	transition:
		background-color var(--ms-dur-fast) var(--ms-ease-out),
		border-inline-start-color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-in-power__cell:hover {
	background: var(--ms-color-surface-hi);
	border-inline-start-color: var(--ms-family-accent, var(--ms-color-amber));
}
.msi-in-power__value {
	transition: color var(--ms-dur-fast) var(--ms-ease-out);
}
.msi-in-power__cell:hover .msi-in-power__value {
	color: var(--ms-family-accent, var(--ms-color-amber));
}
.msi-in-power__value .msi-unit {
	font-style: normal;
}

/* RESPONSIVE */
@media (max-width: 900px) {
	.msi-in-hero__inner { padding-block: var(--ms-space-7); }
	.msi-in-hero__title { font-size: var(--ms-fs-display); }
}
@media (max-width: 640px) {
	.msi-in-hero__inner { padding-block: var(--ms-space-6); }
	.msi-in-hero__title {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--ms-space-1);
	}
	.msi-in-power { grid-template-columns: repeat(2, 1fr); }
	.msi-in-power__cell { padding: var(--ms-space-4); }
}