/*
* Shared styling for the public (unauthenticated) pages: landing, about,
* terms, privacy, cookies and the auth flow (login/register/reset password).
*/

/* main.css's bare `main { align-self: flex-end; margin-left: auto; }` rule
   targets the authenticated sidebar layout (main is a row-flex item next to
   <aside>). The public base has no sidebar - main is a column-flex item that
   should simply stretch full width, so reset those properties here. */
main {
  align-self: stretch;
  margin-left: 0;
  justify-content: flex-start;
}

.hero-heading {
  font-weight: 700;
  letter-spacing: -0.03rem;
  line-height: 1.1;
}

.featurette-divider {
  margin: 4rem 0;
}

.featurette-heading {
  font-weight: 600;
  letter-spacing: -0.03rem;
  line-height: 1.15;
}

.featurette-image {
  max-height: 340px;
  object-fit: contain;
}

.feature-icon {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}

.public-content {
  width: 100%;
  max-width: 800px;
}

.auth-card {
  width: 100%;
  max-width: 420px;
}

.auth-card .form-check-label,
.auth-card .form-check-input {
  cursor: pointer;
}