[x-cloak] { display: none !important; }

body {
    -webkit-font-smoothing: antialiased;
}

.prose-docs h1 { font-size: 2rem; font-weight: 800; color: #12151a; margin: 0 0 1rem; }
.prose-docs h2 { font-size: 1.5rem; font-weight: 700; color: #12151a; margin: 2rem 0 1rem; }
.prose-docs h3 { font-size: 1.15rem; font-weight: 700; color: #12151a; margin: 1.5rem 0 0.75rem; }
.prose-docs p { color: #475569; line-height: 1.75; margin: 0 0 1rem; }
.prose-docs ul, .prose-docs ol { color: #475569; margin: 0 0 1rem 1.5rem; }
.prose-docs ul { list-style: disc; }
.prose-docs ol { list-style: decimal; }
.prose-docs li { margin-bottom: 0.4rem; }
.prose-docs a { color: #d6520e; text-decoration: underline; text-underline-offset: 2px; }
.prose-docs code { background: #f1f5f9; padding: 0.15rem 0.4rem; border-radius: 0.3rem; font-size: 0.875em; color: #334155; }
/* Code blocks stay dark — a terminal/editor convention independent of site theme. */
.prose-docs pre { background: #12151a; border: 1px solid rgba(255,255,255,0.1); border-radius: 0.6rem; padding: 1rem; overflow-x: auto; margin: 0 0 1rem; position: relative; }
.prose-docs pre code { background: none; padding: 0; color: #e2e8f0; }
.prose-docs table { width: 100%; border-collapse: collapse; margin: 0 0 1.5rem; }
.prose-docs th, .prose-docs td { border: 1px solid #e2e8f0; padding: 0.6rem 0.8rem; text-align: left; color: #475569; }
.prose-docs th { color: #12151a; background: #f8fafc; }
.prose-docs blockquote { border-left: 3px solid #f2661c; padding-left: 1rem; color: #64748b; margin: 0 0 1rem; }

.code-copy-btn {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.7rem;
    background: rgba(255,255,255,0.08);
    color: #e2e8f0;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 0.3rem;
    padding: 0.2rem 0.5rem;
    cursor: pointer;
}
.code-copy-btn:hover { background: rgba(255,255,255,0.16); }