.prose .reader-related{margin:1.8rem 0;padding:1rem 1.2rem;border-left:4px solid #738b2c;background:#eef2e7;display:grid;gap:.4rem;font-size:1rem;line-height:1.45}
.reader-related>span{color:#526040;font-size:.78rem;font-weight:700}
.prose .reader-related a{color:#18221d;font-weight:750;text-decoration:none}
.prose .reader-related a:hover{text-decoration:underline}
.reader-next{margin:3rem 0 2rem;padding:1.6rem 0;border-top:3px solid #738b2c;display:grid;gap:.8rem}
.reader-next>span{font-size:.85rem;font-weight:700;color:#526040}
.reader-next-link{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:750;line-height:1.25;color:#18221d;text-decoration:none;max-width:36ch}
.reader-controls:not([hidden]){display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.reader-controls label{display:flex;align-items:center;gap:.45rem;font-size:.9rem;min-height:44px}
.reader-controls input{width:18px;height:18px;accent-color:#526c23}
.reader-controls [role=status]{flex-basis:100%;margin:0;font-size:.9rem;color:#526040}
.reader-controls [role=status]:empty{display:none}
.reader-controls button{min-height:44px}
.reader-next a:focus-visible,.reader-related a:focus-visible,.reader-controls input:focus-visible{outline:3px solid #738b2c;outline-offset:4px}
.reader-appended{margin-top:2rem;padding-top:2rem;border-top:1px solid #ccd5c2;scroll-margin-top:2rem}
.reader-next[aria-busy=true]{opacity:.75}
@media(max-width:600px){.prose .reader-related{padding:.9rem;margin:1.4rem 0}.reader-controls{align-items:flex-start}.reader-controls label{flex-basis:100%}}