.obs-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.obs-measure{display:grid;gap:7px;background:#fff;padding:14px;border:1px solid #d7e4ec;border-radius:12px}.obs-measure span{font-size:23px;font-weight:700}.obs-measure small{font-size:12px;line-height:1.5;color:#526477}
.observations{padding-top:20px}.observations h1{font-size:clamp(29px,4vw,40px)}.obs-controls{margin-top:16px;gap:12px}.obs-controls label{font-size:14px}.obs-focus-note{font-size:14px;margin:10px 0}.obs-key{display:inline-block;margin:0 5px 8px 0;padding:3px 9px;border-radius:7px;background:#edf2f5;color:#425466;font-size:13px}.obs-key.warm,.obs-marker.warm{background:#fff0e5;color:#8e3908;border-color:#c65715}.obs-key.cold,.obs-marker.cold{background:#e6f1ff;color:#124e92;border-color:#236cc0}.obs-marker.neutral{background:#f1f4f6;border-color:#687783}.obs-replay-ends{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#50677d;margin:8px 0}.obs-method{border-top:1px solid #dce6ed;margin-top:26px;padding-top:15px}.obs-method summary{cursor:pointer;font-weight:700;margin-bottom:12px}.obs-method p{margin:10px 0}.observations button:disabled{opacity:.5;cursor:not-allowed}#obs-map .leaflet-popup-content{font-size:14px;line-height:1.65}#obs-map .leaflet-popup-content b{font-size:22px}#obs-change-key{font-size:13px;margin:5px 0}#obs-legend{font-size:13px;color:#50677d}.observations #replay{margin-top:14px;padding:16px}.obs-replay-controls input{min-width:0}@media(max-width:600px){.observations .obs-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px}.obs-controls select{width:100%;min-width:0;font-size:13px}.obs-controls #obs-status{font-size:12px}.observations #replay{padding:12px}.obs-replay-controls{gap:6px;flex-wrap:wrap}.obs-replay-controls input{flex:1;min-width:90px}.obs-replay-controls button{font-size:12px;padding:8px}.obs-replay-state{font-size:13px}}
.observations{padding-top:30px;padding-bottom:40px}.observations h1{font-size:clamp(32px,5vw,48px);margin:10px 0}.observations p{line-height:1.65}.obs-eyebrow{color:#087a89;font-weight:750;letter-spacing:.12em}.obs-note{color:#526477;font-size:14px;max-width:950px}.obs-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:24px 0 10px}.obs-controls label{display:grid;gap:7px}.observations select,.observations input,.observations button{font:inherit;padding:10px;border:1px solid #c9d8e4;border-radius:9px;background:white;color:#16344d}.observations button{cursor:pointer}.observations button:hover,.observations button:focus-visible{border-color:#007a91;background:#edf9fc}#obs-map{height:480px;border-radius:18px;background:#e7f0f5;z-index:0}#obs-detail{padding:22px;background:#f0f7fb;border-radius:18px;margin:20px 0;scroll-margin-top:20px}#obs-detail svg{width:100%;height:auto;max-height:220px}#obs-detail table{width:100%;text-align:left;font-size:14px}#obs-detail th,#obs-detail td{padding:8px;border-bottom:1px solid #d7e4ec}.obs-table{max-height:300px;overflow:auto}.obs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:20px 0}.obs-list button{text-align:left;display:grid;gap:7px}.obs-list small{color:#526477}.obs-marker{background:#fff;border:2px solid #087a89;border-radius:20px;min-width:46px;padding:4px;text-align:center;font-weight:bold;color:#17384d;white-space:nowrap}.obs-marker.warm{border-color:#d76c24}.obs-marker.cold{border-color:#3b7bb5}@media(max-width:600px){#obs-map{height:360px}.observations input{max-width:100%}#obs-detail{padding:14px}.obs-list{grid-template-columns:1fr 1fr}.obs-list button{font-size:13px;padding:8px;overflow-wrap:anywhere}}