.cl-cookie-notice { position: fixed; z-index: 1050; right: 24px; bottom: 24px; width: min(480px, calc(100% - 48px)); max-height: calc(100dvh - 120px); overflow-y: auto; padding: 22px; border: 1px solid var(--c-border); border-radius: 16px; background: #fff; box-shadow: var(--sh-2); }
.cl-cookie-notice[hidden] { display: none; }
.cl-cookie-notice h2 { margin: 0 0 10px; font-size: 19px; }
.cl-cookie-notice p { margin: 0 0 12px; font-size: 13px; line-height: 1.6; }
.cl-cookie-notice a, .cl-age-note a { text-decoration: underline; text-underline-offset: 3px; }
.cl-cookie-notice .cl-button { min-height: 42px; padding: 10px 22px; }
.cl-cookie-table { width: 100%; margin: 20px 0; border-collapse: collapse; font-size: 14px; }
.cl-cookie-table th, .cl-cookie-table td { padding: 12px; border: 1px solid var(--c-border); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.cl-cookie-table th { background: var(--c-bg-soft); }
.cl-cookie-table th:first-child { min-width: 135px; }
.cl-cookie-table code { white-space: normal; overflow-wrap: anywhere; }
.cl-cookie-table-scroll { overflow-x: auto; }
@media (max-width: 767px) {
  .cl-cookie-notice { right: 12px; bottom: calc(100px + env(safe-area-inset-bottom)); width: calc(100% - 24px); max-height: calc(100dvh - 130px); padding: 16px; }
  .cl-cookie-notice h2 { font-size: 17px; }
  .cl-cookie-table th, .cl-cookie-table td { padding: 8px; font-size: 12px; }
}