.help-sidebar {
  top: var(--help-mobile-viewport-top, 0px);
  width: min(100%, 430px);
  height: var(--help-mobile-viewport-height, 100dvh);
  max-height: var(--help-mobile-viewport-height, 100dvh);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  overscroll-behavior: contain;
}

.help-sidebar__body {
  min-height: 0;
  display: block;
  padding: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.help-sidebar__intro,
.help-conversation {
  margin-bottom: 0.75rem;
}

.help-conversation {
  min-height: 9rem;
  overflow: visible;
  overscroll-behavior: auto;
  touch-action: pan-y;
}

.help-composer {
  padding: 0.75rem;
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
}

html.help-sidebar-scroll-lock,
body.help-sidebar-scroll-lock {
  overscroll-behavior: none;
}

@media (max-width: 480px) {
  .help-sidebar {
    width: 100%;
    border-left: 0;
  }

  .help-quick,
  .help-composer {
    grid-template-columns: 1fr;
  }
}

@media (max-height: 640px) {
  .help-sidebar__header {
    gap: 0.65rem;
    padding: 0.55rem 0.75rem;
  }

  .help-sidebar__brand {
    gap: 0.5rem;
  }

  .help-sidebar__brand img {
    width: 48px;
    height: 48px;
  }

  .help-sidebar__brand h2 {
    font-size: 1rem;
  }

  .help-sidebar__brand .eyebrow {
    margin-bottom: 0.1rem;
    font-size: 0.72rem;
  }
}