/* Responsive adjustments for content/ pages */
.content-doc {
  box-sizing: border-box;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

.content-doc pre,
.content-doc code {
  white-space: pre-wrap; /* allow wrapping of long lines */
  word-break: break-word;
  overflow-wrap: anywhere;
  background: #f9fafb;
  padding: 0.5rem;
  border-radius: 6px;
  display: block;
  max-width: 100%;
  box-sizing: border-box;
}

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

@media (max-width: 640px) {
  .content-doc pre {
    font-size: 0.95rem;
    padding: 0.4rem;
  }
}