/* The reading desk fills the window; notes sit beside the open book. */
body{height:100dvh;min-height:0;overflow:hidden;padding:0 20px}
.reader-header{height:48px;max-width:none;gap:14px}.wordmark{font-size:22px}.edition-label{font-size:9px}.exit-link{font-size:11px}
main{max-width:none;height:calc(100dvh - 48px);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}
.reader-stage{display:grid;grid-template-rows:44px minmax(0,1fr) 36px 15px 23px;min-width:0;min-height:0;padding-bottom:4px}
.toolbar{max-width:none;width:100%;height:40px;margin:2px 0;gap:4px}.toolbar button{padding:7px;min-height:36px;font-size:11px;white-space:nowrap}.toolbar-rule{margin:0 3px}.toolbar-space{min-width:0}.languages button{font-size:10px}#annotation-count{min-width:18px;height:18px;border:1px solid #b8beaa;border-radius:50%;font:9px/16px ui-monospace,monospace;text-align:center}
.reading-desk{min-height:0;min-width:0;padding:0 28px 15px}.book{flex-shrink:0}.edge-button{display:block!important;width:25px;min-height:60px;font-size:31px}.edge-prev{left:-4px}.edge-next{right:-4px}.reading-controls{max-width:none;width:100%;margin:0;gap:10px}.progress-wrap{max-width:none;width:100%}.reader-note{margin:1px 0 0;font-size:9px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-body{line-height:1.85}.book-fragment{display:flow-root;margin-bottom:.9em}.book-fragment> :first-child{margin-top:0}.book-fragment> :last-child{margin-bottom:0}.book-fragment:last-child{margin-bottom:0}.book-fragment:has(>h2){margin-top:1.1em}.book-fragment:has(>figure){margin-bottom:1.1em}.page-body video{display:block;width:100%;max-height:calc((var(--page-height) - var(--pad-y)*2)*.55);height:auto}.page-body svg{max-width:100%;height:auto;max-height:calc((var(--page-height) - var(--pad-y)*2)*.55)}.page-body .layer{margin:.6em 0}.page-body .layer b{display:block}.page-body .article-deck{font-size:.95em;color:#676e5b}.page-body .table-wrap{max-height:100%;overflow:auto}
.page-body mark{color:inherit;background:#efd96d80;padding:0;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer}.page-body mark[data-color=green]{background:#b4d6a78c}.page-body mark[data-color=pink]{background:#ecc1ce9e}.page-body mark.is-active{outline:1px solid #a18d3f;outline-offset:1px}
.book-fragment>.oversized{display:block;max-height:calc(var(--page-height) - var(--pad-y)*2);overflow:auto}
.page-body img{max-width:100%;height:auto}.page-body .project-card{display:block;text-decoration:none}.page-body .project-card img{display:block;width:100%;height:auto;max-height:calc((var(--page-height) - var(--pad-y)*2)*.55);object-fit:contain}.page-body .project-card-text{display:block;margin:8px 0;font:11px/1.8 system-ui,sans-serif}.page-body .project-card-text>span{display:block;color:#929780}
.static-step b{display:block}.page-body .selector-steps{font-size:.9em}.page-body .selector-animation>p{font:10px/1.6 system-ui,sans-serif}
.annotations-panel{border-left:1px solid #c6c8ba;min-height:0;display:flex;flex-direction:column;padding:20px 0 12px 18px;font-size:12px}.annotations-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.annotations-header .eyebrow{font-size:8px;letter-spacing:.14em;margin:0 0 8px}.annotations-header h2{font-size:16px;font-weight:500;margin:0}.annotations-header button{font-size:24px;min-width:32px;min-height:36px;color:#7c8271}.annotations-help{font-size:10px;line-height:1.8;color:#7c8271;margin:16px 0}.annotations-actions{display:flex;gap:8px;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #c6c8ba}.annotations-actions>button{border:1px solid #b9bfaa;border-radius:3px;padding:9px 10px;background:#f1f1e8;font-size:11px}.annotations-panel select{font:inherit;font-size:10px;color:#666f59;background:transparent;border:1px solid #c2c7b5;padding:6px;border-radius:3px;max-width:140px}.annotations-list{flex:1;overflow:auto;min-height:0;padding:16px 3px 5px 0;scrollbar-width:thin}.notes-empty{font:14px/1.9 Georgia,"Hiragino Mincho ProN",serif;color:#8c907e;padding:25px 8px}.annotation-card{background:#f6f4eb;border:1px solid #d3d4c5;border-radius:3px;padding:13px;margin-bottom:13px;scroll-margin:12px}.annotation-card.is-active{border-color:#9ba97f;box-shadow:0 0 0 2px #afb99524}.annotation-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.annotation-card header>button:first-child{padding:0;font-size:9px;line-height:1.5;text-align:left;color:#8a8e78;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-card header>button:last-child{font-size:18px;color:#9ca18d;min-width:24px;min-height:24px}.annotation-quote{display:block;text-align:left;width:100%;padding:0 0 0 10px;border-left:3px solid #d8bc4f;font:12px/1.85 Georgia,"Hiragino Mincho ProN",serif;white-space:pre-wrap;color:#535a48;max-height:155px;overflow:auto}.annotation-card[data-color=green] .annotation-quote{border-left-color:#a0bd89}.annotation-card[data-color=pink] .annotation-quote{border-left-color:#cea3b0}.annotation-card textarea{display:block;width:100%;min-height:70px;resize:vertical;background:#fffdf69c;border:1px solid #dcded0;border-radius:2px;margin-top:12px;padding:9px;font:11px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#505844}.annotation-card textarea:focus{outline:1px solid #8e9d77}.annotation-card textarea::placeholder{color:#a0a58e}.annotation-unmatched{font-size:9px;line-height:1.7;color:#a57a4a;margin:10px 0 0}.annotation-card .note-location{font:italic 13px Georgia,serif;color:#8a8e78}.annotations-export{border-top:1px solid #c6c8ba;padding-top:13px;margin-top:8px}.annotations-export>label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c8271;margin-bottom:10px}.annotations-export>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.annotations-export button{padding:11px;border:1px solid #9faa8c;border-radius:3px;font-size:11px;color:#526443;background:#f1f2e8}.annotations-export button:hover:not(:disabled){background:#e4e9d5}.annotations-export p{font-size:9px;line-height:1.8;color:#8b917b;min-height:30px;margin:10px 0 0}
.selection-tools{position:fixed;z-index:15;display:flex;align-items:center;gap:4px;padding:6px 8px;background:#fdfbf1;border:1px solid #c0c5ad;box-shadow:0 5px 22px #30362b30;border-radius:6px}.selection-tools>button{padding:9px;font-size:11px;min-height:34px}.selection-tools>button:hover{background:#e9eddc;border-radius:3px}.marker-colors{display:flex;gap:7px;padding:0 7px}.marker-colors button{width:19px;height:19px;border-radius:50%;background:#ecd56c;border:2px solid #fdfbf1;outline:1px solid transparent}.marker-colors button[data-marker-color=green]{background:#b4d6a7}.marker-colors button[data-marker-color=pink]{background:#ecc1ce}.marker-colors button[aria-pressed=true]{outline-color:#7a8465}
body.notes-closed main{grid-template-columns:minmax(0,1fr)}body.notes-closed .annotations-panel{display:none}
:fullscreen .reader-header{display:none}:fullscreen main{height:100dvh}
@media(max-width:1100px){body{padding:0 12px}main{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.annotations-panel{padding-left:12px}.toolbar #toggle-notes [data-label]{display:none}.reading-desk{padding-inline:23px}}
@media(max-width:900px){main{display:block}.reader-stage{height:100%}.annotations-panel{position:fixed;z-index:12;top:48px;right:0;bottom:0;width:min(350px,100vw);background:#e9e7dc;padding:20px;box-shadow:-20px 0 60px #30362b3b;border-left:1px solid #c0c5ad}body.notes-closed .annotations-panel{display:none}.toolbar #toggle-notes [data-label]{display:inline}}
@media(max-width:600px){body{padding:0 8px}.reader-header{height:44px}.wordmark{font-size:20px}.exit-link{font-size:10px}main{height:calc(100dvh - 44px)}.reader-stage{grid-template-rows:42px minmax(0,1fr) 34px 14px 21px}.toolbar{height:38px;gap:0}.toolbar button{font-size:10px;padding:6px}.toolbar .toolbar-rule{margin:0 2px}.toolbar #toggle-notes [data-label]{display:none}.toolbar #bookmark svg{width:13px;height:17px}.toolbar #fullscreen{font-size:19px;padding-right:2px}.reading-desk{padding:0 3px 13px}.edge-button{display:none!important}.reading-controls{margin:0;grid-template-columns:1fr auto}.reader-note{font-size:8px}.annotations-panel{top:44px}.page-body figcaption{font-size:9px}.annotations-export p{margin-bottom:0}.selection-tools{max-width:calc(100vw - 12px);padding:5px}.selection-tools>button{padding:8px}.marker-colors{padding:0 5px;gap:6px}}
.bookmark-controls{display:flex;align-items:center;border:1px solid #c3c8b7;border-radius:4px;flex:none}.toolbar .bookmark-controls button{min-height:32px}.toolbar #bookmark-list{gap:3px;padding-inline:6px;font:10px ui-monospace,monospace;border-left:1px solid #c3c8b7;border-radius:0}#bookmark-count{min-width:9px;color:#8c6048}
.reader-sidebar-tabs{display:flex;gap:5px;border-bottom:1px solid #c6c8ba;margin-top:17px;flex:none}.reader-sidebar-tabs button{padding:12px 8px;border-bottom:2px solid transparent;font-size:11px;line-height:1.5;color:#8a8e79;display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.reader-sidebar-tabs button[aria-selected=true]{border-color:#8d674f;color:#4d5842;font-weight:600}.reader-sidebar-tabs button:last-child span:last-child{font:9px ui-monospace,monospace;border:1px solid #c6c8ba;border-radius:12px;min-width:19px;line-height:17px;text-align:center}
.notes-panel,.bookmarks-panel{display:flex;flex-direction:column;flex:1;min-height:0}.bookmarks-list{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:16px 2px 3px 0}.bookmark-card{position:relative;border:1px solid #d3d4c5;border-left:3px solid #b48b70;border-radius:3px;margin:0 0 12px;background:#f6f4eb;scroll-margin:10px}.bookmark-card.is-visible{background:#f2f2e4}.bookmark-card.is-active{border-color:#9b795e;box-shadow:0 0 0 2px #b48b701f}.bookmark-go{display:flex;flex-direction:column;gap:9px;width:100%;padding:14px 32px 15px 13px;text-align:left;min-height:76px}.bookmark-position{font:9px ui-monospace,monospace;color:#a07555}.bookmark-go strong{font-size:12px;line-height:1.65;font-weight:500;color:#59614c}.bookmark-excerpt{font:12px/1.8 Georgia,"Hiragino Mincho ProN",serif;color:#8b907b;max-height:5.4em;overflow:hidden}.bookmark-delete{position:absolute;right:4px;top:4px;min-width:28px;min-height:32px;font-size:19px;color:#a1a28f}.bookmark-status{min-height:30px;font-size:10px;line-height:1.8;color:#8c7058;border-top:1px solid #c6c8ba;margin:8px 0 0;padding-top:10px}
.reader-stage{grid-template-rows:44px minmax(0,1fr) 36px 24px 23px}.progress-wrap{position:relative;align-self:center;height:20px}.progress-wrap input{display:block;position:relative}.bookmark-ticks{position:absolute;inset:0 8px;pointer-events:none}.bookmark-tick{position:absolute;top:-6px;width:16px;height:26px;padding:0;transform:translateX(-50%);pointer-events:auto;z-index:2}.bookmark-tick::before{content:"";position:absolute;top:0;left:5px;width:6px;height:12px;background:#ad8061;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.bookmark-tick::after{content:"";position:absolute;top:12px;left:7px;width:1px;height:7px;background:#ad806180}.bookmark-tick:hover::before,.bookmark-tick.is-current::before{background:#784c30}.bookmark-tick:focus-visible{outline:2px solid #8b6848;outline-offset:1px;border-radius:3px}.page-ribbon{cursor:pointer;border:0}.page-ribbon:hover{filter:brightness(.85)}
@media(max-width:600px){.reader-stage{grid-template-rows:42px minmax(0,1fr) 34px 24px 21px}.toolbar .bookmark-controls button{min-height:30px}.toolbar #bookmark-list{padding-inline:4px;gap:2px}.reader-sidebar-tabs{margin-top:12px}.bookmark-tick{width:20px}.bookmark-tick::before{left:7px}.bookmark-tick::after{left:9px}}