🎨 Palette: 고정 헤더 앵커 스크롤 겹침 개선

.Jules/palette.md

@@ -5,3 +5,7 @@
 ## 2024-06-21 - Added skip-to-content link
 **Learning:** Found a missing skip-to-content link, which is a key accessibility feature to help keyboard and screen reader users bypass navigation. Additionally learned that giving `<main>` `tabindex="-1"` and removing its outline when `:focus-visible` ensures proper focus handling after clicking the skip link without disruptive visual outlines.
 **Action:** Always include a skip-to-content link near the start of the `body` and manage target focus appropriately.
+
+## 2024-05-24 - [Anchor Scroll Alignment with Sticky Header]
+**Learning:** Sticky headers (81px height) obscure anchor targets when navigating via jump links, hiding the start of the section and causing confusion.
+**Action:** Always maintain `scroll-padding-top` on the `html` element equal to the sticky header's height to ensure anchor links scroll to a position just below the header.

.gitignore

@@ -1 +1,2 @@
 node_modules
+venv/

styles.css

@@ -23,6 +23,7 @@
 
 html {
   scroll-behavior: smooth;
+  scroll-padding-top: 81px;
 }
 
 body {