.library-tools{background:#e9f3e5;padding:22px;border-radius:22px;margin:25px 0}.library-tools label{display:block;font-weight:bold;margin-bottom:10px}.library-tools select{font:inherit;max-width:100%;width:420px;background:white;border:2px solid #b3c9ad;border-radius:13px;padding:12px;color:var(--ink)}.library-tools p{font-size:14px;margin-bottom:0}.story-illustration{display:block;width:100%;height:190px;object-fit:cover}.reader-image{display:block;max-width:100%;width:800px;height:auto;border-radius:20px;margin:25px 0}.library #more-stories{margin-top:25px}.story-info h3{min-height:58px}@media(max-width:760px){.story-illustration{height:210px}.story-info h3{min-height:0}}@media print{.reader-image{max-height:250px;object-fit:contain}}

.story-card{display:flex;flex-direction:column;background:#fffdf6}.story-illustration.story-cover{width:calc(100% - 44px);height:auto;aspect-ratio:2/3;object-fit:contain;margin:22px auto 0;border-radius:4px 12px 12px 4px;box-shadow:5px 8px 18px #234b4b25}.story-info{display:flex;flex-direction:column;flex:1}.story-info .button{margin-top:auto;align-self:flex-start}.story-info .story-author{font-size:14px;color:#66517e;margin:0 0 20px}.reader-author{color:#66517e}.reader-book{max-width:320px;margin:25px 0 35px}.reader-book img{display:block;width:100%;height:auto;border-radius:4px 12px 12px 4px;box-shadow:6px 10px 22px #234b4b2b}.reader-book figcaption{font-size:13px;margin:15px 0 10px}.reader-book a{font-size:14px;font-weight:bold}.reader-book a:focus-visible{outline:3px solid #8052ab;outline-offset:4px}@media(max-width:760px){.story-illustration.story-cover{max-width:310px;width:calc(100% - 44px);height:auto}}