.prose pre{background-color:#fafafa;border:1px solid #e4e4e7;border-radius:.75rem;padding:1.5rem;font-size:.875rem;line-height:1.7;position:relative;overflow-x:auto}.dark .prose pre{background-color:#18181b;border-color:#27272a}.prose code{color:#27272a;background-color:#f4f4f5;border-radius:.375rem;padding:.125rem .375rem;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:.875rem;font-weight:500}.dark .prose code{color:#e4e4e7;background-color:#27272a}.prose pre code{color:#27272a;background:0 0;padding:0;display:block}.dark .prose pre code{color:#e4e4e7}.prose pre code .keyword{color:#ec4899}.prose pre code .string{color:#fb923c}.prose pre code .comment{color:#71717a;font-style:italic}.dark .prose pre code .comment{color:#a1a1aa}.prose pre code .function{color:#facc15}.prose pre code .variable{color:#60a5fa}.prose pre code .number{color:#4ade80}.prose pre code .operator{color:#a1a1aa}.prose pre:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");background-size:contain;width:1.25rem;height:1.25rem;transition:opacity .2s;position:absolute;top:.75rem;right:.75rem}.prose pre:hover:before{opacity:1}.prose{max-width:none}.prose h2{letter-spacing:-.025em;color:#18181b;margin-top:3rem;margin-bottom:1.5rem;padding-left:1rem;scroll-margin-top:6rem;font-size:1.875rem;font-weight:700;position:relative}.dark .prose h2{color:#fafafa}.prose h2:before{content:"";background:linear-gradient(#f97316,#ef4444,#ec4899);border-radius:9999px;width:.25rem;height:2rem;position:absolute;top:.25rem;left:0}.prose h3{letter-spacing:-.025em;color:#27272a;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.dark .prose h3{color:#f4f4f5}.prose h4{color:#27272a;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.dark .prose h4{color:#f4f4f5}.prose p{color:#3f3f46;margin-bottom:1.5rem;line-height:1.75}.dark .prose p{color:#d4d4d8}.prose ul{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.prose li{color:#3f3f46;line-height:1.75}.dark .prose li{color:#d4d4d8}.prose ol{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.prose ol li{padding-left:.5rem}.prose strong{color:#18181b;font-weight:600}.dark .prose strong{color:#fafafa}.prose a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab,var(--accent)30%,transparent);text-decoration-color:color-mix(in oklab,var(--accent)30%,transparent);text-underline-offset:.25rem;font-weight:500;transition:text-decoration-color .2s}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose blockquote{border-left:4px solid var(--accent);color:#3f3f46;background-color:#fafafa;padding:1rem 1rem 1rem 1.5rem;font-style:italic}.dark .prose blockquote{color:#d4d4d8;background-color:#18181b}.prose table{border-collapse:collapse;width:100%;font-size:.875rem}.prose th{text-align:left;color:#18181b;background-color:#fafafa;border-bottom:2px solid #e4e4e7;padding:.75rem;font-weight:600}.dark .prose th{color:#fafafa;background-color:#18181b;border-color:#27272a}.prose td{color:#3f3f46;border-bottom:1px solid #e4e4e7;padding:.75rem}.dark .prose td{color:#d4d4d8;border-color:#27272a}.prose hr{border-color:#e4e4e7;margin:3rem 0}.dark .prose hr{border-color:#27272a}
