.satellite-context { width: 100%; min-width: 0; margin: 1.5rem 0 2rem; color: var(--theme-foreground, #172635); font: 0.9rem/1.5 var(--sans-serif, system-ui, sans-serif); }
.satellite-context figcaption { margin-bottom: 0.7rem; }
.satellite-context__title { font-size: 1.05rem; }
.satellite-context p { margin: 0.4rem 0; }
.satellite-context__load { min-height: 44px; padding: 0.6rem 0.8rem; border: 1px solid var(--theme-foreground-focus, #007a5e); border-radius: 4px; color: var(--theme-foreground-focus, #007a5e); background: var(--theme-background, #fff); font: inherit; cursor: pointer; }
.satellite-context__load:disabled { color: var(--theme-foreground-muted, #485968); border-color: var(--theme-foreground-faint, #667987); cursor: default; }
.satellite-context__frame { position: relative; max-width: 100%; min-height: 280px; margin-top: 0.8rem; overflow: hidden; border: 1px solid var(--theme-foreground-faint, #667987); border-radius: 4px; background: #233437; }
.satellite-context__frame canvas { max-width: none; }
.satellite-context [hidden] { display: none; }
.satellite-context__status, .satellite-context__note, .satellite-context__sources { color: var(--theme-foreground-muted, #485968); font-size: 0.8rem; }
.satellite-context__sources a { color: var(--theme-foreground-focus, #007a5e); text-decoration: underline; text-underline-offset: 0.15em; overflow-wrap: anywhere; }
.satellite-context :is(button, a):focus-visible { outline: 2px solid var(--theme-foreground-focus, #007a5e); outline-offset: 3px; }
.satellite-context .maplibregl-ctrl-group { color: #172635; background: #fff; }
.satellite-context .maplibregl-ctrl-group button { width: 32px; height: 32px; }