/**
 * The public page behind a shared Research graph (/graph/<token>,
 * api/_lib/graph-share-page.ts renderResearchGraphSharePage): the app's top
 * bar with the logo and one way in, and the sheet the Research graph draws
 * in (js/leads-page/lead-research-public.js). The shell's own classes
 * (ds/product.css) draw both; this sheet only covers what the page lacks:
 * the sidebar the sheet sits beside in the app.
 */

/* No sidebar: the sheet keeps the same air on both sides. */
.lrp .shell-sheet {
  margin-left: var(--ds-space-2);
}

/* The way in: the whole sentence on a wide bar, two words on a phone. */
.lrp-cta__short {
  display: none;
}

@media (max-width: 600px) {
  .lrp-cta__long {
    display: none;
  }

  .lrp-cta__short {
    display: inline;
  }
}

/* Without JavaScript the page says what the graph holds, in the sheet. */
.lrp-noscript {
  margin: 0;
  padding: var(--ds-space-6);
  color: var(--ds-text-secondary);
}