.translation-block {
  display: none;
  margin-top: 7px;
}
.show-translation .translation-block { display: block; }
.option-content { min-width: 0; width: 100%; }
.card.show-translation { overflow-y: auto; }
.card.show-translation .options { margin-top: 12px; }
.card.show-translation .option { align-items: flex-start; }
.card.show-translation .option > b { margin-top: 1px; }
.option .interlinear { width: 100%; }
.interlinear {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
  margin-bottom: 10px;
}
.word-token {
  display: inline-flex !important;
  grid-template-columns: none !important;
  flex-direction: column;
  align-items: center;
  width: auto !important;
  min-height: 0 !important;
  padding: 5px 8px 4px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: #edf2ee !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  text-align: center !important;
}
.word-token span { font-size: 11px; line-height: 1.05; font-weight: 750; white-space: nowrap; }
.word-token small { font-size: 9px; line-height: 1.1; font-weight: 650; color: #718078; white-space: nowrap; }
.interlinear.empty { color: var(--muted); font-size: 10px; }
.phrase-translation {
  padding-top: 8px;
  border-top: 1px dashed var(--line);
  color: #52635b;
  font-size: 12px;
  line-height: 1.25;
}