/* Image surfaces separate white hardware from the page without changing source pixels. */
html[data-design="editorial"] body.editorial-site {
  --image-hardware: #e9f0f4;
  --image-software: #f0f5f8;
  --image-line: #d2dde2;
}

/* Image roles: intact hardware, readable interfaces, faithful pathology colors. */
.image-detail-link {
  position: relative;
  display: block;
  max-width: 100%;
  color: inherit;
  cursor: zoom-in;
  border-radius: 4px;
}
.image-detail-link img,
.image-detail-link:hover img,
.image-detail-link:focus-visible img {
  display: block;
  max-width: 100%;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
.image-detail-link:focus-visible { outline: 2px solid #0066b8; outline-offset: 5px; }
.image-detail-cue {
  position: absolute;
  inset-inline-end: 12px;
  top: 12px;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #d9e0e3;
  border-radius: 50%;
  color: #253d4c;
  background: #fffffff2;
  pointer-events: none;
}
.image-detail-cue svg { width: 16px; height: 16px; }
.image-detail-link:is(:hover, :focus-visible) .image-detail-cue { border-color: #0066b8; color: #0066b8; }
html[data-design="editorial"] body.editorial-home .product-visual-frame {
  display: grid;
  place-items: center;
  height: 190px;
  padding: 20px;
  border: 0;
  background: var(--image-software);
}
html[data-design="editorial"] body.editorial-home .product-visual-frame > .image-detail-link { display: grid; place-items: center; width: 100%; height: 100%; min-height: 0; }
html[data-design="editorial"] body.editorial-home .product-visual-frame img { width: 100%; height: 100%; min-width: 0; min-height: 0; max-height: 100%; object-fit: contain; }

/* Real product images on an original photographic stage. */
html[data-design="editorial"] body.editorial-home .homepage-product-card {
  grid-template-columns: minmax(210px, .9fr) minmax(0, 1.1fr);
  column-gap: 24px;
}
html[data-design="editorial"] body.editorial-home .homepage-product-card .product-visual-frame {
  position: relative;
  display: grid;
  place-items: center;
  height: 216px;
  margin: 0;
  padding: 14px;
  overflow: hidden;
  background: #dce8ee url('/images/editorial-20261022/laboratory-backdrop-480.webp') center / cover no-repeat;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-device-image {
  width: 100%;
  height: 100%;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-device-image img {
  width: 118%;
  height: 118%;
  max-width: none;
  max-height: none;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-interface-image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 18px;
  border: 5px solid #243540;
  border-bottom-width: 8px;
  background: #243540;
  box-shadow: 0 12px 20px #172e4224;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-interface-image::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 20px;
  left: calc(50% - 8px);
  bottom: -27px;
  background: #9cabb4;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-interface-image::after {
  content: '';
  position: absolute;
  width: 70px;
  height: 4px;
  left: calc(50% - 35px);
  bottom: -28px;
  background: #71848f;
  border-radius: 50%;
}
html[data-design="editorial"] body.editorial-home .product-visual-frame .home-interface-image img {
  width: 100%;
  height: auto;
  max-height: none;
}
html[data-design="editorial"] body.editorial-home .home-interface-image .image-detail-cue {
  width: 26px;
  height: 26px;
  top: 5px;
  inset-inline-end: 5px;
}
@media (max-width: 1100px) and (min-width: 768px) {
  html[data-design="editorial"] body.editorial-home .homepage-product-card { grid-template-columns: 1fr; }
  html[data-design="editorial"] body.editorial-home .homepage-product-card .product-visual-frame { grid-row: auto; height: 180px; margin-bottom: 12px; }
  html[data-design="editorial"] body.editorial-home .product-visual-frame .home-device-image { width: 190px; }
}
@media (max-width: 767px) {
  html[data-design="editorial"] body.editorial-home .homepage-product-card { grid-template-columns: 1fr; gap: 10px; }
  html[data-design="editorial"] body.editorial-home .homepage-product-card .product-visual-frame { grid-row: auto; height: 180px; margin: 0 0 2px; padding: 18px 24px; }
  html[data-design="editorial"] body.editorial-home .product-visual-frame .home-device-image { width: 190px; }
  html[data-design="editorial"] body.editorial-home .product-visual-frame .home-interface-image { width: min(270px, 100%); }
}
@media (max-width: 767px) {
  html[data-design="editorial"] body.editorial-home .product-visual-frame { height: 180px; padding: 12px; }
}

/* The native dialog keeps focus inside; original links also work without JS. */
html body .image-viewer {
  position: fixed;
  inset: 0;
  width: min(1280px, calc(100vw - 48px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #d9e0e3;
  border-radius: 6px;
  background: #fff;
  color: #182a36;
  box-shadow: 0 24px 80px #061a2c40;
}
.image-viewer::backdrop { background: #081e2bc9; }
.image-viewer-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 24px; border-bottom: 1px solid #d9e0e3; }
html body .image-viewer .image-viewer-title { margin: 0; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.02em; color: #182a36; }
.image-viewer-close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #d9e0e3; border-radius: 4px; background: #fff; color: #182a36; font-size: 28px; line-height: 1; cursor: pointer; }
.image-viewer-close:is(:hover, :focus-visible) { border-color: #0066b8; color: #0066b8; }
.image-viewer-figure { margin: 0; padding: 24px; }
.image-viewer-stage { display: grid; place-items: center; min-height: 120px; padding: 16px; border: 1px solid #e3e8e9; background: #f5f6f4; }
html body .image-viewer .image-viewer-image { width: auto; height: auto; max-width: 100%; max-height: max(120px, calc(100dvh - 280px)); object-fit: contain; opacity: 1; filter: none; transform: none; }
.image-viewer-caption { margin-top: 18px; color: #566671; font-size: 14px; line-height: 1.6; }
.image-viewer-actions { padding: 0 24px 24px; }
.image-viewer-original { display: inline-flex; align-items: center; min-height: 44px; color: #0066b8; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 767px) {
  html body .image-viewer { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .image-viewer-header, .image-viewer-figure { padding: 16px; }
  .image-viewer-stage { padding: 8px; }
  .image-viewer-actions { padding: 0 16px 16px; }
  html body .image-viewer .image-viewer-image { max-height: max(120px, calc(100dvh - 250px)); }
}

/* Append after the page/editorial styles. Uses role classes shared by all locales. */
html body.editorial-site.editorial-technology .editorial-hero.technology-text-hero {
  min-height: 0;
  padding-block: 120px 32px;
}
html body.editorial-site.editorial-technology .technology-text-hero .hero-content {
  padding-block: 0;
}
.technology-hero-layout { display: block; }
.technology-hero-copy { max-width: 920px; }
.technology-foundation-visual { min-width: 0; margin: 0; }
.technology-foundation-visual .pathgpt-visual-caption {
  margin-top: 16px;
  color: var(--trust-muted);
  font-size: 14px;
  line-height: 1.6;
  text-align: start;
}

/* Keep software controls and every image annotation within the visible frame. */
html body .evidence-image-detail {
  display: block;
  min-width: 0;
  max-width: 100%;
  padding: clamp(8px, 1.5vw, 20px);
  border: 1px solid var(--trust-line);
  border-radius: 4px;
  background: var(--trust-paper);
  overflow: visible;
}
html body .evidence-image-detail > img.evidence-medical-image,
html body .evidence-image-detail:hover > img.evidence-medical-image,
html body .evidence-image-detail:focus-visible > img.evidence-medical-image {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  mix-blend-mode: normal;
  box-shadow: none;
  transition: none;
}
html body .trust-image-example .evidence-image-detail {
  display: grid;
  place-items: center;
  aspect-ratio: 8 / 5;
}

/* Publication venues are text, rather than simulated covers or unreadable figures. */
html body.editorial-site.editorial-publications .publication-index-panel {
  padding-block: 24px 8px;
  border-block-start: 1px solid var(--trust-line);
  text-align: start;
}
html body.editorial-site.editorial-publications .publication-index-label {
  margin: 0 0 20px;
  color: var(--trust-link);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: .07em;
}
.publication-journal-index { margin: 0; }
.publication-journal-index > div { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: baseline; gap: 20px; padding-block: 17px; border-block-start: 1px solid var(--trust-line); }
.publication-journal-index dt { color: var(--trust-muted); font-size: 13px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.publication-journal-index dd { margin: 0; color: var(--trust-ink); font-size: var(--type-card, 22px); font-weight: 500; line-height: 1.3; overflow-wrap: anywhere; }
.publication-reference-grid { gap: clamp(28px, 4vw, 56px); }
html body.editorial-site.editorial-publications .featured-card.publication-reference-card {
  min-width: 0;
  height: 100%;
  padding-block: 28px 0;
  border: 0;
  border-block-start: 1px solid var(--trust-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
  transition: none;
}
html body.editorial-site.editorial-publications .publication-reference-card > .featured-card-body:first-child {
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
html body.editorial-site.editorial-publications .publication-reference-card .pub-title {
  margin-block: 8px 20px;
  color: var(--trust-ink);
  font-size: var(--type-card, 22px);
  font-weight: 500;
  line-height: 1.4;
}
html body.editorial-site.editorial-publications .publication-reference-card .featured-card-body > p {
  color: var(--trust-muted);
  font-size: 14px;
  line-height: 1.75;
  margin-bottom: 28px;
}
html body.editorial-site.editorial-publications .publication-reference-card .featured-card-cta {
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  justify-content: flex-start;
  margin-top: auto;
  padding: 10px 0;
  border: 0;
  border-block-end: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: var(--trust-link);
  box-shadow: none;
  text-align: start;
  transform: none;
}
@media (max-width: 767px) {
  html body.editorial-site.editorial-publications .publication-index-panel { margin-top: 36px; }
  .publication-journal-index > div { gap: 16px; padding-block: 15px; }
}

/* Keep the link label aligned with the plain-text reference treatment. */
html body.editorial-site.editorial-publications .publication-reference-card .featured-card-cta :is(span, svg) { color: inherit; }

/* Inner-page image presentation. Append after english-pages.css. */
.solution-card .solution-image-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  aspect-ratio: 16 / 9;
  background: #fff;
}
.solution-card .solution-image-frame .solution-image {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: contain;
  opacity: 1;
  filter: none;
}
.solutions-interface-figure,
.about-device-figure,
.contact-product-figure { min-width: 0; margin: 0; }
.solutions-interface-image { display: block; width: 100%; height: auto; }
.solutions-showcase-labels { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
.solutions-showcase-labels li { padding-top: 12px; border-top: 1px solid currentColor; font-size: 14px; }
.about-device-frame,
.contact-product-frame { display: grid; place-items: center; background: #fff; }
.about-device-frame { padding: 20px; }
.about-device-frame .about-device-image { display: block; width: 100%; height: auto; max-width: 460px; object-fit: contain; }
.about-company-figure { min-width: 0; margin: 0; border-top: 1px solid #d8e2e9; }
.about-company-identity { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 76px; padding: 16px 20px; background: #f1f5f7; }
.about-company-figure .about-company-logo { display: block; width: 150px; max-width: 48%; height: auto; border-radius: 0 !important; }
.about-company-identity > span { color: #526d7e; font-size: 12px; }
.about-company-figure .about-company-tissue { display: block; width: 100%; height: auto; border-radius: 0 !important; }
.about-company-disciplines { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 14px 10px; border-bottom: 1px solid #d8e2e9; background: #f1f5f7; }
.about-company-disciplines > span { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 0 10px; color: #36586e; font-size: 12px; line-height: 1.5; text-align: center; }
.about-company-disciplines > span + span { border-left: 1px solid #ccd9e2; }
.about-company-figure .image-figure-caption { margin-top: 9px; color: #5f7585; font-size: 11px; }
.contact-product-frame { padding: 16px; }
.contact-product-frame .contact-product-image { display: block; width: 100%; height: auto; object-fit: contain; }
.solutions-interface-figure .image-figure-caption,
.about-device-figure .image-figure-caption,
.contact-product-figure .image-figure-caption { margin-top: 12px; font-size: 13px; line-height: 1.6; }

html[data-design="editorial"] .editorial-inner.editorial-solutions .solution-card .solution-image-frame {
  height: 190px;
  aspect-ratio: auto;
  padding: 8px;
  border: 0;
  border-radius: 3px;
  background: var(--image-software);
}
html[data-design="editorial"] .editorial-inner.editorial-solutions .solution-card .solution-image-frame img {
  height: 100%;
  padding: 0;
}
html[data-design="editorial"] .editorial-inner.editorial-solutions .solutions-interface-detail {
  overflow: hidden;
  padding: 12px;
  border: 0;
  background: var(--image-software);
}
html[data-design="editorial"] .editorial-inner.editorial-solutions .solutions-showcase-labels { color: var(--ed-muted); }
html[data-design="editorial"] .editorial-inner.editorial-about .about-device-frame {
  height: 280px;
  padding: 8px;
  border: 0;
  background: var(--image-hardware);
}
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar {
  width: 112px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #cad7df;
  background: #e2ebef;
}
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: none;
  transform: none !important;
}
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar--lin-yang img { object-position: 50% 40%; }
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar--yefeng-zheng img { object-position: 50% 35%; }
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar--jun-feng img { object-position: 50% 35%; }
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar--kang-li img { object-position: 50% 45%; }
html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar--lei-cui img { object-position: 50% 40%; }
html[data-design="editorial"] .editorial-inner.editorial-contact .contact-product-frame {
  padding: clamp(16px, 2vw, 28px);
  border: 0;
  background: var(--image-hardware);
}
html[data-design="editorial"] .editorial-inner.editorial-contact .contact-product-figure { max-width: 36rem; }
html[data-design="editorial"] .editorial-inner :is(.solutions-interface-figure, .about-device-figure, .contact-product-figure) .image-figure-caption { color: var(--ed-muted); }
@media (min-width: 1024px) {
  html[data-design="editorial"] .editorial-inner.editorial-solutions .solutions-showcase-layout { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  html[data-design="editorial"] .editorial-inner.editorial-contact .contact-hero-layout { gap: 24px; }
}
@media (max-width: 767px) {
  html[data-design="editorial"] .editorial-inner.editorial-about .team-avatar { width: 104px; height: 112px; }
  .about-device-frame { padding: 16px; }
  .contact-product-frame { padding: 12px; }
  .contact-product-figure { max-width: 30rem; }
}

/* The contact form and sidebar must reserve their full height before scrolling. */
html[data-design="editorial"] .editorial-inner.editorial-contact main > section { content-visibility: visible; contain-intrinsic-size: none; }

/* Keep content-led inner headers compact, including the older full-height hero class. */

html[data-design="editorial"] .editorial-inner.editorial-about .about-device-frame .about-device-image { width: 100%; max-width: 100%; height: 100%; min-height: 0; max-height: 100%; }
html[data-design="editorial"] .editorial-inner.editorial-publications .publication-index-panel { padding: 28px 32px; border: 0; border-radius: 3px; background: var(--image-hardware); }
html[data-design="editorial"] .editorial-inner.editorial-publications .publication-journal-index > div:first-child { border-top: 0; }
html[data-design="editorial"] .editorial-inner.editorial-technology .technology-foundation-visual .evidence-image-detail { padding: clamp(12px, 2vw, 28px); border: 0; background: var(--image-software); }
html[data-design="editorial"] .editorial-inner.editorial-technology .trust-image-example .evidence-image-detail { padding: 12px; border: 0; background: var(--image-software); }
@media (min-width: 1024px) {
  html[data-design="editorial"] .editorial-inner.editorial-technology #deep-pathai > .w-full > .grid { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 32px; }
  html[data-design="editorial"] .editorial-inner.editorial-about #overview .grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
}
@media (max-width: 767px) {
  html[data-design="editorial"] .editorial-inner.editorial-publications .publication-index-panel { padding: 20px; }
}

/* Drawn from the five existing review steps; these are diagrams, not software output. */

/* Introductions share the horizontal reading space before the detailed sections. */
@media (min-width: 1024px) {
  html[data-design="editorial"] body.editorial-inner .editorial-hero .editorial-split-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 16px 32px; width: 100%; max-width: 1280px; margin-inline: auto; align-items: start; }
  html[data-design="editorial"] body.editorial-inner .editorial-split-intro > div:first-child { grid-column: 1; grid-row: 1; margin: 0; }
  html[data-design="editorial"] body.editorial-inner .editorial-split-intro > h1 { grid-column: 1; grid-row: 2 / 4; margin: 0; }
  html[data-design="editorial"] body.editorial-inner .editorial-split-intro > p { grid-column: 2; grid-row: 2; margin: 0; max-width: 32rem; }
  html[data-design="editorial"] body.editorial-inner .editorial-split-intro > div:last-child { grid-column: 2; grid-row: 3; margin: 0; justify-content: flex-start; flex-wrap: wrap; }
}
/* The homepage uses a complete, identified product image. */
html[data-design="editorial"] .editorial-site .image-figure-caption { font-size: var(--type-small); }

@media (max-width: 767px) {
 html[data-design="editorial"] .editorial-inner.editorial-solutions .solution-card .solution-image-frame { height: 180px; }
 html body.editorial-site.editorial-technology .editorial-hero.technology-text-hero { padding-block: 104px 28px; }
}

html[data-design="editorial"] .editorial-inner.editorial-contact .contact-product-frame { padding: 8px; height: 200px; }
html[data-design="editorial"] .editorial-inner.editorial-contact .contact-product-frame .contact-product-image { width: 100%; height: 100%; object-fit: contain; }

html[data-design="editorial"] body.editorial-site main :is(.product-visual-frame, .scanner-showcase-panel, .image-detail-link, .about-device-frame, .contact-product-frame, .evidence-image-detail) { border-radius: 0 !important; }