/* Progressive enhancement: media remain visible and usable without JavaScript. */
.animal-detail>div{min-width:0}.fw-media{margin-top:18px;min-width:0}.fw-media [hidden]{display:none!important}.fw-media-slide{margin:0 0 22px}.fw-media.is-enhanced .fw-media-slide{margin:0}.fw-media-frame{background:#eceee5;border:1px solid var(--line);border-radius:5px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.fw-media-frame>a{display:block;width:100%;height:100%;min-height:0;touch-action:pan-y pinch-zoom}.fw-media-frame img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.fw-media-frame video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#111c17}.fw-media-slide figcaption{font-size:.85rem;color:var(--muted);padding-top:8px;overflow-wrap:anywhere}.fw-video-fallback{font-size:.8rem;padding-top:6px}.fw-video-fallback a{text-decoration:underline;text-underline-offset:3px}.fw-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.fw-media-navigation{display:flex;align-items:center;gap:8px}.fw-media-toolbar button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--paper);color:var(--green);border:1px solid var(--line);border-radius:4px;padding:7px 12px;line-height:1.2}.fw-media-toolbar button:hover{background:var(--cream);border-color:var(--green)}.fw-media-count{min-width:52px;text-align:center;font-variant-numeric:tabular-nums;font-size:.9rem}.fw-media-expand{font-size:.85rem;gap:6px}.fw-media-thumbs{display:flex;gap:8px;overflow-x:auto;padding:6px 3px 12px;scrollbar-width:thin;overscroll-behavior-x:contain}.fw-media-thumbs button{flex:0 0 76px;width:76px;height:68px;padding:3px;background:var(--paper);color:var(--green);border:2px solid transparent;border-radius:4px}.fw-media-thumbs button[aria-current=true]{border-color:var(--green);background:var(--cream)}.fw-media-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:1px}.fw-media-video-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#e2e8dc;line-height:1.3;font-size:19px}.fw-media-video-thumb small{font-size:10px;margin-top:3px}.fw-media-hint{font-size:.78rem;color:var(--muted);margin-top:2px}.fw-media-dialog{width:min(1200px,94vw);max-width:100vw;max-height:94vh;max-height:94dvh;border:0;border-radius:7px;padding:16px 20px;background:var(--paper);color:var(--ink);overflow:auto}.fw-media-dialog::backdrop{background:rgba(9,23,18,.88)}.fw-media-dialog .fw-media{margin:0}.fw-media-dialog .fw-media-frame{aspect-ratio:auto;height:min(65vh,760px);height:min(65dvh,760px)}.fw-media-dialog .fw-media-toolbar{position:sticky;bottom:0;background:var(--paper);z-index:1;padding:5px 0}.fw-media-dialog .fw-media-hint{display:none}.fw-media a:focus-visible,.fw-media button:focus-visible{outline-offset:1px}@media(max-width:650px){.fw-media-dialog{width:100%;max-height:100vh;max-height:100dvh;border-radius:0;padding:12px 10px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.fw-media-dialog .fw-media-frame{height:60vh;height:60dvh}.fw-media-thumbs button{flex-basis:66px;width:66px;height:60px}.fw-media-navigation{gap:4px}}
/* Keep full-size media inside a definite viewport, including after dialog moves. */
.fw-media-frame{position:relative}.fw-media-frame>a,.fw-media-frame>video{position:absolute;inset:0;width:100%;height:100%}