/* CornerEngine Step 10K — final public UX acceptance polish */

.public-skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 2000;
    padding: 10px 14px;
    border-radius: 10px;
    background: #ffffff;
    color: #08111f;
    font-weight: 800;
    text-decoration: none;
    transform: translateY(-180%);
    transition: transform 120ms ease;
}

.public-skip-link:focus,
.public-skip-link:focus-visible {
    transform: translateY(0);
}

.public-body :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

#main-content:focus {
    outline: none;
}

@media (max-width: 640px) {
    .public-skip-link {
        top: 8px;
        left: 8px;
        right: 8px;
        text-align: center;
    }
}