/* ────────────────────────────────────────────────────────────
   03-404.css — 404 Not Found page
   Body class: error404 (added by WordPress automatically)
   Structure (from GeneratePress content-404.php):
     div.inside-article
       header.entry-header > h1.entry-title
       div.entry-content > p + form.search-form
   ──────────────────────────────────────────────────────────── */

/* ── Container ────────────────────────────────────────────── */
.error404 .inside-article {
    max-width: var(--container-narrow);
    margin-top: 40px;
    margin-bottom: 70px;
    margin-inline: auto;
    text-align: center;
    padding-inline: var(--spacing-md);
}

/* ── Title ────────────────────────────────────────────────── */
/* GP's .entry-title overrides the base h1 size; re-apply the
   intended H1 scale and keep text black. */
.error404 .entry-title {
    font-family: var(--font-primary);
    font-size: var(--text-display-xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    color: var(--color-black-soft);
}

/* ── Body text ────────────────────────────────────────────── */
.error404 .entry-content p {
    font-size: var(--text-body-lg);
    color: var(--color-text-body);
    margin-bottom: var(--spacing-lg);
}

/* ── Search form ──────────────────────────────────────────── */
.error404 .search-form {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-lg);
}

/* ── Featured pages card grid ─────────────────────────────── */
/* Rendered by the Community Connect 404 Page plugin feature via
   generate_after_main_content — outside .inside-article so the
   card-collection can use its own full-width centering. */
.error404 .cc-404-featured-pages {
    border-top: 1px solid var(--color-gray-stroke);
}