/*
 * Rules the features page needs beyond marketing.css: the compact spec list
 * used beside the two illustrated chapters (permission grid, transcript).
 * Scoped under body.marketing like everything else that touches these tones.
 */

body.marketing .spec-list {
	display: grid;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.marketing .spec-list li {
	padding-block-start: 14px;
	border-block-start: 1px solid var(--hairline);
	color: var(--text-dim);
	font-size: 17px;
	line-height: 1.55;
}

body.marketing .spec-list li:first-child {
	padding-block-start: 0;
	border-block-start: 0;
}

body.marketing .spec-list strong {
	color: var(--text);
	font-weight: 600;
}

/* A lone chip follows its sentence after the source's own space, which vanishes if it wraps to a
   new line; a pair gets a row of its own. */
body.marketing .spec-list .chip { vertical-align: middle; }
body.marketing .spec-list .card-tags { margin-block-start: 10px; }