body{margin:0;font:16px Arial,sans-serif;background:#d9dcda;color:#193b31}
header{height:56px;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f5f7f3;border-bottom:1px solid #bfc8bf}
header a{color:inherit;margin-left:auto}
select{padding:6px;font:inherit;max-width:120px}
label{white-space:nowrap}
#container{position:absolute;inset:56px 0 0;overflow:auto;padding:12px;box-sizing:border-box}
#viewer{width:100%;margin:auto}
.page{position:relative;margin:0 0 12px;background:white;box-shadow:0 1px 4px #0003}
.page img{display:block;width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:pre;border:0}
@media(max-width:420px){header{gap:7px;font-size:14px;padding:8px}select{max-width:95px}#container{padding:6px}}