.page-view{background:#ebe9e2;overflow:hidden}
.page-view-header{height:76px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px}
.page-view-brand{display:flex;align-items:center;gap:12px;font:500 1.1rem var(--display);white-space:nowrap}
.page-view-brand img{display:block}
.page-view-controls{display:flex;align-items:center;justify-content:center;gap:16px;font-size:.85rem}
.page-view button{min-height:44px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;font:500 1rem var(--display);cursor:pointer;white-space:nowrap;caret-color:transparent}
.page-view button:hover{color:var(--teal-dark);border-color:var(--teal-dark)}
.page-view button:disabled{opacity:.3;cursor:default}
.page-view-controls button{font-family:var(--body);font-size:1.3rem;min-width:44px}
.page-view-paper{height:calc(100dvh - 76px);padding:20px;overflow:auto;overscroll-behavior:contain;caret-color:transparent}
.page-view-paper img{display:block;width:auto;height:auto;max-height:calc(100dvh - 116px);max-width:100%;margin:auto;box-shadow:0 4px 24px #10243326;background:white}
.page-view-paper.is-enlarged img{width:1000px;height:auto;max-height:none;max-width:none}
.page-view-nojs{position:fixed;bottom:0;background:var(--paper);padding:12px;width:100%;text-align:center;font-size:.85rem}
.page-view-nojs a{text-decoration:underline}
@media(max-width:600px){.page-view-header{height:112px;padding:8px 16px;display:grid;grid-template-columns:1fr auto;gap:0 8px}.page-view-brand{font-size:1rem}.page-view-brand img{width:30px;height:30px}.page-view-controls{grid-row:2;grid-column:1 / -1;gap:20px}.page-view-header>#page-enlarge{grid-row:1;grid-column:2;font-size:.95rem}.page-view-paper{height:calc(100dvh - 112px);padding:12px}.page-view-paper img{max-height:calc(100dvh - 136px)}}