Polish wording

style.css

@@ -115,6 +115,31 @@ body::after {
   color: var(--crust);
 }
 
+:focus-visible {
+  outline: 2px solid var(--mauve);
+  outline-offset: 4px;
+}
+
+.skip-link {
+  position: fixed;
+  top: 0.75rem;
+  left: 50%;
+  z-index: 200;
+  padding: 0.6rem 1rem;
+  border-radius: 4px;
+  background: var(--mauve);
+  color: var(--crust);
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-decoration: none;
+  transform: translate(-50%, -200%);
+  transition: transform 0.2s;
+}
+
+.skip-link:focus {
+  transform: translate(-50%, 0);
+}
+
 /* ─── Scrollbar ────────────────────────────────────────── */
 ::-webkit-scrollbar {
   width: 6px;
@@ -1165,3 +1190,18 @@ footer a:hover {
     text-align: center;
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  html {
+    scroll-behavior: auto;
+  }
+
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}