:root {
  background: #f7fbff;
}

.info-links {
  justify-content: flex-start;
  gap: 10px 16px;
  color: #607a91;
  font-size: 11px;
  font-weight: 400;
}

.info-links a {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.back-to-top {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(18px, calc(18px + env(safe-area-inset-bottom)));
  z-index: 40;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--theme-color-base, var(--ckas-accent)) 78%, #fff);
  border-radius: 50%;
  color: #fff;
  background: var(--theme-color-base, var(--ckas-accent));
  box-shadow: 0 10px 24px color-mix(in srgb, var(--theme-color-base, var(--ckas-accent)) 30%, transparent);
  cursor: pointer;
}

.back-to-top:hover { filter: brightness(1.06) saturate(1.06); transform: translateY(-1px); }
.back-to-top:active { transform: translateY(1px) scale(.97); }
.back-to-top:focus-visible { outline: 3px solid color-mix(in srgb, var(--theme-color-base, var(--ckas-accent)) 35%, transparent); outline-offset: 3px; }
.back-to-top-chevron { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.back-to-top[hidden] { display: none; }

.info-header .ckas-back-button {
  border-radius: 50%;
  font-size: 0;
}

.info-header .ckas-back-button > svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}