/* Readable prose and bounded feedback within the established visual system. */
html[lang="en"] body:not(.positioning-home) .hero .intro{font-family:system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.75;max-width:58ch}
.positioning-home .play-grid article>p{font-size:14px;line-height:1.85}.positioning-home .mini-demo .mini-caption{font-size:13px;line-height:1.75}
.positioning-home #season-motion{min-height:44px}.positioning-home .season-arrows button{min-width:44px;min-height:44px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad5139;outline-offset:4px}
button:disabled{cursor:default;opacity:.65}
@media(hover:hover) and (pointer:fine){.positioning-home .mini-demo button{transition:background-color 150ms ease,color 150ms ease}.positioning-home .poem-card img{transition:filter 180ms ease}.positioning-home .poem-card:hover img{filter:brightness(1.04)}}
.pdf-preview[open]{animation:pb-dialog-in 180ms ease-out}.relay.revealed .rest{animation:pb-line-in 180ms ease-out}
@keyframes pb-dialog-in{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pb-line-in{from{opacity:.3}to{opacity:1}}
.motion-off .pdf-preview[open],.motion-off .relay.revealed .rest{animation:none}
@media(max-width:760px){html[lang="en"] body:not(.positioning-home) .hero .intro{font-size:17px;line-height:1.7}.positioning-home .play-grid article>p{min-height:0}.positioning-home .mini-demo .mini-caption{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.pdf-preview[open],.relay.revealed .rest{animation:none!important}.positioning-home .poem-card img,.positioning-home .mini-demo button{transition:none!important}}
