.city-photos{margin:20px 0;padding:16px 0;border-block:1px solid #8883}
.city-photos h3{font-size:15px;margin:0 0 6px}
.city-photo-note{font-size:11px!important;line-height:1.5!important;opacity:.7;margin:6px 0 12px!important}
.city-street-link{display:inline-block;border:1px solid #8886;border-radius:18px;padding:8px 12px;margin:0 0 12px;color:inherit;font-size:12px;text-decoration:none}
.city-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.city-photo-grid figure{min-width:0;margin:0}
.city-photo-grid img{display:block;width:100%;height:135px;object-fit:cover;border-radius:10px;background:#8882}
.city-photo-grid figcaption{font-size:9px;line-height:1.4;opacity:.7;margin:5px 0;overflow-wrap:anywhere}
#cityPhotoPanel{z-index:17;overflow:auto}
@media(max-width:600px){.city-photo-grid img{height:105px}}
html body#opal-ui .city-photo-open{display:block;width:100%;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;cursor:zoom-in;border-radius:10px;overflow:hidden}
.city-photo-viewer{width:min(960px,92vw);max-height:92dvh;overflow:auto;padding:22px;border:1px solid #8885;border-radius:16px;background:#111;color:#eee;box-shadow:0 20px 90px #0008}
.city-photo-viewer::backdrop{background:#000b}
.city-photo-viewer>.close{position:absolute;right:8px;top:8px;width:34px;height:34px;z-index:1}
.city-photo-viewer>img{display:block;max-width:100%;width:auto;max-height:70dvh;margin:auto;object-fit:contain}
.city-photo-viewer>p{font-size:13px}.city-photo-viewer details{font-size:11px;line-height:1.6;overflow-wrap:anywhere}.city-photo-viewer details p{white-space:pre-line}
html.light-ui .city-photo-viewer{background:#fff;color:#222}