/* Incremental reader controls; original PDF canvas and page layout are untouched. */
.header .space-nav-group{display:flex;align-self:stretch;align-items:stretch;flex:0 0 auto}
.header .space-nav-group:first-child{margin-left:auto}.header .space-nav-group:last-child{margin-right:auto}
.header .space-nav-group .space-nav-item{margin:0;padding:0 13px}
.header .space-nav-item[aria-expanded=true]{background:#e9dfd4;color:#493629}
.header .space-nav-item:focus-visible{outline:2px solid #9a6f4f;outline-offset:-3px}
.space-directory{position:fixed;z-index:60;overflow-y:auto;overscroll-behavior:contain;padding:10px 16px 14px;background:#fbf9f4;color:#473c32;border:1px solid #d8cabb;box-shadow:0 14px 38px #211d1a38;border-radius:3px;scrollbar-width:thin}
.space-directory[hidden]{display:none}
.space-directory>header{display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.04em;color:#8d7762;border-bottom:1px solid #e1d8ce;margin-bottom:8px;padding-bottom:7px}
.space-directory button{display:block;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;line-height:1.5;padding:10px 8px;font:inherit;font-size:13px}
.space-directory>button{width:100%}
.space-directory .directory-enter{font-size:11px;color:#8d7762;border-bottom:1px solid #e1d8ce;margin-bottom:5px;padding:8px}
.space-directory button:hover,.space-directory button:focus-visible{background:#efe6dc;color:#63472f;outline:1px solid #b69477}
.space-directory .directory-close{font-size:22px;line-height:1;padding:4px 8px}
.directory-group{padding:4px 0 8px;border-bottom:1px solid #e5ddd5}
.directory-group:last-child{border-bottom:0}
.directory-group>button{font-weight:600;width:100%}
.directory-group>div{display:flex;flex-wrap:wrap;padding-left:6px;gap:0 6px}
.directory-group>div button{font-size:12px;color:#88715f;padding:7px 10px}
.reader-context{min-width:0;text-align:left!important}
#page-breadcrumb{display:flex;flex-direction:column;gap:4px;min-width:0;max-height:60px;overflow:auto;scrollbar-width:thin;font-size:12px;line-height:1.5;color:#ecddd0;overscroll-behavior:contain}
.breadcrumb-trail{display:block;white-space:nowrap}
.breadcrumb-trail i{font-style:normal;color:#aa8e78;padding:0 7px}
.breadcrumb-trail small{font-size:10px!important;letter-spacing:0!important;padding-right:8px}
.breadcrumb-note{font-size:10px;color:#cdbba8;white-space:nowrap}
.reader-context .reader-search-status{font-size:10px;margin-top:4px}
.reader-context .reader-search-status[hidden]{display:none}
.reading-progress{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:0;padding:0 12px}
#reading-progress{width:100%;min-width:0;height:24px;margin:0;accent-color:#c8a582;cursor:pointer;touch-action:pan-y}
#reading-progress:disabled{opacity:.3;cursor:default}
#reading-progress:focus-visible{outline:1px solid #d9bb9a;outline-offset:3px}
.reading-progress #page-label{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:1000px){
  .offline-page-turn>header{grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .offline-page-turn>header>div:nth-child(2){display:none}
}
@media(max-width:800px){
  .offline-page-turn{grid-template-rows:78px minmax(0,1fr) 54px 22px}
  .offline-page-turn>header{height:78px}
  #page-breadcrumb{font-size:11px;max-height:52px}
  .offline-page-controls{height:54px;grid-template-columns:auto minmax(0,1fr) auto;gap:3px}
  .offline-page-controls button{padding:0 9px;font-size:11px}
  .reading-progress{padding:0 6px}
  .reading-progress #page-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){#catalog-page-canvas{animation:none!important;transition:none!important}}