.ls-cookie-banner, .ls-cookie-panel { color: var(--text, #eef2ff); background: var(--panel, #111827); border: 1px solid var(--line, #273247); box-shadow: 0 12px 48px #0005; font: 400 14px/1.6 var(--font-body, sans-serif); }
/* Navigation drawers remain usable while a cookie choice is pending. */
.ls-cookie-banner { position: fixed; z-index: 70; inset: auto 20px 20px; max-width: 1000px; margin-inline: auto; padding: 22px; border-radius: 14px; display: flex; align-items: center; gap: 24px; }
.ls-cookie-banner[hidden] { display: none; }
body:has(.portal-nav-open) .ls-cookie-banner { visibility: hidden; }
.ls-cookie-banner h2, .ls-cookie-panel h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.4; }
.ls-cookie-banner p, .ls-cookie-panel p { margin: 0; }
.ls-cookie-banner a { color: var(--link, #a5b4fc); text-decoration: underline; }
.ls-cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.ls-cookie-actions button, .ls-cookie-panel-heading button { border: 1px solid var(--line, #273247); border-radius: 6px; background: var(--surface-elevated, #172033); color: inherit; padding: 10px 14px; min-height: 44px; cursor: pointer; font: inherit; }
.ls-cookie-actions button:hover { border-color: var(--accent, #6366f1); }
.ls-cookie-actions button:focus-visible, .ls-cookie-panel button:focus-visible, .ls-cookie-option input:focus-visible { outline: 3px solid var(--accent, #6366f1); outline-offset: 3px; }
.ls-cookie-panel { width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border-radius: 14px; }
.ls-cookie-panel::backdrop { background: #0009; }
.ls-cookie-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; }
.ls-cookie-panel-heading button { font-size: 24px; padding: 0 12px; }
.ls-cookie-option { display: flex; gap: 20px; justify-content: space-between; align-items: center; padding-block: 18px; border-bottom: 1px solid var(--line, #273247); }
.ls-cookie-option span { display: grid; gap: 4px; }
.ls-cookie-option small { font-size: 13px; color: var(--muted, #9ba9bf); }
.ls-cookie-option input { flex: 0 0 22px; width: 22px; height: 22px; accent-color: var(--accent, #6366f1); }
.ls-cookie-panel form > .ls-cookie-actions { margin-top: 22px; }
.site-breadcrumbs { padding-top: 24px; }
.docs-workspace .site-breadcrumbs { width: 100%; padding-top: 0; }
@media (max-width: 800px) { .ls-cookie-banner { inset: auto 12px 12px; flex-direction: column; align-items: stretch; padding: 18px; gap: 16px; max-height: calc(100dvh - 24px); overflow: auto; } .ls-cookie-actions button { flex: 1 0 auto; white-space: nowrap; } }