.fable-collection,.fable-reader{max-width:1120px;margin:0 auto;padding:40px 28px 70px;color:var(--ink)}
.fable-collection h1,.fable-reader h1{font:400 clamp(2.2rem,5vw,3.8rem)/1.12 Georgia,serif;margin:14px 0 24px;letter-spacing:-.035em}.fable-intro{font-size:1.2rem}.fable-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.fable-cards article{min-width:0}.fable-cards h2{font:400 1.65rem/1.2 Georgia,serif}.fable-cards p{line-height:1.65}.fable-art{overflow:hidden;aspect-ratio:1/2;position:relative;background:#d4c2a1}.fable-art img{display:block;width:300%;max-width:none;height:100%;object-fit:fill}.panel-1 img{transform:translateX(-33.333333%)}.panel-2 img{transform:translateX(-66.666667%)}.fable-card-art{display:block}.fable-card-art .fable-art{max-height:410px;aspect-ratio:auto}.fable-card-art img{height:auto;margin-top:-14%}.fable-credit,figcaption,.fable-listen small{font-size:.8rem;line-height:1.5;opacity:.8}.fable-credit{margin-top:36px}.fable-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:52px;margin-top:32px}.fable-layout figure{margin:0}.fable-layout figcaption{margin-top:10px}.fable-prose{font:400 1.15rem/1.9 Georgia,serif}.fable-prose p{margin:0 0 1.3em}.fable-listen{padding:16px 0 25px}.fable-listen label{display:block;font-size:.9rem;margin-bottom:10px}.fable-listen audio{display:block;width:100%;margin-bottom:8px}.fable-listen #fable-audio-status:empty{display:none}.fable-ending{text-align:center;margin:34px 0;font-size:1.8rem;color:var(--accent)}.fable-after details{border-top:1px solid var(--line,#aaa);padding:18px 0;line-height:1.7}.fable-after summary{cursor:pointer;font-size:1rem}.fable-after h2{font:400 1.5rem Georgia,serif}.fable-next{display:inline-block;margin:0 0 25px}.fable-sources{font-size:.85rem}.fable-invitation{padding:30px;margin:24px 0;border:1px solid var(--line,#aaa);border-radius:12px}.fable-invitation h2{font:400 2rem Georgia,serif}.fable-invitation p{max-width:60ch;line-height:1.6}.fable-reader a,.fable-collection a,.fable-invitation a{color:inherit;text-underline-offset:4px}.fable-reader :focus-visible,.fable-collection :focus-visible{outline:3px solid var(--accent,#925232);outline-offset:5px}
@media(max-width:700px){.fable-layout{grid-template-columns:1fr;gap:24px}.fable-layout figure{max-width:260px;margin:auto;width:100%}.fable-layout .fable-art{max-height:350px;aspect-ratio:auto}.fable-layout .fable-art img{height:auto;margin-top:-22%}.fable-cards{grid-template-columns:1fr;gap:40px}.fable-card-art .fable-art{max-height:300px}.fable-card-art img{margin-top:-50%}.fable-reader,.fable-collection{padding:24px 18px 50px}}