/* Animals roster. Rows grow to fit their three lines: fixed 7vh rows overlapped
   on short windows. On TV-sized screens the names and details read from across
   the room. */
.animals-screen .animal-roster{grid-auto-rows:auto;align-content:start}
.animals-screen .journal-panel-heading .journal-small{margin-left:auto}
@media(min-width:701px){
 .animals-screen .journal-summary{font-size:clamp(12px,2.1vh,16px)}
 .animals-screen .roster-member strong{font-size:clamp(13px,2.3vh,18px)}
 .animals-screen .roster-member span{font-size:clamp(11px,1.8vh,14px)}
 .animals-screen .roster-member small{font-size:clamp(10px,1.7vh,13px)}
}