.occurrence-section .tag { margin-bottom: .8rem; }
.occurrence-block { padding: .3rem 0 .6rem; }
.occurrence-query { margin: 0 0 .9rem; }
.occurrence-taxa { margin-top: .6rem; }
.lens-row { display: flex; flex-wrap: wrap; gap: .35rem; margin: .4rem 0 .6rem; }
.lens-button { font: 700 .66rem/1 ui-monospace, SFMono-Regular, monospace; text-transform: uppercase; letter-spacing: .05em;
  border: 1px solid #cbd8cd; background: #f7faf4; color: #3c5b4c; border-radius: 3px; padding: .3rem .45rem; cursor: pointer; }
.lens-button[aria-pressed="true"] { background: #205646; border-color: #205646; color: #fff; }
.taxa-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.taxon-row { border-bottom: 1px solid #e5ebe4; padding-bottom: .45rem; }
.taxon-head { display: flex; flex-wrap: wrap; gap: .3rem; align-items: baseline; margin: 0; font-size: .82rem; }
.taxon-head strong { font-weight: 600; }
.taxon-head .tag { font-size: .6rem; }
.taxon-row p { margin: .2rem 0 0; }
.mono { font-family: ui-monospace, SFMono-Regular, monospace; overflow-wrap: anywhere; }
.map .occurrence-point { fill: #b4553f; fill-opacity: .75; stroke: #fffef9; stroke-width: 1.2; }
.map .occurrence-point.occurrence-ebird { fill: #4a6fa5; }