/*
 * Site footer (docs/specs/home-header-footer.md section 2). Tokens only: no color literals.
 * Mobile values apply at max-width 781px (D7). Link hit areas reach 44px by padding, not font size (flag 6e).
 */
.di-footer {
	box-sizing: border-box;
	padding: 56px 0 40px;
	border-top: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--paper-alt);
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}
.di-footer p {
	margin: 0;
}
.di-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.di-footer__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 36px 32px;
}
.di-footer__brand {
	grid-column: span 2;
	min-width: 0;
}
.di-footer__brand p {
	max-width: 360px;
	color: var(--wp--preset--color--slate);
}
.di-footer__brand p + p {
	margin-top: 16px;
}
.di-footer .di-footer__brand .di-footer__wordmark {
	max-width: none;
	margin: 0 0 12px;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--serif);
	font-size: 24px;
	font-weight: 500;
}
.di-footer__wordmark span {
	color: var(--wp--preset--color--accent);
}
.di-footer__col {
	min-width: 0;
}
.di-footer .di-footer__heading {
	margin-bottom: 14px;
	font-weight: 600;
}
/* Links carry 10px of vertical padding for the 44px hit area; pulling the list up 8px puts the first link's
   text 16px under the heading, as in the design (14px margin plus 2px link padding). */
.di-footer__col ul {
	margin-block: -8px;
}
.di-footer a {
	display: inline-flex;
	align-items: center;
	padding: 10px 0;
	box-sizing: border-box;
	min-height: var(--wp--custom--control--min-tap-target);
	min-width: var(--wp--custom--control--min-tap-target);
	color: var(--wp--preset--color--slate);
	text-decoration: none;
}
.di-footer__col a:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}
.di-footer a:focus-visible {
	outline: var(--wp--custom--focus--width) solid var(--wp--custom--focus--color);
	outline-offset: var(--wp--custom--focus--offset);
}
.di-footer__bottom {
	margin-top: 44px;
	padding-top: 24px;
	border-top: var(--wp--custom--border--width) solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--slate);
	font-size: 15px;
}
.di-footer__disclosures {
	margin-bottom: 12px;
}
.di-footer__disclosures strong {
	color: var(--wp--preset--color--ink);
}
.di-footer__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
}
.di-footer__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}
.di-footer__legal a {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.di-footer__legal a:hover {
	color: var(--wp--preset--color--ink);
}

@media (max-width: 781px) {
	.di-footer {
		padding-top: 40px;
	}
	.di-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.di-footer__brand {
		grid-column: 1 / -1;
	}
}