/* ---- v10: portrait chrome — slim icon-only bars that auto-hide to the progress strip ---- */
/* Portrait only, so v9 landscape rules keep winning. */
@media (max-width:700px) and (orientation:portrait),(hover:none) and (orientation:portrait){
  .rbar{min-height:0;padding:max(2px,env(safe-area-inset-top)) 4px 2px;gap:0}
  .rbar button.icon{min-width:40px;min-height:40px;width:40px}
  .rbar .title{max-width:46vw}
  #rTitle{font-size:14px;line-height:1.15}#rChapter{font-size:10.5px;line-height:1.1}
  .pomopill.inbar{min-height:30px;padding:2px 8px 2px 3px;margin:0 2px}
  .rfoot{gap:0;padding:4px max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .progrow{padding:0 2px 2px;gap:8px}
  .progrow .progress{height:3px}
  #rPos{font-size:10.5px}
  .phonebar{gap:0}
  .pbtn{min-height:40px;padding:2px 2px;gap:0;justify-content:center}
  .pbtn small{display:none}
  .pbtn svg{width:22px;height:22px}.pbtn .aa{font-size:16px;line-height:1}
  .pbtn .badge{top:0;right:calc(50% - 18px);font-size:9px;line-height:13px;padding:0 4px}
  .pbtn.mark:disabled{opacity:1;color:color-mix(in srgb,var(--fg) 30%,transparent)}
  .pbtn.mark.on{background:color-mix(in srgb,var(--acc) 12%,transparent)}
  .footrow{display:none}
  #openToc,#openHl,#openSettings,#pomoBtn{display:none!important}
  #pdfView{padding:calc(44px + env(safe-area-inset-top)) 0 calc(52px + env(safe-area-inset-bottom))}
  #reader.chromeless #pdfView{padding:6px 0 calc(8px + env(safe-area-inset-bottom))}
  #epubView,#reader.chromeless #epubView,#reader.deep #epubView{inset:calc(42px + env(safe-area-inset-top)) 0 calc(50px + env(safe-area-inset-bottom))}
  #reader.chromeless #epubView{inset:4px 0 calc(8px + env(safe-area-inset-bottom))}
  .selbar{bottom:calc(60px + env(safe-area-inset-bottom))}
  #reader.chromeless .selbar{bottom:calc(28px + env(safe-area-inset-bottom))}
  .minibar{height:calc(22px + env(safe-area-inset-bottom));font-size:11px}
  #reader{height:100dvh}
}