/* Copyright Ayers Electronics Inc. All rights reserved. */

/* ---- no home found (js/no-home.js, js/looking-for-home.js, pages/no-home.html) ----
   The same card shape the wizard and the picker wear: one column, centred, the bird mark in the
   corner. The two-doors screen, the search screen and the no-internet screen (js/no-internet.js)
   share it. */
#noHomeDoors,
#lookingForHome,
#noInternet {
  z-index: 46;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--page-margin-vertical) var(--page-margin);
  background: var(--bg);
}
#noHomeDoors[hidden],
#lookingForHome[hidden],
#noInternet[hidden] {
  display: none;
}
.no-home-card {
  display: grid;
  justify-items: center;
  gap: 16px;
  max-width: 520px;
  text-align: center;
}
.no-home-heading {
  margin: 0;
  font-size: var(--type-heading);
  font-weight: 600;
  color: var(--text);
}
.no-home-lead {
  margin: 0;
  font-size: var(--type-body);
  color: var(--muted);
}
.no-home-doors {
  display: grid;
  gap: 12px;
  width: 100%;
  max-width: 320px;
}
.looking-for-home-found {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 320px;
  margin: 0;
  padding: 0;
  list-style: none;
}