/* Only /test/ loads this stylesheet. Existing shared styles are preserved. */
.monitoring__cards button { background: var(--sand); }
.monitoring__cards button::before { display: none !important; }
.monitoring__photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
.monitoring__cards button .monitoring__fx { z-index: 1; }
.specimen__chart table { max-width: 100%; }
.specimen__chart th, .specimen__chart td { overflow-wrap: anywhere; }
.specimen__nav .viewer-arrow:hover { background: var(--red); color: var(--paper); }
[data-capsule-claim][hidden] { display: none !important; }

.specimen__callout { inset: 0 -30%; }
.specimen__callout-text { width: 23%; white-space: normal; overflow-wrap: normal; font-size: clamp(10px, .8vw, 12px); line-height: 1.3; letter-spacing: .025em; }
.specimen__callout-svg path { fill: none; stroke-dasharray: none !important; stroke-width: 1; }
@media (max-width:1199px) {
  .specimen__callout { inset: 0 3%; }
  .specimen__callout-text { width: 24%; max-width: 170px; font-size: 12px; }
  .specimen__images { inset: 6% 4% 7.5%; }
  .specimen__viewer.is-detail .specimen__images { inset: 8% 8% 9%; }
}
@media (max-width:700px) { .specimen__callout-text { font-size: 10px; } }

.hero { height: auto; min-height: 0; }
.hero__visual { flex: none; width: 100%; height: auto; min-height: 0; aspect-ratio: 1920 / 700; }
.hero__cast { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; transform: none; }
.hero__cast img { inset: auto; height: auto; max-width: none; object-fit: fill; }
.hero__cast img[data-cast="1"] { left: -10.02917%; top: -0.42857%; width: 31.29000%; z-index: 2; }
.hero__cast img[data-cast="2"] { left: -0.77083%; top: -0.85714%; width: 40.97500%; z-index: 1; }
.hero__cast img[data-cast="3"] { left: 18.38542%; top: -0.28571%; width: 31.32500%; z-index: 3; }
.hero__cast img[data-cast="4"] { left: 32.79167%; top: -1.00000%; width: 29.86667%; z-index: 4; }
.hero__cast img[data-cast="5"] { left: 41.25000%; top: -4.71429%; width: 41.02083%; z-index: 5; }
.hero__cast img[data-cast="6"] { left: 60.83333%; top: 0.00000%; width: 31.32500%; z-index: 7; }
.hero__cast img[data-cast="7"] { left: 73.42708%; top: 1.57143%; width: 36.26667%; z-index: 6; }
html:not(.js) .hero__cast img { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .js .hero__cast img { opacity: 1; } }
.monitoring__cards [data-slot="2"] .monitoring__photo { height: 170%; top: -60%; object-position: center bottom; }
.monitoring__cards [data-slot="11"] .monitoring__photo { height: 155%; top: -48%; object-position: center bottom; }

.summary__vector { display: block; width: 100%; height: 100%; overflow: visible; }
.summary__vector-lines { fill: none; stroke: #ff3333; stroke-width: 1; }
.summary__vector-lines path { vector-effect: non-scaling-stroke; }
.summary__vector-text { fill: var(--text); font-family: var(--sans); letter-spacing: .06em; }
.summary__vector--tablet, .summary__vector--mobile { display: none; }
@media (min-width:701px) and (max-width:1199px) {
 .summary__figure { width: min(731px, calc((100% - 32px) * 731 / 923)); }
 .summary__vector--desktop { display: none; }
 .summary__vector--tablet { display: block; }
}
@media (max-width:700px) {
 .summary__vector--desktop { display: none; }
 .summary__vector--mobile { display: block; }
}

/* Product navigation improvements, 16 September 2026. */
.anatomy__viewport { touch-action: pan-x pan-y pinch-zoom; }
.specimen__images { touch-action: pan-y pinch-zoom; cursor: zoom-in; }
.specimen { scroll-margin-top: calc(var(--topline, 48px) + var(--catalog-head, 48px) + 16px); }
.viewer-zoom, .anatomy__product-link { color: var(--text); font: 12px/1.4 var(--mono); text-transform: uppercase; border: 1px solid currentColor; background: var(--paper); cursor: pointer; padding: 10px 14px; }
.viewer-zoom { position: absolute; top: 0; right: 0; z-index: 7; }
@media (min-width: 701px) {
  /* Reserve a toolbar above photos; the viewer is 62.5% of the card content. */
  .specimen__viewer { margin-top: 56px; }
  .viewer-zoom { top: -40px; right: -30%; }
}
.anatomy__product-link { display: block; margin: 12px auto 20px; }
.viewer-zoom:focus-visible, .anatomy__product-link:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.specimen__viewer .viewer-dots { display: flex; bottom: -6px; gap: 0; }
.specimen__viewer .viewer-dots button { position: relative; width: 28px; height: 28px; border: 0; border-radius: 0; background: transparent; }
.specimen__viewer .viewer-dots button::after { content: ''; position: absolute; width: 7px; height: 7px; border: 1px solid var(--text); border-radius: 50%; top: 10px; left: 10px; box-sizing: border-box; }
.specimen__viewer .viewer-dots button.is-active::after { background: var(--red); border-color: var(--red); }
.product-gallery { box-sizing: border-box; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; border: 0; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)); color: #211d19; background: #fffaf0; }
.product-gallery[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 12px; }
.product-gallery::backdrop { background: rgba(0,0,0,.8); }
.product-gallery__bar, .product-gallery__controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; font: 14px/1.4 var(--mono); }
.product-gallery__bar > span { overflow-wrap: anywhere; }
.product-gallery button { flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 8px 14px; background: transparent; border: 1px solid currentColor; color: inherit; font: inherit; cursor: pointer; }
.product-gallery__stage { min-height: 0; display: flex; align-items: center; justify-content: center; touch-action: pan-y pinch-zoom; }
.product-gallery__stage img { width: 100%; height: 100%; object-fit: contain; }
.product-gallery__controls { justify-content: center; }
@media (max-width: 700px) { .viewer-zoom { top: 0; font-size: 10px; padding: 8px; } .product-gallery__bar { font-size: 11px; } }