.cookie-panel[hidden] { display: none !important; }
.cookie-panel { position: fixed; inset: auto 0 0; z-index: 1100; background: #fff; color: #243b44; border-top: 1px solid #c6cecc; box-shadow: 0 -3px 18px #00000012; padding: 1.25rem; }
.cookie-panel-inner { max-width: 1100px; margin-inline: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; }
.cookie-panel p { flex: 1 1 420px; margin: 0; line-height: 1.6; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.cookie-actions button { border-radius: .25rem; padding: .65rem 1rem; font: inherit; cursor: pointer; border: 1px solid #184b59; }
.cookie-accept { background: #184b59; color: white; font-weight: 600; }
.cookie-necessary { background: white; color: #184b59; }
.cookie-settings { display: inline-block; padding: .5rem 0; margin-left: 1rem; background: none; border: 0; color: var(--bs-link-color, #184b59); text-decoration: underline; text-underline-offset: .2em; font: inherit; cursor: pointer; }
.cookie-settings:hover { color: var(--bs-link-hover-color, #123b46); }
.cookie-panel button:focus-visible { outline: 3px solid #287e97; outline-offset: 3px; }
.cookie-settings:focus-visible { outline: 3px solid #628e9a; outline-offset: 3px; }
@media (max-width: 575px) { .cookie-actions { width: 100%; } .cookie-actions button { flex: 1 1 140px; } .cookie-settings { display: block; margin-left: 0; } }
@media print { .cookie-panel, .cookie-settings { display: none !important; } }