/* Adjust the width of the main content area */
.book .book-body .body-inner {
  max-width: 100%;
  margin: auto;
}

/* Adjust the width of the left and right side columns */
.book .book-summary {
  width: 20%;
}

/*
.book h1:contains("Day 1"),
.book h1:contains("Day 2") {
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
*/

/* Target links inside paragraphs and lists (i.e., typical body text links) */
p a, li a {
  color: green;
}

/* Optional: Style hovered and visited links differently if desired */
p a:visited, li a:visited {
  color: darkgreen;
}

p a:hover, li a:hover {
  color: limegreen;
}

p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

/* Sidebar formating --------------------------------------------*/

div.sidebar {
  border-left: 7px solid #ccc;
  margin: 1em 0;
  padding-left: 1em;
}

/* .book .book-body .page-wrapper .page-inner section.normal is needed
   to override the styles produced by gitbook, which are ridiculously
   overspecified. Goal of the selectors is to ensure internal "margins"
   controlled only by padding of container */

.book .book-body .page-wrapper .page-inner section.normal div.sidebar > :first-child {
  margin-top: 0;
}

.book .book-body .page-wrapper .page-inner section.normal div.sidebar > :last-child {
  margin-bottom: 0;
}


/* Challenge section formating --------------------------------------------*/

.challenge {
  margin: 2em;
  padding: 1em;
  border: 1px solid black;
  border-radius: 5px;
  background: #f4e1fc;
}
.challenge > :first-child, .challenge > :nth-child(2) {
  margin-top: 0;
}
.rationale {
  margin: 2em;
  padding: 1em;
  border: 1px solid black;
  border-radius: 5px;
  background: rgb(201, 249, 245);
}
.rationale > :first-child, .rational > :nth-child(2) {
  margin-top: 0;
}

.redacted {
  background-color: #000;
  color: transparent;
  transition: 0.3s ease;
  cursor: pointer;
}

.redacted:hover {
  background-color: transparent;
  color: initial;
}