/* Styles the HTML inside #root until the portal app replaces it.
   Kept on a stable URL so a missing hashed bundle still has a theme. */

.portalBoot {
  width: min(720px, 100%);
  margin: 0 auto;
  padding: 56px 24px 72px;
}

.portalBoot h1 {
  margin: 0 0 16px;
  font-size: 2rem;
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.portalBoot p {
  margin: 0 0 14px;
  max-width: 62ch;
}

.portalBoot ul {
  margin: 8px 0 18px;
  padding-left: 1.25rem;
  display: grid;
  gap: 8px;
}

.portalBoot a {
  font-weight: 600;
}

/* With JavaScript on, this page stays hidden while the app loads and shows
   only when index.html marks the load as failed. Without JavaScript neither
   class is set, so it shows at once with the no-JavaScript note. */
.portalScripted .portalBoot {
  visibility: hidden;
}

.portalScripted.portalBootFailed .portalBoot {
  visibility: visible;
}

.portalBootFailedNote,
.portalScripted .portalBootNoScriptNote {
  display: none;
}

.portalScripted .portalBootFailedNote {
  display: block;
}