/* Waiting list (slice L1): the honeypot kept out of sight, the public count by door, what-we-keep list and the offer beside "by invitation" notes. Tokens and logical properties only, so it mirrors in Hebrew and Arabic. */
.wl-trap {
  position: absolute;
  inset-inline-start: -10000px;
  inline-size: 1px;
  block-size: 1px;
  overflow: hidden;
}

.wl-count {
  margin-block-end: var(--s-5);
  padding: var(--s-4) var(--s-5);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

.wl-count h2 {
  margin-block: 0 var(--s-2);
}

.wl-count ul,
.wl-keep ul {
  margin-block: 0;
  padding-inline-start: var(--s-5);
}

.wl-count ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2) var(--s-5);
  padding-inline-start: 0;
  list-style: none;
}

.wl-keep {
  color: var(--text-muted);
}

.wl-keep h2 {
  font-size: var(--fs-1);
}

.wl-keep li + li {
  margin-block-start: var(--s-2);
}

.wl-keep a,
.wl-offer a {
  color: var(--link);
  font-weight: 700;
}

.wl-offer {
  margin-block-start: var(--s-4);
}

.wl-offer p {
  margin-block: 0 var(--s-3);
}

/* On a dark page head (the invite page) the offer's link takes the page's own text colour. */
.page-head .wl-offer a {
  color: inherit;
  text-decoration: underline;
}