#compos-cookie-banner, #compos-cookie-settings { box-sizing: border-box; font: 14px/1.5 Inter, system-ui, sans-serif; color: #18212f; background: #fff; z-index: 2147483000; }
#compos-cookie-banner[hidden], #compos-cookie-settings[hidden], #compos-cookie-banner [hidden] { display: none !important; }
#compos-cookie-banner { position: fixed; inset: auto 16px 16px; margin: 0 auto; max-width: 1120px; padding: 18px 22px; border: 1px solid #d1d5db; border-radius: 12px; box-shadow: 0 4px 24px #0002; display: flex; align-items: center; gap: 24px; max-height: calc(100dvh - 32px); overflow: auto; text-align: left; }
#compos-cookie-banner strong { font-size: 15px; font-weight: 650; }
#compos-cookie-banner p { margin: 4px 0 0; max-width: 680px; font-size: 13px; line-height: 1.5; color: #374151; }
#compos-cookie-banner a { color: #18212f; text-decoration: underline; white-space: nowrap; }
#compos-cookie-banner .cookie-actions { display: flex; flex-wrap: wrap; gap: 8px; flex-shrink: 0; }
#compos-cookie-banner button { font: inherit; font-weight: 600; background: #f3f4f6; color: #18212f; border: 1px solid #9ca3af; border-radius: 6px; padding: 9px 13px; cursor: pointer; min-height: 42px; }
#compos-cookie-banner button:hover { background: #e5e7eb; }
#compos-cookie-settings { position: fixed; bottom: 8px; left: 8px; padding: 3px 9px; border: 1px solid #d1d5db; border-radius: 5px; cursor: pointer; font-size: 11px; opacity: .85; }
#compos-cookie-banner button:focus-visible, #compos-cookie-settings:focus-visible, #compos-cookie-banner a:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
@media (max-width: 760px) { #compos-cookie-banner { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; inset: auto 10px 10px; } #compos-cookie-banner .cookie-actions { flex-shrink: 1; } #compos-cookie-banner button[data-choice] { flex: 1; } }
@media print { #compos-cookie-banner, #compos-cookie-settings { display: none !important; } }