:root{color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#fff;color:#111;font-family:Georgia,Times New Roman,serif}button,a{color:inherit}a{text-underline-offset:3px}#app{width:100%;max-width:none;margin:auto;padding:6px clamp(16px,3vw,48px) 20px}.masthead{display:flex;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid #111;text-transform:uppercase;letter-spacing:.12em;font:11px Arial,sans-serif}.intro{margin:14px 0 16px}.eyebrow{font:11px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.intro h1{font-size:clamp(25px,3vw,36px);font-weight:400;letter-spacing:-.025em;margin:0 0 3px}.intro>p:last-child{font:13px/1.4 Arial,Helvetica,sans-serif;margin:0}.viewer{border-top:1px solid #111;padding:6px 0}.viewer-top,.controls,.bottom,footer{display:flex;justify-content:space-between;align-items:center;gap:18px;font:12px Arial,sans-serif}.viewer-top{width:min(100%,calc((100dvh - 240px)*297/210));margin:0 auto;padding:2px 0 7px;justify-content:flex-end}.stage{position:relative;width:min(100%,calc((100dvh - 240px)*297/210));max-height:calc(100dvh - 240px);aspect-ratio:297/210;margin:auto;border:1px solid #aaa;background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden;outline-offset:3px;touch-action:pan-y}.stage canvas{position:absolute;display:block;max-width:100%;max-height:100%;object-fit:contain;opacity:1;transition:opacity .16s ease}.stage canvas.entering{opacity:0}.pdf-links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.pdf-links a{position:absolute;pointer-events:auto;display:block}.pdf-links a:focus-visible{outline:2px solid #111;outline-offset:2px}.placeholder[hidden]{display:none!important}.placeholder{text-align:center;padding:30px}.placeholder p{font-size:clamp(19px,3vw,30px);margin:0 0 12px}.placeholder .small{font:13px/1.5 Arial,sans-serif;color:#555}.controls{width:min(100%,calc((100dvh - 240px)*297/210));margin:0 auto;padding:8px 0 3px}.controls button{border:1px solid #111;background:#fff;padding:8px 15px;cursor:pointer;font:12px Arial,sans-serif;min-width:110px}.controls button:hover,.controls button:focus-visible{background:#111;color:#fff}.controls button:disabled{opacity:.4;cursor:default}.hint{color:#666;text-align:center}.bottom{margin-top:8px;color:#555}.bottom a{color:#111}footer{border-top:1px solid #111;margin-top:18px;padding-top:12px;line-height:1.5}@media(max-width:640px){#app{padding:6px 12px 20px}.intro{margin:12px 0}.intro h1{font-size:27px}.intro>p:last-child{font-size:12px}.stage{width:100%;max-height:none}.viewer-top,.controls{width:100%}.hint{font-size:10px}.controls button{min-width:0;padding:9px 11px}.viewer-top{font-size:11px}footer{margin-top:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.stage canvas{transition:none}}