/**
 * css/components/template-industry-download.css — Website 2.0 Industry +
 * Download long-tail reskin (#70)
 *
 * Scoped CSS for pages/template-industry.php (/industry/, "Media
 * Services") and pages/template-download.php (/download/, "Health &
 * Happiness Report") — both generic "inherit the 2.0 system" templates
 * with no dedicated design reference (docs/design/03-website-2.0-build-
 * plan.md §5.7), so every band below is assembled from the SHARED
 * component library (band.css/type.css/split.css/split-list.css/
 * cardbox.css/button.css/forms.css) exactly as the other reference-less
 * templates (future/social_impact/contact) already do — only the bits
 * unique to these two templates live here.
 *
 * Both templates' `intro` layout reuses `.cg-case-hero` verbatim (css/
 * components/template-single-work.css) for the rule-mark + one real <h1>
 * + full-bleed banner pattern (image or, on Industry only, a BgVideo
 * `[data-video]` background — the SAME `.banner-img-section [data-video]`
 * mechanism blocks/work_type_content/intro.php already uses, consolidating
 * the industry hero off its retired bespoke `#ytplayer`/
 * `onYouTubePlayerAPIReady` inline script, which collided with the
 * (dormant, `[data-type="youtube"]`-gated) global handler of the same name
 * in js/jquery.main.js — see blocks/industry_content/intro.php).
 *
 * The `text_form` layout (shared shape across Industry/Download/Services,
 * #70 covers only the Industry/Download copies) drops the fragile
 * `#super-wrap`/`#sidebar` sticky-scroll hack + its `.panel-form` mobile
 * toggle entirely (per the theme audit: "keep or retire as a unit" — every
 * other cg page's sidebar-form, e.g. template-contact.php, is already a
 * plain non-sticky `.cg-split` column, so retiring here brings these two
 * templates in line with that precedent rather than reinventing sticky
 * behaviour on a shared, already-fragile jQuery plugin call). The matching
 * dead JS (`jQuery('#sidebar').stickyScrollBlock({container:'#super-wrap'})`)
 * is removed from js/jquery.main.js's initStickyScrollBlock() in the same
 * commit — it only ever found BOTH elements on these two templates' old
 * markup, which no longer exists.
 *
 * Tokens only — no raw hex, no @layer, no !important.
 */

/* ------------------------------------------------------------------ *
 * Centered promo statement (`about_block` layout, both templates —
 * kept as separate files per template per CLAUDE.md ACF field-name
 * preservation, but they share this one visual treatment).
 * ------------------------------------------------------------------ */

.cg-promo {
	text-align: center;
}

.cg-promo__inner {
	max-width: 740px;
	margin: 0 auto;
}

.cg-promo__text {
	margin-top: 22px;
}

/* ------------------------------------------------------------------ *
 * Achievements (Industry only) — reuses the `.cg-cardbox`/`.cg-cardrow
 * --three`/`.cg-card` bordered 3-up box (cardbox.css) instead of the
 * fixed 4-up `.cg-stats` grid (stats.css assumes exactly 4 columns'
 * worth of border/padding math) — the published page's `achievements`
 * repeater renders exactly 3 rows. `description`/`title` sub-field names
 * are semantically inverted (description = the stat figure, title = its
 * label) — kept exactly per the theme audit, to avoid an ACF data
 * migration; only the VISUAL role (stat numeral vs. label) is corrected
 * here.
 * ------------------------------------------------------------------ */

.cg-achievements .cg-cardbox {
	margin-top: 0;
}

.cg-achievements .cg-card {
	text-align: center;
}

.cg-achievements .cg-card__num {
	color: var( --accent );
}

.cg-achievements .cg-card__label {
	margin-top: 18px;
}

/* ------------------------------------------------------------------ *
 * Industry gallery (dark band) — heading-to-slider rhythm; the slider
 * itself (`.gallery.slider-items2`) is untouched Slick markup (JS-
 * coupled, js/jquery.main.js initSlick()).
 * ------------------------------------------------------------------ */

.cg-industry-gallery .cg-statement {
	margin-top: 0;
}

.cg-industry-gallery .gallery {
	margin-top: 48px;
}

/* ------------------------------------------------------------------ *
 * text_form (Industry + Download) — cg-split content/form band,
 * replacing the retired sticky sidebar + mobile accordion toggle.
 * ------------------------------------------------------------------ */

.cg-textform__section + .cg-textform__section {
	margin-top: 56px;
}

.cg-textform__section .cg-h3 {
	margin-top: 0;
}

.cg-textform__caps-title {
	margin: 28px 0 0;
}

.cg-textform__caps-list {
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.cg-textform__caps-list li {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 22px;
	font-family: var( --font-body );
	font-size: 15px;
	line-height: 1.5;
	color: var( --cg-muted );
}

.cg-textform__caps-list li::before {
	content: "\2022";
	position: absolute;
	top: 0;
	left: 0;
	color: var( --accent );
}

.cg-textform__form .sidebar-form {
	max-width: 460px;
}

@media ( max-width: 1024px ) {
	.cg-textform__form .sidebar-form {
		max-width: none;
	}
}

/* ------------------------------------------------------------------ *
 * Evolution blocks (Download only) — 3-up card grid, `.icon-right`
 * icon-font glyph retired to a plain rust arrow (theme audit acceptance).
 * ------------------------------------------------------------------ */

.cg-evolution__heading {
	margin: 0 0 44px;
}

.cg-evolution .cg-cardbox {
	margin-top: 0;
}

.cg-evolution .cg-card__title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
}

.cg-evolution .cg-card__title .cg-arrow {
	flex: none;
	color: var( --accent );
}