/* A quiet strip, using the existing navigation's color and the site's text links. */
#cookie-banner {
    position: fixed;
    z-index: 1000;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2em;
    box-sizing: border-box;
    padding: 0.45em 1.25em;
    border-top: 1px solid #dddddd;
    background: #f7f7f7;
    color: #636363;
    font-size: 0.85em;
    line-height: 1.5;
}
#cookie-banner[hidden], .cookie-settings[hidden] { display: none !important; }
#cookie-banner p { margin: 0; }
.cookie-actions { display: flex; gap: 1.5em; flex-shrink: 0; }
#cookie-banner .cookie-choice {
    min-width: 0;
    height: auto;
    padding: 0.5em 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    color: #636363 !important;
    font: inherit;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}
.copyright .legal-link { margin-left: 0.75em; }
button.cookie-settings { margin-left: 0.75em; vertical-align: baseline; height: auto; min-width: 0; padding: 0; line-height: inherit; border: 0; border-bottom: 1px dotted; border-radius: 0; box-shadow: none; font: inherit; }
#cookie-banner button:focus-visible, button.cookie-settings:focus-visible { outline: 2px solid #8cc9f0; outline-offset: 3px; }
@media (max-width: 640px) {
    #cookie-banner { flex-direction: column; gap: 0; padding: 0.6em 1em 0.2em; }
    #cookie-banner .cookie-choice { min-height: 44px; }
}