ul.bookcards{list-style:none;max-width:90%;margin:0 auto;padding-left:var(--space);padding-right:var(--space);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space_half)}li.bookcard{display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--black);border-bottom:3px solid var(--orange);position:relative;max-width:calc(var(--measure) / var(--ratio) / var(--ratio))}.bookcard_img{order:-1;height:30rem}@media screen and (min-width:38em){.bookcard_img{height:40rem}}.bookcard_img img{width:100%;height:auto;object-fit:cover}.bookcard a{color:var(--primaryblue);text-decoration:underline}.bookcard a:focus{text-decoration:underline}.bookcard a:hover{color:var(--mediumblue)}.bookcard:focus-within{box-shadow:4px 2px 6px var(--exdarkgray)}.moreinfo{width:100%;text-align:center;word-break:break-word;background-color:var(--white);font-size:calc(var(--smallfont) / var(--ratio));flex-grow:1;margin:0 auto;margin-top:auto;z-index:1;position:absolute;bottom:0}.bookcard_text{background-color:var(--white);overflow-y:hidden;position:absolute;width:100%;top:0;max-height:30rem;height:30rem;display:block;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0,1,0.5,1)}.bookcard_text.hide{max-height:0;padding:0;top:100%;visibility:hidden}.bookcard_text{display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:var(--smallfont)}.bookcard_text p.bookcard_text_title{font-size:calc(var(--baseline) / var(--ratio))}.moreinfo button{width:100%;padding:var(--space_half);font-size:calc(var(--smallfont) / var(--ratio));margin-left:auto;display:block;background-color:var(--white);border:0;text-decoration:underline;color:var(--primaryblue)}.moreinfo button:focus{outline:auto;outline-color:var(--orange_lightgray)}