:root {
  --inline-space: 1ch;
  --inline-space-half: calc(var(--inline-space) / 2);
  --inline-space-double: calc(var(--inline-space) * 2);

  --block-space: 1rem;
  --block-space-half: calc(var(--block-space) / 2);
  --block-space-double: calc(var(--block-space) * 2);
}

.txt-align-center { text-align: center; }

[hidden] { display: none; }

.for-screen-reader {
  block-size: 1px;
  clip-path: inset(50%);
  inline-size: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

/* Honeypot — visually removed but present in the DOM for bots to fill */
.honeypot {
  block-size: 1px;
  inline-size: 1px;
  inset-inline-start: -9999px;
  overflow: hidden;
  position: absolute;
}

/* Notify dot — the one quiet "news for you" signal (an unseen decision on a
   suggested edit). Inline by default; --corner pins it to a button's edge. */
.notify-dot {
  background: var(--color-link);
  block-size: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  inline-size: 0.5rem;
}

.notify-dot--corner {
  inset-block-start: 0;
  inset-inline-end: 0;
  position: absolute;
}