/* Phase 4 additions only: retain the established header/reader grid and PDF layout. */
.header .search-box .search-clear{flex:0 0 28px;width:28px;height:30px;padding:0;border:0;background:transparent;color:#766b61;font-size:21px;line-height:1;cursor:pointer}
.header .search-box .search-clear[hidden]{display:none}
.header .search-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.reader-search-status{min-width:0;max-width:100%;padding-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#dac4b1}
.reader-search-status[hidden]{display:block;visibility:hidden}
#page-stage{position:relative}
#catalog-page-canvas[hidden]{display:none}
.search-empty-state{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:14px;padding:30px;text-align:center;background:#29231e;color:#e0cdbc}
.search-empty-state[hidden]{display:none}
.search-empty-state p{max-width:550px;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:0}
.search-empty-state button{padding:8px 18px;border:1px solid #9a806b;background:transparent;color:#e0cdbc;font:inherit;font-size:12px;cursor:pointer}
#catalog-reader[data-sequence-mode="FILTERED"][data-sequence-length="0"] #page-stage figure{visibility:hidden}
.search-clear:focus-visible,.search-empty-state button:focus-visible{outline:2px solid #9a6f4f;outline-offset:2px}
@media(max-width:800px){.offline-page-turn>header:has(.reader-search-status:not([hidden])){grid-template-columns:minmax(0,1fr) auto}.offline-page-turn>header:has(.reader-search-status:not([hidden]))>div:nth-child(2){display:none}.reader-search-status{font-size:11px;padding-right:4px}.search-empty-state{padding:22px}}