document.addEventListener("DOMContentLoaded", function () {
  const OFFSET = 100;
  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener("click", function (e) {
      const targetId = this.getAttribute("href").substring(1);
      const targetEl = document.getElementById(targetId);
      
      if (targetEl) {
        e.preventDefault();
        const targetPosition = targetEl.getBoundingClientRect().top + window.pageYOffset - OFFSET;
        window.scrollTo({
          top: targetPosition,
          behavior: "smooth"
        });
      }
    });
  });
});