/**
 * css/components/act-on-list.css — Website 2.0 shared component library
 * (#124)
 *
 * "Act on what's happening" pattern — reuses `.cg-split-list`'s grid
 * (defined in split-list.css, loaded earlier in the chain) for the
 * left-column layout; only the right-column plain-paragraph list is new
 * here. Reference: tech-ai.html `.caplist`/`.cap`.
 *
 * Tokens only — no raw hex, no @layer, no !important.
 */

.cg-actlist__list {
	display: flex;
	flex-direction: column;
}

.cg-actlist__item {
	padding: 26px 0;
	border-top: var( --hairline ) solid var( --rule-on-dark );
}

.cg-actlist__item:first-child {
	padding-top: 0;
	border-top: 0;
}

.cg-actlist__item p {
	margin: 0;
	font-family: var( --font-serif );
	font-weight: 400;
	font-size: clamp( 19px, 1.6vw, 24px );
	line-height: 1.3;
	letter-spacing: -0.4px;
	color: var( --cg-cream );
}

/* optional trailing image-cell grid (shared with stat-cells.css's `cells`
   variant via cg_render_image_stat_cells()) — reference: tech-ai.html
   `<div style="height:96px"></div>` between `.cols` and `.statcells`. */
.cg-actlist__cells-spacer {
	height: 96px;
}