/* Use the browser's paragraph/heading layout before the small JS fallback. */
:where(h1,h2,h3,h4,h5,h6,p,button,a,span,li,dt,dd,label,output,figcaption,blockquote,small,strong,em,.eyebrow,.lesson-feedback,.demo-step) {
  word-break: normal;
  line-break: strict;
  text-wrap: pretty;
}
:where(h1,h2,h3,h4,h5,h6,blockquote,.section-heading,.result-tagline,.gallery-card strong) {
  text-wrap: balance;
}

/* Only a two-Han-character tail and its closing marks become indivisible.
   Keep inline display: no paragraph-wide nowrap or extra line-box height. */
span.typography-text[data-typography-text],
span.inline-tail[data-typography-tail] {
  /* Existing site selectors such as .meta-pills span must not turn these
     nested helper spans into extra pills, labels, icons, or flex gaps. */
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  position: static;
  inset: auto;
  transform: none;
  translate: none;
  animation: none;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  display: inline;
}
span.typography-text[data-typography-text] {
  max-inline-size: 100%;
  white-space: inherit;
}
span.inline-tail[data-typography-tail] {
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  text-wrap: nowrap;
}