/* Shared reader controls; local saved/recording filters keep their own handlers. */
.app-main .reader-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin:24px 0;font:14px/1.5 'Segoe UI',sans-serif}
.app-main .reader-filters .topic-controls{display:contents}
.app-main .reader-filters label{display:block;flex:1 1 190px;min-width:0;margin:0;font:13px/1.5 'Segoe UI',sans-serif;color:var(--muted)}
.app-main .reader-filters input[type=search],.app-main .reader-filters select{display:block;width:100%;max-width:100%;min-width:0;height:46px;min-height:46px;box-sizing:border-box;margin:7px 0 0;padding:10px 12px;font:16px/1.4 'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:4px}
.app-main .reader-filters button{flex:0 0 auto;min-height:46px;margin:0;padding:10px 18px;font:14px/1.5 'Segoe UI',sans-serif;border-radius:4px}
.app-main .reader-filters>button{order:2}
.app-main .reader-filters .short-only{order:3;display:flex;align-items:center;gap:9px;flex:1 0 100%;min-height:36px;color:var(--ink)}
.app-main .reader-filters .short-only input{display:inline-block;flex:0 0 17px;width:17px;height:17px;margin:0;accent-color:var(--green)}
.app-main .reader-filters> a{font-size:13px;align-self:center}
.app-main .reader-filters[hidden],.app-main .reader-filters button[hidden]{display:none}
@media(max-width:600px){.app-main .reader-filters{gap:14px}.app-main .reader-filters label{flex-basis:100%}.app-main .reader-filters>button{width:100%}.app-main .reader-filters .short-only{order:1}}

.app-main .reader-filter-multiple>details{width:100%;margin:0}
.app-main .reader-filter-multiple .popular-authors label{display:flex;align-items:flex-start;gap:8px;min-height:36px;color:var(--ink)}
.app-main .reader-filter-multiple input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:var(--green)}
.app-main .reader-filter-multiple .toolbar{margin:0}

.app-main a.reader-filter-reset,.app-main #saved-reset,.app-main #recordings-reset{color:var(--green)}
.app-main a.reader-filter-reset:hover{text-decoration:underline;text-underline-offset:3px}
