/*
 * patterns/page-not-found.css — "Page Not Found"
 * Markup: wp-content/themes/fcs/patterns/page-not-found.php
 * Root:   .fcs-page-not-found
 *
 * Figma 10684:10209, the body of the 404 page (10684:10122).
 *
 * STRUCTURE
 * ---------
 *   .fcs-page-not-found              alignfull section, constrained to 856px
 *     .fcs-page-not-found__code      H1 "404" — Display preset, theme.json look
 *     .fcs-page-not-found__message   paragraph at the H4 preset
 *     .fcs-page-not-found__actions   the Return to Home button
 *
 * MOBILE IS DERIVED. There is no mobile design for this page. The choices:
 *
 *   - the column runs full width inside the 20px section gutter
 *     (layout/spacing.css), which the 856px cap already does below 856px
 *   - "404" shrinks with the Display preset's own fluid size, down to 36px
 *   - the message stays at 24px and wraps; it is one short sentence
 *
 * SECTION PADDING is not declared here at any size — Medium and Large belong to
 * the editor's Dimensions panel, Small is pinned in layout/spacing.css. See
 * CLAUDE.md § "Section padding".
 */

/* Stack ---------------------------------------------------------------- */

/*
 * theme.json heading margins and core's own block margins both beat a bare
 * child selector; the repeated class lifts this to (0,2,0) without !important —
 * the same fix as .fcs-faq.
 */
.fcs-page-not-found.fcs-page-not-found > * {
	margin-block: 0;
}

/* Figma Spacing-10: 40px between every row. */
.fcs-page-not-found.fcs-page-not-found > * + * {
	margin-block-start: 40px;
}

/* Message -------------------------------------------------------------- */

/*
 * The H4 look on a paragraph: body family (already the paragraph default),
 * bold, and the H4 line height — the same values base/typography.css gives
 * h3.has-h-4-font-size, which is deliberately scoped to h3 only.
 */
.fcs-page-not-found .fcs-page-not-found__message {
	font-weight: 700;
	line-height: 1.333;
}