/* The lesson gets its own academic image rather than inheriting the steam-car cover. */
.article-intro {
  background-image: url("/assets/mixed-ability-classroom.jpg");
  background-position: center 56%;
}

.article-intro::before {
  background: linear-gradient(90deg, rgba(38, 26, 65, .82), rgba(38, 26, 65, .47));
}

.intro-overline { color: #d6f2ec; }
.article-intro h1 em { color: #b7f0e5; }

/* The view buttons change the article itself.  "Full" keeps the complete
   study record, while "Bilingual" strips notes and "English" leaves a clean
   source-text pass. */
body[data-view="english"] .cn-line,
body[data-view="english"] .sentence-notes,
body[data-view="english"] .inline-note {
  display: none;
}

body[data-view="bilingual"] .sentence-notes,
body[data-view="bilingual"] .inline-note {
  display: none;
}

body[data-view="bilingual"] .sentence-card {
  padding-bottom: 16px;
}

/* Keep the reading-shell contract identical for every article. English mode
   changes the passage content only; navigation, sentence tools, progress, and
   the learning panel remain available. */
.nav-original { display: none; }
body[data-view="english"] .article-intro > p,
body[data-view="english"] .article-intro .intro-meta,
body[data-view="english"] .section-label,
body[data-view="english"] .sentence-count,
body[data-view="english"] .category-label,
body[data-view="english"] .sentence-role {
  display: none;
}
body[data-view="english"] .passage-heading { justify-content: flex-start; }
body[data-view="english"] .section-original { margin: 0; color: var(--reading-ink); font-weight: 800; }