/* Thumb: a row's thumbnail (17 Oct 2026, the polish round; the artboards' `.th`). A square on the
   lattice, cut from the ground and so square-cornered, with a hairline round it; the picture fits
   inside it whole. */
.thumb {
  display: inline-grid;
  place-items: center;
  flex: none;
  box-sizing: border-box;
  width: var(--thumb-size);
  height: var(--thumb-size);
  overflow: hidden;
  border: var(--hairline) solid var(--color-line);
  background-color: var(--color-paper-lattice);
  background-image:
    linear-gradient(var(--color-rule) var(--hairline), transparent var(--hairline)),
    linear-gradient(90deg, var(--color-rule) var(--hairline), transparent var(--hairline));
  background-size: var(--thumb-pitch) var(--thumb-pitch);
  vertical-align: middle;
}

.thumb-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* The tree's row on HQ's Items (the second polish round; `ItemsTree`'s `.th`): 64 px on a 16 px
   lattice. */
.thumb-large {
  width: var(--thumb-size-large);
  height: var(--thumb-size-large);
  background-size: var(--thumb-pitch-large) var(--thumb-pitch-large);
}