main[data-page="ask"] [data-ask-conversation] {
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-block: 1.5rem 7rem;
  scrollbar-gutter: stable;
  mask-image: linear-gradient(
    to bottom,
    transparent,
    black 0.85rem,
    black calc(100% - 6rem),
    transparent
  );

  > ol {
    display: grid;
    align-content: start;
    gap: 1.5rem;
    width: min(100% - 3rem, var(--ask-content-width));
    margin: 0 auto;
    padding: 1.5rem 0 7.5rem;
    list-style: none;
  }
}

@media (max-width: 48rem) {
  main[data-page="ask"] [data-ask-conversation] {
    scroll-padding-top: 5.75rem;

    > ol {
      width: min(100% - 2rem, var(--ask-content-width));
      padding-top: 5.75rem;
    }
  }
}
