/* Cost Guide specific which doesn't apply to the other guides. */
/* Typically try to keep the styling consistent but don't be afraid to deviate */
/* to meet a user requirement / expectation. */

/* (Desktop & Tablet) Fix Fast Facts header margin. */
@media (min-width: 600px) {
  #fast-facts > h1 {
    margin-left: -2.85rem !important;
  }
}

/* (Mobile) Fix Fast Facts page titles and padding. */
@media (max-width: 600px) {
  #fast-facts > h1 {
    margin-left: -3rem !important;
  }
  #fast-facts .box {
    padding: 2em 3em;
    margin: 0 -3em;
  }
  #fast-facts #cover-block .title-block {
    top: 1rem;
    left: 2rem;
  }
}

/* Highlight the nav button when the sidebar is open. */
.book.with-summary .book-header > .btn.js-toolbar-action:first-of-type {
  background-color: #665190;
  border-left: 1px solid rgba(0,0,0,.07);
  border-right: 1px solid rgba(0,0,0,.07);
}

/* Highlight the nav button when search is open. */
.book.with-search .book-header > .btn.js-toolbar-action:nth-child(2) {
  background-color: #665190;
  border-left: 1px solid rgba(0,0,0,.07);
  border-right: 1px solid rgba(0,0,0,.07);
}

/* Polish */
.book.with-summary.with-search .book-header > .btn.js-toolbar-action:nth-child(2) {
  border-left: none;
}