/* Mill-Turn Machining capability page (Figma 33535-17555 desktop, 33535-17703 mobile two-col) */

/* Hero keeps the design's 32px bottom radius (33535:17558). CSS-only: the
 * cover block's save() drops per-corner radius attrs, breaking editor validation */
.cmp-mt-hero {
	border-radius: 0 0 32px 32px;
	overflow: hidden;
}

/* Two-col: description 600px + blue equipment card 506px, space-between (33535:17571).
 * Desktop heading is one line; the authored break is the mobile artboard's (33535:17710). */
.cmp-mt-twocol h2 br {
	display: none;
}

/* Both cards carry the design's 1px 10%-black keyline (33535:17574 / 33535:17611) */
.cmp-mtc-card,
.cmp-mt-final-cta .cmp-glass-card {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Markup round 2 pin 28 (2026-09-03): the Gray entry now breaks "Denver, NC"
 * onto its own line at every width like its siblings; the desktop artboard's
 * inline run (33535:17584) is no longer followed. */

/* Applications list: 16px between items (33535:17598) */
.cmp-mt-apps .cmp-cta-list li + li {
	margin-top: 16px;
}

@media (max-width: 781px) {
	.cmp-mt-twocol h2 br {
		display: inline;
	}

	/* Mobile artboard heading runs 700 / letter-spacing 0 (33535:17710) */
	.cmp-mt-twocol h2 {
		font-weight: 700 !important;
		letter-spacing: 0 !important;
	}

	.cmp-mt-twocol .cmp-mtc-cols {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.cmp-mt-twocol .cmp-mtc-cols > .wp-block-group {
		flex-basis: 100% !important;
	}

	/* Mobile artboard: description tightens to 15px/1.4 (33535:17712),
	 * card entries hold 18px against the fluid medium preset (33535:17723) */
	.cmp-mt-twocol .cmp-mtc-cols > .wp-block-group:first-child p {
		line-height: 1.4 !important;
	}

	.cmp-mt-twocol .cmp-mtc-card-list p {
		font-size: 18px !important;
	}

	/* Card tightens: heading-to-list 24, entry gap 8 (33535:17714/17722) */
	.cmp-mt-twocol .cmp-mtc-card > * + * {
		margin-block-start: 24px !important;
	}

	.cmp-mt-twocol .cmp-mtc-card-list > * + * {
		margin-block-start: 8px !important;
	}
}

/* Facility names inside the Equipment box link out to each operating
 * company's own site (markup pins 22/82, decided 2026-09-14). Keep the
 * anchor on the card's white text; underline is the only affordance. */
.cmp-mtc-card-list a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

.cmp-mtc-card-list a:hover,
.cmp-mtc-card-list a:focus-visible {
	text-decoration-color: var(--wp--preset--color--theme-02, #1897ff);
}