/*
 * The import contains only the compiled Astro CSS bundle. Keep narrow
 * responsive overrides here so they apply consistently in preview and publish.
 */
@media (max-width: 560px) {
  .chatbot:not(.is-open) {
    position: relative;
    right: auto;
    bottom: auto;
    width: auto;
    margin: 1rem 1rem calc(1.5rem + env(safe-area-inset-bottom)) auto;
  }

  .chatbot.is-open {
    position: fixed;
    left: 0.75rem;
    right: 0.75rem;
    bottom: calc(0.75rem + env(safe-area-inset-bottom));
    margin: 0;
  }
}