/* Shared reader controls live in the page header, outside content tools. */
.reader-settings{position:relative;flex-shrink:0;font:14px/1.5 system-ui,sans-serif;color:var(--ink)}
.reader-settings>summary{padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:4px;background:var(--paper);white-space:nowrap}
.reader-settings-panel{position:absolute;right:0;top:100%;z-index:70;width:min(340px,calc(100vw - 32px));padding:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 20px #0002;text-align:left}
.reader-settings-panel p{margin:8px 0;font-size:14px}.reader-settings-panel select{margin:6px 0 12px;min-height:44px}.reader-settings-panel label{font-weight:700}
html[data-motion=off],html[data-motion=off] *{scroll-behavior:auto!important}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important}
@media(max-width:800px){body>header,.epstein-page>header{flex-wrap:wrap;gap:12px}.header-tools{flex-wrap:wrap;gap:10px}.reader-settings-panel{position:fixed;top:auto;right:16px;max-height:70vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

html[data-motion=gentle] #workspace-nav{transition-duration:120ms}
@media print{.reader-settings{display:none}}