/* Loaded after the theme so compact controls also work on short screens. */
#reader .reader-header{flex-shrink:0;gap:10px}
#reader .reader-controls-toggle{flex:0 0 auto;white-space:nowrap;min-height:34px;padding:6px 10px;border:1px solid var(--line,#cbdccc);border-radius:7px;background:var(--green-light,#edf4ef);color:var(--text,#2b4935);font-size:13px;cursor:pointer}
#reader .reader-controls-toggle:focus-visible{outline:2px solid var(--green,#3e805b);outline-offset:2px}
#reader.reader-controls-collapsed .reader-header{min-height:44px;height:44px;padding:4px 10px;flex-wrap:nowrap}
#reader.reader-controls-collapsed .reader-heading small,
#reader.reader-controls-collapsed .reader-header-actions,
#reader.reader-controls-collapsed #reader-info,
#reader.reader-controls-collapsed .pdf-toolbar,
#reader.reader-controls-collapsed .annotation-toolbar,
#reader.reader-controls-collapsed .reader-hint{display:none!important}
#reader.reader-controls-collapsed .reader-heading h1{margin:0;font-size:14px;line-height:1.4}
#reader.reader-controls-collapsed .reader-back{padding:6px 10px;min-height:34px}
@media(max-width:1100px){
  #reader:not(.reader-controls-collapsed) .reader-header{flex-wrap:wrap}
  #reader:not(.reader-controls-collapsed) .reader-header-actions{order:3;flex-basis:100%;flex-wrap:wrap}
  #reader .reader-heading{flex:1;min-width:0}
}
@media(max-width:480px){
  #reader.reader-controls-collapsed .reader-heading{display:none}
  #reader.reader-controls-collapsed .reader-controls-toggle{margin-left:auto}
}