/* Shared English Grammar emphasis in Original and Mixed Practice.
   Keep emphasis inline so long answer phrases still wrap on small screens. */
.sentence-box .target,
#quizView .q-en .target,
.grammar-explanation b,
.grammar-explanation strong {
  background: #fff2a8;
  color: #182230;
  border-radius: 4px;
  padding: 1px 4px;
  font-weight: 700;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* The light English template is inverted by black-mode.js. These colours
   render as pale yellow (#dfd6ab) with dark ink after the BODY filter, rather
   than turning the light-mode yellow into a brown patch with white text. */
html.efp-black-invert .sentence-box .target,
html.efp-black-invert #quizView .q-en .target,
html.efp-black-invert .grammar-explanation b,
html.efp-black-invert .grammar-explanation strong {
  background: #342b00;
  color: #dce6f4;
}

/* Mixed Practice uses native dark colours, without the BODY filter. */
html.efp-black .sentence-box .target,
html.efp-black #quizView .q-en .target,
html.efp-black .grammar-explanation b,
html.efp-black .grammar-explanation strong {
  background: #dfd6ab;
  color: #182230;
}