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