https://cdn.tailwindcss.com

tailwind.config = {
theme: {
extend: {
colors: {
‘native-link’: ‘#8B2C33’,
},
}
}
}

body {
font-family: ‘Inter’, sans-serif;
background-color: white;
color: #000000;
}
.link-color {
color: #8B2C33;
text-decoration: none;
transition: color 0.15s;
}
.link-color:hover {
color: #a84249;
text-decoration: underline;
}
html {
scroll-behavior: smooth;
}

/* FIX: Modern approach to offset sticky header (scroll-margin-top) */
/* This reserves 120px of space above the target element when scrolling to it.
This should reliably account for the variable height of the sticky navigation bar on all screen sizes. */
.category-scroll-target {
scroll-margin-top: 120px;
}

/* Removed previous padding/margin fix */

function scrollToCategory(categoryId) {
const element = document.getElementById(categoryId);
if (element) {
// The scroll offset is now handled purely by the CSS property scroll-margin-top.
element.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
}