/* linkpairs: rules used only by the linkpairs pages (loaded after base.css). */
/* Link the Pairs: square cells sized by script (no aspect-ratio on
   e-ink), lines and symbols drawn in one SVG over the cells. */
.linkpairs-wrap {
  max-width: 560px;
  margin: 0 auto;
}

.linkpairs-board {
  position: relative;
  margin: 0 auto;
  border: 3px solid var(--border);
  background: var(--square-light);
  box-sizing: border-box;
  overflow: hidden;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

.linkpairs-cell {
  float: left;
  position: relative;
  box-sizing: border-box;
  border: 1px solid var(--border);
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.linkpairs-lines {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.board-actions.linkpairs-actions {
  justify-content: center;
}

.linkpairs-example {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  margin: 0 auto;
}