.content-wrapper.svelte-1pfqs9u{max-width:900px;margin:0 auto;padding:2rem}.article-header.svelte-1pfqs9u{margin-bottom:2rem}.badge-row.svelte-1pfqs9u{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.badge.svelte-1pfqs9u{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);text-decoration:none}.badge-medium.svelte-1pfqs9u{background:var(--bg-tertiary);color:var(--orange);border-color:var(--orange)}.badge-cwe.svelte-1pfqs9u{background:var(--bg-tertiary);color:var(--blue);border-color:var(--blue)}.badge-cwe.svelte-1pfqs9u:hover{color:var(--blue)}.badge-owasp.svelte-1pfqs9u{background:var(--bg-tertiary);color:var(--green-dim);border-color:var(--green-dim)}.badge-owasp.svelte-1pfqs9u:hover{color:var(--green)}h1.svelte-1pfqs9u{font-size:2.25rem;margin-bottom:.5rem;line-height:1.2}.subtitle.svelte-1pfqs9u{color:var(--text-secondary);font-size:1.1rem}.quick-answer.svelte-1pfqs9u{background:var(--bg-secondary);border:1px solid var(--orange);border-left-width:4px;padding:1.5rem;margin-bottom:2rem}.quick-answer-label.svelte-1pfqs9u{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--orange);margin-bottom:.5rem}.quick-answer-text.svelte-1pfqs9u{margin:0;line-height:1.6}section.svelte-1pfqs9u{margin-bottom:2.5rem}h2.svelte-1pfqs9u{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}h3.svelte-1pfqs9u{font-size:1.1rem;margin-bottom:.5rem;margin-top:1.5rem}h4.svelte-1pfqs9u{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}p.svelte-1pfqs9u{line-height:1.7;margin-bottom:1rem}ul.svelte-1pfqs9u{margin-bottom:1rem;padding-left:1.5rem}li.svelte-1pfqs9u{margin-bottom:.5rem;line-height:1.6}a.svelte-1pfqs9u{color:var(--green-dim)}a.svelte-1pfqs9u:hover{color:var(--green)}code.svelte-1pfqs9u{font-family:Monaco,Menlo,monospace;background:var(--bg-tertiary);padding:.125rem .375rem;font-size:.875em}.danger-list.svelte-1pfqs9u{display:flex;flex-direction:column;gap:1rem}.danger-item.svelte-1pfqs9u{padding:1rem;background:var(--bg-secondary);border:1px solid var(--red);border-left-width:3px}.danger-item.svelte-1pfqs9u h4:where(.svelte-1pfqs9u){color:var(--red);margin-bottom:.5rem}.danger-item.svelte-1pfqs9u p:where(.svelte-1pfqs9u){margin:0;font-size:.9375rem}.pattern-list.svelte-1pfqs9u{display:grid;gap:1rem}.pattern.svelte-1pfqs9u{background:var(--bg-secondary);padding:1rem;border:1px solid var(--border)}.pattern.svelte-1pfqs9u h4:where(.svelte-1pfqs9u){margin-bottom:.5rem}.pattern.svelte-1pfqs9u code:where(.svelte-1pfqs9u){display:block;background:var(--bg-tertiary);color:var(--green-dim);padding:.5rem .75rem;margin-bottom:.5rem;font-size:.875rem}.pattern.svelte-1pfqs9u p:where(.svelte-1pfqs9u){font-size:.875rem;color:var(--text-secondary);margin:0}.code-block.svelte-1pfqs9u{background:var(--bg-secondary);border:1px solid var(--border);margin:1rem 0;overflow:hidden}.code-block.vulnerable.svelte-1pfqs9u{border-color:var(--red)}.code-block.secure.svelte-1pfqs9u{border-color:var(--green-dim)}.code-label.svelte-1pfqs9u{background:var(--bg-tertiary);padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border)}.code-block.vulnerable.svelte-1pfqs9u .code-label:where(.svelte-1pfqs9u){color:var(--red)}.code-block.secure.svelte-1pfqs9u .code-label:where(.svelte-1pfqs9u){color:var(--green-dim)}.code-block.svelte-1pfqs9u pre:where(.svelte-1pfqs9u){margin:0;padding:1rem;overflow-x:auto}.code-block.svelte-1pfqs9u code:where(.svelte-1pfqs9u){display:block;background:transparent;padding:0;font-size:.85rem;line-height:1.5}.code-explanation.svelte-1pfqs9u{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem}.ai-fix-section.svelte-1pfqs9u{background:var(--bg-secondary);border:1px solid var(--green-dim);border-left-width:4px;padding:1.5rem;margin:2rem 0}.ai-fix-section.svelte-1pfqs9u h2:where(.svelte-1pfqs9u){border-bottom:none;padding-bottom:0;color:var(--green-dim)}.ai-prompt.svelte-1pfqs9u .code-label:where(.svelte-1pfqs9u){color:var(--green-dim)}.faq-section.svelte-1pfqs9u{background:var(--bg-secondary);padding:1.5rem;border:1px solid var(--border)}.faq-list.svelte-1pfqs9u{margin-top:1rem}.faq-item.svelte-1pfqs9u{padding:1rem 0;border-bottom:1px solid var(--border)}.faq-item.svelte-1pfqs9u:last-child{border-bottom:none;padding-bottom:0}.faq-item.svelte-1pfqs9u h3:where(.svelte-1pfqs9u){margin-top:0;font-size:1rem}.faq-item.svelte-1pfqs9u p:where(.svelte-1pfqs9u){margin-bottom:0;color:var(--text-secondary);font-size:.9rem}.related-grid.svelte-1pfqs9u{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.related-card.svelte-1pfqs9u{display:block;padding:1rem;text-decoration:none}.related-card.svelte-1pfqs9u:hover{text-decoration:none}.related-card-category.svelte-1pfqs9u{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;margin-bottom:.25rem}.related-card-title.svelte-1pfqs9u{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.related-card-description.svelte-1pfqs9u{font-size:.8rem;color:var(--text-secondary);margin:0}.resource-list.svelte-1pfqs9u{list-style:none;padding:0}.resource-list.svelte-1pfqs9u li:where(.svelte-1pfqs9u){padding:.75rem 0;border-bottom:1px solid var(--border)}.resource-list.svelte-1pfqs9u li:where(.svelte-1pfqs9u):last-child{border-bottom:none}.cta-box.svelte-1pfqs9u{background:var(--bg-secondary);border:1px solid var(--green-dim);padding:2rem;text-align:center;margin-top:3rem}.cta-box.svelte-1pfqs9u h3:where(.svelte-1pfqs9u){color:var(--green-dim);margin-top:0}.cta-box.svelte-1pfqs9u p:where(.svelte-1pfqs9u){color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem}.cta-button.svelte-1pfqs9u{display:inline-block;padding:.75rem 1.5rem;background:var(--green-dim);color:var(--bg-primary);font-weight:600;text-decoration:none;transition:background .2s}.cta-button.svelte-1pfqs9u:hover{background:var(--green);color:var(--bg-primary);text-decoration:none}@media(max-width:768px){.content-wrapper.svelte-1pfqs9u{padding:1rem}h1.svelte-1pfqs9u{font-size:1.75rem}}