/* Void Blog Aesthetic - Inline Prose Styles */

.prose-void h1,
.prose-void h2,
.prose-void h3,
.prose-void h4,
.prose-void h5,
.prose-void h6 {
  color: #fafafa;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.prose-void h1 { font-size: 2.5rem; }
.prose-void h2 {
  font-size: 2rem;
  margin-top: 4rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.prose-void h3 { font-size: 1.5rem; }
.prose-void h4 { font-size: 1.25rem; }

.prose-void p {
  margin: 1.5rem 0;
  opacity: 0.95;
}

.prose-void a {
  color: #FF5E2B;
  text-decoration: none;
  transition: all 0.2s;
}

.prose-void a:hover {
  color: #fafafa;
  text-shadow: 0 0 20px rgba(255, 94, 43, 0.5);
}

.prose-void ul,
.prose-void ol {
  margin: 2rem 0;
  padding-left: 1.5rem;
}

.prose-void li {
  margin: 0.75rem 0;
  padding-left: 0.5rem;
}

.prose-void blockquote {
  margin: 3rem 0;
  padding: 2rem;
  background: rgba(10, 10, 10, 0.5);
  border-left: 2px solid #5E2BFF;
  border-radius: 0 8px 8px 0;
  backdrop-filter: blur(10px);
  font-style: normal;
}

.prose-void code {
  background: #0a0a0a;
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.875em;
  font-family: 'SF Mono', Monaco, monospace;
  color: #2BD4FF;
}

.prose-void pre {
  background: #070707;
  border: 1px solid rgba(255, 255, 255, 0.12);
  overflow-x: auto;
  padding: 1.5rem;
  border-radius: 8px;
  margin: 2.5rem 0;
}

.prose-void pre code {
  background: transparent;
  border: none;
  padding: 0;
  color: #fafafa;
}

.prose-void hr {
  margin: 4rem 0;
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12) 20%, rgba(255, 255, 255, 0.12) 80%, transparent);
}

.prose-void strong,
.prose-void b {
  font-weight: 600;
  color: #fafafa;
}

.prose-void em,
.prose-void i {
  font-style: italic;
  opacity: 0.95;
}

/* Callout boxes for special content */
.callout {
  margin: 2.5rem 0;
  padding: 1.5rem;
  background: rgba(10, 10, 10, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  backdrop-filter: blur(10px);
}

.callout-info {
  border-left: 3px solid #2BD4FF;
}

.callout-warning {
  border-left: 3px solid #FF5E2B;
}

.callout-success {
  border-left: 3px solid #5E2BFF;
}