.caption {
  color: #777;
  margin-top: 10px;
}

p code {
  white-space: pre-wrap;
}

pre {
  white-space: pre-wrap !important;
  word-break: normal !important;
  word-wrap: break-word !important;
}

plot {
  background-color: #000000;
}

pre code {
  white-space: pre-wrap;
}

/* Outer wrapper gets the border and background */
.cell-code,
div.sourceCode {
    background-color: #eeeeee;
    border: 1px solid #C8E1FF;
    border-radius: 4px;
    font-size: 105%;
    line-height: 1.2;
    padding: 8px;
}

/* Inner pre/code just handles wrapping — no border */
.cell-code pre,
.cell-code pre code,
div.sourceCode pre,
div.sourceCode pre code {
    overflow: visible !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    word-break: normal !important;
    background-color: transparent;
    border: none !important;
    padding: 0;
    margin: 0;
}

.cell-output summary {
  margin-bottom: 15px;
}

.cell-output pre {
  background-color: #C8E1FF;
  border-radius: 4px;
  line-height: 1.2;
  overflow: visible;            /* CHANGED from 'auto' */
  padding: 8px;
  white-space: pre-wrap;        /* ADDED */
  word-wrap: break-word;        /* ADDED */
}

.sidebar-logo {
  max-height: 100px;
}

 /* unvisited link */
a:link {
  color: #81A8D7;
}

/* visited link */
a:visited {
  color: #81A8D7;
}

/* mouse over link */
a:hover {
  color: darkblue;
}

/* selected link */
a:active {
  color: darkblue;
}

pre.output {
  white-space: pre-wrap;
  word-wrap: break-word; /* For older browser compatibility */
}