.reading-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.55rem; padding:.4rem 0 .6rem; }
.reading-tools button, .search-clear { font:inherit; font-size:.9rem; color:#ead9b2; background:#17110c; border:1px solid #9c7740; padding:.6rem .8rem; cursor:pointer; }
.reading-tools button:hover, .search-clear:hover { background:#2b1c11; }
.reading-tools button:focus-visible, .search-clear:focus-visible, .work-search input:focus-visible { outline:2px solid #f1dfb9; outline-offset:3px; }
.reading-tools__status { font-size:.875rem; color:#c6ab7f; }
.reading-tools input { width:min(100%,40rem); padding:.6rem; font:inherit; color:#ead9b2; background:#17110c; border:1px solid #9c7740; }
.reader-shell:has(.reading-tools) .reader-page { height:calc(100vh - 12rem); }
.work-search { margin:1.5rem 0; padding:1.2rem; border:1px solid #9c7740; background:#100b07; }
.work-search label { display:block; margin-bottom:.6rem; color:#f1dfb9; }
.work-search__controls { display:flex; gap:.6rem; }
.work-search input { flex:1; min-width:0; font:inherit; font-size:1rem; padding:.7rem; color:#f1dfb9; background:#070504; border:1px solid #9c7740; }
.work-search p { margin:.75rem 0 0; font-size:.9rem; }
.work-continue { display:block; margin:1rem 0; overflow-wrap:anywhere; }
@media(max-width:700px) { .reading-tools { padding:.5rem .4rem; } .reading-tools__status { flex-basis:100%; } .reader-shell:has(.reading-tools) .reader-page { height:calc(100svh - 15rem); } }