.k2cm-banner, .k2cm-modal, .k2cm-preferences-footer { font-family: inherit; color: #1d2327; }
.k2cm-banner { position: fixed; z-index: 999999; right: 1rem; bottom: 1rem; left: 1rem; display: flex; max-width: 900px; margin: auto; padding: 1.25rem; gap: 1rem; align-items: center; justify-content: space-between; color: var(--k2cm-banner-font-color, #1d2327); background: var(--k2cm-banner-background-color, #fff); border: 1px solid #c3c4c7; border-radius: .5rem; box-shadow: 0 8px 30px rgba(0,0,0,.18); }
.k2cm-banner--position-top { top: 1rem; bottom: auto; }
.k2cm-banner--position-center { top: 50%; right: 1rem; bottom: auto; left: 1rem; transform: translateY(-50%); }
.k2cm-banner--layout-box { max-width: 480px; flex-direction: column; align-items: stretch; }
.k2cm-banner--layout-box .k2cm-actions { justify-content: flex-end; }
.k2cm-banner--layout-modal { max-width: 640px; flex-direction: column; align-items: stretch; border-width: 0; box-shadow: 0 16px 55px rgba(0,0,0,.38); }
.k2cm-banner--layout-modal::before { position: fixed; z-index: -1; inset: -100vmax; background: rgba(0,0,0,.55); content: ''; }
.k2cm-banner[hidden], .k2cm-modal[hidden] { display: none; }
.k2cm-banner h2, .k2cm-modal h2, .k2cm-category h3 { margin: 0 0 .35rem; color: inherit; }
.k2cm-banner p, .k2cm-modal p, .k2cm-category p { margin: 0; line-height: 1.5; }
.k2cm-banner__content { max-width: 510px; }
.k2cm-actions { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.k2cm-button, .k2cm-preferences-link, .k2cm-close { font: inherit; cursor: pointer; }
.k2cm-button { padding: .65rem .9rem; color: #1d2327; background: #fff; border: 1px solid currentColor; border-radius: .25rem; }
.k2cm-button--primary { color: #fff; background: #135e96; border-color: #135e96; }
.k2cm-button--link, .k2cm-preferences-link { padding: .25rem; color: #135e96; background: transparent; border: 0; text-decoration: underline; }
.k2cm-button:hover, .k2cm-preferences-link:hover { filter: brightness(.9); }
.k2cm-button:focus-visible, .k2cm-preferences-link:focus-visible, .k2cm-close:focus-visible, .k2cm-switch input:focus-visible { outline: 3px solid #f0b849; outline-offset: 3px; }
.k2cm-modal { position: fixed; z-index: 1000000; inset: 0; display: grid; padding: 1rem; overflow-y: auto; background: rgba(0,0,0,.55); place-items: center; }
.k2cm-modal__panel { position: relative; width: min(100%, 640px); max-height: calc(100vh - 2rem); padding: 1.5rem; overflow-y: auto; background: #fff; border-radius: .5rem; box-shadow: 0 8px 30px rgba(0,0,0,.3); }
.k2cm-close { position: absolute; top: .75rem; right: .75rem; width: 2rem; height: 2rem; color: #1d2327; background: transparent; border: 0; font-size: 1.75rem; line-height: 1; }
.k2cm-category { display: flex; padding: 1rem 0; gap: 1rem; align-items: center; justify-content: space-between; border-bottom: 1px solid #dcdcde; }
.k2cm-category[hidden] { display: none; }
.k2cm-category h3 { font-size: 1rem; }
.k2cm-switch input { width: 1.25rem; height: 1.25rem; accent-color: #135e96; }
.k2cm-preferences-footer { text-align: center; }
@media (max-width: 680px) { .k2cm-banner { align-items: stretch; flex-direction: column; } .k2cm-actions { width: 100%; } .k2cm-actions .k2cm-button { flex: 1 1 auto; } }