/* ---- v9: iPhone landscape. Short height => one slim chrome row, fit-width reading ---- */
@media (orientation:landscape) and (max-height:500px){
  .rbar{min-height:0;padding:1px max(6px,env(safe-area-inset-right)) 1px max(6px,env(safe-area-inset-left));gap:2px}
  .rbar button.icon{min-width:40px;min-height:36px;width:40px}
  .rbar .title{max-width:38vw}
  #rTitle{font-size:13px;line-height:1.15}#rChapter{font-size:10.5px;line-height:1.1}
  .pomopill.inbar{min-height:28px;padding:1px 8px 1px 3px;margin:0}
  .rfoot{position:absolute;top:0;right:0;bottom:auto;left:auto;z-index:11;flex-direction:row;align-items:center;gap:0;
    padding:1px max(6px,env(safe-area-inset-right)) 1px 0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .progrow,.footrow{display:none}
  .pbtn{min-width:42px;min-height:36px;padding:0 2px;justify-content:center}
  .pbtn small,.pbtn .badge{display:none}
  .pbtn svg{width:20px;height:20px}.pbtn .aa{font-size:15px;line-height:1}
  #pdfView{padding:42px max(2px,env(safe-area-inset-right)) 6px max(2px,env(safe-area-inset-left))}
  #reader.chromeless #pdfView{padding-top:6px}
  #epubView,#reader.chromeless #epubView,#reader.deep #epubView{inset:42px max(2px,env(safe-area-inset-right)) 4px max(2px,env(safe-area-inset-left))}
  #reader.chromeless #epubView{inset:4px max(2px,env(safe-area-inset-right)) 4px max(2px,env(safe-area-inset-left))}
  .minibar{height:18px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));font-size:10.5px}
  .selbar{bottom:8px}#reader.chromeless .selbar{bottom:22px}
  .fab{bottom:6px}
}
@media (orientation:landscape) and (max-height:500px){
  #topbar{padding-right:calc(222px + env(safe-area-inset-right))}
  #reader{height:100dvh}
}
@media (orientation:landscape) and (max-height:500px){
  #openToc,#openHl,#openSettings,#pomoBtn{display:none!important}
  #reader.chromeless .rfoot{display:none}
}
@media (orientation:landscape) and (max-height:500px){
  #topbar{min-height:40px;box-sizing:border-box}
  .rfoot{height:40px;padding-top:max(1px,env(safe-area-inset-top));box-sizing:border-box}
  .rfoot .phonebar{display:flex;align-items:center;height:100%}
}