#observation-panel{padding:36px 0;background:var(--paper,#f7faf8)}
.obs-head{display:flex;justify-content:space-between;gap:20px}.obs-head h2{margin:.2em 0}.obs-filters{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end;margin:20px 0}.obs-filters label{display:grid;gap:6px;font-weight:bold}.obs-filters select{width:100%;min-width:0;padding:12px;border:1px solid #aebfb5;border-radius:8px;background:white;color:#15382c;font:inherit}.obs-filters button[aria-pressed=true]{background:var(--primary,#145e49);color:var(--on-primary,white)}
#obs-status{padding:16px;border:1px solid #d7b05a;background:#fff7e5;color:#593d00;border-radius:10px}#obs-status[data-state=live]{background:#eff8f1;border-color:#afcbb8;color:#15382c}.obs-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:18px;align-items:start}.obs-layout.list-only{display:block}.obs-map-panel{background:#edf5fa;border:1px solid #c9dce7;border-radius:12px;padding:16px}.obs-map-panel button{margin-bottom:10px}#obs-map{height:400px;border-radius:10px}#obs-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.obs-card{background:white;border:1px solid #c4d4c9;border-radius:12px;padding:18px;overflow-wrap:anywhere}.obs-card h3{margin:0 0 12px}.obs-card p{margin:.5em 0}.obs-pill{display:inline-block;border:1px solid #d0dcd5;border-radius:24px;padding:5px 10px;margin-right:5px!important;font-size:.85rem}.obs-cluster{width:42px;height:42px;padding:0!important;border-radius:50%!important;border:3px solid white!important;background:var(--primary,#145e49)!important;color:var(--on-primary,white)!important;box-shadow:0 2px 8px #0005}.obs-marker{background:none;border:0}.obs-terms{margin-top:24px;font-size:.875rem}.obs-switch{display:flex;gap:6px;flex-wrap:wrap}#obs-more{margin-top:10px}#obs-map-panel[hidden]{display:none}
@media(max-width:700px){.obs-filters,.obs-layout{grid-template-columns:1fr}.obs-head{display:block}#obs-map{height:310px}.obs-filters select{font-size:.9rem}#observation-panel{padding:20px 0}}
:root[data-palette=true] #observation-panel{background:var(--background);color:var(--text)}:root[data-palette=true] .obs-card,:root[data-palette=true] .obs-filters select{background:var(--surface);color:var(--text)}

.obs-search{margin-bottom:16px}.obs-search label{display:block;font-weight:bold}.obs-search input{box-sizing:border-box;max-width:100%;width:100%;padding:12px;font:inherit}.obs-search ul{list-style:none;padding:0}.obs-search li button{min-height:48px;width:100%;text-align:left}.obs-search-marker{font-size:30px;color:#7b258c;text-shadow:0 0 3px white}.obs-search-marker span{background:white;border:2px solid #7b258c;border-radius:4px}#obs-search-open{display:none}@media(max-width:700px){#obs-search-open{display:block}.obs-search:not(.expanded) #obs-search-fields{display:none}}

.obs-art-image{display:block;width:100%;max-height:260px;object-fit:contain}.observation-guide-dialog{max-width:960px;margin:auto;padding:24px;box-sizing:border-box;background:var(--paper,#fff);min-height:0}.observation-guide-dialog .guide-gallery{display:block}.observation-guide-dialog .guide-photo{width:100%;height:auto;max-height:none}.observation-guide-dialog>button{margin-bottom:24px}@media(max-width:700px){.observation-guide-dialog{padding:16px;width:100%}}