main[data-page="ask"] {
  > section {
    position: absolute;
    inset: 0;
    overflow: hidden;
    transition: left 180ms ease;

    > header {
      position: absolute;
      inset: 0;
      z-index: 10;
      pointer-events: none;
    }

    > footer {
      position: absolute;
      bottom: 0;
      left: 50%;
      z-index: 8;
      display: grid;
      gap: 0.5rem;
      width: min(calc(100% - 2rem), var(--ask-content-width));
      padding: 1.25rem 0 max(var(--page-x), env(safe-area-inset-bottom));
      background: linear-gradient(to bottom, transparent, var(--black) 1.25rem);
      translate: -50% 0;
    }
  }
}

@media (min-width: 48.001rem) {
  main[data-page="ask"]:not([data-sidebar-collapsed]) > section {
    left: var(--ask-sidebar-width);
  }
}

@media (max-width: 48rem) {
  main[data-page="ask"] > section > footer {
    width: 100%;
    padding: 0.75rem 1rem max(1rem, env(safe-area-inset-bottom));
  }
}