html,
body {
  overflow-x: hidden;
}

@media (max-width: 760px) {
  .site-header > .button {
    display: none;
  }

  .site-header,
  .section-shell {
    width: 100%;
    min-width: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-bottom,
  .hero-bottom > *,
  .lede,
  .workspace-topbar,
  .workspace {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .lede {
    overflow-wrap: anywhere;
  }

  .workspace-topbar {
    overflow: hidden;
  }

  .workspace-state span:last-child {
    display: none;
  }
}