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:flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content:space-evenly;
  align-items:flex-start;
  align-content:space-around;
}
.rosetta-row {
  display: grid;
  break-inside:avoid;
  grid-template-columns: 6cm 11cm;
  box-shadow:0 0 0 1px #AAA;
}
.rosetta-word:last-child {
  margin-bottom:0;
  margin-right:0;
}
.rosetta-cell {
}
.rosetta-cell-picture {
  width: fit-content;
  place-content:center;
  //block-size:fit-content;
  //box-sizing: fit-content;
  //width:auto;
  //max-height:100%;
  //background-color:white;
}
.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.rosetta-cell-words {

}

.writing-words {
  margin-top:1ex;
  margin-bottom:1ex;
  margin-left:1ex;
  margin-right:1ex;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-evenly;
  align-items:flex-start;
  align-content:space-around;
}
.writing-words-word {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 1ex;
  margin-top: 1ex;
}
.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;
}

@media all {
  @page {
    size: 210mm 297mm;
    margin-top: 1cm;
    margin-bottom: 1cm;
    margin-left: 2cm;
    margin-right: 2cm;
  }
}