/* English-only layout fixes. Loaded on every page after its own stylesheets; every rule is scoped to
 * html[lang="en"] (set by design/i18n.js), so the Chinese pages are untouched. English runs longer than
 * Chinese: this file is where that gets absorbed, not the shared stylesheets. */

/* the one-line notice that the course content is still Chinese (ATLAS_I18N.note()) */
html[lang="en"] .i18n-note { margin: 10px 0; padding: 6px 12px; max-width: 78ch; border-left: 3px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.5; text-align: left; }

/* labels that the stylesheets draw with generated content */
html[lang="en"] .pr-node.target b::after { content: "Target"; }
html[lang="en"] .decisions span::before { content: 'Why: '; }

/* phones: the four main links fit on one row of the bar, and long button labels may wrap instead of pushing the page wide */
@media (max-width: 700px) {
  html[lang="en"] .atlas-bar nav a { padding: 5px 7px; font-size: 13px; }
  html[lang="en"] .btn { white-space: normal; }
}
/* course viewer: the coverage legend has long labels in English */
html[lang="en"] .lg { white-space: normal; }
/* create page on phones: the stepper gets its own row under the title, so the four steps stay on one line */
@media (max-width: 520px) { html[lang="en"] .wiz-head .stepper { flex-basis: 100%; } }