/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Guide page content — typography styles (no @tailwindcss/typography available) */
.guide-content h1 { font-size: 1.5rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.75rem; color: #0f172a; }
.guide-content h2 { font-size: 1.25rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: #1e293b; }
.guide-content h3 { font-size: 1.05rem; font-weight: 600; margin-top: 1.25rem; margin-bottom: 0.4rem; color: #1e293b; }
.guide-content p { margin-bottom: 0.875rem; line-height: 1.7; }
.guide-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 0.875rem; }
.guide-content ol { list-style-type: decimal; padding-left: 1.5rem; margin-bottom: 0.875rem; }
.guide-content li { margin-bottom: 0.25rem; line-height: 1.65; }
.guide-content strong { font-weight: 600; color: #0f172a; }
.guide-content a { color: #4f46e5; text-decoration: underline; }
.guide-content a:hover { color: #3730a3; }
.guide-content code { font-family: ui-monospace, monospace; font-size: 0.85em; background: #f1f5f9; border-radius: 0.25rem; padding: 0.1em 0.35em; color: #0f172a; }
.guide-content pre { background: #0f172a; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; margin-bottom: 1rem; font-size: 0.85em; line-height: 1.6; }
.guide-content pre code { background: transparent; padding: 0; color: inherit; font-size: inherit; }
.guide-content blockquote { border-left: 3px solid #6366f1; padding-left: 1rem; margin: 1rem 0; color: #475569; font-style: italic; }
.guide-content hr { border-color: #e2e8f0; margin: 1.5rem 0; }
.guide-content table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; font-size: 0.875rem; }
.guide-content th { background: #f8fafc; font-weight: 600; text-align: left; padding: 0.5rem 0.75rem; border: 1px solid #e2e8f0; }
.guide-content td { padding: 0.5rem 0.75rem; border: 1px solid #e2e8f0; }