/* Preserve upstream geometry. Only reading font family and direct prose size change. */
:root{--read-font:var(--sans);--prose-size:16.5px}
html[data-reader-font="song"]{--read-font:var(--serif)}
html[data-reader-size="small"]{--prose-size:15px}
html[data-reader-size="large"]{--prose-size:19px}
article h1,article .chapter h2,article .paragraph{font-family:var(--read-font)}
article .paragraph>p{font-size:var(--prose-size)}
.reader-preferences{position:relative;float:right;margin:0 0 8px 14px;z-index:3;font:12px/1.6 var(--sans);color:var(--muted)}
.reader-preferences summary{cursor:pointer;list-style:none;padding:3px 7px;border:1px solid var(--line);border-radius:3px;background:white}
.reader-preferences summary::-webkit-details-marker{display:none}
.reader-preferences .panel{position:absolute;right:0;top:32px;width:254px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 20px #0001;color:var(--ink)}
.reader-preferences fieldset{border:0;padding:0;margin:0 0 16px;display:flex;gap:6px}
.reader-preferences legend{padding:0;margin-bottom:8px;color:var(--muted)}
.reader-preferences label{position:relative;flex:1;cursor:pointer}.reader-preferences input{position:absolute;opacity:0;width:1px;height:1px}.reader-preferences label span{display:block;padding:6px 8px;text-align:center;border:1px solid var(--line);border-radius:3px}.reader-preferences input:checked+span{background:var(--ink);color:#fff}.reader-preferences input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.reader-preferences .bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.reader-preferences button{font:inherit;border:0;background:none;color:var(--muted);padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.reader-preferences summary:focus-visible,.reader-preferences button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a.feedback-open{display:inline-block;text-decoration:none}
@media(max-width:520px){.reader-preferences{margin-bottom:8px}.reader-preferences .panel{width:min(254px,calc(100vw - 36px))}}
/* The settings entry must not alter the original title's available width. */
.reading-layout>article{position:relative}.reader-preferences{position:absolute;float:none;right:0;top:0;margin:0}
@media(max-width:520px){.reader-preferences{top:-17px}.reader-preferences summary{padding:0 4px;font-size:10px}}

article .node-paragraph, .reading h1, .reading h2, .reading h3, .reading>p{font-family:var(--read-font)}
article .node-paragraph>p,.reading>p{font-size:var(--prose-size)}

.book-hero{position:relative}.book-hero h1,.book-chapter h2,.book-chapter h3,.book-chapter p,.book-standfirst p{font-family:var(--read-font)}.book-chapter p,.book-standfirst p{font-size:var(--prose-size)}
.reading{position:relative}.reading .chapter>p,.reading .reading-intro>p{font-family:var(--read-font);font-size:var(--prose-size)}
