/* Page-owned article illustrations alternate without cropping the supplied diagram. */
body[data-page="cosd"] .cosd-article-gallery { aspect-ratio: 1020 / 1380; }
body[data-page="cosd"] .cosd-article-gallery img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity var(--hero-crossfade-duration) var(--hero-crossfade-ease); }
body[data-page="cosd"] .cosd-article-gallery img.is-active { opacity: 1; }
body[data-page="cosd"] .cosd-article-gallery:hover img { transform: none; }
@media (prefers-reduced-motion: reduce) { body[data-page="cosd"] .cosd-article-gallery img { transition: none; } }

/* Reuse canonical white-dot pagination; this gallery owns placement only. */
.cosd-article-gallery__dots { position: absolute; bottom: var(--space-5); left: 50%; transform: translateX(-50%); z-index: 3; }