/* Small additions the static pages did not need: toasts, form errors,
   the sign-out button in the header, and the skip link. */

.skip-link {
    position: absolute;
    left: -9999px;
}
.skip-link:focus {
    left: 1rem;
    top: 1rem;
    z-index: 999;
    background: #406bb8;
    color: #fff;
    padding: .6rem 1.2rem;
    border-radius: 999px;
}

.gj-toast {
    position: fixed;
    left: 50%;
    bottom: 2rem;
    transform: translate(-50%, 140%);
    background: #0f8b7f;
    color: #fff;
    padding: .85rem 1.5rem;
    border-radius: 999px;
    font-size: .92rem;
    font-weight: 600;
    box-shadow: 0 18px 40px -18px rgba(18, 32, 58, .55);
    z-index: 9999;
    transition: transform .35s cubic-bezier(.2, .7, .3, 1);
    max-width: min(90vw, 30rem);
    text-align: center;
}
.gj-toast.show {
    transform: translate(-50%, 0);
}

.form-error {
    background: #fff0ee;
    color: #a92415;
    border-radius: .8rem;
    padding: .7rem 1rem;
    font-size: .88rem;
    margin-bottom: 1rem;
}

.signout-form {
    display: inline;
    margin: 0;
}
.signout-link {
    background: none;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: inherit;
    opacity: .8;
    padding: 0;
}
.signout-link:hover {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .gj-toast { transition: none; }
}