/**
 * Pattern: 404 — page not found (templates/404.html)
 *
 * apply-system build, no Figma comp: centred h1 + body line + 2 pills on the
 * page's own lavender surface (--kd-color-surface, set on body — nothing to
 * paint here). One pattern = one CSS partial, auto-enqueued by
 * inc/enqueue.php glob (handle dfd-pattern-page-404).
 */

.dfd-404 {
	/* Only section on the page — no sibling to gap against, so the fluid
	   band-padding token (also used by cta-cards-3up.css/sponsor-tiers.css)
	   doubles as the page's own top/bottom whitespace instead of the
	   sitewide .entry-content > * + * owl (which never applies here: this
	   template has no post-content, so there is no .entry-content wrapper). */
	padding-block: var(--dfd-section-pad);
}

.dfd-404__inner {
	max-width: var(--kd-measure-intro);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* No font-size override: h1's default element style (theme.json) already
   resolves to --wp--preset--font-size--huge === --dfd-size-h2-section — the
   exact token this item's spec calls for. Re-declaring it here would be the
   per-partial drift theme-conventions.md warns against. */
.dfd-404__heading {
	margin: 0 0 var(--kd-gap-tight);
}

.dfd-404__copy {
	margin: 0 0 var(--kd-space-xl);
}

.dfd-404__buttons {
	margin: 0;
}