:root{font-family:Arial,sans-serif;color:#193342;background:#edf2f3}*{box-sizing:border-box}body{margin:0}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:center;background:#123c43;color:white;padding:17px 24px}header strong{font-size:25px;letter-spacing:1px}header span{color:#f7cc78}small{display:block;margin-top:5px;font-size:11px;letter-spacing:1px}nav{display:flex;gap:8px;align-items:center}button,select,input,textarea{font:inherit}button{border:0;border-radius:8px;padding:10px 13px;cursor:pointer;background:#e1ecea;color:#153d42}button:hover{background:#c9ddda}button:disabled{opacity:.4;cursor:default}input{border:1px solid #c9d8d9;border-radius:6px;padding:8px;max-width:100%}#pageNo{width:65px}main{display:grid;grid-template-columns:300px 1fr;min-height:calc(100vh - 80px)}aside{padding:24px;background:white;border-right:1px solid #d5dfe0}select{width:100%;padding:10px 5px;margin-top:8px;border:1px solid #c9d8d9;border-radius:7px;background:white}.caption{font-size:11px;font-weight:bold;letter-spacing:1.5px;color:#678084}h2{font-size:16px;margin:26px 0 12px}.item{display:block;width:100%;text-align:left;margin:7px 0;padding:12px;font-size:14px;line-height:1.4}.item small{font-size:11px;color:#537379;letter-spacing:0}details{margin:22px 0}summary{cursor:pointer;font-weight:bold;font-size:14px}details input{margin-top:14px;width:100%}#allItems{max-height:400px;overflow:auto}textarea{margin-top:12px;min-height:110px;width:100%;border:1px solid #c9d8d9;border-radius:8px;padding:10px}.muted{color:#6c7e83;font-size:12px;line-height:1.7}a{color:#216970;font-size:12px}#viewport{overflow:auto;padding:25px;display:flex;align-items:flex-start;justify-content:center}#page{position:relative;width:min(100%,760px);flex-shrink:0;box-shadow:0 8px 35px #1b394325;background:white}#pageImg{width:100%;display:block}#page.large{width:1100px;max-width:none}#pageError{padding:50px;line-height:1.8}.hotspot{position:absolute;min-width:23px;min-height:23px;padding:3px;background:#f8ce64e6;border:2px solid white;border-radius:6px;box-shadow:0 1px 6px #0005;font-size:15px}.hotspot:hover{background:#e7ad26}.hotspot.media{background:#9ed8c6e6}dialog{width:95vw;height:93vh;max-width:1500px;padding:0;border:0;border-radius:12px;box-shadow:0 18px 90px #0005}dialog::backdrop{background:#112b3ad9}.modalbar{display:flex;align-items:center;gap:18px;padding:12px 18px;background:#eef4f3;height:58px}.modalbar strong{flex:1}#media{height:calc(100% - 58px);display:grid;place-items:center;background:#fff}#media iframe{width:100%;height:100%;border:0}#media video{max-width:100%;max-height:100%;width:100%}#media audio{width:85%}#media img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:800px){header{padding:12px;flex-wrap:wrap}nav{flex-wrap:wrap}main{display:flex;flex-direction:column-reverse}aside{padding:18px}#viewport{padding:10px}header strong{font-size:22px}}