/* Cookie notice, the same pill as the LearnBoard site (library.css section 49),
   with that section's tokens resolved to Risenoow's values so it renders the
   same on every public page whatever stylesheets the page carries. Shown by
   assets/js/tracking.js only when at least one tag ID is set. */
section.rnck {
  --ck-accent: var(--rn-accent-deep, #00AEB5);
  --ck-accent-hover: var(--rn-accent-deep, #00969C);
  --ck-accent-strong: color-mix(in srgb, var(--rn-primary-light, #037c88) 98%, #000);
  --ck-accent-tint: #E3F6F7;
  --ck-surface: #FFFFFF;
  --ck-ink: #23262B;
  --ck-rule: #E2E6EA;
  --ck-rule-strong: #C9D0D6;
  /* Public pages pad every section; the notice is one too, so undo that. */
  box-sizing: border-box; padding: 0; margin-block: 0; min-height: 0;
  position: fixed; left: 16px; right: 16px; bottom: 20px;
  z-index: 2147483000;
  width: fit-content; max-width: calc(100% - 32px);
  margin-inline: auto;
  background: var(--ck-surface);
  color: var(--ck-ink);
  border: 1px solid var(--ck-rule);
  border-radius: 999px;
  box-shadow: 0 12px 32px rgba(35, 38, 43, 0.10), 0 8px 24px -8px color-mix(in srgb, color-mix(in srgb, var(--rn-primary, #00c3ab) 96%, #000) 35%, transparent), 0 2px 6px rgba(35, 38, 43, 0.12);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 240ms cubic-bezier(0.20, 0.00, 0.00, 1.00),
              transform 240ms cubic-bezier(0.20, 0.00, 0.00, 1.00);
}
.rnck.is-open { opacity: 1; transform: translateY(0); }
.rnck-in { display: flex; align-items: center; gap: 16px; padding: 8px; }
.rnck-glyph {
  flex: 0 0 auto; display: grid; place-items: center;
  width: 40px; height: 40px; border-radius: 999px;
  background: var(--ck-accent-tint); color: var(--ck-accent-strong);
}
.rnck-glyph svg { width: 20px; height: 20px; }
.rnck-text { margin: 0; flex: 1 1 auto; white-space: nowrap; font-size: 0.875rem; line-height: 1.6; color: var(--ck-ink); }
.rnck-link { color: var(--ck-accent-strong); text-decoration: underline; }
.rnck-link:focus-visible, .rnck-btn:focus-visible { outline: 2px solid var(--ck-accent-strong); outline-offset: 2px; }
.rnck-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.rnck-btn {
  font: inherit; font-size: 0.875rem; font-weight: 600;
  line-height: 1; padding: 12px 20px; min-height: 40px;
  border-radius: 999px; cursor: pointer;
  transition: background-color 160ms cubic-bezier(0.20, 0.00, 0.00, 1.00), color 160ms cubic-bezier(0.20, 0.00, 0.00, 1.00);
}
.rnck-btn--reject { background: var(--ck-surface); color: var(--ck-ink); border: 1px solid var(--ck-rule-strong); }
.rnck-btn--reject:hover { background: var(--ck-accent-tint); border-color: var(--ck-accent); color: var(--ck-accent-strong); }
.rnck-btn--accept { background: var(--ck-accent); color: #FFFFFF; border: 1px solid var(--ck-accent); }
.rnck-btn--accept:hover { background: var(--ck-accent-hover); border-color: var(--ck-accent-hover); }
@media (max-width: 720px) {
  section.rnck { width: auto; border-radius: 16px; }
  .rnck-in { flex-wrap: wrap; padding: 12px; }
  .rnck-text { white-space: normal; flex-basis: calc(100% - 56px); }
  .rnck-actions { flex: 1 1 100%; }
  .rnck-actions .rnck-btn { flex: 1 1 0; }
}
@media (prefers-reduced-motion: reduce) {
  section.rnck { transition: none; transform: none; }
}