html, body { 
    font-family: 'Inter', sans-serif; 
    background-color: #1a202c !important; 
    color: #e2e8f0 !important; 
    margin: 0; 
}
.smooth-scroll { 
    scroll-behavior: smooth; 
}
.gradient-bg { 
    background: linear-gradient(to bottom right, #2b6cb0, #4fd1c5); 
}
a { 
    transition: color 0.2s; 
}
.provenance-box, .transparency-box { 
    background-color: #2d3748; 
    padding: 1rem; 
    border-radius: 0.5rem; 
    font-size: 0.9rem; 
}
a:focus { 
    outline: 2px solid #4fd1c5; 
    outline-offset: 2px; 
}
.skip-link:focus { 
    position: static; 
    padding: 0.5rem; 
    background: #4fd1c5; 
    color: #1a202c; 
}
.container { 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 1rem; 
    padding-right: 1rem; 
}
@media (min-width: 640px) { 
    .container { 
        padding-left: 1.5rem; 
        padding-right: 1.5rem; 
    } 
}
.text-teal-100 { 
    color: #a7f3d0; 
}
.hover\:text-teal-400:hover { 
    color: #38b2ac; 
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) { 
    margin-left: 1.5rem; 
}
.py-4 { 
    padding-top: 1rem; 
    padding-bottom: 1rem; 
}
.px-5 { 
    padding-left: 1.25rem; 
    padding-right: 1.25rem; 
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap') (font-display: swap);