/* Underskin — 404 page */

.error-page {
    max-width: 720px;
    margin-inline: auto;
    text-align: center;
    padding-block: var(--space-xl);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.error-page__glyph {
    color: var(--ink);
    width: 100%;
    max-width: 480px;
}

.error-page__glyph svg {
    width: 100%;
    height: auto;
    display: block;
}

.error-page__signature {
    color: var(--accent);
    font-size: var(--font-size-lg);
    margin: 0;
}

.error-page__title {
    font-size: var(--font-size-xl);
    margin: 0;
    max-width: 30ch;
}

.error-page__subtitle {
    opacity: 0.75;
    max-width: 45ch;
    line-height: 1.6;
    margin: 0;
}

.error-page__actions {
    margin-top: var(--space-md);
    display: flex;
    gap: var(--space-sm);
    flex-wrap: wrap;
    justify-content: center;
}