/* v.1187 — final canonical strip layer */
#doc2026Thumbs,.doc2026__thumbs,.viewer4__thumbs,.viewer2026-overlay__thumbs{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:10px!important;column-gap:10px!important;row-gap:0!important;
}
.doc2026__thumb,.viewer4__thumb,.viewer2026-overlay__thumb{
  box-sizing:content-box!important;flex:0 0 auto!important;padding:5px!important;margin:0!important;
  border-radius:0!important;background:transparent!important;background-color:transparent!important;
  background-image:none!important;box-shadow:none!important;
}
.doc2026__thumb>img,.doc2026__thumb>canvas,.viewer4__thumb>img,.viewer4__thumb>canvas,
.viewer2026-overlay__thumb>img,.viewer2026-overlay__thumb>canvas{
  display:block!important;margin:0!important;padding:0!important;border-radius:0!important;
}
/* Explicitly disable the two page-specific fullscreen sizing systems. */
body.documentation-page .viewer4.open .viewer4__thumb,
body.news-viewer-expanded .viewer4.open .viewer4__thumb{
  --documentation-thumb-height:112px!important;--news-thumb-height:112px!important;
}
body.documentation-page .viewer4.open .viewer4__thumb.landscape,
body.news-viewer-expanded .viewer4.open .viewer4__thumb.landscape{
  flex:0 0 auto!important;min-width:0!important;max-width:none!important;
}


/* v.1188 — fullscreen card must visually equal ordinary documentation card. */
.viewer4__thumb,
.viewer2026-overlay__thumb {
  color: inherit !important;
}

/* Same caption block as ordinary documentation thumbnails. */
.viewer4__thumb .doc2026__thumb-caption,
.viewer4__thumb > span,
.viewer2026-overlay__thumb .doc2026__thumb-caption,
.viewer2026-overlay__thumb > span {
  display: block !important;
  width: 100% !important;
  margin-top: 8px !important;
  overflow: hidden !important;
  color: #075c64 !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Exact active state copied from ordinary documentation strip. */
.doc2026__thumb.active,
.doc2026__thumb[aria-current="true"],
.viewer4__thumb.active,
.viewer4__thumb.is-active,
.viewer4__thumb[aria-current="true"],
.viewer2026-overlay__thumb.active,
.viewer2026-overlay__thumb[aria-current="true"] {
  border: 2px solid #d7193f !important;
  outline: 3px solid #9c27b0 !important;
  outline-offset: -1px !important;
  background: linear-gradient(
      145deg,
      rgba(215,25,63,.12),
      rgba(156,39,176,.18)
  ) !important;
  box-shadow:
      0 0 0 2px rgba(255,255,255,.85),
      0 0 0 5px rgba(156,39,176,.34),
      0 10px 24px rgba(121,25,125,.28) !important;
  border-radius: 0 !important;
}


/* v.1189 — strip midpoint follows active-document midpoint on desktop only. */
@media (min-width: 901px) {
  #doc2026Thumbs,
  .doc2026__thumbs,
  .viewer4__thumbs,
  .viewer2026-overlay__thumbs {
    position: relative !important;
    will-change: transform !important;
  }
}

/* Small screens keep natural scroll positioning; no center correction. */
@media (max-width: 900px) {
  #doc2026Thumbs,
  .doc2026__thumbs,
  .viewer4__thumbs,
  .viewer2026-overlay__thumbs {
    transform: none !important;
    left: auto !important;
    right: auto !important;
  }
}


/* v.1190 — center thumbnail CONTENT, never translate the strip container. */
@media (min-width: 901px) {
  #doc2026Thumbs,
  .doc2026__thumbs,
  .viewer4__thumbs,
  .viewer2026-overlay__thumbs {
    transform: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 900px) {
  #doc2026Thumbs,
  .doc2026__thumbs,
  .viewer4__thumbs,
  .viewer2026-overlay__thumbs {
    transform: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* v.1191 — partially clipped thumbnails are not rendered.
   JS marks any card that is not fully inside the visible horizontal strip. */
.doc2026__thumb[data-canonical-partial="1"],
.viewer4__thumb[data-canonical-partial="1"],
.viewer2026-overlay__thumb[data-canonical-partial="1"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}