/* Quiet, persistent navigation in the site's warm neutral palette. */
html:has(body.viewer-open){scroll-behavior:auto;scrollbar-gutter:stable}
body.viewer-open .quick-rail{visibility:hidden;pointer-events:none}
.viewer-toolbar{position:sticky;top:-32px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper,#fafaf7);border-bottom:1px solid #dedbd4;padding:12px 0;margin:0 0 24px}
.viewer-toolbar button{min-height:44px;border:0;background:transparent;font-size:14px;font-weight:550;letter-spacing:-.02em;padding:8px 12px}
.viewer-toolbar .close{margin:0;flex-shrink:0;position:static}
.viewer-toolbar button:hover,.case-navigation button:hover{background:#e9e7e0}
#project-view{padding:32px;overscroll-behavior:contain}
#project-view .project-photo-button{display:block;background:none;border:0;padding:0;width:100%;cursor:zoom-in}
#project-view .project-photo-button img{display:block}
.photo-open-hint{font-size:13px;color:#666b64;text-align:right;margin:0 0 20px}
.case-navigation{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;border-top:1px solid #dedbd4;margin-top:32px;padding-top:20px}
.case-navigation button{border:1px solid #d8d6ce;background:transparent;min-height:48px;padding:10px 14px;font-size:14px}
.case-navigation button:disabled{opacity:.35;cursor:default}
#photo-viewer{width:calc(100% - 48px);max-width:1300px;max-height:94svh;padding:16px 24px;background:#f6f5f0;overscroll-behavior:contain}
#photo-viewer .viewer-toolbar{top:-16px;background:#f6f5f0;margin-bottom:12px}
#photo-viewer #gallery-image{display:block;width:100%;height:calc(88svh - 160px);max-height:none;object-fit:contain;margin:0}
#photo-viewer .gallery-stage{touch-action:pan-y pinch-zoom}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:14px}
.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #d4d4cb;background:transparent;border-radius:50%}
.gallery-controls button:hover{background:#e7e6de}
.gallery-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
#gallery-count{min-width:65px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
#detail-dialog>.close,#consult-dialog>.close{position:sticky;top:-25px;z-index:3;background:var(--paper);min-height:44px;padding:8px 12px}
@media(max-width:760px){
 #project-view{padding:18px;width:calc(100% - 20px);max-height:94svh}
 .viewer-toolbar{top:-18px;gap:8px;margin-bottom:18px}
 .viewer-toolbar button{font-size:13px;padding:8px}
 #photo-viewer{width:100%;max-width:none;max-height:100svh;height:100svh;margin:0;padding:env(safe-area-inset-top,0px) 14px env(safe-area-inset-bottom,0px)}
 #photo-viewer .viewer-toolbar{position:relative;top:0;padding:8px 0}
 #photo-viewer #gallery-image{height:calc(100svh - 160px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
 .case-navigation{gap:8px}.case-navigation button{padding:10px 8px;font-size:13px}
}