/* Compact notice; reserved document space and lifted mobile actions. */
body { padding-bottom: var(--cookie-notice-height, 0px); }
.consent-panel {
  position: fixed; inset: auto 0 0 0; z-index: 40;
  width: 100%; max-width: none; max-height: 45dvh; margin: 0;
  display: flex; align-items: center; justify-content: center; gap: 20px;
  padding: 9px 24px calc(9px + env(safe-area-inset-bottom));
  background: var(--paper, #faf8f1); color: var(--ink, #26342b);
  border: 0; border-top: 1px solid var(--line, #d3d8ce); border-radius: 0;
  box-shadow: none; overflow-y: auto; box-sizing: border-box;
}
.consent-panel[hidden], .consent-panel [hidden] { display: none !important; }
.consent-panel p { margin: 0; font-size: 12px; line-height: 1.5; }
.consent-panel p a { white-space: nowrap; }
#cookie-state { margin-left: 8px; font-weight: 600; }
.consent-actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; font-size: 12px; }
.consent-actions .button { min-height: 34px; margin: 0; padding: 7px 16px; font-size: 12px; border-radius: 5px; }
.consent-actions .text-button { font-size: 12px; }
.consent-panel[data-settings] { flex-wrap: wrap; }
@media (max-width: 720px) {
  .consent-panel { inset: auto 0 0 0; width: 100%; gap: 12px; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
  .consent-panel p { font-size: 11px; }
  .mobile-cta { bottom: var(--cookie-notice-height, 0px); }
  .consent-actions { gap: 10px; }
}