/*
 * Industry pages (taxonomy-industry.php) and the Industries hub
 * (template-industries.php) — 2026-11.
 *
 * Enqueued by inc/cm-industries.php. Everything else on these pages is the
 * shared 2026 system (cm-page-head, cm-pcard, cm-cap, cm-bundle-callout,
 * cm-faq-*, cm-cta-panel). cosmick-2026.css and cm-interior.css print after
 * this file, so rules here win on SPECIFICITY (main.cm-ind ...), never with
 * !important. New heading classes declare their own margin and line-height
 * (the legacy sheets leak both onto h2/h3).
 *
 * Mobile-first.
 */

/* Intro sits directly under the page head, so it needs less top space. */
main.cm-ind .cm-ind-intro { padding-bottom: 0; }

main.cm-ind .cm-ind-prose p { margin: 0; }
main.cm-ind .cm-ind-prose p + p { margin-top: 1.05em; }

/* The capability grid is a <ul> here: drop the list chrome. */
main.cm-ind ul.cm-ind-cap-grid {
	margin: 0;
	padding: 0;
	list-style: none;
}

main.cm-ind ul.cm-ind-cap-grid .cm-cap-links { margin-bottom: 0; }

/* An odd last row would leave a bare hairline-coloured cell: stretch it. */
@media (min-width: 768px) {
	main.cm-ind ul.cm-ind-cap-grid > .cm-cap:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

main.cm-ind .cm-ind-related { margin-top: 28px; }

main.cm-ind .cm-faq-answer p { margin: 0; }

main.cm-ind .cm-faq-more a,
main.cm-ind .cm-faq-answer a {
	color: var(--cm26-brand-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---- Hub cards ---------------------------------------------------------- */

main.cm-ind ul.cm-ind-grid {
	margin: 0;
	padding: 0;
	list-style: none;
}

main.cm-ind .cm-ind-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 24px;
}

@media (min-width: 768px) {
	main.cm-ind .cm-ind-card { padding: 28px; }
}

main.cm-ind .cm-ind-card-title {
	margin: 0;
	line-height: 1.25;
}

main.cm-ind .cm-ind-card-title a {
	color: inherit;
	text-decoration: none;
}

/* The whole card is the target; the title link stays the only link. */
main.cm-ind .cm-ind-card-title a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

main.cm-ind .cm-ind-card:hover .cm-ind-card-title a { color: var(--cm26-brand-ink); }

main.cm-ind .cm-ind-card-copy {
	margin: 0;
	font-size: 16px;
	line-height: 1.6;
	color: var(--cm26-body);
}

main.cm-ind .cm-ind-card-meta {
	margin: auto 0 0;
	padding-top: 6px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--cm26-stone);
}

main.cm-ind .cm-ind-hub-body { margin-top: 40px; }

main.cm-ind .cm-ind-hub-foot { margin: 32px 0 0; }