.book-slide:not(.visible) { display: none; }
.book-slide.visible { display: flex; }

.maintenance-banner {
  min-height: 46px;
  padding: 12px 20px;
  background: #7daf38;
  color: #071000;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: .01em;
}

.maintenance-banner strong {
  margin-right: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

/* The header floats directly over the hero now that the newsletter form is gone. */
.nav-shell { transform: translate(-50%, 20px); }
.footer-grid { grid-template-columns: 1fr 1fr; }

@media (max-width: 700px) {
  .maintenance-banner {
    padding: 9px 15px;
    font-size: 12px;
    line-height: 18px;
  }

  .maintenance-banner strong,
  .maintenance-banner span {
    display: block;
    margin: 0;
  }

  .nav-shell { transform: translate(-50%, 20px); }
}