/* Secondary weather products stay subordinate to the existing pressure row. */
#weather-product-dock{position:fixed;z-index:1200;display:flex;flex-direction:column;align-items:stretch;gap:3px;width:194px;max-width:calc(100vw - 16px);padding:6px;margin:0;background:#fcfdfb;border:1px solid #c8d9ce;border-radius:4px;box-shadow:0 6px 20px #183b3224}
#weather-product-dock[hidden]{display:none}
#weather-product-dock button{font:400 13px/1.6 MiSans,"Microsoft YaHei",sans-serif;text-align:left;color:#526b65;background:transparent;border:1px solid transparent;border-radius:2px;padding:8px 12px;box-shadow:none;cursor:pointer}
#weather-product-dock button:hover{color:#126e68;background:#f0f5f1}
#weather-product-dock button.is-active{color:#126e68;background:#edf4ef;border-color:#c8d9ce}
#weather-product-dock button:focus-visible{outline:2px solid #126e68;outline-offset:2px}
.layer-dock button.has-products::after{content:'⌄';font-size:12px;margin-left:6px;color:#126e68}
.weather-region-dock{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.weather-region-dock a{padding:7px 15px;border:1px solid #c8d1d2;text-decoration:none;color:#53636a;font-size:14px;transition:background .16s,color .16s}
.weather-region-dock a:hover{background:#e9f0f1;color:#274e6b}
.weather-region-dock a.is-active{background:#e5edf3;border-color:#6689a2;color:#254d6a}
#weather-original{margin-left:auto}
.map-attribution{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;text-align:right}
.map-analysis-notice{text-align:left;margin-right:auto}
.weather-reading-notes{display:flex;justify-content:space-between;gap:12px;align-items:baseline;color:#718080;font-size:12px}
.weather-reading-notes details{max-width:620px}.weather-reading-notes summary{cursor:pointer;white-space:nowrap}
.legend-symbol--high,.legend-symbol--low{color:#cf202c!important}
@media(max-width:650px){.weather-reading-notes{display:block}.weather-region-dock a{padding:6px 10px}.map-attribution{text-align:left}}