.lab-result-overlay .lab-mobile-meta {
  --lab-meta-text-size: 13px;
  --lab-meta-inset: 20px;
  --lab-meta-value-size: 18px;
  --lab-meta-reflection-height: calc(var(--floating-topbar-chrome-bottom, 56px) + 40px);
  font: inherit;
  font-size: var(--lab-meta-text-size);
  line-height: 1.4;
  position: relative;
  isolation: isolate;
  padding: var(--lab-meta-reflection-height) var(--lab-meta-inset) 24px;
  background: #fff;
  background: var(--bg, #fff);
  color: #222;
  color: var(--fg, #222);
  min-width: 0;
}


.lab-result-overlay .lab-mobile-meta[data-media-pair="true"] {
  --lab-meta-reflection-height: calc(
    var(--floating-topbar-chrome-bottom, 42px)
    - var(--floating-topbar-surface-size, 40px) / 2
  );
}
:root.entry-ios-floating-chrome.dp-ios-native-topbar-reserved .lab-mobile-meta[data-media-pair="true"] {
  --lab-meta-reflection-height: calc(
    var(--floating-topbar-chrome-bottom, 54px)
    - var(--native-floating-topbar-control-size, 44px) / 2
  );
}

.lab-mobile-meta button {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-align: start;
  padding: 0;
  cursor: pointer;
}

.lab-mobile-meta button:focus-visible {
  outline: 2px solid #9a7020;
  outline: 2px solid var(--accent-strong, #9a7020);
  outline-offset: 4px;
}

.lab-mobile-meta__provenance,
.lab-mobile-meta__sources,
.lab-mobile-meta__location,
.lab-mobile-meta__appearance-row,
.lab-mobile-meta__appearance {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-width: 0;
}

.lab-mobile-meta__provenance {
  justify-content: space-between;
  color: #6b7280;
  color: var(--muted, #6b7280);
  font-size: var(--lab-meta-text-size);
  margin: 0;
}

.lab-mobile-meta__header { margin-top: 10px; }
.lab-mobile-meta__sources { flex: 1 1 140px; }
.lab-mobile-meta__sources button { overflow-wrap: anywhere; }
.lab-mobile-meta__provenance time { flex-shrink: 0; }

.lab-mobile-meta .lab-mobile-meta__title {
  margin: 18px 0 0;
  padding: 0;
  font-size: 1.75rem;
  font-size: var(--lab-meta-title-size, 1.75rem);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.6px;
  overflow-wrap: anywhere;
}

.lab-mobile-meta__alias { margin: 4px 0 0; color: var(--muted); font-size: var(--lab-meta-text-size); }
.lab-mobile-meta__location-row { display: flex; align-items: center; gap: 12px; }
.lab-mobile-meta__location { flex: 1 1 auto; gap: 5px; flex-wrap: nowrap; align-items: baseline; color: var(--muted); font-size: var(--lab-meta-text-size); }
.lab-mobile-meta__location > .dp-icon { flex-shrink: 0; align-self: center; }
.lab-mobile-meta__location > div { min-width: 0; overflow-wrap: anywhere; }
.lab-mobile-meta__location button { min-height: 30px; }
.lab-mobile-meta__sources button { min-height: 30px; }

.lab-result-overlay .lab-mobile-meta__media {
  position: relative;
  margin: 0 calc(-1 * var(--lab-meta-inset));
  border-radius: 0;
  overflow: hidden;
  background: var(--labresult-media-bg);
  isolation: isolate;

}


body.nav-mobile-active .lab-result-overlay .lab-mobile-meta .labresult-top {
  padding-top: 0 !important;
  box-sizing: border-box;
}

.lab-result-overlay .lab-mobile-meta .labresult-images {
  min-width: 0;
  padding-block: 0;
}


.lab-mobile-meta .labresult-top--singleton-mobile,
.lab-mobile-meta .labresult-top--singleton-mobile .labresult-images,
.lab-mobile-meta .labresult-top--singleton-mobile .labresult-img-wrapper,
.lab-mobile-meta .labresult-top--singleton-mobile .labresult-singleton-progressive {
  height: clamp(160px, 52vw, 220px);
  min-height: 0;
  aspect-ratio: auto;
}

.lab-result-overlay .lab-mobile-meta .labresult-top--singleton-mobile .labresult-singleton-progressive-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  object-fit: cover;
}
.lab-mobile-meta__media:empty { display: none; }

.lab-mobile-meta .lab-mobile-meta__viewer-toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-inline-start: auto;
  padding: 6px 0 6px 8px;
  flex: 0 0 auto;
  min-height: 30px;
  color: var(--muted);
  font-size: var(--lab-meta-text-size);
}

.lab-mobile-meta__appearance-row { justify-content: space-between; padding: 8px 0; }
.lab-mobile-meta__appearance { gap: 4px 16px; flex: 1 1 auto; font-size: var(--lab-meta-text-size); }
.lab-mobile-meta__appearance > button,
.lab-mobile-meta__appearance > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
}
.lab-mobile-meta__swatch { width: 12px; height: 12px; flex: 0 0 auto; border: 1px solid var(--border); border-radius: 50%; }
.lab-mobile-meta__appearance svg { flex-shrink: 0; }

.lab-mobile-meta .lab-mobile-meta__measurements {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  grid-gap: 16px;
  gap: 16px;
  margin: 0;
  padding: 20px 16px;
  border: 1px solid var(--border);
  border-radius: 18px;
  border-radius: var(--lab-result-card-radius, 18px);
  background: #fff;
  background: var(--card-bg, var(--bg, #fff));
}
.lab-mobile-meta__measurements[data-count="3"] { grid-template-columns: 1fr 1.3fr 1fr; }
.lab-mobile-meta__measurements[data-count="4"] { grid-template-columns: 1fr 1fr; grid-auto-flow: row; row-gap: 16px; }
.lab-mobile-meta__measurements dd button { overflow-wrap: anywhere; }
.lab-mobile-meta__measurements > div { min-width: 0; }
.lab-mobile-meta__measurements dt { margin: 0 0 5px; font-size: var(--lab-meta-text-size); line-height: 1.4; color: var(--muted); overflow-wrap: anywhere; }
.lab-mobile-meta__measurements dt::first-letter { text-transform: uppercase; }
.lab-mobile-meta__measurements dd { margin: 0; font-size: var(--lab-meta-value-size); line-height: 1.3; font-weight: 500; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.lab-mobile-meta__measurements dd > span { color: var(--muted); font-size: var(--lab-meta-text-size); font-weight: 400; white-space: nowrap; }


.lab-mobile-meta .lab-mobile-meta__measurements[data-count="1"] {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
}
.lab-mobile-meta__measurements[data-count="1"] > div {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}
.lab-mobile-meta__measurements[data-count="1"] dt { margin: 0; }
.lab-mobile-meta__measurements[data-count="1"] dd {
  font-size: var(--lab-meta-text-size);
  line-height: 1.4;
  font-weight: 400;
}


body.nav-mobile-active .lab-result-overlay .lab-mobile-meta ~ .glass-popup--no-media {
  padding-top: 20px !important;
}

@media (max-width: 359px) {
  .lab-result-overlay .lab-mobile-meta { --lab-meta-inset: 16px; }
  .lab-mobile-meta .lab-mobile-meta__measurements { padding-inline: 12px; gap: 12px; }
}

@media (pointer: coarse) {
  .lab-mobile-meta__appearance > button { min-height: 44px; }
}


.lab-result-overlay .lab-info-chart-toggle {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  cursor: pointer;
}
.lab-result-overlay .lab-info-chart-toggle:hover,
.lab-result-overlay .lab-info-chart-toggle:focus-visible,
.lab-result-overlay .lab-info-chart-toggle[aria-pressed="true"] {
  color: var(--fg);
  text-decoration-style: solid;
}


.lab-mobile-meta__reflection {
  position: absolute;
  inset: 0 0 auto;
  height: var(--lab-meta-reflection-height);
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  background: var(--labresult-media-bg);
}
.lab-mobile-meta__reflection-layer {
  position: absolute;
  inset: 0;
  display: flex;

}

.lab-mobile-meta__reflection-photo {
  position: relative;
  flex: 1 1;
  min-width: 0;
  aspect-ratio: 1;
  align-self: flex-end;
  transform: scaleY(-1);
}
.lab-mobile-meta__reflection-photo[data-single="true"] {
  height: clamp(160px, 52vw, 220px);
  aspect-ratio: auto;
}
.lab-mobile-meta__reflection-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lab-mobile-meta__reflection-photo[data-fit="contain"] img {
  inset: 15%;
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.lab-mobile-meta__reflection-photo[data-single="true"] img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lab-mobile-meta__progressive-blur {
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(var(--reflection-blur));
  -webkit-backdrop-filter: blur(var(--reflection-effective-blur, var(--reflection-blur)));
  backdrop-filter: blur(var(--reflection-blur));
  backdrop-filter: blur(var(--reflection-effective-blur, var(--reflection-blur)));
  -webkit-mask-image: linear-gradient(to top, transparent var(--blur-start), #000 var(--blur-end));
  mask-image: linear-gradient(to top, transparent var(--blur-start), #000 var(--blur-end));
}
.lab-mobile-meta__reflection::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, var(--bg) 0%, transparent 90%);
  opacity: .45;
}


:root.entry-ios-floating-chrome .lab-mobile-meta__progressive-blur {
  --reflection-effective-blur: var(--reflection-blur-inset);
}
:root.entry-ios-floating-chrome .lab-mobile-meta__reflection::after { opacity: .25; }
@media (display-mode: standalone) {
  .lab-mobile-meta__progressive-blur {
    --reflection-effective-blur: var(--reflection-blur-inset);
  }
  .lab-mobile-meta__reflection::after { opacity: .25; }
}

@supports not (((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px))) {
  .lab-mobile-meta__reflection-layer { filter: blur(2px); }
  .lab-mobile-meta__progressive-blur { display: none; }
}


.lab-result-overlay .lab-axis-head--mobile-info {
  display: grid;
  grid-template-columns: minmax(0, auto) 44px;
  justify-content: center;
  grid-gap: 8px 4px;
  gap: 8px 4px;
}
.lab-axis-head--mobile-info .axisTitle { min-width: 0; grid-column: 1; grid-row: 1; text-align: center; }
.lab-axis-head--mobile-info .lab-axis-info { grid-column: 2; grid-row: 1; }
.lab-axis-head--mobile-info .lab-axis-roa-select {
  grid-column: 1 / -1;
  justify-self: center;
}
.lab-axis-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
}
.lab-axis-info:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }

.lab-mobile-details { margin-top: 24px; padding-top: 20px; min-width: 0; }
.lab-mobile-timeline { margin-top: 24px; padding-top: 20px; min-width: 0; }
.lab-mobile-timeline h3 {
  font-family: inherit;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 16px;
}
.lab-mobile-timeline > .chartsInfo,
.lab-mobile-timeline > .disclaimer-note {
  font-family: inherit;
  font-size: 13px;
  font-size: var(--lab-meta-text-size, 13px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--muted);
  margin-top: 0;
}
.lab-mobile-details > .singleAxis + .singleAxis {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}

.lab-result-overlay .lab-mobile-meta--summary {
  padding-top: calc(56px + 20px);
  padding-top: calc(var(--floating-topbar-chrome-bottom, 56px) + 20px);
}
.lab-mobile-meta--summary .lab-mobile-meta__title { margin-top: 0; }
.lab-mobile-meta__summary-facts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 16px 0;
  color: var(--muted);
  border-bottom: 1px solid var(--border);
}
.lab-mobile-meta__summary-countries {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 0 12px;
  gap: 0 12px;
  padding: 12px 0;
}
.lab-mobile-meta__summary-countries button { min-height: 44px; overflow-wrap: anywhere; }
.lab-mobile-meta__summary-countries button[aria-pressed="false"] { color: var(--muted); }
.lab-mobile-meta__summary-countries button span { margin-right: 6px; }
.lab-mobile-meta__summary-sources { display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted); border-top: 1px solid var(--border); padding-top: 12px; }
.lab-mobile-meta__summary-sources button { min-height: 32px; overflow-wrap: anywhere; }

.lab-mobile-meta__cutoff { position: relative; cursor: pointer; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; text-underline-offset: 3px; }
.lab-mobile-meta__cutoff input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.lab-mobile-meta__cutoff:focus-within { outline: 2px solid var(--accent-strong); outline-offset: 4px; }
.lab-info-col .chartsInfo a { overflow-wrap: anywhere; }



.lab-result-overlay .lab-mobile-meta[data-viewer-active="true"],
:root.entry-ios-floating-chrome.dp-ios-native-topbar-reserved .lab-mobile-meta[data-viewer-active="true"] {
  --lab-meta-reflection-height: calc(var(--floating-topbar-chrome-bottom, 56px) + 12px);
}
.lab-mobile-meta__location-row time {
  margin-inline-start: auto;
  flex-shrink: 0;
  color: var(--muted);
  font-size: var(--lab-meta-text-size);
}


.donut-chart {
  position: relative;
  width: 120px;
  height: 120px;
}

.donut-center {
  fill: #fff;
}

.donut-maintext {
  color: #000;
  display: block;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.donut-maintext-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  pointer-events: none;
}

.donut-maintext-wrap.has-subtext {
  top: 52px;
}

.donut-maintext-wrap.has-subtext .donut-maintext {
  font-size: 18px;
}

.donut-subtext {
  fill: #000;
  color: #000;
  display: block;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 1;
  opacity: 0.7;
  text-align: center;
}

.donut-subtext-wrap {
  position: absolute;
  left: 50%;
  top: 68px;
  transform: translateX(-50%);
  width: 80px;
  pointer-events: none;
}

.donut-stroke {
  color: #fff; 
}

.donut-legend-swatch {
  border: 1px solid rgba(0,0,0,0.15) !important;
}



.theme-dark .donut-center {
  fill: rgba(30,30,32,.95);
}

.theme-dark .donut-maintext {
  color: #fff;
}

.theme-dark .donut-subtext {
  fill: #ccc;
  color: #ccc;
}

.theme-dark .donut-stroke {
  color: rgba(255,255,255,0.25);
}

.theme-dark .donut-legend-swatch {
  border: 1px solid rgba(255,255,255,0.25) !important;
}


:root {
  --donut-stroke: #f9fafb;      
}

.theme-dark .donut-path {
  --donut-stroke: #111;   
}

@keyframes sidDangerPulse {
  0% {
    box-shadow: inset 0 0 0 rgba(220, 38, 38, 0);
  }

  50% {
    box-shadow: inset 0 0 18px rgb(158, 25, 25);
  }

  100% {
    box-shadow: inset 0 0 0 rgba(87, 15, 15, 0);
  }
}

.sid-danger-pulse {
  animation: sidDangerPulse 1.2s infinite ease-in-out;
}


.sid-extreme-toxicity {
  margin: 14px 0 4px;
}

.sid-extreme-toxicity .sid-extreme-toxicity__bar {
  position: relative;
  height: 16px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: linear-gradient(
    90deg,
    #050505 0%,
    #101010 28%,
    #262626 52%,
    #121212 76%,
    #030303 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 -1px 0 rgba(0, 0, 0, 0.72),
    0 1px 2px rgba(0, 0, 0, 0.16);
}

.sid-extreme-toxicity .sid-extreme-toxicity__labels {
  grid-template-columns: minmax(0, 1fr);
}

.sid-extreme-toxicity .sid-extreme-toxicity__labels .sid-axisLabel {
  font-weight: 500;
}

@media (prefers-reduced-motion: reduce) {
  .sid-extreme-toxicity,
  .sid-extreme-toxicity * {
    animation: none !important;
    transition: none !important;
  }
}

        .ix-row { position: relative; }
        .ix-row__pillwrap { display: inline-flex; gap: 6px; margin-left: auto; }
        .ix-row__pill {
          display: inline-flex; align-items: center; gap: 6px;
          font-size: 12px; border: 1px solid #e5e7eb; border: 1px solid var(--border, #e5e7eb);
          padding: 2px 8px; border-radius: 999px;
        }
        .ix-row__pill.is-secondary { opacity: 0.75; }
        .ix-row__pill-dot {
          width: 10px; height: 10px; border-radius: 50%; display: inline-block;
        }
        .ix-row__pill-text { white-space: nowrap; }


        




.ix-summary-list {
  display: grid;
  grid-template-rows: 0fr;
  transition:
    grid-template-rows 320ms ease,
    opacity 220ms ease;
  opacity: 0.9;
}

.ix-summary-list > * {
  overflow: hidden;
}

.ix-summary-list.is-expanded {
  grid-template-rows: 1fr;
  opacity: 1;
}


.ix-summary-list > .ix-row__desc {
  transition: transform 220ms ease, opacity 220ms ease;
}

.ix-summary-list:not(.is-expanded)
  > .ix-row__desc:nth-child(n+6) {
  opacity: 0;
  transform: translateY(-4px);
}

.ix-summary-list.is-expanded
  > .ix-row__desc {
  opacity: 1;
  transform: translateY(0);
}

.ix-show-all {
  background: none;
  border: none;
  
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: opacity 180ms ease, transform 180ms ease;
}



.ix-source-footnote {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed color-mix(in srgb, #d1d5db 70%, transparent);
  border-top: 1px dashed color-mix(in srgb, var(--border, #d1d5db) 70%, transparent);
  font-size: 11.5px;
  line-height: 1.35;
  opacity: 0.68;
}

.ix-source-text {
  user-select: text;
  -webkit-user-select: text;
}

.ix-row__desc {
  user-select: text;
  -webkit-user-select: text;
}

.ix-source-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.ix-source-link:hover,
.ix-source-link:focus,
.ix-source-link:active,
.ix-source-link:visited {
  color: inherit;
  text-decoration: none;
}

.ix-source-link-icon {
  display: inline-flex;
  font-size: 13px;
  opacity: 0.78;
}


.ix .ix__controls {
  position: relative;
  display: flex;
  width: 100%;
  padding: 3px;
  border: 1px solid color-mix(in srgb, #d9dee7 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--line, #d9dee7) 82%, transparent);
  border-radius: 15px;
  background: color-mix(in srgb, #f4f5f7 72%, #fff);
  background: color-mix(in srgb, var(--soft, #f4f5f7) 72%, var(--bg, #fff));
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.58);
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.ix .ix__controls:focus-within {
  border-color: color-mix(in srgb, #3478f6 55%, transparent);
  border-color: color-mix(in srgb, var(--accent, #3478f6) 55%, transparent);
  background: #fff;
  background: var(--bg, #fff);
  box-shadow:
    0 0 0 3px color-mix(in srgb, #3478f6 14%, transparent),
    0 2px 8px rgba(15, 23, 42, 0.06);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--accent, #3478f6) 14%, transparent),
    0 2px 8px rgba(15, 23, 42, 0.06);
}

.ix .ix-input {
  width: 100%;
  height: 40px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 13px;
  border: 0;
  border-radius: 11px;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: #182033;
  color: var(--fg, #182033);
  caret-color: #3478f6;
  caret-color: var(--accent-strong, var(--accent, #3478f6));
  font: inherit;
  font-size: 14px;
  line-height: normal;
}

.ix .ix-input:focus {
  border-color: transparent;
  box-shadow: none;
}

.ix .ix-input::placeholder {
  color: transparent;
  opacity: 0;
}

.ix .ix-input-placeholder {
  position: absolute;
  inset-inline: 16px;
  inset-block: 3px;
  display: flex;
  align-items: center;
  min-width: 0;
  color: color-mix(in srgb, #7c8596 84%, transparent);
  color: color-mix(in srgb, var(--muted, #7c8596) 84%, transparent);
  font: inherit;
  font-size: 14px;
  line-height: normal;
  pointer-events: none;
  text-align: start;
}

.ix .ix-input-placeholder__text {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ix .ix-results {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-top: 10px;
}

.ix .ix-row {
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #d9dee7 82%, transparent);
  border: 1px solid color-mix(in srgb, var(--line, #d9dee7) 82%, transparent);
  border-radius: 15px;
  background: color-mix(in srgb, #fff 96%, #f4f5f7);
  background: color-mix(in srgb, var(--bg, #fff) 96%, var(--soft, #f4f5f7));
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.045);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ix .ix-row:hover {
  border-color: color-mix(in srgb, #d9dee7 88%, transparent);
  border-color: color-mix(in srgb, var(--line, #d9dee7) 88%, transparent);
  background: color-mix(in srgb, #fff 92%, #f4f5f7);
  background: color-mix(in srgb, var(--bg, #fff) 92%, var(--soft, #f4f5f7));
  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.06);
  transform: none;
}

.ix .ix-row:active {
  border-color: color-mix(in srgb, #d9dee7 88%, transparent);
  border-color: color-mix(in srgb, var(--line, #d9dee7) 88%, transparent);
  background: color-mix(in srgb, #f4f5f7 72%, #fff);
  background: color-mix(in srgb, var(--soft, #f4f5f7) 72%, var(--bg, #fff));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #182033 4%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fg, #182033) 4%, transparent);
  transform: none;
}

.ix .ix-row:focus {
  outline: none;
}

.ix .ix-row:focus-visible {
  outline: 2px solid #dcaa2e;
  outline: 2px solid var(--accent-strong, var(--accent, #dcaa2e));
  outline-offset: 2px;
}

.ix .ix-row__main {
  min-height: 38px;
  padding: 10px 12px;
  border-right: 0;
}

.ix .ix-row__detail {
  padding: 12px 14px 13px;
  border-top: 1px solid color-mix(in srgb, #d9dee7 70%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--line, #d9dee7) 70%, transparent);
  border-radius: 0;
  background: color-mix(in srgb, #f4f5f7 62%, #fff);
  background: color-mix(in srgb, var(--soft, #f4f5f7) 62%, var(--bg, #fff));
}

.ix .ix-summary-list {
  display: block;
  opacity: 1;
}

.ix .ix-row--summary .ix-row__detail {
  padding-top: 15px;
  padding-bottom: 16px;
}

.ix .ix-summary-list .ix-row__desc:last-child {
  margin-bottom: 0 !important;
}

.ix .ix-row__title {
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -0.01em;
}

.ix .ix-row__desc {
  margin: 0;
  color: #7c8596;
  color: var(--muted, #7c8596);
  font-size: 12.5px;
  line-height: 1.48;
}


.ix .ix-row__meta,
.ix .ix-source-text {
  color: #7c8596;
  color: var(--muted, #7c8596);
  font-size: 12.5px;
  line-height: 1.48;
}

.ix .ix-row__meta {
  margin-top: 8px;
}

.ix .ix-show-all {
  
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 12px 16px 14px;
  border-top: 1px solid color-mix(in srgb, #d9dee7 65%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--line, #d9dee7) 65%, transparent);
  background: transparent;
  color: #182033;
  color: var(--fg, #182033);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
}

.ix .ix-show-all:hover {
  background: color-mix(in srgb, #f4f5f7 70%, transparent);
  background: color-mix(in srgb, var(--soft, #f4f5f7) 70%, transparent);
}

.ix .ix-show-all:focus {
  outline: none;
}

.ix .ix-show-all:focus-visible {
  box-shadow: inset 0 0 0 2px #dcaa2e;
  box-shadow: inset 0 0 0 2px var(--accent-strong, var(--accent, #dcaa2e));
}

.theme-dark .ix .ix__controls,
[data-theme="dark"] .ix .ix__controls {
  background: rgba(255, 255, 255, 0.055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
}

.theme-dark .ix .ix-row,
[data-theme="dark"] .ix .ix-row {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.18);
}

.theme-dark .ix .ix-row:hover,
[data-theme="dark"] .ix .ix-row:hover {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.2);
}

.theme-dark .ix .ix-row:active,
[data-theme="dark"] .ix .ix-row:active {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.065);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.theme-dark .ix .ix-row__detail,
[data-theme="dark"] .ix .ix-row__detail {
  background: rgba(255, 255, 255, 0.035);
}






.cs-card {
  margin: 1em 0 2em;
  padding: 14px 16px;
  border-radius: 14px;

  background: rgba(255,255,255,0.55);

  background: var(--glass-bg, rgba(255,255,255,0.55));
  -webkit-backdrop-filter: blur(12px) saturate(160%);
          backdrop-filter: blur(12px) saturate(160%);

  box-shadow:
    0 4px 16px rgba(0,0,0,0.25),
    inset 0 0 0 1px rgba(255,255,255,0.4);

  box-shadow:
    0 4px 16px rgba(0,0,0,0.25),
    inset 0 0 0 1px var(--glass-border, rgba(255,255,255,0.4));

  color: #111;

  color: var(--text-primary, #111);

  font-size: 14px;
}




.cs-grid {
  display: flex;
  width: 100%;

  flex-wrap: nowrap;      
  gap: 4px;

  overflow-x: auto;
  overflow-y: hidden;

  padding-bottom: 2px;
  margin-bottom: 10px;

  scrollbar-width: none; 
}

.cs-grid::-webkit-scrollbar {
  display: none; 
}




.cs-pill {
  flex: 1 1;
  min-width: 0;

  height: 8px;
  border-radius: 999px;
  --pill-bg: rgba(0,0,0,0.08);
  --pill-border: rgba(0,0,0,0.05);
  background: rgba(0,0,0,0.08);
  background: var(--pill-bg, rgba(0,0,0,0.08));

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.4);

  box-shadow:
    inset 0 0 0 1px var(--pill-border, rgba(255,255,255,0.4));

  will-change: transform;
  transform: translateZ(0);
}




.cs-similar {
  background: rgba(80,80,80,0.25);
  background: var(--pill-similar, rgba(80,80,80,0.25));
}




.cs-batch {
  background: linear-gradient(
    270deg,
    #b78711,
    #b78711
  );
  background: linear-gradient(
    270deg,
    var(--accent-strong, var(--accent, #b78711)),
    var(--accent, #b78711)
  );

  box-shadow:
    0 0 6px color-mix(in srgb, #b78711, transparent 40%),
    inset 0 0 0 1px rgba(255,255,255,0.4);

  box-shadow:
    0 0 6px color-mix(in srgb, var(--accent-strong, var(--accent, #b78711)), transparent 40%),
    inset 0 0 0 1px rgba(255,255,255,0.4);
}




.cs-text {
  line-height: 1.35;
  margin-bottom: 6px;
  -webkit-user-select: text !important;
  user-select: text !important;
  -webkit-touch-callout: default;
}

.cs-text * {
  -webkit-user-select: text !important;
  user-select: text !important;
}

.cs-card--pending .cs-text {
  margin-bottom: 0;
  opacity: 0.72;
}



.cs-warning {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.7;
}




.theme-dark .cs-card {
  --glass-bg: rgba(20,20,25,0.75);
  --glass-border: rgba(255,255,255,0.08);

  --text-primary: #eee;
}

.theme-dark .cs-pill {
  --pill-bg: rgba(255,255,255,0.06);
  --pill-border: rgba(255,255,255,0.12);
}

.theme-dark .cs-similar {
  --pill-similar: rgba(255,255,255,0.18);
}




@media (prefers-contrast: more) {

  .cs-card {
    --glass-border: rgba(255,255,255,0.6);
  }

  .cs-pill {
    --pill-border: rgba(255,255,255,0.5);
  }

}




@media (prefers-reduced-motion: reduce) {

  .cs-pill {
    transition: none !important;
  }

}

.sample-dna-entry {
  --dna-accent: #6867ff;
  --dna-accent-soft: rgba(104, 103, 255, .16);
  --dna-surface: rgba(255, 255, 255, .62);
  --dna-line: rgba(59, 55, 155, .3);
  margin-top: 20px;
  grid-column: 1 / -1;
  width: 100%;
  box-sizing: border-box;
}
.sample-dna-card {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 18px;
  border-radius: var(--lab-result-card-radius, 18px);
  background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(255,255,255,.16));
  color: inherit;
}
.theme-dark .sample-dna-entry { --dna-surface: rgba(255,255,255,.065); --dna-line: rgba(143,140,255,.5); color: #f7f7fb; }
.theme-dark .sample-dna-card {
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  color: inherit;
}
.sample-dna-card__brand { display: flex; align-items: center; gap: 8px; }
.sample-dna-card__mark { width: 22px; height: 22px; flex: 0 0 auto; color: currentColor; }
.sample-dna-card__brand > strong { font-size: 1.2rem; line-height: 1; letter-spacing: -.035em; }
.sample-dna-card__brand .sample-dna__beta { margin-left: 1px; }
.sample-dna-card__people { display: flex; justify-content: center; gap: 42px; width: 100%; margin: 22px auto 25px; overflow-x: auto; padding: 0; }
.sample-dna-card__people button { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.sample-dna-card__portrait { width: 140px; height: 140px; border-radius: 50%; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(225,225,230,.72)); overflow: hidden; box-shadow: inset 0 1px 1px rgba(255,255,255,.4), 0 9px 24px rgba(0,0,0,.2); }
.theme-dark .sample-dna-card__portrait { background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.035)); }
.sample-dna-card__portrait img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.07); }
.sample-dna-card__portrait > span { display: grid; place-items: center; width: 100%; height: 100%; color: #fff; font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 850; text-shadow: 0 2px 10px rgba(0,0,0,.25); }
.sample-dna-card__structure { box-sizing: border-box; padding: 20%; color: rgba(24,24,29,.76) !important; font-size: 0 !important; text-shadow: none !important; }
.theme-dark .sample-dna-card__structure { color: rgba(255,255,255,.82) !important; }
.sample-dna-card__fallback { background: radial-gradient(circle at 34% 28%, hsl(236deg 82% 72%), hsl(236deg 64% 48%)); background: radial-gradient(circle at 34% 28%, hsl(var(--substance-hue, 236deg) 82% 72%), hsl(var(--substance-hue, 236deg) 64% 48%)); color: #fff !important; }
.sample-dna-card__structure svg { display: block; width: 100%; height: 100%; color: inherit; }
.sample-dna-card__people strong { max-width: 100%; margin-top: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.08rem; font-weight: 750; line-height: 1.18; letter-spacing: -.012em; }
.sample-dna-card__people small { margin-top: 5px; color: inherit; opacity: .72; font-size: .96rem; line-height: 1.2; }
.sample-dna-card .sample-dna-card__footer { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; grid-column-gap: clamp(12px, 4vw, 34px); column-gap: clamp(12px, 4vw, 34px); text-align: left; }
.sample-dna-card .sample-dna-card__footer > div { min-width: 0; text-align: left; }
.sample-dna-card .sample-dna-card__footer p { margin: 3px 0 0; color: inherit; opacity: .64; text-align: left; }
.sample-dna-card .sample-dna-card__footer > div > p:first-child { margin-top: 0; font-size: 1rem; line-height: 1.25; white-space: nowrap; }
.sample-dna-card__explore { min-height: 38px; padding: 0 17px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; cursor: pointer; font: inherit; font-size: 1rem; font-weight: 750; }
.sample-dna-card .sample-dna-card__description { margin-top: 9px; max-width: 100%; white-space: normal; overflow-wrap: break-word; text-align: left; }
.sample-dna {
  margin-top: 12px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 18px;
  border-radius: var(--lab-result-card-radius, 18px);
  background: linear-gradient(145deg, rgba(255,255,255,.52), rgba(255,255,255,.16));
  color: #17171b;
  color: var(--text-primary, #17171b);
  overflow: hidden;
}
.theme-dark .sample-dna {
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  color: #f7f7fb;
}
.sample-dna button { font: inherit; color: inherit; }
.sample-dna__header, .sample-dna__brand-row, .sample-dna__toolbar { display: flex; align-items: center; }
.sample-dna__header { justify-content: space-between; gap: 18px; }
.sample-dna__brand-row { gap: 9px; }
.sample-dna h2 { margin: 0; font-size: 1.2rem; line-height: 1; letter-spacing: -.035em; }
.sample-dna__header p { margin: 7px 0 0; opacity: .64; }
.sample-dna__beta { padding: 4px 9px; border-radius: 7px; background: #d79c00; background: var(--accent, #d79c00); color: #111; font-size: .78rem; font-weight: 800; }
.theme-dark .sample-dna__beta,
[data-theme="dark"] .sample-dna__beta { color: #fff; }
.sample-dna__refine { min-height: 44px; padding: 0 16px; border: 1px solid currentColor; border-radius: 999px; background: transparent; cursor: pointer; }
.sample-dna__refine span { display: inline-block; margin-right: 6px; transform: rotate(90deg); }
.sample-dna__toolbar { margin-top: 20px; }
.sample-dna__modes { display: grid; grid-template-columns: 1fr 1fr; width: min(320px, 100%); padding: 3px; border-radius: 13px; background: rgba(125,125,145,.14); }
.sample-dna__modes button { min-height: 42px; border: 0; border-radius: 10px; background: transparent; cursor: pointer; font-weight: 700; }
.sample-dna__modes button[aria-pressed="true"] { background: var(--dna-accent); color: #fff; box-shadow: 0 5px 16px rgba(65,62,210,.28); }
.sample-dna__filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 2px; }
.sample-dna__filters label { display: flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 999px; background: var(--dna-surface); cursor: pointer; }
.sample-dna__filters input { accent-color: var(--dna-accent); margin-right: 7px; }
.sample-dna__trail { margin-top: 18px; }
.sample-dna__trail > span { display: block; margin-bottom: 8px; font-size: .82rem; opacity: .62; }
.sample-dna__trail > div { display: flex; align-items: center; gap: 7px; overflow-x: auto; padding-bottom: 5px; }
.sample-dna__trail button { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 40px; padding: 4px 10px 4px 5px; border: 1px solid transparent; border-radius: 999px; background: var(--dna-surface); cursor: pointer; }
.sample-dna__trail button[aria-current="page"] { border-color: var(--dna-accent); }
.sample-dna__trail img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }
.sample-dna__trail b { opacity: .4; }
.sample-dna__graph { position: relative; width: min(100%, 820px); height: clamp(500px, 68vw, 650px); margin: 12px auto 0; }
.sample-dna__lines { position: absolute; inset: 8% 7%; width: 86%; height: 84%; overflow: visible; }
.sample-dna__lines line { vector-effect: non-scaling-stroke; stroke: var(--dna-line); stroke-width: 2; stroke-linecap: round; }
.sample-dna__node { position: absolute; display: flex; flex-direction: column; align-items: center; text-align: center; border: 0; background: transparent; }
.sample-dna__node .sample-dna__image { width: 78px; height: 78px; border: 3px solid rgba(130,130,150,.3); border-radius: 50%; background: var(--dna-surface); overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.sample-dna__image img { width: 100%; height: 100%; object-fit: cover; }
.sample-dna__image > span { display: grid; place-items: center; width: 100%; height: 100%; color: var(--dna-accent); }
.sample-dna__node strong { max-width: 150px; margin-top: 7px; font-size: .85rem; line-height: 1.15; }
.sample-dna__node small { max-width: 170px; margin-top: 4px; font-size: .7rem; line-height: 1.25; opacity: .65; }
.sample-dna__node--current { z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sample-dna__node--current .sample-dna__image { width: 126px; height: 126px; border: 5px solid var(--dna-accent); box-shadow: 0 0 0 10px var(--dna-accent-soft), 0 14px 36px rgba(0,0,0,.25); }
.sample-dna__node--current strong { color: var(--dna-accent); }
.sample-dna__node--related { z-index: 1; transform: translate(-50%, -50%); cursor: pointer; }
.sample-dna__node--related:hover .sample-dna__image, .sample-dna__node--related:focus-visible .sample-dna__image, .sample-dna__node--related.is-selected .sample-dna__image { border-color: var(--dna-accent); transform: scale(1.06); }
.sample-dna__list { display: grid; grid-gap: 8px; gap: 8px; margin: 18px 0; }
.sample-dna__list > button { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; grid-gap: 12px; gap: 12px; min-height: 68px; padding: 7px 12px 7px 7px; text-align: left; border: 1px solid transparent; border-radius: 14px; background: var(--dna-surface); cursor: pointer; }
.sample-dna__list > button.is-selected { border-color: var(--dna-accent); }
.sample-dna__list .sample-dna__image { width: 54px; height: 54px; border-radius: 11px; overflow: hidden; }
.sample-dna__list strong, .sample-dna__list small { display: block; }.sample-dna__list small { margin-top: 4px; opacity: .62; }
.sample-dna__preview { display: grid; grid-template-columns: 88px minmax(0,1fr) auto; grid-gap: 16px; gap: 16px; align-items: center; padding: 16px; border: 1px solid rgba(125,125,155,.2); border-radius: 18px; background: var(--dna-surface); box-shadow: 0 14px 34px rgba(0,0,0,.12); }
.sample-dna__preview > .sample-dna__image { width: 88px; height: 88px; border-radius: 14px; overflow: hidden; background: rgba(120,120,140,.12); }
.sample-dna__preview-copy { min-width: 0; }.sample-dna__preview-copy > strong, .sample-dna__preview-copy > span, .sample-dna__preview-copy > small { display: block; }
.sample-dna__preview-copy > strong { font-size: 1.1rem; }.sample-dna__preview-copy > span { margin-top: 4px; }.sample-dna__preview-copy > small { margin-top: 5px; opacity: .6; }
.sample-dna__preview-copy > div { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }.sample-dna__preview em { padding: 4px 8px; border-radius: 999px; background: var(--dna-accent-soft); color: var(--dna-accent); font-size: .72rem; font-style: normal; font-weight: 700; }
.sample-dna__open { display: inline-flex; flex: 0 1 auto; align-items: center; justify-content: center; gap: 8px; min-width: 0; max-width: 100%; min-height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--dna-accent); color: #fff !important; white-space: nowrap; font-size: clamp(.78rem, 3.8vw, 1rem); font-weight: 800 !important; line-height: 1; cursor: pointer; }
.sample-dna__open > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sample-dna__open > span:last-child { flex: 0 0 auto; white-space: nowrap; }
.sample-dna__back,
.sample-dna__close { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; line-height: 1; }
.sample-dna__header > div { flex: 1 1; min-width: 0; }
.sample-dna__orbit { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); align-items: start; grid-gap: 30px 24px; gap: 30px 24px; width: 100%; margin: 24px auto 0; }
.sample-dna__orbit--clusters,
.sample-dna__orbit--samples { animation: sample-dna-shift-in .2s ease-out both; }
@keyframes sample-dna-shift-in {
  from { opacity: 0; transform: translateX(12px); }
  to { opacity: 1; transform: translateX(0); }
}
.sample-dna__orbit-node { position: static; display: flex; width: 100%; min-width: 0; flex-direction: column; align-items: center; padding: 0; border: 0; background: transparent; text-align: center; cursor: pointer; transform: none; }
.sample-dna__orbit-image { width: min(100%, 112px); width: min(100%, var(--dna-circle-size, 112px)); height: auto; flex: 0 0 auto; aspect-ratio: 1; border: 3px solid rgba(125,125,145,.18); border-radius: 50%; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(225,225,230,.7)); box-shadow: 0 8px 20px rgba(0,0,0,.16); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.theme-dark .sample-dna__orbit-image { background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); }
.sample-dna__orbit-image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.045); }
.sample-dna__orbit-image > span { display: grid; place-items: center; width: 100%; height: 100%; font-size: 2rem; font-weight: 850; }
.sample-dna__orbit-node strong { display: -webkit-box; width: 100%; margin-top: 15px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1rem; font-weight: 750; line-height: 1.2; letter-spacing: -.012em; }
.sample-dna__orbit-node small { margin-top: 5px; opacity: .66; font-size: .88rem; line-height: 1.25; }
.sample-dna__meta-date { white-space: nowrap; }
.sample-dna__orbit-node.is-selected { z-index: 2; }
.sample-dna__orbit-node.is-selected .sample-dna__orbit-image { border-color: rgba(255,255,255,.5); box-shadow: 0 10px 24px rgba(0,0,0,.22); transform: scale(1.025); }
.theme-light .sample-dna__orbit-node.is-selected .sample-dna__orbit-image { border-color: rgba(20,20,25,.42); }
.sample-dna__more { grid-column: 1 / -1; width: 100%; height: 2px; pointer-events: none; }
.sample-dna__selection { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; grid-gap: 14px; gap: 14px; margin: 16px 0 0; padding: 12px 14px; border: 1px solid rgba(125,125,145,.2); border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.24)); box-sizing: border-box; }
.theme-dark .sample-dna__selection { background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }
.sample-dna__selection-image { display: block; width: 64px; height: 64px; border: 2px solid rgba(125,125,145,.25); border-radius: 50%; overflow: hidden; background: var(--dna-surface); }
.sample-dna__selection-image img { width: 100%; height: 100%; object-fit: cover; }
.sample-dna__selection-image > span { display: grid; place-items: center; width: 100%; height: 100%; font-size: 1.4rem; font-weight: 850; }
.sample-dna__selection-copy { min-width: 0; }
.sample-dna__selection-copy > span,
.sample-dna__selection-copy > strong,
.sample-dna__selection-copy > b,
.sample-dna__selection-copy > small { display: block; }
.sample-dna__selection-copy > span { margin-bottom: 3px; opacity: .68; font-size: .76rem; font-weight: 750; letter-spacing: .02em; }
.sample-dna__selection-copy > span::before { content: "✓"; margin-right: 5px; }
.sample-dna__selection-copy > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.02rem; }
.sample-dna__selection-amounts { display: -webkit-box !important; margin-top: 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: .86rem; line-height: 1.25; }
.sample-dna__selection-copy > small { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .64; font-size: .8rem; }
.sample-dna__insight { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; grid-gap: 18px; gap: 18px; width: 100%; margin: 24px 0 0; padding: 16px; border: 1px solid rgba(125,125,155,.2); border-radius: 16px; background: var(--dna-surface); box-sizing: border-box; }
.sample-dna__insight strong,
.sample-dna__insight span,
.sample-dna__insight small { display: block; }
.sample-dna__insight strong { font-size: 1.08rem; }
.sample-dna__insight strong { line-height: 1.25; overflow-wrap: anywhere; }
.sample-dna__insight span { margin-top: 5px; line-height: 1.3; overflow-wrap: anywhere; }
.sample-dna__insight small { margin-top: 6px; opacity: .64; line-height: 1.3; overflow-wrap: anywhere; }
.sample-dna__open { min-height: 36px; padding: 0 15px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit !important; }
@media (max-width: 900px) {
  .sample-dna-card { padding: 14px; }
  .sample-dna-card__people { justify-content: center; gap: clamp(16px, 5vw, 24px); width: 100%; margin-block: 18px 21px; }
  .sample-dna-card__portrait { width: min(30vw, 124px); height: min(30vw, 124px); }
  .sample-dna-card__people strong { margin-top: 15px; font-size: 1.05rem; }
  .sample-dna-card__people small { margin-top: 5px; font-size: .94rem; }
  .sample-dna-card .sample-dna-card__footer { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  .sample-dna-card .sample-dna-card__explore { justify-self: end; margin-top: 0; }
  .sample-dna-card .sample-dna-card__description { margin-top: 8px; line-height: 1.35; }
  .sample-dna-card .sample-dna-card__description { font-size: .95rem; letter-spacing: -.01em; }
  .sample-dna { margin-inline: -4px; padding: 16px 12px; }
  .sample-dna__header { align-items: flex-start; }.sample-dna__header p { font-size: .9rem; }
  .sample-dna__refine { padding: 0 12px; font-size: .78rem; }
  .sample-dna__graph { height: 500px; }
  .sample-dna__node .sample-dna__image { width: 58px; height: 58px; }.sample-dna__node--current .sample-dna__image { width: 104px; height: 104px; }
  .sample-dna__node strong { max-width: 105px; font-size: .72rem; }.sample-dna__node small { max-width: 105px; font-size: .62rem; }
  .sample-dna__preview { grid-template-columns: 68px minmax(0,1fr); }.sample-dna__preview > .sample-dna__image { width: 68px; height: 68px; }.sample-dna__open { grid-column: 1 / -1; width: 100%; }
  body.sample-dna-explorer-open { overflow: hidden; }
  body.sample-dna-explorer-open #nav-rail-portal-host,
  body.sample-dna-explorer-open .scroll-top-fab { display: none !important; }
  body.sample-dna-explorer-open .page-shell,
  body.sample-dna-explorer-open .lab-result,
  body.sample-dna-explorer-open .labresult-wrapper { transform: none !important; filter: none !important; perspective: none !important; contain: none !important; will-change: auto !important; }
  .sample-dna--mobile-page { position: fixed; z-index: 10020; isolation: isolate; pointer-events: auto; inset: 0; display: flex; flex-direction: column; width: 100%; height: 100dvh; margin: 0; padding: max(18px, env(safe-area-inset-top)) 16px max(12px, env(safe-area-inset-bottom)); border: 0; border-radius: 0; background: #fff; background: var(--bg, #fff); background-image: none; overflow: hidden; box-sizing: border-box; }
  .theme-dark .sample-dna--mobile-page,
  [data-theme="dark"] .sample-dna--mobile-page { background: #141414; background: var(--bg, #141414); background-image: none; }
  .sample-dna__header { z-index: 3; flex: 0 0 auto; margin: calc(-1 * max(18px, env(safe-area-inset-top))) -16px 0; padding: max(18px, env(safe-area-inset-top)) 10px 14px; background: #fff; background: var(--bg, #fff); }
  .sample-dna__header > div { text-align: center; }
  .sample-dna__brand-row { justify-content: center; }
  .sample-dna__orbit { order: 1; display: grid; grid-template-rows: repeat(2, max-content); grid-auto-flow: column; grid-auto-columns: calc((100vw - 70px) / 2); flex: 1 1 auto; align-content: center; align-items: center; grid-gap: clamp(24px, 5dvh, 46px) 22px; gap: clamp(24px, 5dvh, 46px) 22px; width: 100vw; max-width: 100vw; min-width: 0; min-height: 0; margin: 0 -16px; padding: 18px 24px 20px; overflow-x: auto; overflow-y: hidden; overflow-anchor: none; overscroll-behavior-x: contain; scroll-snap-type: x proximity; touch-action: pan-x; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-overflow-scrolling: touch; contain: paint; box-sizing: border-box; scrollbar-width: none; }
  .sample-dna__orbit::-webkit-scrollbar { display: none; }
  .sample-dna__selection { z-index: 4; order: 3; grid-template-columns: 52px minmax(0, 1fr); flex: 0 0 auto; gap: 11px; width: 100%; max-width: 100%; margin: 0; padding: 10px 12px; border-radius: 13px; box-shadow: 0 -14px 28px #fff; box-shadow: 0 -14px 28px var(--bg, #fff); }
  .sample-dna__selection-image { width: 52px; height: 52px; }
  .sample-dna__selection .sample-dna__open { grid-column: 2; justify-self: start; min-height: 34px; margin-top: 4px; }
  .sample-dna__orbit-node { justify-content: center; width: 100%; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-sizing: border-box; scroll-snap-align: center; }
  .sample-dna__orbit-node:nth-child(even) { transform: translateY(16px); }
  .sample-dna__more { grid-column: auto; grid-row: auto; align-self: center; width: 2px; height: 2px; }
  .sample-dna__orbit-image { width: min(112px, 34vw); width: min(var(--dna-circle-size, 112px), 34vw); height: min(112px, 34vw); height: min(var(--dna-circle-size, 112px), 34vw); }
  .sample-dna__insight { order: 2; grid-template-columns: minmax(0,1fr) auto; flex: 0 0 auto; gap: 12px; margin: 0; padding: 14px 0; border-width: 1px 0 0; border-radius: 0; background: #fff; background: var(--bg, #fff); }
  .sample-dna__insight small { display: none; }
  .sample-dna__open { grid-column: 1 / -1; width: auto; justify-self: start; }
}
@media (min-width: 560px) and (max-width: 759px) {
  .sample-dna__orbit { grid-auto-columns: calc((100vw - 92px) / 3); }
}
@media (max-width: 480px) {
  .sample-dna-card .sample-dna-card__description { display: none; }
}
@media (min-width: 760px) and (max-width: 900px) {
  .sample-dna__orbit { grid-auto-columns: calc((100vw - 114px) / 4); }
}
@media (max-width: 900px) and (max-height: 919px) {
  .sample-dna__orbit { row-gap: 18px; }
  .sample-dna__orbit-node:nth-child(even) { transform: translateY(6px); }
  .sample-dna__orbit-image { width: min(112px, 30vw, 124px); width: min(var(--dna-circle-size, 112px), 30vw, 124px); height: min(112px, 30vw, 124px); height: min(var(--dna-circle-size, 112px), 30vw, 124px); }
}
@media (max-width: 900px) and (max-height: 699px) {
  .sample-dna__orbit { grid-template-rows: max-content; }
  .sample-dna__orbit-node:nth-child(even) { transform: none; }
}
@media (max-width: 900px) and (max-height: 699px) and (orientation: landscape) {
  .sample-dna--mobile-page {
    padding-top: max(6px, env(safe-area-inset-top));
    padding-right: max(16px, env(safe-area-inset-right));
    padding-bottom: max(6px, env(safe-area-inset-bottom));
    padding-left: max(16px, env(safe-area-inset-left));
  }
  .sample-dna__header {
    margin-top: calc(-1 * max(6px, env(safe-area-inset-top)));
    padding-top: max(6px, env(safe-area-inset-top));
    padding-bottom: 6px;
  }
  .sample-dna__header p { display: none; }
  .sample-dna__back,
  .sample-dna__close { width: 40px; height: 40px; flex-basis: 40px; }
  .sample-dna__selection { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; padding: 7px 10px; }
  .sample-dna__selection-image { width: 44px; height: 44px; }
  .sample-dna__selection-copy > span { margin-bottom: 1px; }
  .sample-dna__selection-copy > strong,
  .sample-dna__selection-amounts { white-space: nowrap; text-overflow: ellipsis; }
  .sample-dna__selection-amounts { display: block !important; margin-top: 2px; }
  .sample-dna__selection-copy > small { margin-top: 2px; }
  .sample-dna__selection-copy > small:last-child { display: none; }
  .sample-dna__selection .sample-dna__open { grid-column: 3; grid-row: 1; justify-self: end; min-height: 34px; margin-top: 0; }
  .sample-dna__orbit { padding-top: 6px; padding-bottom: 6px; }
  .sample-dna__orbit-image { width: min(96px, 96px); width: min(var(--dna-circle-size, 96px), 96px); height: min(96px, 96px); height: min(var(--dna-circle-size, 96px), 96px); }
  .sample-dna__orbit-node strong { margin-top: 7px; -webkit-line-clamp: 1; }
  .sample-dna__orbit-node small { margin-top: 3px; }
  .sample-dna__insight { padding: 6px 0; }
  .sample-dna__insight span { margin-top: 2px; }
}
@media (max-width: 900px) and (min-height: 920px) {
  .sample-dna__orbit {
    grid-template-rows: repeat(3, max-content);
    row-gap: clamp(18px, 3dvh, 30px);
  }
  .sample-dna__orbit-node:nth-child(even) { transform: none; }
  .sample-dna__orbit-node:nth-child(3n + 2) { transform: translateY(8px); }
}
@media (prefers-reduced-motion: reduce) {
  .sample-dna__orbit--clusters,
  .sample-dna__orbit--samples { animation: none; }
}
@media (min-width: 901px) {
  .sample-dna-entry.is-expanded > .sample-dna {
    height: clamp(520px, 72dvh, 780px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: auto;
    scrollbar-gutter: stable;
  }
  .sample-dna-entry.is-expanded .sample-dna__header {
    position: sticky;
    z-index: 3;
    top: -16px;
    margin: -16px -16px 0;
    padding: 16px;
    background: #fff;
    background: var(--bg, #fff);
  }
  .theme-dark .sample-dna-entry.is-expanded .sample-dna__header,
  [data-theme="dark"] .sample-dna-entry.is-expanded .sample-dna__header {
    background: #141414;
    background: var(--bg, #141414);
  }
}
@media (min-width: 1000px) {
  .sample-dna-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
    align-items: center;
    grid-column-gap: clamp(32px, 5vw, 72px);
    column-gap: clamp(32px, 5vw, 72px);
    grid-row-gap: 30px;
    row-gap: 30px;
    padding: 30px 36px 36px;
  }
  .sample-dna-card__brand { grid-column: 1 / -1; }
  .sample-dna-card__people {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    gap: 30px clamp(38px, 4vw, 58px);
    margin: 0;
    overflow: visible;
  }
  .sample-dna-card__portrait {
    width: clamp(124px, 10vw, 150px);
    height: clamp(124px, 10vw, 150px);
  }
  .sample-dna-card .sample-dna-card__footer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    width: 100%;
    margin: 0;
  }
  .sample-dna-card .sample-dna-card__footer p { margin: 0; }
  .sample-dna-card .sample-dna-card__description { order: 2; max-width: none; }
  .sample-dna-card .sample-dna-card__explore { order: 3; margin-top: 10px; }
}
@media (prefers-reduced-motion: no-preference) { .sample-dna__node .sample-dna__image { transition: transform .18s ease, border-color .18s ease; } }