.cityroads-embed { position: relative; margin: 24px 0; scroll-margin-top: 80px; }
.cityroads-embed-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; }
.cityroads-embed-toolbar span { font-size: 14px; }
.cityroads-embed button { min-height: 44px; padding: 10px 16px; border: 1px solid #327e91; border-radius: 10px; background: #fff; color: #205a69; font: inherit; font-size: 14px; cursor: pointer; }
.cityroads-embed button:focus-visible { outline: 3px solid #205a69; outline-offset: 3px; }
.cityroads-embed iframe { display: block; width: 100%; height: 700px; border: 0; }
@media (max-width: 600px) {
  .cityroads-embed iframe { height: min(700px, max(240px, calc(100vh - 180px))); height: min(700px, max(240px, calc(100svh - 180px))); }
}
.cityroads-embed.is-expanded { position: fixed; inset: 0; z-index: 2147483646; margin: 0; padding: env(safe-area-inset-top, 0px) 10px env(safe-area-inset-bottom, 0px); background: #f7f2e8; display: flex; flex-direction: column; height: 100%; height: 100dvh; }
.cityroads-embed.is-expanded .cityroads-embed-toolbar { flex: 0 0 auto; }
.cityroads-embed.is-expanded iframe { flex: 1 1 auto; min-height: 0; height: 0; }