.guide-page.svelte-15n9y37{min-height:100vh;background:var(--bg-primary, #f5f5f5);color:var(--text-primary, #000);padding:2rem 1rem}.container.svelte-15n9y37{max-width:900px;margin:0 auto;background:var(--bg-secondary, #fff);padding:3rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.back-nav.svelte-15n9y37{display:inline-block;color:#3498db;text-decoration:none;font-weight:600;margin-bottom:1.5rem;font-size:.95rem;border-bottom:1px solid transparent;transition:border-color .2s}.back-nav.svelte-15n9y37:hover{border-bottom-color:#3498db}h1.svelte-15n9y37{color:var(--text-header, #2c3e50);margin-bottom:.5rem;font-size:2rem}.tagline.svelte-15n9y37{color:var(--text-tertiary, #7f8c8d);font-size:1.05rem;margin-bottom:2.5rem;font-style:italic}section.svelte-15n9y37{margin-bottom:3rem}h2.svelte-15n9y37{color:var(--text-header, #2c3e50);margin-top:0;margin-bottom:.75rem;font-size:1.4rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}p.svelte-15n9y37{line-height:1.8;margin-bottom:1rem;color:var(--text-secondary, #2c3e50)}.example-grid.svelte-15n9y37{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.example-col.svelte-15n9y37{display:flex;flex-direction:column}.example-label.svelte-15n9y37{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7f8c8d;margin-bottom:.4rem}pre.svelte-15n9y37{background:#f4f4f4;border:1px solid #e0e0e0;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.85rem;margin:0;flex:1}pre.svelte-15n9y37 code:where(.svelte-15n9y37){background:none;padding:0;font-family:Fira Code,Cascadia Code,Menlo,monospace;color:#2d2d2d}code.svelte-15n9y37{background:#f0f0f0;padding:.15em .4em;border-radius:3px;font-size:.88em;font-family:Fira Code,Cascadia Code,Menlo,monospace;color:#e74c3c}.render-box.svelte-15n9y37{background:var(--bg-primary, #fafafa);border:1px solid #e0e0e0;border-radius:6px;padding:1rem;flex:1}.render-box.svelte-15n9y37 p:where(.svelte-15n9y37){margin:.3rem 0}.render-box.svelte-15n9y37 ul:where(.svelte-15n9y37),.render-box.svelte-15n9y37 ol:where(.svelte-15n9y37){margin:.25rem 0;padding-left:1.5rem}.render-box.svelte-15n9y37 li:where(.svelte-15n9y37){margin-bottom:.2rem;color:var(--text-secondary, #2c3e50)}.render-box.svelte-15n9y37 blockquote:where(.svelte-15n9y37){border-left:4px solid #3498db;margin:.5rem 0;padding:.5rem 1rem;background:#eaf4fb;border-radius:0 4px 4px 0}.render-box.svelte-15n9y37 blockquote:where(.svelte-15n9y37) p:where(.svelte-15n9y37){margin:0}.render-box.svelte-15n9y37 table:where(.svelte-15n9y37){border-collapse:collapse;width:100%;font-size:.9rem}.render-box.svelte-15n9y37 table:where(.svelte-15n9y37) th:where(.svelte-15n9y37),.render-box.svelte-15n9y37 table:where(.svelte-15n9y37) td:where(.svelte-15n9y37){border:1px solid #ddd;padding:.5rem .75rem}.render-box.svelte-15n9y37 table:where(.svelte-15n9y37) th:where(.svelte-15n9y37){background:#3498db;color:#fff}.render-box.svelte-15n9y37 table:where(.svelte-15n9y37) tr:where(.svelte-15n9y37):nth-child(2n) td:where(.svelte-15n9y37){background:#f5f9ff}.checklist.svelte-15n9y37{list-style:none;padding-left:0}.checklist.svelte-15n9y37 li:where(.svelte-15n9y37){display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.preview-h1.svelte-15n9y37{font-size:1.6rem;margin:.1rem 0}.preview-h2.svelte-15n9y37{font-size:1.3rem;margin:.1rem 0}.preview-h3.svelte-15n9y37{font-size:1.1rem;margin:.1rem 0}.preview-h4.svelte-15n9y37{font-size:1rem;margin:.1rem 0}.preview-h5.svelte-15n9y37{font-size:.9rem;margin:.1rem 0}.preview-h6.svelte-15n9y37{font-size:.8rem;margin:.1rem 0;color:#666}.preview-hr.svelte-15n9y37{border:none;border-top:2px solid #ccc;margin:1rem 0}.code-preview.svelte-15n9y37{background:#2d2d2d;color:#f8f8f2;border-radius:4px;padding:.75rem;font-size:.82rem;margin:.5rem 0;overflow-x:auto}.code-preview.svelte-15n9y37 code:where(.svelte-15n9y37){background:none;color:#f8f8f2;padding:0;font-size:inherit}.muted.svelte-15n9y37{color:#888!important;font-size:.9rem}.tip.svelte-15n9y37{font-size:.9rem;background:#fffde7;border:1px solid #ffe082;border-radius:6px;padding:.6rem 1rem;margin-top:.5rem}a.svelte-15n9y37{color:#3498db;text-decoration:none}a.svelte-15n9y37:hover{text-decoration:underline}.cta-box.svelte-15n9y37{text-align:center;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;border-radius:10px;padding:2.5rem;margin:3rem 0 2rem}.cta-box.svelte-15n9y37 p:where(.svelte-15n9y37){font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.cta-button.svelte-15n9y37{display:inline-block;background:#fff;color:#3498db;font-weight:700;padding:.85rem 2rem;border-radius:30px;text-decoration:none;font-size:1rem;transition:transform .2s,box-shadow .2s}.cta-button.svelte-15n9y37:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003;text-decoration:none}.back-link.svelte-15n9y37{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #ddd)}.back-link.svelte-15n9y37 a:where(.svelte-15n9y37){color:#3498db;font-weight:600}@media (max-width: 768px){.container.svelte-15n9y37{padding:1.5rem 1rem}h1.svelte-15n9y37{font-size:1.6rem}h2.svelte-15n9y37{font-size:1.2rem}.example-grid.svelte-15n9y37{grid-template-columns:1fr}}