/* Screen-only viewer; the print master remains 1600 × 900. */
.viewer-controls{display:none}
.view-short{display:none}
.toolbar #view-mode span{margin-left:0}
@media screen {
 html.page-mode,html.page-mode body{height:100%;overflow:hidden;scroll-behavior:auto;scroll-padding:0}
 html.page-mode main{position:fixed;inset:70px 0 42px;padding:0;margin:0;max-width:none;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;scroll-behavior:auto;touch-action:pan-x pinch-zoom}
 html.page-mode main::-webkit-scrollbar{display:none}
 html.page-mode .page{margin:0;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin:0;width:100%;position:relative;overflow:hidden}
 html.page-mode .sheet{position:absolute;left:50%;top:50%;transform-origin:center center;max-width:none}
 html.page-mode .site-footer{display:none}
 html.page-mode .viewer-controls{display:flex;position:fixed;inset:auto 0 0;height:42px;z-index:45;background:#191b18;color:#e8e7db;align-items:center;justify-content:space-between;padding:0 28px;gap:20px;font-size:12px}
 .page-buttons{display:flex;gap:12px;align-items:center}
 .page-buttons button{padding:6px 13px;font-size:20px;line-height:1}
 .page-buttons button:disabled{opacity:.3;cursor:default}
 #page-status{min-width:65px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:2px}
 #page-caption{color:#c4c6b8}
 #page-scale{color:#a6ad9a;font-variant-numeric:tabular-nums;min-width:60px;text-align:right}
 html.page-mode .page:focus-visible{outline:none}
 html.page-mode #directory{overscroll-behavior:contain}
 html.page-mode.portrait-mode main{touch-action:pan-y pinch-zoom}
 html.page-mode.portrait-mode .page{overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;scrollbar-width:thin;padding:12px 0}
 html.page-mode.portrait-mode .sheet{position:relative;left:auto;top:auto;width:calc(100% - 24px);max-width:720px;height:auto;min-height:calc(100% - 0px);margin:0 auto;transform:none!important}
}
@media screen and (max-width:700px){
 .toolbar{height:62px;padding:0 12px}
 .wordmark{font-size:14px;letter-spacing:1px;gap:5px}
 .wordmark small{display:none}
 .mark{font-size:23px}
 .toolbar nav{gap:10px;font-size:11px}
 .toolbar nav span{margin-left:4px}
 .toolbar nav #motion{display:none}
 .download{padding:8px 6px}
 .view-long{display:none}
 .view-short{display:inline}
 .reading-progress{top:61px}
 html.page-mode main{top:62px;bottom:42px}
 html.page-mode .viewer-controls{padding:0 12px;gap:12px}
 .page-buttons{gap:5px}
 .page-buttons button{padding:6px 9px}
 #page-caption{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
 #page-scale{min-width:40px;font-size:10px}
 #directory{top:72px;right:10px;left:10px;width:auto;padding:22px}
 #directory-links{gap:0 20px}
 #directory-links a{font-size:12px}
}
@media print{.viewer-controls{display:none!important}}