.skip-link {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 9999;
    padding: 10px 14px;
    border-radius: 10px;
    background: #ffffff;
    color: #083626;
    font-weight: 800;
    text-decoration: none;
    transform: translateY(-180%);
}

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

a:focus-visible,
button:focus-visible {
    outline: 3px solid #4f9c72;
    outline-offset: 3px;
}

img {
    max-width: 100%;
    height: auto;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}