/* Full photographs with easy, always-visible browsing controls. */
.photo-dialog{width:min(96vw,1100px);max-width:1100px}
.photo-dialog .dialog-toolbar{gap:12px}
.photo-dialog .dialog-toolbar p{margin:0}
.photo-dialog .dialog-count{font:12px/1.4 Arial,sans-serif;color:var(--soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.photo-dialog .dialog-view{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;align-items:center;padding:0 16px}
.photo-dialog .dialog-photo{min-width:0;touch-action:pan-y pinch-zoom}
.photo-dialog .photo-prev,.photo-dialog .photo-next{width:48px;height:48px;border:1px solid #b5c7d1;border-radius:50%;background:#e5edf2;color:#182c46;font:26px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center}
.photo-dialog .photo-prev:hover,.photo-dialog .photo-next:hover{background:#d4e2ec}
.photo-dialog button:focus-visible{outline:2px solid #182c46;outline-offset:3px}
.photo-dialog .photo-prev:disabled,.photo-dialog .photo-next:disabled{opacity:.4;cursor:default}
.photo-dialog .dialog-caption{margin:0;padding:14px 24px;font-size:15px}
@media(max-width:600px){
 .photo-dialog .dialog-toolbar{padding:8px 12px;gap:8px}
 .photo-dialog .dialog-toolbar p{font-size:10px}
 .photo-dialog .dialog-view{grid-template-columns:1fr 1fr;gap:12px;padding:0 12px}
 .photo-dialog .dialog-photo{grid-column:1/-1;grid-row:1}
 .photo-dialog .photo-prev{grid-column:1;grid-row:2;justify-self:end}
 .photo-dialog .photo-next{grid-column:2;grid-row:2;justify-self:start}
 .photo-dialog .dialog-caption{padding:12px 16px;font-size:14px}
}