/* Bilingual display helpers: show Japanese + English side-by-side
   - Wrap original Japanese in .ja and English in .en
   - Add the class `bilingual` on a container to enable styles
*/
.bilingual .ja { display: inline; }
.bilingual .en { color: #4a4a4a; font-size: 0.95em; font-style: italic; }

/* Desktop: show English inline next to Japanese */
@media screen and (min-width: 700px) {
  .bilingual .en { display: inline-block; margin-left: 0.6em; }
}

/* Narrow screens: show English below Japanese to avoid wrapping issues */
@media screen and (max-width: 699px) {
  .bilingual .en { display: block; margin-top: 0.15em; }
}

/* Small tweak for headings to make EN slightly smaller */
.bilingual h1 .en, .bilingual h2 .en, .bilingual h3 .en, .bilingual h4 .en, .bilingual h5 .en, .bilingual h6 .en {
  font-size: 0.9em;
  color: #555;
}

/* paragraphs and list items */
.bilingual p .en, .bilingual li .en {
  color: #555;
  font-size: 0.95em;
}