/* Cookie consent banner. Kept in its own file so that 404.html can use it too: that page deliberately avoids main.css, whose loading overlay would strand visitors on a black screen, but it can safely pull in this one on its own. z-index sits just under #loadingPage (9999) so the banner stays hidden behind the overlay on the home page until the slideshow has finished loading, rather than floating over it. */ #cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9998; box-sizing: border-box; padding: 1.25rem 1.5rem; background-color: #1b1f22; border-top: solid 2px #288548; color: rgba(255, 255, 255, 0.85); font-family: 'Source Sans Pro', Helvetica, sans-serif; font-size: 0.9rem; line-height: 1.6; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem 1.5rem; } #cookie-banner p { margin: 0; max-width: 46rem; color: inherit; } #cookie-banner a { color: #ffffff; text-decoration: underline; } #cookie-banner .cookie-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; } /* main.css styles every bare