/* Shared presentation of the existing privacy choices; consent behavior lives in JS. */
html body [data-connect-consent-root],
html body [data-connect-consent-panel] {
  --consent-surface: var(--panel, var(--surface, #fff));
  --consent-ink: var(--ink, #171a1f);
  --consent-muted: var(--ink-2, var(--muted, #4e5968));
  --consent-line: var(--line, #d9dee7);
  background: var(--consent-surface);
  color: var(--consent-ink);
  border: 1px solid var(--consent-line);
  border-radius: var(--cb-radius-lg, 12px);
  font: 400 14px/1.5 "Segoe UI Variable Text", "Segoe UI", sans-serif;
  box-shadow: var(--el-3, 0 8px 32px #11182726);
  padding: var(--s-5, 20px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
html body [data-connect-consent-root] {
  bottom: max(var(--s-4, 16px), env(safe-area-inset-bottom));
}
html body [data-connect-consent-root] p,
html body [data-connect-consent-panel] p,
html body [data-connect-consent-row] small {
  color: var(--consent-muted);
  font-size: 13px;
  line-height: 1.5;
  margin-block: var(--s-2, 8px) var(--s-4, 16px);
}
html body [data-connect-consent-row] { border-color: var(--consent-line); }
html body :is([data-connect-consent-root], [data-connect-consent-panel]) :is(button, a) {
  background: var(--consent-surface);
  color: var(--consent-ink);
  border-color: var(--consent-line);
  border-radius: var(--cb-radius-md, 8px);
  font-weight: 600;
  justify-content: center;
}
html body :is([data-connect-consent-root], [data-connect-consent-panel]) [data-allow] {
  background: var(--cb-primary-fill, var(--cb-primary, #315f9e));
  border-color: var(--cb-primary-fill, var(--cb-primary, #315f9e));
  color: #fff;
}
html body :is([data-connect-consent-root], [data-connect-consent-panel]) :is(button, a):focus-visible {
  outline: 2px solid var(--focus-ring, #315f9e);
  outline-offset: 3px;
}
@media (max-width: 640px) {
  html body [data-connect-consent-root] { left: 12px; right: 12px; padding: 16px; }
  html body [data-connect-consent-actions] { display: grid; grid-template-columns: 1fr 1fr; }
  html body [data-connect-consent-actions] a { grid-column: 1 / -1; }
}