/* weathermaps.ai — the shared network explorer, in this site's colours.
 *
 * The explorer itself (markup contract, forecasteuro.css component rules and
 * explorer.css layout) is the network's, served from the same files Forecast Euro
 * serves. This sheet only re-points the tokens and the two "which one is on" colours,
 * so a fix to the explorer lands here the moment it lands there.
 *
 * Field chips and model chips light violet (this site's controls); place chips light
 * network green. The explorer page stays in the light theme for now: the shared
 * component rules hard-code white control grounds, and the network's night theme is
 * still on Forecast Eagle's list.
 */
.explorer { max-width: 1560px; }
.btn.on, .btn[aria-pressed="true"] { background: var(--ai); border-color: var(--ai-dk); color: #fff; }
.field-btn.on { background: var(--ai); color: #fff; border-color: var(--ai-dk); }
.sector-btn.on, .region-btn.on { background: var(--sign); color: #fff; border-color: var(--sign-dk); }
.seg button.on { background: var(--ai); border-color: var(--ai); color: #fff; }
.badge-live { background: var(--sign); color: #fff; }
.badge-exp { background: var(--flag); color: #3a2a00; }
.titlebar h1 { font-size: 24px; }
.titlebar .shield-sm { display: inline-grid; place-items: center; width: 26px; height: 28px; border-radius: 5px 5px 13px 13px;
  background: var(--ai); color: #fff; font-size: 11px; font-weight: 900; }
.about-wm { margin-top: 18px; }
.about-wm .prose { font-size: 14.5px; }
.sitebar { position: static; }