.lang-LangueMandarin.sentence {
  /* FIXME: should derive from Difficulties */
  column-gap:0 !important;
}
.sentence {
}
.sentence-horiz {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  margin:0 0 0 0;
  align-self:flex-start;
}
.sentence-word {
  margin:0 0 0 0;
  display:grid;
  //gap:1px;
  /* ExplanationNote: avoid rounded borders to be cropped by background-color: */
  overflow: hidden;
  /*
  border-top-left-radius:3mm;
  border-top-right-radius:3mm;
  */
}
.sentence-word:last-child {
  margin-right:0;
}
.sentence-cell {
  display:grid;
  background-color:white;
  font-family:monospace;
  font-variant:small-caps;
  justify-self:center;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  align-content:center;
  justify-content:center;
  position:relative;
  white-space:preserve-spaces;
  width:100%
}
.sentence-cell.pronunciation {
  font-variant:normal;
  font-weight:bold;
  font-family:Arial;
  font-size:0.35cm;
  height:0.45cm;
}
.sentence-cell.input {
  color:#ddd;
  //border:1px solid #aaa;
}
.sentence-cell.input.break .cell {
  border-left:0 !important;
  border-top:0 !important;
  border-bottom:0 !important;
  border-right:0 !important;
}
.sentence-word.word-index-0 .sentence-cell.input.input-index-1 .cell {
  border-left:1px solid #aaa;
}
.sentence-word .sentence-cell.input .cell
{
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  border-right:1px solid #aaa;
  //border-left:1px solid #aaa;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
}
.sentence-cell.input.script-UnicodeBlockCJK-UnicodeBlockCJK-Unified-Ideographs .cell {
  border:0 !important;
  position:relative !important;
}
/* Compress a bit the height
 */
.sentence-cell.model.script-UnicodeBlockLatin-UnicodeBlockLatin-Basic,
.sentence-cell.model.script-UnicodeBlockLatin-UnicodeBlockLatin-ExtendedA,
.sentence-cell.model.script-UnicodeBlockLatin-UnicodeBlockLatin1-Supplement,
.sentence-cell.model.script-UnicodeBlockMiscellaneous-Technical {
  height:6mm;
}
.sentence-cell.input.script-UnicodeBlockLatin-UnicodeBlockLatin-Basic {
  //border-bottom:1px solid #aaa;
  //border-top:1px solid #aaa;
}
.sentence-cell.input.hidden {
  color:transparent;
}
.sentence-cell.break {
  width:3mm;
}
.sentence-cell.model.break {
  color:#ddd;
}

/* .cell-even */

.sentence-cell.pronunciation.cell-even {
  border-bottom:3px solid #ff7f00a8;
  color:#ff7f00a8;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:3px solid #ff7f00a8;
  bottom:0;
  height:4px;
  width:3px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-after:after {
  position:absolute;
  display:block;
  content:'';
  border-right:3px solid #ff7f00a8;
  height:4px;
  bottom:0;
  right:0;
  width:3px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-meaning:before {
  width:100%;
  border-bottom:3px dotted #ff7f00a8;
}

/* .cell-odd */

.sentence-cell.pronunciation.cell-odd {
  border-bottom:3px solid #0080ff7d;
  color:#0080ff7d;
}
.sentence-cell.pronunciation.cell-odd.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:3px solid #0080ff7d;
  bottom:0;
  height:4px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-odd.cell-depends-on-after:after {
  position:absolute;
  display:block;
  content:'';
  right:0;
  bottom:0;
  border-right:3px solid #0080ff7d;
  height:4px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-odd.cell-depends-on-meaning:after {
  width:100%;
  border-bottom:3px dotted #0080ff7d;
}

/* .cell-silent */

.sentence-cell.pronunciation.cell-silent {
  border-bottom:3px solid #dddddd7d;
  color:#dddddd7d;
}
.sentence-cell.pronunciation.cell-silent.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:3px solid #dddddd7d;
  bottom:0;
  height:4px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-silent.cell-depends-on-after:after {
  position:absolute;
  display:block;
  content:'';
  right:0;
  bottom:0;
  border-right:3px solid #dddddd7d;
  height:4px;
  box-sizing:border-box;
}