/* Style for code blocks */
.code-block {
  background-color: #f9f9f9; /* Light grey background */
  border: 1px solid #ccc; /* Light grey border */
  border-left: 3px solid #f36d33; /* Accent border on the left */
  color: #333; /* Darker text color for contrast */
  font-family: 'Courier New', Courier, monospace; /* Monospaced font for code */
  padding: 10px 15px; /* Top and bottom, Left and right padding */
  margin: 10px 0; /* Top and bottom margin, no left and right margin */
  overflow-x: auto; /* Makes long lines of code scrollable horizontally */
  display: block; /* Ensures the block fills the width of its container */
  white-space: pre-wrap; /* Keeps the code formatting */
  word-wrap: break-word; /* Ensures long words do not break the layout */
}

/* Optional: Style for <code> inside <pre> for preformatted code blocks */
pre > code {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
  font-size: 100%;
}