/* BETA chip (owner decision 2026-10-18: "beta should use new design but still be
   clickable so users can still sign-up to be beta testers and be notified of
   updates"). On knightly.engineering and randomly.engineering the chip is a real
   button again: the opener of the stay-notified (beta list) dialog, drawn as the
   owner's hand-drawn square outline with the text BETA in IBM Plex Mono.

   The whole chip is art (assets/art/beta-chip*.webp, PROVENANCE-1018c.txt): the owner's
   hand-drawn square outline AND the hand-drawn lettering BETA, cut together from the
   mock (lane N2, owner 2026-10-18: "use BETA from mock"). It is used as a mask, so it
   takes the chip's text color: chalk at rest, the hamburger's red on hover. The word
   BETA stays in the button as text for screen readers and text search, hidden by
   font-size 0 (the accessible name is the aria-label); the art is decorative. The
   kit's pill frame (border image) is not used. Position comes from the app bar block
   (site.css), or from the report header (reports-shell.css); this file sets only the
   size and the look. Nothing here animates, so reduced motion needs no case. */
.ck-beta.rk-beta-chip {
  --bc-h: max(44px, calc(85 * var(--ub, 0.5625px)));
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: inline-grid;
  place-items: center;
  flex: none;
  width: calc(var(--bc-h) * 1.1889);
  height: var(--bc-h);
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: transparent;
  color: var(--rk-chalk, #f6f3ed);
  /* the text BETA is kept for assistive tech and text search; the lettering is in the art */
  font: 0 / 0 var(--rk-font-mono, "IBM Plex Mono", monospace);
  letter-spacing: 0;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  /* the mask layer (::before) sizes to the chip even where the chip is not positioned (the report header) */
  contain: layout;
  transition: none;
  -webkit-tap-highlight-color: transparent;
}
.ck-beta.rk-beta-chip::after {
  display: none;
}
.ck-beta.rk-beta-chip::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: currentColor;
  -webkit-mask: url("/assets/art/beta-chip-1x.webp?v=acc1056fc80d") center / 100% 100% no-repeat;
  mask: url("/assets/art/beta-chip-1x.webp?v=acc1056fc80d") center / 100% 100% no-repeat;
  pointer-events: none;
}
@media (min-resolution: 1.5dppx) {
  .ck-beta.rk-beta-chip::before {
    -webkit-mask-image: url("/assets/art/beta-chip.webp?v=db36b2f914f5");
    mask-image: url("/assets/art/beta-chip.webp?v=db36b2f914f5");
  }
}
.ck-beta.rk-beta-chip:hover:not([disabled]) {
  color: var(--rk-red, #ff4124);
  background: transparent;
}
.ck-beta.rk-beta-chip[disabled] {
  opacity: 1;
  cursor: default;
}
@media (min-width: 768px) and (max-width: 999px), (min-width: 1000px) and (max-width: 1366px) and (orientation: portrait) {
  .ck-beta.rk-beta-chip { --bc-h: max(44px, calc(53 * var(--tu, 1vw))); }
}
@media (max-width: 767px) {
  .ck-beta.rk-beta-chip { --bc-h: 44px; }
}