/* Prose styling for rendered markdown (docs and blog) */
.prose h1 { font-family: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif; font-size: 3rem; font-weight: 900; text-transform: uppercase; line-height: 0.95; margin-bottom: 1.25rem; color: var(--bw-fg); }
.prose h2 { font-family: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif; font-size: 2rem; font-weight: 800; text-transform: uppercase; line-height: 1; margin-top: 2.5rem; margin-bottom: 1rem; color: var(--bw-fg); border-bottom: 1px solid color-mix(in srgb, var(--bw-fg) 10%, transparent); padding-bottom: 0.5rem; }
.prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; color: var(--bw-fg); }
.prose p { margin-bottom: 1rem; color: color-mix(in srgb, var(--bw-fg) 80%, transparent); line-height: 1.7; }
.prose ul, .prose ol { margin-bottom: 1rem; padding-left: 1.5rem; color: color-mix(in srgb, var(--bw-fg) 80%, transparent); }
.prose li { margin-bottom: 0.25rem; }
.prose code { font-family: 'IBM Plex Mono', monospace; background: color-mix(in srgb, var(--bw-fg) 8%, transparent); font-weight: 400; padding: 0.125rem 0.375rem; border-radius: 0.125rem; font-size: 0.875em; color: var(--bw-fg); }
.prose code::before, .prose code::after { content: none; }
.prose pre { background: var(--bw-inset); border: 1px solid color-mix(in srgb, var(--bw-fg) 10%, transparent); border-radius: 0.125rem; padding: 1rem; overflow-x: auto; margin-bottom: 1rem; }
.prose pre code { background: transparent; padding: 0; }
.prose table { width: 100%; margin-bottom: 1rem; border-collapse: collapse; }
.prose th { text-align: left; padding: 0.5rem; border-bottom: 2px solid color-mix(in srgb, var(--bw-fg) 20%, transparent); color: var(--bw-fg); font-weight: 600; }
.prose td { padding: 0.5rem; border-bottom: 1px solid color-mix(in srgb, var(--bw-fg) 10%, transparent); color: color-mix(in srgb, var(--bw-fg) 80%, transparent); }
.prose a { color: var(--bw-tide); text-decoration: underline; }
.prose a:hover { color: var(--bw-tide-hover); }
.prose strong { color: var(--bw-fg); font-weight: 600; }
.prose blockquote { border-left: 4px solid var(--bw-tide); padding-left: 1rem; margin: 1rem 0; color: color-mix(in srgb, var(--bw-fg) 70%, transparent); }