/* Keep educational images complete; never crop anatomy to fit a card. */
main a.image-zoom { display:block; position:relative; color:inherit; cursor:zoom-in; border:0; text-decoration:none; max-width:100%; }
main a.image-zoom img { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; margin:0; float:none; }
main a.image-zoom:focus-visible { outline:3px solid #078779; outline-offset:4px; }
.image-zoom-label { position:absolute; top:9px; right:9px; padding:5px 9px; border-radius:20px; background:rgba(255,255,255,.94); box-shadow:0 1px 8px #15374b19; color:#183e50; font:600 11px/1.4 system-ui,sans-serif; pointer-events:none; }
main .image-credit { display:block; margin:7px 0 0; color:#536b77; font:500 11px/1.5 system-ui,sans-serif; }
main .image-caption-note { display:block; margin:8px 0; font-size:.78rem; line-height:1.5; color:#536b77; }
.gland-card-image { aspect-ratio:auto; }
.gland-card-image a.image-zoom img { aspect-ratio:3/2; object-fit:contain; }
.gland-card-image .image-credit { padding:0 12px 8px; margin:0; }
.gland-card-image.image-needs-credit::after { content:none; }
.hero-image .image-caption-note { position:relative; padding:0 8px; }
html.image-viewer-open { overflow:hidden; }
.image-viewer { padding:0; border:1px solid #bdd4dd; border-radius:15px; width:calc(100vw - 32px); max-width:1600px; height:calc(100vh - 32px); height:calc(100dvh - 32px); max-height:none; background:#fff; color:#173849; box-shadow:0 20px 90px #001f3a66; }
.image-viewer::backdrop { background:rgba(10,29,42,.8); }
.image-viewer:not([open]) { display:none; }
.image-viewer-shell { display:flex; flex-direction:column; height:100%; min-height:0; }
.image-viewer-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:12px 18px; border-bottom:1px solid #dce8ed; flex-shrink:0; }
.image-viewer h2 { font:700 16px/1.3 system-ui,sans-serif; margin:0; }
.image-viewer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.image-viewer-actions button,.image-viewer-actions a { appearance:none; font:600 13px/1.35 system-ui,sans-serif; border:1px solid #c9dce3; border-radius:8px; background:#f3f8fa; color:#173849; padding:10px 13px; cursor:pointer; text-decoration:none; min-height:44px; }
.image-viewer-actions [data-image-close] { color:#fff; background:#126b64; border-color:#126b64; }
.image-viewer-actions button:disabled { opacity:.5; cursor:default; }
.image-viewer :focus-visible { outline:3px solid #078779; outline-offset:2px; }
.image-viewer-stage { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; padding:10px; background:#f7fafc; }
.image-viewer-stage img { display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; margin:0; }
.image-viewer-natural .image-viewer-stage img { width:var(--image-native-width); height:auto; object-fit:initial; margin:0 auto; }
.image-viewer-info { flex-shrink:0; padding:10px 18px; max-height:25%; overflow:auto; border-top:1px solid #dce8ed; font:400 13px/1.5 system-ui,sans-serif; }
.image-viewer-info p { margin:0 0 3px; }
.image-viewer-info [data-image-credit] { color:#506774; font-size:12px; }
.image-viewer-info [data-image-status] { color:#506774; font-size:11px; }
@media(max-width:600px) { .image-viewer { width:calc(100vw - 12px); height:calc(100vh - 12px); height:calc(100dvh - 12px); border-radius:10px; } .image-viewer-toolbar { padding:10px; gap:6px; } .image-viewer-actions { gap:5px; } .image-viewer-actions button,.image-viewer-actions a { padding:8px; font-size:12px; } .image-viewer-info { padding:8px 12px; } }
@media print { .image-viewer,.image-zoom-label { display:none!important; } }