/* Smooth scrolling behavior */
html {
    scroll-behavior: smooth;
}
/* Focus styles for better accessibility */
a:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.5);
}

/* Animation for button hover effect */
a[href="{{YELLOW_PAGES_URL_PLACEHOLDER}}"] {
transition: transform 300ms ease, background-color 300ms ease;
}

/* Feather icons base styling */
.feather {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: text-bottom;
}

/* Responsive typography */
@media (max-width: 640px) {
    h1 {
        font-size: 2.5rem;
    }
}