@media screen {
  body .bt-site-guide,
  body[data-bt-template] .bt-site-guide {
    display: flex;
    z-index: 5000;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    max-width: calc(100vw - 32px);
  }
  .bt-site-guide .bt-site-guide-panel {
    width: min(420px, calc(100vw - 32px));
    max-height: min(720px, calc(100vh - 96px));
    max-height: min(720px, calc(100dvh - 96px));
  }
  .bt-site-guide .bt-site-guide-panel[hidden] { display: none; }
  .bt-site-guide .bt-site-guide-conversation {
    min-height: 0;
    flex: 1 1 auto;
    overscroll-behavior: contain;
  }
  .bt-site-guide .bt-site-guide-question-form,
  .bt-site-guide .bt-site-guide-boundary,
  .bt-site-guide .bt-site-guide-panel > header { flex-shrink: 0; }
  .bt-site-guide .bt-site-guide-launcher { padding: 0 18px; }
  .bt-site-guide .bt-site-guide-quick { grid-template-columns: 1fr 1fr; }
  .bt-site-guide .bt-site-guide-quick[hidden] { display: none; }
  .bt-site-guide .bt-guide-message nav { display: flex; flex-direction: column; gap: 10px; }
  .bt-site-guide .bt-guide-message { overflow-wrap: anywhere; }
  .bt-site-guide .bt-site-guide-panel > header { padding: 12px 14px; gap: 10px; min-height: 64px; }
  .bt-site-guide .bt-site-guide-header-logo { width: 56px; }
  .bt-site-guide .bt-site-guide-header-title strong { font-size: 16px; line-height: 1.3; }
  .bt-site-guide .bt-site-guide-quick button { font-size: 13px; line-height: 1.35; padding: 8px; min-height: 40px; }
  .bt-site-guide .bt-site-guide-question-form { padding: 12px 16px; }
  .bt-site-guide .bt-site-guide-boundary { margin: 0; padding: 0 16px 14px; font-size: 12px; line-height: 1.45; }
}
@media print { body .bt-site-guide { display: none !important; } }