/* Site overrides — sidebar fit, reading gutter, code blocks. */

.sidebar-about h1 {
  font-size: 2.35rem;
  line-height: 1.05;
  letter-spacing: -0.02em;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
}

.sidebar .lead {
  color: rgba(255, 255, 255, 0.62);
  font-size: 0.95rem;
}

@media (min-width: 48em) {
  .sidebar {
    width: 17rem;
    padding-left: 1.5rem;
    padding-right: 1.25rem;
  }

  .content {
    max-width: 40rem;
    margin-left: 21.5rem;
    padding-left: 1.25rem;
  }
}

@media (min-width: 64em) {
  .sidebar {
    width: 18rem;
  }

  .content {
    margin-left: 23.5rem;
    margin-right: 4rem;
    padding-left: 1.75rem;
  }
}

/* Site overrides — uniform code blocks, readable tables. */

.content pre,
.content .highlight pre {
  white-space: pre;
  word-break: normal;
  word-wrap: normal;
  overflow-x: auto;
  background-color: #f6f8fa;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 0.85rem 1rem;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #24292f;
}

.content .highlight {
  margin-bottom: 1.25rem;
}

.content .highlight pre {
  margin-bottom: 0;
}

.content pre code,
.content .highlight code {
  padding: 0;
  font-size: 100%;
  color: inherit;
  background: transparent;
}

.content p code,
.content li code {
  padding: 0.12em 0.35em;
  font-size: 0.85em;
  background: #f6f8fa;
  border-radius: 3px;
}

.content img {
  max-width: 100%;
  height: auto;
}

.content table {
  font-size: 0.9em;
}

.content .message p {
  margin-bottom: 0.7em;
}

.content .message p:last-child {
  margin-bottom: 0;
}