.unified-page .station-query-heading { margin: 0; padding: 0 0 10px; }
.unified-page .station-query-heading h1 { margin: 0; }
.unified-page .station-query-heading > p { margin: 6px 0 0; }
.unified-page .station-query-heading > .eyebrow { display: none; }
body.unified-page main.station-query-page { gap: 12px 20px; }
.unified-page .station-query-page > .station-query-form { padding: 16px; gap: 14px; }
.unified-page .station-region-browser { padding: 12px; }
.unified-page .station-region-browser > header h2 { font-size: 17px; margin: 0; }
.unified-page .station-region-browser > header .eyebrow { display: none; }
.unified-page .station-region-browser > header p { font-size: 13px; }
body.unified-page .station-region-browser > header { display: block; margin-bottom: 8px; }
body.unified-page .station-region-browser > header p { max-width: none; text-align: left; }
#station-region-map { background: #d4e8ef; height: clamp(360px, 65vh, 720px); }
/* The observation controls follow the same title / toolbar / map rhythm as home. */
body.observation-home-layout .observation-map-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 18px;min-height:36px;margin:0 0 8px}
body.observation-home-layout .observation-query-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;min-width:0}
body.observation-home-layout .observation-map-toolbar .station-query-mode{display:flex;flex:0 0 auto;align-items:center;gap:0;width:auto;min-width:max-content;margin:0;padding:0;border:0}
body.observation-home-layout .observation-map-toolbar .station-query-mode legend{float:left;width:auto;margin:0 8px 0 0;padding:0;color:#627a7d;font:12px MiSans,sans-serif;white-space:nowrap}
body.observation-home-layout .observation-map-toolbar .station-query-mode label{flex:none;min-width:0}
body.observation-home-layout .observation-map-toolbar .station-query-mode label+label{margin-left:-1px}
body.observation-home-layout .observation-map-toolbar .station-query-mode span{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:36px;min-height:36px;padding:4px 11px;border:1px solid var(--rule);border-radius:0;background:#fff;color:#465b62;font:400 12px MiSans,sans-serif;white-space:nowrap}
body.observation-home-layout .observation-map-toolbar .station-query-mode input:checked+span{position:relative;z-index:1;border-color:#bb4035;background:#bb4035;color:#fff}
body.observation-home-layout .observation-map-toolbar .station-query-form__date{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-width:0}
body.observation-home-layout .observation-map-toolbar .station-query-form__date[hidden],body.observation-home-layout .observation-map-toolbar .station-query-window[hidden]{display:none}
body.observation-home-layout .observation-map-toolbar .station-query-form__date label{font:12px MiSans,sans-serif;color:#627a7d;white-space:nowrap}
body.observation-home-layout .observation-map-toolbar #surface-date{box-sizing:border-box;width:142px;height:36px;min-height:36px;padding:4px 8px;border:1px solid var(--rule);border-radius:0;background:#fff;font:14px MiSans,sans-serif}
body.observation-home-layout .observation-map-toolbar .station-map-controls{display:flex;flex:0 0 auto;gap:6px;margin:0 0 0 auto!important}
body.observation-home-layout .observation-map-toolbar .station-map-controls button{box-sizing:border-box;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;border-radius:0;font:12px MiSans,sans-serif;white-space:nowrap}
body.observation-home-layout .observation-map-toolbar .station-map-controls #station-map-reset{flex-basis:48px;width:48px}
body.observation-home-layout .workbench-sidebar .station-query-form__station{display:block;width:100%;min-width:0}
body.observation-home-layout .workbench-sidebar .station-query-form__station>label{display:block;margin-bottom:9px;font:12px MiSans,"Microsoft YaHei",sans-serif!important;color:var(--ink-soft)}
body.observation-home-layout .workbench-sidebar .station-search-box{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 46px;width:100%;height:44px;border:1px solid var(--line);background:#fffdfb}
body.observation-home-layout .workbench-sidebar #surface-station{box-sizing:border-box;width:100%;height:100%!important;min-height:0!important;padding:13px 14px;border:0;border-radius:0;background:transparent;color:var(--ink);font:13px MiSans,"Microsoft YaHei",sans-serif!important}
body.observation-home-layout .workbench-sidebar .station-query-submit{box-sizing:border-box;width:46px!important;height:100%!important;min-height:0!important;padding:1px 6px!important;border:1px solid #d4ad56!important;border-radius:0;background:var(--sand-active)!important;color:#4f4239!important;font:450 13px MiSans,"Microsoft YaHei",sans-serif!important}
@media(max-width:650px){body.observation-home-layout .observation-map-toolbar{grid-template-columns:minmax(0,1fr)}body.observation-home-layout .observation-map-toolbar .station-query-mode{flex-wrap:wrap;gap:5px;min-width:0;max-width:100%}body.observation-home-layout .observation-map-toolbar .station-query-mode legend{width:100%}body.observation-home-layout .observation-map-toolbar .station-query-window{width:100%}body.observation-home-layout .observation-map-toolbar .station-query-form__date{flex-wrap:wrap}}
.observation-workbench { box-sizing: border-box; width: min(1440px, 96vw); max-width: 96vw; max-height: 94dvh; padding: 0 18px 18px; border: 1px solid var(--rule, #bccdcc); border-radius: 0; background: #fafbf8; color: var(--ink, #253e43); }
.observation-workbench::backdrop { background: rgb(20 38 42 / .48); }
.observation-workbench__header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; background: #fafbf8; border-bottom: 1px solid var(--rule, #bccdcc); }
.observation-workbench__header button { padding: 7px 14px; border: 1px solid var(--rule, #bccdcc); border-radius: 0; background: #fff; color: inherit; font: inherit; cursor: pointer; }
.observation-workbench .realtime-panel { margin: 12px 0; padding: 12px; }
.observation-workbench .station-image-result { margin: 12px 0 0; padding: 12px; }
.observation-workbench .station-image-result h2 { font-size: 18px; }
.observation-workbench .realtime-values { gap: 8px; }
@media(max-width: 760px) {
  .observation-workbench { padding: 0 8px 8px; }
  .observation-workbench .realtime-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  #station-region-map { height: 48dvh; min-height: 320px; }
}