/* Shared style for the static custom error pages (Errors/*.html). */
/* Single source of truth. Served verbatim as a static file (no bundling, no minify). */

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    font-family: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    background: #f5f8fa;
    color: #33475b;
}

.error-card {
    width: 100%;
    max-width: 32rem;
    padding: 2.5rem;
    text-align: center;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .08);
}

.error-card__code {
    margin: 0 0 .5rem;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7c98b6;
}

.error-card__title {
    margin: 0 0 .75rem;
    font-size: 1.5rem;
}

.error-card__text {
    margin: 0 0 1.5rem;
}

.error-card__btn {
    display: inline-block;
    padding: .6rem 1.25rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background: #0091ae;
    border-radius: .375rem;
}

    .error-card__btn:hover,
    .error-card__btn:focus {
        background: #007a92;
    }

/* Credits block (mirrors Views/Shared/Partials/_Credits.cshtml + Content/Credits.css, */
/* self-contained: no bootstrap, no CSS custom properties). */

/* Bootstrap utility used by the credits markup to hide the Purelab line. */
.d-none {
    display: none !important;
}

.credits-info {
    margin-top: 2rem;
    padding-top: 17px;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    color: #a8a8a8;
    font: normal 11px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: normal;
}

    .credits-info .container {
        max-width: none;
    }

    .credits-info a {
        color: #a8a8a8;
        text-decoration: none;
        transition: color .4s ease-in-out;
    }

        .credits-info a:hover {
            color: #0091ae;
        }

#cdd > div {
    display: inline-block;
    margin: 0 10px;
}

    #cdd > div:first-child {
        margin-left: 0;
    }

    #cdd > div:last-child {
        margin-right: 0;
    }

    #cdd > div > span {
        color: #a8a8a8;
    }

.credits-info svg path {
    fill: currentColor;
}