/*
 * Entry stylesheet. No build step: plain CSS layers, imported in order.
 * tokens -> base -> layout -> components -> blocks (+ admin.css/portal.css
 * and pages/*.css when they exist).
 * asset() versions this file by the newest mtime across the whole CSS tree,
 * so an edited @import always busts the cache of the entry sheet.
 */

/* The layers are linked individually by styles() in helpers.php, each with
   its own ?v=. They used to be @imported here, and an import carries no
   version — so a browser refetched this file and then served its OWN
   year-cached copy of every layer, and edits reached nobody who had visited
   before. Do not put the @imports back. */
/* -------------------------------------------------------------------------
 * Error pages (shared by the self-contained error layout).
 * ---------------------------------------------------------------------- */
.error-body {
    background: var(--gg-surface-alt);
}

.error-page {
    padding-block: var(--gg-space-9);
    text-align: center;
}

.error-page__code {
    margin: 0;
    font-family: var(--gg-font-display);
    font-size: 5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1;
    color: var(--gg-accent-strong);
}

.error-page h1 { font-size: var(--gg-text-4xl); margin-bottom: var(--gg-space-3); }
.error-page p { color: var(--gg-ink-muted); max-width: 34rem; margin-inline: auto; }