/* Additional custom styles for Option 1 */

html {
    scroll-behavior: smooth;
}

/* Smooth navbar shadow on scroll */
#navbar.scrolled {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Custom prose styling for better readability */
.prose {
    line-height: 1.8;
}

/* Ensure proper spacing */
section {
    scroll-margin-top: 5rem;
}