.badge-row.svelte-l1ykbj{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.subtitle.svelte-l1ykbj{color:var(--text-secondary);font-size:1.1rem}.resource-grid.svelte-l1ykbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.resource-card.svelte-l1ykbj{display:flex;flex-direction:column;gap:.5rem;text-decoration:none}.resource-meta.svelte-l1ykbj{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.resource-title.svelte-l1ykbj{font-weight:600;color:var(--text-primary)}.resource-desc.svelte-l1ykbj{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.step-list.svelte-l1ykbj{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.step-item.svelte-l1ykbj{display:flex;gap:1rem}.step-number.svelte-l1ykbj{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--green-dim);color:var(--bg-primary);font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content.svelte-l1ykbj{flex:1}.step-content.svelte-l1ykbj h3:where(.svelte-l1ykbj){margin:0 0 .75rem;font-size:1.1rem}.file-types-grid.svelte-l1ykbj{display:grid;gap:1rem;margin:1.5rem 0}.file-type-header.svelte-l1ykbj{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.file-type-header.svelte-l1ykbj code:where(.svelte-l1ykbj){color:var(--green-dim)}.file-type-use.svelte-l1ykbj{font-size:.8rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);margin-top:.75rem}.pattern-grid.svelte-l1ykbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:1rem 0}.pattern-item.svelte-l1ykbj{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border)}.pattern-item.svelte-l1ykbj code:where(.svelte-l1ykbj){color:var(--green-dim);font-size:.8rem}.pattern-item.svelte-l1ykbj span:where(.svelte-l1ykbj){font-size:.8rem;color:var(--text-secondary)}.sections-grid.svelte-l1ykbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.sections-grid.svelte-l1ykbj h4:where(.svelte-l1ykbj){margin-top:0;color:var(--green-dim)}.sections-grid.svelte-l1ykbj p:where(.svelte-l1ykbj){font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.section-example.svelte-l1ykbj{font-size:.8rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border)}.ide-grid.svelte-l1ykbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.ide-grid.svelte-l1ykbj h4:where(.svelte-l1ykbj){margin-top:0;margin-bottom:.75rem}.ide-grid.svelte-l1ykbj ul:where(.svelte-l1ykbj){margin:0;padding-left:1.25rem}.ide-grid.svelte-l1ykbj li:where(.svelte-l1ykbj){font-size:.85rem;margin-bottom:.375rem}.security-section.svelte-l1ykbj{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--red);padding:2rem;margin:2rem 0}.code-comparison.svelte-l1ykbj{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.code-vulnerable.svelte-l1ykbj,.code-secure.svelte-l1ykbj{background:var(--bg-primary);border:1px solid var(--border);overflow:hidden}.comparison-label.svelte-l1ykbj{display:block;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.code-vulnerable.svelte-l1ykbj .comparison-label:where(.svelte-l1ykbj){background:#ef444433;color:var(--red)}.code-secure.svelte-l1ykbj .comparison-label:where(.svelte-l1ykbj){background:#00c49a33;color:var(--green-dim)}.code-vulnerable.svelte-l1ykbj pre:where(.svelte-l1ykbj),.code-secure.svelte-l1ykbj pre:where(.svelte-l1ykbj){padding:1rem;margin:0;font-size:.75rem}.practices-grid.svelte-l1ykbj{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.practice-do.svelte-l1ykbj{border-top:3px solid var(--green)}.practice-dont.svelte-l1ykbj{border-top:3px solid var(--red)}.practice-do.svelte-l1ykbj h4:where(.svelte-l1ykbj){color:var(--green);margin-top:0}.practice-dont.svelte-l1ykbj h4:where(.svelte-l1ykbj){color:var(--red);margin-top:0}.practices-grid.svelte-l1ykbj ul:where(.svelte-l1ykbj){margin:0;padding-left:1.25rem}.practices-grid.svelte-l1ykbj li:where(.svelte-l1ykbj){margin-bottom:.5rem;font-size:.9rem}.mistakes-list.svelte-l1ykbj{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.mistake-item.svelte-l1ykbj{display:flex;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border)}.mistake-number.svelte-l1ykbj{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef444433;color:var(--red);font-weight:700;font-size:.9rem;flex-shrink:0}.mistake-content.svelte-l1ykbj strong:where(.svelte-l1ykbj){display:block;margin-bottom:.25rem}.mistake-content.svelte-l1ykbj p:where(.svelte-l1ykbj){margin:0;font-size:.9rem;color:var(--text-secondary)}.faq-list.svelte-l1ykbj{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.faq-item.svelte-l1ykbj{padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.faq-item.svelte-l1ykbj:last-child{border-bottom:none;padding-bottom:0}.faq-item.svelte-l1ykbj h3:where(.svelte-l1ykbj){font-size:1.1rem;margin-bottom:.5rem;margin-top:0}.faq-item.svelte-l1ykbj p:where(.svelte-l1ykbj){margin:0;color:var(--text-secondary)}.cta-box.svelte-l1ykbj{background:var(--bg-secondary);border:1px solid var(--green-dim);border-left:3px solid var(--green-dim);padding:2rem;text-align:center;margin:2rem 0}.cta-box.svelte-l1ykbj h2:where(.svelte-l1ykbj){margin-bottom:.75rem}.cta-box.svelte-l1ykbj p:where(.svelte-l1ykbj){margin-bottom:1.5rem}.external-links.svelte-l1ykbj{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.external-link.svelte-l1ykbj{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--text-primary)}.external-icon.svelte-l1ykbj{color:var(--text-secondary)}@media(max-width:768px){.step-item.svelte-l1ykbj{flex-direction:column}.security-section.svelte-l1ykbj{padding:1.5rem}}