.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;
}
.sentence-cell {
  --pronunciation-even:#ffaa5770;
  --pronunciation-odd:#82c1ff70;
  --pronunciation-border-size:3px;
  --pronunciation-silent:transparent;
}
.lang-LangueFrançais .sentence-cell {
  --pronunciation-odd:darkblue;
  --pronunciation-even:lightblue;
  //--pronunciation-odd:#82c1ff70;
  //--pronunciation-even:#0055A470;
  //--pronunciation-odd:#c8e4ff;
  //--pronunciation-even:#8fb4d7;
}
.lang-LangueAnglais .sentence-cell {
  --pronunciation-odd:darkgreen;
  --pronunciation-even:lightgreen;
  //--pronunciation-odd:#a9ed8f;
  //--pronunciation-even:#76c69e;
  //--pronunciation-odd:#3dd70070;
  //--pronunciation-even:#40846270;
}
.lang-LangueMandarin .sentence-cell {
  --pronunciation-odd:darkred;
  --pronunciation-even:#FF7276;
  //--pronunciation-odd:#ff8f8f;
  //--pronunciation-even:#e3b68f;
  //--pronunciation-odd:#ff000070;
  //--pronunciation-even:#bf5a0070;
}

/* .cell-even */

.sentence-cell.pronunciation.cell-even {
  border-bottom:var(--pronunciation-border-size) solid var(--pronunciation-even);
  color:var(--pronunciation-even);
}
.sentence-cell.pronunciation.cell-even.cell-split {
  background:linear-gradient(to right,var(--pronunciation-even),var(--pronunciation-odd));
  background-clip:text;
  color:transparent;
  border-image-source:linear-gradient(to right,var(--pronunciation-even),var(--pronunciation-odd));
  border-image-slice:1;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:var(--pronunciation-border-size) solid var(--pronunciation-even);
  bottom:0;
  height:4px;
  width:var(--pronunciation-border-size);
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-after:after {
  position:absolute;
  display:block;
  content:'';
  border-right:var(--pronunciation-border-size) solid var(--pronunciation-even);
  height:4px;
  bottom:0;
  right:0;
  width:var(--pronunciation-border-size);
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-even.cell-depends-on-meaning:before {
  position:absolute;
  display:block;
  content:'';
  bottom:0;
  height:4px;
  width:var(--pronunciation-border-size);
  box-sizing:border-box;
  width:100%;
  border-bottom:var(--pronunciation-border-size) dotted var(--pronunciation-even);
}

/* .cell-odd */

.sentence-cell.pronunciation.cell-odd {
  border-bottom:var(--pronunciation-border-size) solid var(--pronunciation-odd);
  color:var(--pronunciation-odd);
}
.sentence-cell.pronunciation.cell-odd.cell-split {
  background:linear-gradient(to right,var(--pronunciation-odd),var(--pronunciation-even));
  background-clip:text;
  color:transparent;
  border-image-source:linear-gradient(to right,var(--pronunciation-odd),var(--pronunciation-even));
  border-image-slice:1;
}
.sentence-cell.pronunciation.cell-odd.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:var(--pronunciation-border-size) solid var(--pronunciation-odd);
  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:var(--pronunciation-border-size) solid var(--pronunciation-odd);
  height:4px;
  box-sizing:border-box;
}
.sentence-cell.pronunciation.cell-odd.cell-depends-on-meaning:after {
  position:absolute;
  display:block;
  content:'';
  right:0;
  bottom:0;
  height:4px;
  box-sizing:border-box;
  width:100%;
  border-bottom:var(--pronunciation-border-size) dotted var(--pronunciation-odd);
}

/* .cell-silent */

.sentence-cell.pronunciation.cell-silent {
  border-bottom:var(--pronunciation-border-size) solid var(--pronunciation-silent);
  color:var(--pronunciation-silent);
}
.sentence-cell.pronunciation.cell-silent.cell-depends-on-before:before {
  position:absolute;
  display:block;
  content:'';
  border-left:var(--pronunciation-border-size) solid var(--pronunciation-silent);
  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:var(--pronunciation-border-size) solid var(--pronunciation-silent);
  height:4px;
  box-sizing:border-box;
}