/* Keep illustrated pages at their original proportions, including Safari. */
#pageButton{min-height:0;height:auto;line-height:0;border-radius:12px;overflow:hidden}
#manualPage{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.pager{position:static;margin:18px 0;padding:10px;background:#e1ecda;border:1px solid #cadbbc;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;border-radius:14px}
.pager button{min-width:0;min-height:48px;white-space:nowrap}
.pager [data-page-count],#pageCount{direction:ltr;unicode-bidi:isolate;font:700 16px/1.5 Arial;min-width:64px;text-align:center}
.manual-topics{margin:24px 0}
.manual-topics h2{font-size:21px;margin:0 0 12px}
.manual-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.manual-topic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:110px;padding:12px 8px;background:#fffef8;color:#173e33;border:1px solid #bfd0b2;border-radius:15px;line-height:1.6}
.manual-topic svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.manual-topic span{font-size:16px;font-weight:700}
.manual-topic[aria-current=true]{background:#173e33;color:#fff;border-color:#173e33}
.manual-zoom-hint{text-align:center;font-size:15px;margin:14px 0}
.manual-dialog-tools{display:flex;justify-content:space-between;gap:8px;position:sticky;top:0;background:#eaf3df;padding:8px 0;z-index:2}
dialog{overflow:auto}dialog button{position:static}
#largePage{width:100%;height:auto;max-width:1200px;object-fit:contain}
#largePage.is-zoomed{width:1200px;max-width:none;height:auto}
@media(max-width:600px){
 header,main{padding:14px}header{flex-wrap:wrap;gap:10px}
 .actions{display:grid;grid-template-columns:1fr;gap:8px}.actions a{text-align:center}
 .manual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .manual-topic{min-height:100px}.manual-topic span{font-size:16px}
 .pager button{padding:9px 8px;font-size:16px}.pager{gap:5px;padding:9px 6px}
 h1{font-size:24px}dialog{padding:8px;width:98vw;height:94dvh}
 .manual-dialog-tools button{font-size:14px;padding:8px;min-height:44px}
}

dialog{direction:ltr}.manual-dialog-tools{direction:rtl}
