/* Portal on ai. (#156) — application sections around the dashboard's cards. Prefix pt-.
 * Type sizes from the design system's h1/h2 (#166), copied as values: its classes are not global. */

.pt-portal {
  font-family: var(--font-sans);
}

.pt-portal__title {
  font-size: 36px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.72px;
  color: var(--bm-main);
  margin: 0 0 4px 4px;
}

.pt-portal__lead {
  color: var(--grey-600);
  margin: 0 0 8px 4px;
}

.pt-app {
  margin-top: 40px;
}

.pt-app__name {
  font-size: 28px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 0.42px;
  margin: 0 0 8px 4px;
}

.pt-app__intro {
  max-width: 640px;
  color: var(--grey-600);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 14px 4px;
}

.pt-empty {
  margin-top: 32px;
  padding: 20px 24px;
  border-left: var(--underline-bar) solid var(--bm-main);
  background: var(--grey-100);
  max-width: 640px;
}