.presentation-modes{display:flex;gap:8px;margin:5px 0 16px}.mode-button{padding:9px 15px;border:1px solid var(--border);background:none;font-size:12px}.mode-button.selected{background:var(--ink);color:white;border-color:var(--ink)}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.slide-controls label{display:flex;gap:8px;align-items:center;font-size:12px}.slide-nav{background:#fffdf8;border:1px solid var(--border);padding:10px 15px;font-size:12px}.slide-nav:disabled{opacity:.4;cursor:default}.slide-stage{background:#e5ded3;display:flex;align-items:center;justify-content:center;min-height:200px;overflow:auto}.slide-stage .slide-image{display:block!important;max-width:100%!important;width:auto;height:auto;max-height:65vh!important;object-fit:contain}.slide-status{font-size:11px;color:var(--muted);margin:10px 0}.slide-visual-view>input{width:100%;padding:12px;font-size:13px;border:1px solid var(--border);background:#fffdf8;color:var(--ink)}.slide-hits{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;max-height:100px;overflow:auto}.slide-hits p{font-size:12px;color:var(--muted)}#detail.slide-mode.expanded-reader,#detail.slide-mode:fullscreen{padding-left:3vw;padding-right:3vw}#detail.slide-mode h2{font-size:22px;margin:13px 0 8px}#detail.slide-mode #detail-meta{margin:5px 0 12px}#detail.slide-mode .reading-toolbar{margin:10px 0 16px}#detail.slide-mode .presentation-modes,#detail.slide-mode .slide-controls,#detail.slide-mode .slide-status,#detail.slide-mode .slide-visual-view>input,#detail.slide-mode .slide-hits{max-width:1200px;margin-left:auto;margin-right:auto}#detail.slide-mode.showing-slide-text .text-reader{max-width:950px;margin:auto}#detail.slide-mode:fullscreen .slide-stage .slide-image{max-height:72vh!important}@media(max-width:760px){.slide-nav{font-size:10px;padding:8px}.slide-controls{gap:7px}.slide-controls label{font-size:11px;gap:5px}.slide-controls select{font-size:11px;padding:7px}.slide-stage{min-height:180px}.slide-stage .slide-image{max-height:60vh!important}.presentation-modes{margin-bottom:12px}#detail.slide-mode h2{font-size:20px;line-height:1.4}.slide-visual-view>input{font-size:12px}}

.slide-zoom{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px}.slide-stage.zoomed-stage{display:block;max-height:72vh;overflow:auto}.slide-stage .slide-image.zoomed-slide{max-width:none!important;max-height:none!important;width:auto;height:auto}

.content-exit{position:fixed;right:16px;top:14px;z-index:100;background:#fffdf8e8;color:#4b292c;border:1px solid #c9beb0;padding:9px 13px;font-size:11px;opacity:0;transition:opacity .2s}.content-controls-visible .content-exit,.content-exit:hover,.content-exit:focus-visible{opacity:1}
#detail.content-only,#detail.content-only:fullscreen{padding:0!important;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:#151515;overflow:auto}
#detail.content-only>.dialog-top,#detail.content-only>h2,#detail.content-only>#detail-meta,#detail.content-only>.reading-toolbar,#detail.content-only>.detail-actions,#detail.content-only>.detail-note{display:none!important}
#detail.content-only .presentation-modes,#detail.content-only .slide-controls,#detail.content-only .slide-status,#detail.content-only .slide-visual-view>input,#detail.content-only .slide-hits{display:none!important}
#detail.content-only .slide-stage{height:100dvh;min-height:0;max-height:none!important;width:100vw;background:#151515;overflow:hidden;display:flex;justify-content:center;align-items:center}
#detail.content-only .slide-stage .slide-image,#detail.content-only .slide-stage .slide-image.zoomed-slide{width:100%!important;height:100%!important;max-width:100%!important;max-height:100dvh!important;object-fit:contain}
#detail.content-only .reader-note,#detail.content-only .text-reader>input,#detail.content-only .reader-status,#detail.content-only .reader-hits,#detail.content-only .reader-controls,#detail.content-only .reader-source{display:none!important}
#detail.content-only .text-reader{margin:0 auto;padding:40px clamp(22px,5vw,80px)!important;min-height:100dvh;max-width:1000px!important;border:0;background:#fffdf8}
#detail.content-only:not(.slide-mode),#detail.content-only.showing-slide-text{background:#fffdf8}
#detail.content-only .reader-page{padding:0;max-height:none;overflow:visible;font-size:var(--reading-font-size,21px);line-height:1.9}
#detail.content-only #viewer iframe,#detail.content-only #viewer video,#detail.content-only #viewer img:not(.slide-image):not(.book-image){width:100vw;height:100dvh;max-height:100dvh!important;object-fit:contain}
@media(prefers-reduced-motion:reduce){.content-exit{transition:none}}
/* Keep the library identity visible above an open resource. */
body:has(#detail[open])>header{visibility:hidden}
#detail>.resource-site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:var(--paper);width:100%;max-width:none;margin:0;display:flex;height:auto}
#detail.content-only>.resource-site-header{display:none!important}
body:has(#detail.content-only[open])>header{display:none!important}
#detail.expanded-reader:not(.content-only),#detail:fullscreen:not(.content-only){top:var(--site-header-height,95px);height:calc(100dvh - var(--site-header-height,95px))}
#detail:not(.expanded-reader):not(.content-only){margin-top:calc(var(--site-header-height,95px) + 20px);max-height:calc(100dvh - var(--site-header-height,95px) - 40px)}
#close{display:inline-flex;align-items:center;gap:8px;background:#b4232f;color:white;border:1px solid #b4232f;padding:10px 16px;font-size:13px;font-weight:700;white-space:nowrap}
#close:hover{background:#8e1924;border-color:#8e1924}
#close .close-x{font-size:19px;line-height:1;font-weight:500}
#detail.content-only #close{display:none!important}
@media(max-width:760px){body:has(#detail[open])>header,#detail>.resource-site-header{padding:16px 18px;gap:14px}#detail>.resource-site-header nav{gap:8px;font-size:11px}#close{padding:9px 13px;font-size:12px}}

#close{background:#63383b;border-color:#63383b;color:#fff}#close:hover{background:#45292c;border-color:#45292c}

/* Document reading view: reserve the top bar for Close. */
#detail.expanded-reader:not(.content-only)>.resource-site-header{display:none!important}
#detail.expanded-reader:not(.content-only){top:0!important;height:100dvh!important}
#detail.expanded-reader:not(.content-only) .dialog-top{justify-content:flex-end}
#detail.expanded-reader:not(.content-only) #detail-type{display:none}
#detail.expanded-reader:not(.content-only)>h2,#detail.expanded-reader:not(.content-only)>#detail-meta{display:none}
#detail.expanded-reader:not(.content-only) .reading-toolbar{margin-top:0}

#detail.expanded-reader:not(.content-only) .dialog-top{position:sticky;top:-30px;min-height:54px;padding:8px 0;z-index:5;pointer-events:none}
#detail.expanded-reader:not(.content-only) .dialog-top #close{pointer-events:auto}
#detail.expanded-reader:not(.content-only) .reading-toolbar{position:sticky;top:-30px;height:54px;min-height:54px;box-sizing:border-box;margin:-54px 110px 16px 0;padding:8px 0;border:0;z-index:6;background:transparent;gap:8px;flex-wrap:nowrap}
#detail.expanded-reader:not(.content-only) .reading-toolbar button{padding:8px 10px;white-space:nowrap;font-size:11px}
#detail.expanded-reader:not(.content-only) .reading-toolbar label{font-size:10px;margin-left:0}
#detail.expanded-reader:not(.content-only) .reading-toolbar select{padding:5px;font-size:10px}
@media(max-width:760px){#detail.expanded-reader:not(.content-only) .dialog-top{top:-18px;min-height:50px;padding:7px 0}#detail.expanded-reader:not(.content-only) .reading-toolbar{top:-18px;height:50px;min-height:50px;margin-top:-50px;margin-right:96px;padding:7px 0;gap:5px}#detail.expanded-reader:not(.content-only) .reading-toolbar button{padding:7px;font-size:10px}#detail.expanded-reader:not(.content-only) .reading-toolbar label{display:none}}