.guide-toc a { color: #0ea5e9; }
.guide-toc a:hover { text-decoration: underline; }
.guide-section { scroll-margin-top: 5rem; }

/* Code blocks - simple dark theme */
.code-block { background: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; font-family: ui-monospace, monospace; font-size: 0.875rem; }
.code-block pre { margin: 0; }
.guide-section .code-block { margin: 1rem 0; }

/* Inline code */
code { background: #f5f5f4; color: #1c1917; padding: 0.125rem 0.375rem; border-radius: 0.25rem; font-family: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace; font-size: 0.875em; border: 1px solid #e7e5e4; }
.guide-section code { background: #f1f5f9; border-color: #cbd5e1; }

/* Headings */
.guide-h2 { font-size: 1.5rem; font-weight: 700; color: #1c1917; margin-bottom: 0.75rem; margin-top: 2rem; }
.guide-h3 { font-size: 1.125rem; font-weight: 600; color: #1c1917; margin-bottom: 0.5rem; margin-top: 1.5rem; }

/* Paragraphs and text */
.guide-p { color: #57534e; line-height: 1.8; margin-bottom: 1.25rem; }
.guide-section p { margin-bottom: 1.5rem; }
.guide-section a { color: #0ea5e9; text-decoration: underline; text-underline-offset: 2px; }
.guide-section a:hover { color: #0284c7; }

/* Lists */
.guide-list { list-style: disc; padding-inline-start: 1.25rem; color: #57534e; line-height: 1.7; margin-bottom: 0.75rem; }
.guide-list li { margin-bottom: 0.25rem; }
.guide-section ul, .guide-section ol { margin-bottom: 1rem; padding-inline-start: 1.5rem; }
.guide-section li { margin-bottom: 0.5rem; line-height: 1.7; color: #57534e; }

/* Tables */
.guide-section table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.875rem; }
.guide-section th, .guide-section td { padding: 0.75rem 1rem; text-align: left; border-bottom: 1px solid #e7e5e4; }
.guide-section th { background: #fafaf9; font-weight: 600; color: #1c1917; }
.guide-section tr:hover { background: #fafaf9; }
.guide-section tbody tr:last-child td { border-bottom: none; }

/* FAQ section styling */
.guide-section h3 { font-size: 1.125rem; font-weight: 600; color: #1c1917; margin-bottom: 0.5rem; margin-top: 1.5rem; }
.guide-section h3:first-child { margin-top: 0; }

/* Blockquotes */
.guide-section blockquote { border-inline-start: 4px solid #0ea5e9; padding-inline-start: 1rem; margin: 1rem 0; color: #64748b; font-style: italic; background: #f8fafc; padding: 1rem; border-radius: 0 0.5rem 0.5rem 0; }

/* Dark mode support */
[data-theme="dark"] .guide-h2, [data-theme="dark"] .guide-h3 { color: #f1f5f9; }
[data-theme="dark"] .guide-p, [data-theme="dark"] .guide-list li, [data-theme="dark"] .guide-section li { color: #cbd5e1; }
[data-theme="dark"] code { background: #334155; color: #f1f5f9; border-color: #475569; }
[data-theme="dark"] .guide-section code { background: #334155; border-color: #475569; }
[data-theme="dark"] .guide-section th { background: #1e293b; color: #f1f5f9; }
[data-theme="dark"] .guide-section th, [data-theme="dark"] .guide-section td { border-color: #334155; }
[data-theme="dark"] .guide-section tr:hover { background: #1e293b; }
[data-theme="dark"] .guide-section blockquote { background: #1e293b; color: #94a3b8; border-inline-start-color: #38bdf8; }
