/*
 * Category and mood landing pages.
 *
 * What used to be here and is gone:
 *
 *   .entry-content:has(#gradients-app):has(#gcat-pills):has(#gcat-lede)
 *     :has(#gcat-sec):has(#gcat-body):has(#gcat-more) { max-width:none }
 *
 * — six chained :has() selectors whose only job was to out-specify the child
 * theme's 720px rule, which itself was a chain of five :not(:has(#id)). The
 * theme now narrows by default and steps aside for body.tg-wide, so both chains
 * are gone and so are the five ids that existed only to feed them.
 *
 * Also gone: two rules undoing the theme's blanket
 * `.entry-content a { text-decoration: underline !important }`. The theme
 * underlines prose links only now, so there is nothing to undo.
 */

/*
 * Note: .ga-category is on the same element as #gradients-app, whose max-width
 * and padding are set in core.css and win on specificity. Setting them again
 * here would be dead CSS, so the wrapper geometry lives in core.css only.
 */

.ga-category h1 {
	font-size: 28px;
	font-weight: 800;
	color: #0A0A0A;
	margin: 0 0 6px;
	letter-spacing: -.02em;
}

.ga-category .gcat-lede {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
	margin: 0 0 24px;
	max-width: 62ch;
}

.ga-category .gcat-count {
	font-size: 13px;
	color: #6E6E78;
}

/* The explainer copy under the grid is a .tg-guide panel now (hero.css). */