/*
 * 60 — Home page and standard pages.
 * Standard pages: 4/8 split, title on the narrow side, text at reading measure on the wide side.
 */

/* Standard page */
.cfb-page__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--40);
}

.cfb-page__grid > * {
	margin-block: 0;
}

@media (min-width: 782px) {
	.cfb-page__grid {
		grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
		column-gap: var(--wp--preset--spacing--60);
	}

	.cfb-page__aside {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--sticky-top));
		align-self: start;
	}
}

.cfb-page__title {
	margin: 0;
	border-top: var(--wp--custom--rule-heavy) solid var(--wp--preset--color--ink);
	padding-top: var(--wp--preset--spacing--20);
}

.cfb-page__body {
	max-width: var(--wp--style--global--content-size);
}

.cfb-page__body > :first-child {
	margin-top: 0;
}

.cfb-page__body h2 {
	font-size: var(--wp--preset--font-size--heading-sm);
	margin-top: var(--wp--preset--spacing--50);
}

/* Body face, not Instrument Serif: the serif is reserved for pull quotes, verdicts, brand names. */
.cfb-lede {
	line-height: var(--wp--custom--line-height--tight);
}

/* How We Choose: numbered criteria with display-face numerals and hairline rules. */
.cfb-criteria,
.cfb-standard__list {
	list-style: none;
	counter-reset: cfb-criteria;
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 0;
}

/* Number is positioned, not a grid column: list items mix <strong> and text nodes, which a grid
   would split into separate cells. */
.cfb-criteria > li,
.cfb-standard__list > li {
	counter-increment: cfb-criteria;
	position: relative;
	padding-left: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--20);
	padding-bottom: var(--wp--preset--spacing--20);
	border-bottom: var(--wp--custom--rule) solid var(--wp--preset--color--line);
}

.cfb-criteria > li::before,
.cfb-standard__list > li::before {
	content: counter(cfb-criteria, decimal-leading-zero);
	position: absolute;
	left: 0;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	color: var(--wp--preset--color--clay);
}

.cfb-standard__list > li {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--heading-sm);
	font-weight: 700;
	letter-spacing: var(--wp--custom--tracking--heading);
	line-height: var(--wp--custom--line-height--tight);
}

.cfb-standard {
	padding: var(--wp--preset--spacing--30);
}

/* Home */
.cfb-home-hero__title {
	margin: 0;
	letter-spacing: var(--wp--custom--tracking--display);
	max-width: 16ch;
}

.cfb-home-section h2 {
	margin-top: 0;
}

.cfb-home-section .cfb-grid {
	--wp--custom--card-min: var(--wp--custom--card-min-compact);
}