/* Shared by Quiz A and Quiz B: footer and consent bar (spec 8.6). Each quiz sets the colors. */
.site-footer {
  text-align: center; font-size: 12px; line-height: 1.5; color: var(--footer, #8a8f98);
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
}
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }

.consent {
  position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 50;
  max-width: 560px; margin: 0 auto; padding: 12px 14px;
  background: var(--consent-bg, #100018); color: var(--consent-fg, #fff);
  border-radius: 10px; box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
  font-size: 13px; line-height: 1.45;
}
.consent p { margin: 0 0 10px; }
.consent a { color: inherit; }
.consent .consent-actions { display: flex; gap: 8px; }
.consent button {
  flex: 1; height: 40px; border-radius: 8px; font: inherit; font-weight: 600; cursor: pointer;
  border: 1px solid currentColor; background: transparent; color: inherit;
}
.consent button[data-choice="accepted"] { background: var(--consent-accept-bg, #dec085); color: var(--consent-accept-fg, #100018); border-color: transparent; }