.sarhu-map { margin-block: 2rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--theme-palette-color-5, #ccc); border-radius: 0; background: var(--theme-palette-color-6, #eee); color: var(--theme-palette-color-4, #000); }
.sarhu-map [hidden] { display: none !important; }
.sarhu-map h2 { color: inherit; margin-top: 0; }
.sarhu-map a { color: var(--theme-palette-color-1, #000099); text-decoration: underline; }
.sarhu-map button { padding: .8rem 1.2rem; background: var(--theme-palette-color-1, #000099); color: var(--theme-palette-color-8, #fff); border: 0; border-radius: 0; cursor: pointer; font: inherit; }
.sarhu-map button:hover { background: var(--theme-palette-color-2, #da251d); }
.sarhu-map :is(a,button):focus-visible { outline: 3px solid var(--theme-palette-color-1, #000099); outline-offset: 4px; }
.sarhu-map__canvas iframe { display: block; width: 100%; height: clamp(300px, 55vw, 450px); border: 0; }
.sarhu-map__unload { margin-top: 1rem; }
.sarhu-map__status:empty { display: none; }
.sarhu-map__route { margin-bottom: 0; }