*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:#234c3f;background:#e9eae6;height:100dvh;overflow:hidden}header{height:58px;background:#244b3f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;letter-spacing:.06em}header strong{font-size:14px}header span{font-size:12px}#stage{height:calc(100dvh - 126px);display:flex;justify-content:center;align-items:center;overflow:hidden}#positioner{transition:transform .65s ease;flex:none}#book{margin:auto}.page{background:#fff;overflow:hidden;box-shadow:0 1px 5px #0002}.page img{display:block;width:100%;height:100%;user-select:none;pointer-events:none}.page a{position:absolute;display:block;z-index:5;border-radius:3px}.page a:hover,.page a:focus-visible{outline:2px solid #c6b274;background:#d7bb5a22}footer{height:68px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fafaf8;border-top:1px solid #d7dbd5}button,select{font:inherit;color:inherit;background:#fff;border:1px solid #b9c7bf;border-radius:5px;padding:9px 12px;cursor:pointer}button:hover{background:#edf2ed}button:disabled{opacity:.35;cursor:default}#status{min-width:55px;text-align:center;font-size:12px}dialog{border:0;border-radius:8px;padding:20px;max-height:90dvh;max-width:94vw;background:#f8f8f4}dialog::backdrop{background:#10271de0}#thumbs{display:grid;grid-template-columns:repeat(5,130px);gap:15px;margin-top:15px}#thumbs button{padding:5px;font-size:12px}#thumbs img{width:100%;display:block;margin-bottom:5px}#zoom{width:min(1000px,96vw);height:94dvh}#zoom img{width:100%;height:auto;display:block;margin-top:12px}.hint{font-size:11px;color:#65746d;margin-left:10px}@media(max-width:700px){header{padding:0 12px}header strong{font-size:10px}header span{font-size:9px}.hint{display:none}footer{gap:5px}button,select{padding:9px 7px;font-size:12px}#thumbs{grid-template-columns:repeat(2,120px)}}

body{display:grid;grid-template-rows:auto minmax(0,1fr) auto}header{height:auto;min-height:64px;gap:16px;flex-wrap:wrap;padding:14px 24px}#stage{height:100%;min-height:0}footer{height:auto;min-height:68px;padding:10px;flex-wrap:wrap}.languages{display:flex;gap:6px;align-items:center}.languages a{color:#fff;text-decoration:none;padding:7px 10px;border:1px solid transparent;border-radius:4px;letter-spacing:0;font-size:13px}.languages a[aria-current=page]{border-color:#d9dfc8;background:#ffffff1a}.languages a:hover,.languages a:focus-visible{background:#ffffff26}.page .catalogue-action{display:flex;align-items:center;justify-content:center;color:#fff;background:#284c3e;border:1px solid #284c3e;border-radius:999px;text-align:center;text-decoration:none;font-family:Arial,sans-serif;padding:0 3px;line-height:1.1;touch-action:manipulation}.page .catalogue-action:hover,.page .catalogue-action:focus-visible{background:#3b6253;outline:2px solid #b6a365}.footer-pdf{color:#244b3f;font-size:12px;padding:8px;text-decoration:none}#zoom img{width:100%;height:auto}@media(max-width:700px){header{padding:10px 12px;gap:8px;justify-content:center}header strong{font-size:11px;text-align:center;width:100%}.languages a{font-size:12px;padding:5px 10px}footer{min-height:76px;gap:4px}#jump{max-width:145px}#full{display:none}.footer-pdf{font-size:11px}#thumbs{grid-template-columns:repeat(2,minmax(100px,1fr))}}