body {
  line-height:1.4;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  //width:650px;
  width:100%;
  display: grid;
  grid-template-columns:1 / -1;
  justify-items: center;
  justify-content:center;
}

.rosetta {
  margin-top:1ex;
  margin-bottom:1ex;
  margin-left:1ex;
  margin-right:1ex;
  display:grid;
  justify-content:space-evenly;
  align-items:flex-start;
  align-content:space-around;
}
.rosetta-row {
  display: grid;
  grid-template-columns:6cm 11cm;
  break-inside:avoid;
  box-shadow:0 0 0 1px #AAA;
}
.rosetta-word:last-child {
  margin-bottom:0;
  margin-right:0;
}
.rosetta-cell {
}
.rosetta-cell-picture {
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:flex-start;
  width:fit-content;
}
.rosetta-cell-picture img {
  display:block;
  border:0;
  place-content:center;
  vertical-align:center;
  width: 100%;
  object-fit: contain;
  object-position: center center;
}
.rosetta-cell-picture .rosetta-cell-picture-description {
  margin-left:0.2cm;
  margin-right:0.2cm;
  font-family:monospace;
  font-variant:small-caps;
  font-size:14pt;
}

.rosetta-cell.rosetta-cell-words {
  padding-left:0.5cm;
}

.writing-words {
  margin-top:1ex;
  margin-bottom:1ex;
  margin-left:1ex;
  margin-right:1ex;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-items:flex-start;
  align-content:space-around;
}
.writing-words-word {
  margin-left: 0;
  margin-right: 1cm;
  margin-bottom: 1ex;
  margin-top: 1ex;
}
.writing-words-row.writing-words-LangueMandarin .writing-words-word {
  margin-left: 0;
  margin-right: 1cm;
}
.writing-words-row {
  white-space:preserve-spaces;
  //width:100%;
  font-family: monospace;
  font-variant: small-caps;
  display: grid;
  gap: 0px;
  //justify-items: center;
  justify-self: center;
  //background-color:grey;
  place-content: center;
}
.writing-words-cell {
  display: grid;
  place-content: center;
  position: relative;
  box-shadow:0 0 0 1px #AAA;
  background-color:white;
  min-height:1cm;
  font-size: 20pt;
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
}
.writing-words-cell-space {
  box-shadow:0 0 0 0 red !important;
  border-left:1px solid #AAA;
}

.writing-words-row.writing-words-row-input {
  color:#ddd;
}
.writing-words-row.writing-words-LangueMandarin .writing-words-cell {
  font-size:30pt;
}
.writing-words-row.writing-words-LangueMandarinPinyin .writing-words-cell {
  color:black;
  font-size:12pt;
  font-variant:normal;
}

.landscape {
  .rosetta-row {
    grid-template-columns: 10cm 19.7cm;
  }
}