/* Base styles for code blocks before Shiki loads (prevents FOUC) */
pre:has(> code[data-lang]) {
  background: #0d1117;
  color: #e6edf3;
  border-radius: 0 0 8px 8px;
  padding: 16px 20px;
  overflow-x: auto;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* Code block container */
.code-block {
  margin: 1.5em 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #30363d;
}

/* Language label header */
.code-block-header {
  padding: 8px 16px;
  background: #161b22;
  border-bottom: 1px solid #30363d;
  font-size: 13px;
  color: #7d8590;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Shiki-generated pre styles */
.code-block pre {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  overflow-x: auto !important;
}