.city-place-controls .incident-source { background: #607466; }
.incident-source-tags { padding-top: 0; border-top: 0; overflow-x: auto; }
.incident-source-tags button { white-space: nowrap; }
.assessment-layer-panel { max-height: calc(100% - 24px); overflow-y: auto; }
.city-place-detail { width: min(290px, calc(100% - 24px)); height: fit-content; min-height: 0; align-content: start; box-sizing: border-box; }
.city-place-detail > div { align-self: start; }
.city-place-detail a[hidden] { display: none; }

/* City map: layer list is a dropdown on the toolbar instead of a panel covering the map. */
.assessment-layer-menu{position:relative;flex:0 0 auto}
.assessment-map-toolbar .assessment-layer-button{height:34px;padding:0 10px}
.assessment-layer-button em{min-width:30px;padding:1px 6px;border-radius:999px;background:#eef1ee;color:#2C3930;font-size:11px;font-style:normal;text-align:center}
.assessment-layer-button .assessment-layer-caret{transition:transform .15s}
.assessment-layer-menu.open .assessment-layer-button{border-color:#2C3930;background:#edf2ee;color:#2C3930}
.assessment-layer-menu.open .assessment-layer-caret{transform:rotate(180deg)}
.assessment-layer-menu .assessment-layer-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:20;width:260px;max-height:min(420px,60vh);overflow-y:auto;background:#fff}
.assessment-layer-menu .assessment-layer-panel[hidden]{display:none}
.assessment-layer-menu .assessment-layer-panel label{cursor:pointer}
@media(max-width:620px){.assessment-layer-menu .assessment-layer-panel{width:min(280px,calc(100vw - 48px))}}