/*
 * Gateway-specific styles, layered on top of the theme.
 * Use the theme's CSS variables (--accent-color, --heading-color, --bs-*)
 * rather than new colours.
 */

.gateway-narrow {
  max-width: 32rem;
}

/* The theme's page title band is sized for an empty heading under a fixed
   header; Gateway's header is sticky and the band holds the page heading. */
.page-title .heading {
  padding: 32px 0;
}

.page-title .heading h1 {
  font-size: 32px;
}

/* Sign-out is a form button but should look like the theme's header link. */
.header form .btn-getstarted {
  cursor: pointer;
}

/* Sign-in, two-factor and password pages: one narrow column. */
.gateway-focus {
  max-width: 30rem;
}

/* Ticket thread: replies from ESS get the theme's accent along the left edge. */
.gateway-staff-reply {
  border-left: 3px solid var(--accent-color);
}

.gateway-text {
  overflow-wrap: anywhere;
}

/* Licence keys: keep line breaks, but wrap long lines on small screens. */
.gateway-key {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}