* {
  box-sizing: border-box !important;
}

html, body {
  background: #ffffff !important;
  color: #111827 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif !important;
}

body > .site-header,
html body .site-header,
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  background: linear-gradient(135deg, #2563eb, #6b7280) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 1rem !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
}
body > .site-header .wrapper,
html body .site-header .wrapper,
.site-header .wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body > .site-header .site-title,
html body .site-header .site-title,
.site-header .site-title {
  color: white !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  font-size: 1.2rem !important;
  margin: 0 !important;
}
body > .site-header .site-nav,
html body .site-header .site-nav,
.site-header .site-nav {
  display: flex !important;
  align-items: center !important;
}
body > .site-header .page-link,
html body .site-header .page-link,
.site-header .page-link {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  margin-left: 1rem !important;
  font-weight: 500 !important;
}
body > .site-header .page-link:hover,
html body .site-header .page-link:hover,
.site-header .page-link:hover {
  color: white !important;
}
body > .site-header .nav-trigger,
body > .site-header .menu-icon,
html body .site-header .nav-trigger,
html body .site-header .menu-icon,
.site-header .nav-trigger,
.site-header .menu-icon {
  display: none !important;
}

.page-content, main, .content {
  background: #ffffff !important;
  color: #111827 !important;
}

pre, .highlight pre {
  background: #1f2937 !important;
  color: #f8f8f2 !important;
  padding: 1.5rem !important;
  border-radius: 8px !important;
  overflow-x: auto !important;
  margin: 1.5rem 0 !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  border: 1px solid #374151 !important;
  position: relative !important;
}

code {
  background: #f3f4f6 !important;
  color: #2563eb !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 4px !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace !important;
  font-size: 0.875rem !important;
  border: 1px solid #e5e7eb !important;
}

pre code {
  background: none !important;
  color: inherit !important;
  padding: 0 !important;
  border: none !important;
}

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code {
  font-size: 0.9em !important;
  background: rgba(59, 130, 246, 0.1) !important;
  color: #2563eb !important;
  padding: 0.1rem 0.3rem !important;
}

.architecture-diagram {
  background: #1f2937 !important;
  color: #f8f8f2 !important;
  padding: 1.5rem !important;
  border-radius: 8px !important;
  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  overflow-x: auto !important;
  margin: 1.5rem 0 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #374151 !important;
  white-space: pre !important;
  font-variant-ligatures: none !important;
}

/*# sourceMappingURL=main.css.map */