.access-gate {
  max-width: 680px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 64px);
}
.access-gate h2 {
  font-size: clamp(1.7rem, 3vw, 2.5rem);
  margin-bottom: var(--space-4);
}
.access-gate > p:not(.eyebrow) {
  color: var(--muted);
  max-width: 550px;
  margin-bottom: var(--space-5);
}
.access-gate .form-help {
  margin-top: var(--space-6);
  line-height: 1.6;
}
.google-button {
  min-height: 44px;
  display: flex;
  justify-content: center;
}
.modal .form-help {
  line-height: 1.5;
}
@media (max-width: 760px) {
  .account-button {
    white-space: nowrap;
    min-width: 76px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .topbar .breadcrumb {
    margin-left: 8px;
    letter-spacing: .05em;
  }
  .topbar .icon-button {
    width: 38px;
  }
}