/* Live-schema compatibility layer for consumer_education_article only.
   Load after approved owj_unified.css and owj_education.css. Original live
   conversionPaths / solutions / products and all actions remain visible.
   Assets below are the approved existing OWJ SVGs, not new UI dependencies. */
.owj-ui .bch5-main > main.owj-education-article-live {
  width: 100%; max-width: 760px; margin: 0 auto; padding: 24px 20px 32px !important;
  color: var(--bch5-ink); background: var(--bch5-canvas);
}
.owj-ui .owj-education-article-live .bch5-article-body > img {
  display: block; width: 100%; height: auto; max-height: none; aspect-ratio: 350 / 224;
  margin: 0 0 24px; border-radius: 8px; object-fit: cover;
}
.owj-ui .owj-education-article-live .bch5-article-video {
  margin: 0 0 24px; padding: 16px; border: 1px solid var(--bch5-line);
  border-radius: 8px; background: #fff; overflow: visible;
}
.owj-ui .owj-education-article-live .bch5-article-video > strong {
  display: block; color: var(--bch5-ink); font-size: 17px; line-height: 27px;
}
.owj-ui .owj-education-article-live .bch5-article-video > p {
  margin: 8px 0; color: var(--bch5-muted); font-size: 14px; line-height: 23px;
}
.owj-ui .owj-education-article-live .bch5-article-video > a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: var(--bch5-green); font-size: 14px; line-height: 23px;
  text-decoration: underline; text-underline-offset: 3px;
}
.owj-ui .owj-education-article-live .bch5-article-conversion {
  width: 100%; margin: 40px 0 0 !important; padding: 0; border: 0;
  border-radius: 0; background: transparent; box-shadow: none; overflow: visible;
}
.owj-ui .owj-education-article-live .bch5-article-conversion > header {
  display: block; margin: 0 0 24px; padding: 0; border: 0; background: transparent;
}
.owj-ui .owj-education-article-live .bch5-article-conversion > header > small {
  display: block; margin: 0 0 12px; padding: 0; background: transparent;
  color: var(--bch5-green); font-size: 12px; line-height: 20px; font-weight: 400;
}
.owj-ui .owj-education-article-live .bch5-article-conversion > header > h2 {
  margin: 0; font-size: 20px !important; line-height: 33px !important; font-weight: 700;
}
.owj-ui .owj-education-article-live .bch5-article-conversion > header > p {
  margin: 12px 0 0; color: var(--bch5-muted); font-size: 14px; line-height: 23px;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths {
  display: flex; flex-direction: column; gap: 0; margin: 0 0 24px;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a {
  display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start;
  gap: 8px 12px; min-width: 0; min-height: 72px; padding: 16px 0;
  border: 0; border-bottom: 1px solid var(--bch5-line); border-radius: 0;
  background: transparent; color: var(--bch5-ink); text-decoration: none;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > i {
  grid-column: 1; grid-row: 1 / 3; width: 28px; height: 28px; margin: 0; padding: 0;
  border-radius: 0; background-color: transparent; background-repeat: no-repeat;
  background-position: center; background-size: contain; font-size: 0;
  background-image: url('/bionovo_consumer_h5/static/src/img/owj/record.svg');
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > i.fa-leaf {
  background-image: url('/bionovo_consumer_h5/static/src/img/owj/assessment.svg');
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > i.fa-heartbeat {
  background-image: url('/bionovo_consumer_h5/static/src/img/owj/nav-health.svg');
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > i.fa-shield {
  background-image: url('/bionovo_consumer_h5/static/src/img/owj/education/safety.svg');
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > span {
  grid-column: 2; min-width: 0;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths strong {
  display: block; color: var(--bch5-ink); font-size: 17px; line-height: 27px; font-weight: 500;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths small {
  display: block; margin-top: 8px; color: var(--bch5-muted); font-size: 13px; line-height: 22px;
}
.owj-ui .owj-education-article-live .bch5-conversion-paths > a > b {
  grid-column: 2; justify-self: start; min-width: 0; color: var(--bch5-green);
  font-size: 14px; line-height: 23px; font-weight: 500; text-align: left;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions {
  display: flex; flex-direction: column; gap: 16px; margin: 24px 0;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions > article {
  display: grid; grid-template-columns: minmax(0, 1fr) 72px; align-items: start;
  gap: 16px; min-width: 0; padding: 16px; border: 1px solid var(--bch5-line);
  border-radius: 12px; background: #fff; box-shadow: none;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions article > div { min-width: 0; }
.owj-ui .owj-education-article-live .bch5-conversion-solutions small {
  display: block; color: var(--bch5-green); font-size: 12px; line-height: 20px; font-weight: 400;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions h3 {
  margin: 8px 0; color: var(--bch5-ink); font-size: 17px; line-height: 27px;
  font-family: inherit; font-weight: 500;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions p {
  margin: 0; color: var(--bch5-muted); font-size: 14px; line-height: 23px;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions em {
  display: block; margin-top: 12px; color: var(--bch5-muted); font-size: 12px;
  line-height: 20px; font-style: normal;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions img {
  width: 72px; height: 72px; max-width: 100%; border-radius: 8px; object-fit: contain;
}
.owj-ui .owj-education-article-live .bch5-conversion-solutions a {
  display: flex; grid-column: 1 / -1; align-items: center; justify-content: center;
  justify-self: stretch; width: 100%; min-width: 0; min-height: 48px; padding: 12px 16px;
  border-radius: 8px; background: var(--bch5-green); color: #fff;
  font-size: 14px; line-height: 23px; font-weight: 400; text-decoration: none;
}
.owj-ui .owj-education-article-live .bch5-conversion-products { margin: 32px 0 0; }
.owj-ui .owj-education-article-live .bch5-conversion-products > h3 {
  margin: 0 0 16px; color: var(--bch5-ink); font-family: inherit;
  font-size: 20px; line-height: 33px; font-weight: 700; text-align: left;
}
.owj-ui .owj-education-article-live .bch5-conversion-products > a {
  display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: start;
  gap: 12px; min-width: 0; margin: 0; padding: 20px 0;
  border: 0; border-bottom: 1px solid var(--bch5-line); border-radius: 0;
  color: var(--bch5-ink); background: transparent; text-decoration: none;
}
.owj-ui .owj-education-article-live .bch5-conversion-products img {
  grid-row: 1 / 3; width: 72px; height: 72px; border-radius: 8px; object-fit: contain; background: #fff;
}
.owj-ui .owj-education-article-live .bch5-conversion-products > a > span { grid-column: 2; min-width: 0; }
.owj-ui .owj-education-article-live .bch5-conversion-products strong {
  display: block; color: var(--bch5-ink); font-size: 17px; line-height: 27px; font-weight: 500;
}
.owj-ui .owj-education-article-live .bch5-conversion-products small {
  display: block; margin: 8px 0 0; color: var(--bch5-muted); font-size: 12px; line-height: 20px;
}
.owj-ui .owj-education-article-live .bch5-conversion-products p {
  margin: 4px 0 0; color: var(--bch5-muted); font-size: 14px; line-height: 23px;
}
.owj-ui .owj-education-article-live .bch5-conversion-products em {
  display: block; margin-top: 8px; color: var(--bch5-green);
  font-size: 17px; line-height: 27px; font-style: normal;
}
.owj-ui .owj-education-article-live .bch5-conversion-products > a > b {
  display: flex; align-items: center; grid-column: 2; min-height: 44px;
  color: var(--bch5-green); font-size: 14px; line-height: 23px; font-weight: 500;
}
.owj-ui .owj-education-article-live .bch5-conversion-fallback {
  margin: 24px 0 0; padding: 16px; border: 0; border-radius: 8px;
  background: var(--bch5-mint); color: var(--bch5-ink);
}
.owj-ui .owj-education-article-live .bch5-conversion-fallback strong { font-size: 17px; line-height: 27px; }
.owj-ui .owj-education-article-live .bch5-conversion-fallback p { margin: 8px 0; color: var(--bch5-muted); font-size: 14px; line-height: 23px; }
.owj-ui .owj-education-article-live .bch5-conversion-fallback a {
  display: flex; align-items: center; min-height: 44px; color: var(--bch5-green);
  font-size: 14px; line-height: 23px; font-weight: 500;
}
.owj-ui .owj-education-article-live .bch5-conversion-disclaimer {
  margin: 24px 0 0 !important; padding: 0; border-radius: 0; background: transparent;
  color: var(--bch5-muted); font-size: 12px !important; line-height: 20px;
}
.owj-ui .owj-education-article-live .bch5-article-conversion :is(h2,h3,p,strong,small,b,em,a) { overflow-wrap: anywhere; }