/* Default for desktop (large screens) */
.anchor-target {
    scroll-margin-top: 200px; /* Offset for sticky headers or layout */
}

/* For tablets */
@media (max-width: 1024px) {
    .anchor-target {
        scroll-margin-top: 220px; /* Adjust for smaller headers or different layout */
    }
}

/* For mobile */
@media (max-width: 768px) {
    .anchor-target {
        scroll-margin-top: 230px; /* Adjust for mobile-specific layouts */
    }
}