/* Shared phone ergonomics for the four readers; source pages and access/redaction unchanged. */
@media(max-width:800px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body.book-reader{min-height:0;height:100dvh}
  .book-reader .reader-header{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-top:max(10px,env(safe-area-inset-top));gap:12px}
  .book-reader .reader-header>div{min-width:0}.book-reader .reader-back{flex-shrink:0;min-height:44px;font-size:12px}
  .book-reader .reader-header h1{font-size:14px;line-height:1.4}.book-reader .reader-header h1 span{font-size:9px;line-height:1.5}
  .book-reader .reader-header p{font-size:10px;line-height:1.5}
  .book-reader .reader-tools{padding-inline:max(14px,env(safe-area-inset-left));align-items:stretch;min-width:0;flex-wrap:wrap}
  .book-reader .reader-tools .chapter-picker{width:100%;max-width:none;min-width:0;font-size:11px;line-height:1.5}
  .book-reader .reader-tools select,.book-reader #book-detail,.book-reader #book-page-number{font-size:16px!important;min-height:44px;border-radius:0;min-width:0}
  .book-reader .reader-view-tools{width:100%;gap:8px;min-width:0}
  .book-reader .reader-view-tools button{min-height:44px!important;font-size:12px!important;line-height:1.4;padding:9px 11px}
  .book-reader :is(.zoom-picker,.language-picker){font-size:11px;min-width:0}
  .book-reader :is(.zoom-picker,.language-picker)>span{font-size:10px;line-height:1.5}
  .book-reader .reader-view-tools .zoom-picker{min-width:0}
  .book-reader .reader-bottom{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom));max-height:32dvh;overflow-y:auto;overscroll-behavior:contain}
  .book-reader .reader-pagination{gap:8px;flex-wrap:wrap;align-items:center}
  .book-reader .reader-pagination>button{width:44px;height:44px;min-width:44px;min-height:44px}
  .book-reader #book-page-form{min-height:44px}.book-reader #book-page-number{width:54px}
  .book-reader #book-page-label{font-size:10px;line-height:1.5;max-width:115px;overflow-wrap:anywhere}
  .book-reader .reader-hint{font-size:11px!important;line-height:1.6}
  .book-reader .reader-disclaimer{font-size:10px!important;line-height:1.6!important}
  .book-reader .reader-text{padding:25px 22px}.book-reader .reader-text p{font-size:17px;line-height:1.75}
  .book-reader .reader-text h2{font-size:23px;line-height:1.4}
  .book-reader .reader-text .transcription-note{font-size:12px;line-height:1.6}
  .book-reader .reader-viewport{min-height:0;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
}
@media(max-width:360px){
  .book-reader .reader-view-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .book-reader .reader-view-tools .zoom-picker{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;align-items:stretch;justify-content:center;gap:4px}
  .book-reader .zoom-picker select{width:100%}
  .book-reader #book-page-label{max-width:90px;font-size:10px}
  .book-reader .reader-header h1{font-size:12px}.book-reader .reader-header h1 span{font-size:8px}
  .book-reader .reader-back{font-size:11px}
}
@media(max-height:520px) and (orientation:landscape){
  body.book-reader{min-height:0;height:100dvh}
  .book-reader .reader-header{padding-block:3px}.book-reader .reader-header p{display:none}
  .book-reader .reader-header h1 span{display:inline;margin-left:8px}
  .book-reader .reader-tools{flex-wrap:nowrap;padding-block:5px;align-items:end;gap:10px}
  .book-reader .reader-tools .chapter-picker{width:38%;max-width:320px;flex-shrink:0;font-size:10px}
  .book-reader .reader-view-tools{display:flex;flex-wrap:nowrap;align-items:end;justify-content:flex-end;width:auto;flex:1;gap:8px}
  .book-reader .reader-view-tools .zoom-picker,.book-reader .language-picker{display:flex;flex-direction:column;gap:3px;min-width:0;grid-column:auto;grid-row:auto}
  .book-reader #book-motion{display:none}
  .book-reader .zoom-picker select{width:95px}.book-reader .reader-view-tools button{white-space:nowrap}
  .book-reader .reader-hint{display:none}
  .book-reader .reader-bottom{max-height:24dvh;padding-block:5px}
  .book-reader .reader-viewport{padding-block:10px}
}