/* User-approved cropped previews only. Article images and the viewer stay complete. */
#andere-hormoonorganen .endo-organ-grid { gap: 22px; align-items: stretch; }
#andere-hormoonorganen .endo-organ-card--visual { padding: 0; gap: 0; min-width: 0; overflow: hidden; background: #fff; }
#andere-hormoonorganen .endo-organ-card--visual:hover { background: #fff; border-color: #77a99b; }
.endo-organ-card--visual figure { margin: 0; border: 0; background: #f1f7f8; }
.endo-organ-card--visual .organ-preview { border-bottom: 1px solid #dce8e5; overflow: hidden; }
main .endo-organ-card--visual a.organ-preview img { width: 100%; height: auto; aspect-ratio: 7 / 4; object-fit: cover; object-position: 50% var(--organ-position,50%); }
.endo-organ-card--visual .organ-credit { position: absolute; right: 8px; bottom: 8px; padding: 3px 7px; border-radius: 4px; background: rgba(24,61,72,.86); color: #fff; font: 500 10px/1.45 system-ui,sans-serif; pointer-events: none; }
.endo-organ-card--visual .organ-figure-caption { margin: 0; padding: 6px 18px; color: #60747b; font-size: .69rem; line-height: 1.4; background: #f5f9f8; }
.endo-organ-card--visual .organ-copy { display: flex; flex: 1; flex-direction: column; padding: 18px 20px 20px; color: #163f4a; text-decoration: none; border: 0; }
.endo-organ-card--visual .organ-copy h3 { margin: 0 0 8px; font-size: 1.18rem; line-height: 1.35; }
.endo-organ-card--visual .organ-copy p { margin: 0 0 16px; color: #455f69; font-size: .91rem; line-height: 1.6; }
.endo-organ-card--visual .organ-copy .organ-more { margin-top: auto; color: #276b5b; font-size: .81rem; font-weight: 700; }
.endo-organ-card--visual .organ-copy:hover { background: #f2f8f5; }
.endo-organ-card--visual a:focus-visible { outline: 3px solid #256d83; outline-offset: -4px; }
@media(max-width:700px) { #andere-hormoonorganen .endo-organ-grid { gap: 20px; } }
@media print { main .endo-organ-card--visual a.organ-preview img { aspect-ratio: auto; object-fit: contain; } }
.endo-route-basics { margin: 0 0 24px; }
.endo-route-basics > a { max-width: 620px; }
/* The older generic span rule overrode the number's centering. */
.topic-route-card > .topic-route-number { display: grid; grid-column: 1; place-items: center; }