.obs-main{max-width:1400px;margin:auto;padding:24px 18px;color:#183247;font-family:system-ui,sans-serif}.obs-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.obs-heading h1{font-size:32px;margin:8px 0}.obs-heading p{color:#526777}.obs-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:750;color:#147182}.obs-back{white-space:nowrap}.obs-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 12px;align-items:center}.obs-toolbar button,.obs-toolbar input{font:inherit;border:1px solid #ccdae3;border-radius:8px;padding:10px 13px;background:#fff;color:#203f53}.obs-toolbar button{cursor:pointer}.obs-toolbar button[aria-pressed=true],.obs-toolbar button[type=submit]{background:#155a75;color:white;border-color:#155a75}.obs-regions{display:flex;gap:5px}#obs-search{display:flex;gap:6px;flex:1}#obs-query{min-width:180px;flex:1}.obs-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.obs-map-wrap,.obs-detail{border:1px solid #d7e2e9;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #163c5010}#obs-map{height:570px;background:#e9f0f4;z-index:0}.obs-detail{padding:24px;align-self:start}.obs-detail h2{font-size:24px;line-height:1.3;margin:8px 0}.obs-detail p{line-height:1.6}.obs-temp{font-size:52px;font-weight:750;line-height:1.2;margin:22px 0 4px}.obs-age{font-weight:650;color:#166b5b}.obs-age.old{color:#956000}.obs-metrics{margin:20px 0}.obs-metrics div{padding:12px 0;border-top:1px solid #e6edf1}.obs-metrics dt{font-size:12px;color:#627685}.obs-metrics dd{margin:5px 0 0;font-size:16px;font-weight:650}.obs-detail pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f0f4f7;padding:12px;border-radius:7px}.obs-detail summary{cursor:pointer;font-weight:650}.obs-note,#obs-status{font-size:13px;color:#526777;line-height:1.6}.obs-legend{display:flex;flex-wrap:wrap;gap:14px;padding:11px 14px;font-size:11px}.obs-legend span:nth-child(2){color:#1262b3}.obs-legend span:nth-child(3){color:#b94b17}.obs-pin{background:none;border:0}.obs-pin span{display:block;border:2px solid white;border-radius:18px;padding:5px 4px;color:white;text-align:center;font:bold 13px system-ui;box-shadow:0 2px 5px #0005}.obs-pin.old{opacity:.6}.obs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.obs-main{padding:16px 10px}.obs-heading{align-items:flex-start}.obs-heading h1{font-size:27px}.obs-layout{grid-template-columns:1fr}#obs-map{height:430px;max-height:65vh}.obs-detail{padding:20px}.obs-toolbar{gap:8px}#obs-search{flex-basis:100%}.obs-back{font-size:12px}.obs-temp{font-size:42px}}