:root{--paper:#faf8f3;--ink:#303c31;--muted:#72796d;--line:#d7d9ce;--accent:#536348;--ground:#eeeae1}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--ink);background:var(--ground)}body{font-family:"Trebuchet MS",sans-serif;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh}button,a,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button{border:1px solid transparent;background:transparent;border-radius:6px;padding:10px 13px}button:hover{background:#e4e6dc}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none}a:hover{text-decoration:underline}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:bold}.dot{margin:0 9px;color:#ac9772}h1{font:normal clamp(21px,2.4vw,31px)/1.2 Georgia,serif;margin:8px 0 0;letter-spacing:-.6px}.header-actions{display:flex;align-items:center;gap:18px;font-size:12px}.header-actions a{background:var(--accent);color:#fff;padding:13px 17px;border-radius:5px}.header-actions span{margin-left:12px}.reading-bar{display:flex;align-items:center;justify-content:space-between;padding:9px 32px;gap:12px;font-size:11px;border-bottom:1px solid var(--line);background:#f5f3ed}.modes{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:6px}.modes button{padding:7px 12px}.modes button[aria-pressed=true]{background:var(--accent);color:white}.edition{font:italic 14px Georgia,serif;color:var(--muted)}#workspace{position:relative;min-height:0;background:radial-gradient(circle at 50% 20%,#596545 0,#2b3323 38%,#171b12 100%);padding-bottom:54px}#viewport{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:18px 22px;touch-action:pan-x pan-y pinch-zoom}#paper{width:max-content;min-width:0;margin:0 auto;background:white;box-shadow:0 12px 35px #303c3120,0 1px 4px #303c3118}canvas{display:block;max-width:none}#status{position:absolute;top:20px;left:50%;transform:translateX(-50%);max-width:90%;padding:10px 16px;background:var(--paper);border:1px solid var(--line);border-radius:6px;font-size:13px;box-shadow:0 3px 14px #303c3112}#status:empty{display:none}.zoom-tools{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;white-space:nowrap;gap:3px;border:1px solid #d0d3c6;background:#faf8f3f5;border-radius:8px;box-shadow:0 4px 16px #303c3110;padding:3px;font-size:11px}.zoom-tools button{padding:7px 10px}.zoom-tools #minus,.zoom-tools #plus{font-size:20px;line-height:20px;min-width:34px}.zoom-tools output{min-width:43px;text-align:center;font-variant-numeric:tabular-nums}.zoom-tools>span{height:18px;border-left:1px solid var(--line);margin:0 3px}footer{background:var(--paper);padding:10px 32px 9px;border-top:1px solid var(--line)}.navigation{display:flex;align-items:center;justify-content:space-between;max-width:950px;margin:auto;font-size:12px}.navigation>button{display:flex;align-items:center;gap:15px;min-height:44px;min-width:110px}.navigation>button span:first-child:not(.nav-label),.navigation>button span:last-child:not(.nav-label){font-size:22px}.navigation #next{justify-content:flex-end}#jump{display:flex;align-items:center;gap:9px;color:var(--muted)}#pageNumber{width:55px;padding:7px 3px;border:1px solid var(--line);background:#fff;border-radius:4px;text-align:center;color:var(--ink);-moz-appearance:textfield}#pageNumber::-webkit-inner-spin-button{display:none}.go{padding:7px 9px;border:1px solid var(--line)}.progress-row{display:flex;align-items:center;gap:15px;font-size:10px;color:var(--muted);max-width:950px;margin:4px auto 0}#pageLabel{min-width:88px}#progress{width:32px;text-align:right}input[type=range]{flex:1;min-width:30px;height:16px;accent-color:var(--accent);cursor:pointer}.footnote{text-align:center;font-size:10px;color:var(--muted);margin:7px 0 0}#text{max-width:740px;width:calc(100vw - 44px);padding:clamp(25px,5vw,65px);font:20px/1.85 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;color:#343c30}#text[hidden]{display:none}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:min(1250px,96vw);max-height:94dvh;padding:24px}dialog::backdrop{background:#263025aa;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}h2{font:28px Georgia,serif;margin:8px 0}dialog p{font-size:13px;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}h3{font:20px Georgia,serif;margin-bottom:6px}.compare-grid iframe{width:100%;height:55dvh;border:1px solid var(--line);border-radius:5px;background:var(--ground)}.compare-grid a{display:block;font-size:12px;padding:12px 0}.comparison-note{border-top:1px solid var(--line);padding-top:14px}.embedded .masthead,.embedded #compare,.embedded .edition{display:none}@media(max-width:700px){.masthead{padding:14px 14px 12px;display:block}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:25px}.header-actions{margin-top:12px;justify-content:space-between;gap:5px;font-size:10px}.header-actions button{padding-left:0}.header-actions a{padding:10px}.reading-bar{padding:7px 10px;gap:4px}.modes button{padding:7px 9px;font-size:10px}.reading-bar>button{font-size:10px;padding:8px}.edition{display:none}#viewport{padding:10px 6px}#text{width:calc(100vw - 12px);padding:25px 22px}footer{padding:6px 10px max(8px,env(safe-area-inset-bottom))}.navigation>button{min-width:44px;padding:7px;gap:6px}.nav-label{display:none}#jump{gap:7px}.footnote{font-size:9px}.progress-row{gap:8px;margin:1px auto}.compare-grid{grid-template-columns:1fr}.compare-grid iframe{height:440px}dialog{padding:16px}.zoom-tools{bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Keep enlarged pages inside the scrollable reader, including in comparison frames. */
#workspace,#viewport{min-width:0}body{min-width:0}.masthead,.reading-bar,footer{min-width:0}