.library-table .translation-col {
  width: 108px;
  text-align: center;
}

.translation-badge {
  display: inline-block;
  position: relative;
  width: 88px;
  height: 60px;
  vertical-align: middle;
  text-align: center;
}

.translation-parchment {
  display: block;
  padding: 6px 3px 9px;
  color: #661627;
  background: linear-gradient(103deg, #d8a45e, #ffe9b7 14%, #fff1cd 54%, #fae0a7 88%, #d6a259);
  box-shadow: inset 0 0 0 1px #8c5d305e, inset 0 -3px 5px #93643433;
  clip-path: polygon(2% 6%, 14% 0, 37% 5%, 60% 1%, 82% 5%, 98% 1%, 96% 27%, 100% 61%, 97% 98%, 73% 94%, 56% 100%, 33% 95%, 17% 100%, 1% 92%, 4% 59%, 0 31%);
  font: bold 10px/1 Georgia, serif;
  letter-spacing: .04em;
}

.translation-seals {
  position: absolute;
  inset: 18px 0 auto;
  display: flex;
  justify-content: center;
  gap: 3px;
}

.translation-seals img {
  width: 18px;
  height: auto;
  aspect-ratio: 18 / 42;
  object-fit: contain;
  filter: drop-shadow(0 1px 1px #57101b45);
}

.translation-details {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 13px;
}

.translation-details .translation-badge { flex: none; }
.translation-details strong,
.translation-details div > span { display: block; }
.translation-details a { color: var(--red); text-decoration: underline; }