/* Same position within every card, but scrolls away together with that card. */
.card-context {
  position: absolute;
  top: calc(var(--header-bottom) + 8px);
  left: max(var(--edge), env(safe-area-inset-left));
  right: max(var(--edge), env(safe-area-inset-right));
  z-index: 1;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  line-height: 14px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #242321;
  opacity: .7;
  pointer-events: none;
}
.card-context--light { color: #fff; text-shadow: 0 1px 12px #0003; }