.article-header.svelte-5fwuip{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.article-header.svelte-5fwuip h1:where(.svelte-5fwuip){font-size:2rem;font-weight:700;margin:1rem 0 .5rem;line-height:1.2}.article-header.svelte-5fwuip h1:where(.svelte-5fwuip) code:where(.svelte-5fwuip){background:var(--bg-tertiary);padding:.125rem .5rem;font-size:.9em}.subtitle.svelte-5fwuip{color:var(--text-secondary);font-size:1.125rem;margin:0}.badge-warning.svelte-5fwuip{background:var(--bg-tertiary);color:var(--orange);border:1px solid var(--orange)}.badge-critical.svelte-5fwuip{background:var(--bg-tertiary);color:var(--red);border:1px solid var(--red)}.badge-high.svelte-5fwuip{background:var(--bg-tertiary);color:var(--orange);border:1px solid var(--orange)}.badge-medium.svelte-5fwuip{background:var(--bg-tertiary);color:var(--blue);border:1px solid var(--blue)}.article-section.svelte-5fwuip{margin-bottom:2.5rem}.article-section.svelte-5fwuip h2:where(.svelte-5fwuip){font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.article-section.svelte-5fwuip h3:where(.svelte-5fwuip){font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.article-section.svelte-5fwuip p:where(.svelte-5fwuip){line-height:1.7;margin-bottom:1rem;color:var(--text-secondary)}.article-section.svelte-5fwuip a:where(.svelte-5fwuip){color:var(--green-dim)}.article-section.svelte-5fwuip a:where(.svelte-5fwuip):hover{color:var(--green)}.article-section.svelte-5fwuip code:where(.svelte-5fwuip){background:var(--bg-tertiary);padding:.125rem .375rem;font-size:.9em}.stats-row.svelte-5fwuip{display:flex;gap:1.5rem;flex-wrap:wrap}.stat-card.svelte-5fwuip{display:flex;align-items:center;gap:.5rem}.stat-label.svelte-5fwuip{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase}.stat-card.svelte-5fwuip a:where(.svelte-5fwuip){color:var(--green-dim)}.stat-card.svelte-5fwuip a:where(.svelte-5fwuip):hover{color:var(--green)}.patterns-list.svelte-5fwuip{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.pattern-card.svelte-5fwuip{background:var(--bg-secondary);border:1px solid var(--border);padding:1.5rem}.pattern-header.svelte-5fwuip{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pattern-header.svelte-5fwuip h3:where(.svelte-5fwuip){font-size:1.125rem;font-weight:600;margin:0}.pattern-description.svelte-5fwuip{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.code-comparison.svelte-5fwuip{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.code-block.svelte-5fwuip{background:var(--bg-tertiary);border:1px solid var(--border);overflow:hidden}.code-block.vulnerable.svelte-5fwuip{border-color:var(--red)}.code-block.secure.svelte-5fwuip{border-color:var(--green-dim)}.code-label.svelte-5fwuip{padding:.5rem 1rem;font-size:.75rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary)}.vulnerable.svelte-5fwuip .code-label:where(.svelte-5fwuip){color:var(--red)}.secure.svelte-5fwuip .code-label:where(.svelte-5fwuip){color:var(--green-dim)}.code-block.svelte-5fwuip pre:where(.svelte-5fwuip){margin:0;padding:1rem;overflow-x:auto;font-size:.8125rem;line-height:1.5}.code-block.svelte-5fwuip code:where(.svelte-5fwuip){background:none;padding:0}.pattern-links.svelte-5fwuip{display:flex;gap:1.5rem;font-size:.875rem}.pattern-links.svelte-5fwuip a:where(.svelte-5fwuip){color:var(--green-dim)}.pattern-links.svelte-5fwuip a:where(.svelte-5fwuip):hover{color:var(--green)}.checklist.svelte-5fwuip{list-style:none;padding:0;margin:1rem 0}.checklist.svelte-5fwuip li:where(.svelte-5fwuip){padding:.5rem 0 .5rem 1.75rem;position:relative;color:var(--text-secondary)}.checklist.svelte-5fwuip li:where(.svelte-5fwuip):before{content:"";position:absolute;left:0;color:var(--green-dim);font-weight:600}.fix-prompt.svelte-5fwuip{position:relative;background:var(--bg-tertiary);border:1px solid var(--border);margin-top:1rem}.copy-btn.svelte-5fwuip{position:absolute;top:.5rem;right:.5rem;padding:.5rem 1rem;background:var(--green-dim);color:var(--bg-primary);border:none;font-size:.875rem;font-weight:500;cursor:pointer;z-index:1}.copy-btn.svelte-5fwuip:hover{background:var(--green)}.fix-prompt.svelte-5fwuip pre:where(.svelte-5fwuip){padding:3rem 1.5rem 1.5rem;font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;margin:0}.faq-list.svelte-5fwuip{display:flex;flex-direction:column}.faq-item.svelte-5fwuip{padding:1rem 0;border-bottom:1px solid var(--border)}.faq-item.svelte-5fwuip:last-child{border-bottom:none}.faq-item.svelte-5fwuip h3:where(.svelte-5fwuip){font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.faq-item.svelte-5fwuip p:where(.svelte-5fwuip){margin:0;color:var(--text-secondary);line-height:1.6}.cta-box.svelte-5fwuip{background:var(--bg-secondary);border:1px solid var(--green-dim);padding:2rem;text-align:center;margin-top:2rem}.cta-box.svelte-5fwuip h2:where(.svelte-5fwuip){color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem}.cta-box.svelte-5fwuip p:where(.svelte-5fwuip){color:var(--text-secondary);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-button.svelte-5fwuip{display:inline-block;background:var(--green-dim);color:var(--bg-primary);padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.cta-button.svelte-5fwuip:hover{background:var(--green)}@media(max-width:768px){.article-header.svelte-5fwuip h1:where(.svelte-5fwuip){font-size:1.5rem}.pattern-header.svelte-5fwuip{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-row.svelte-5fwuip{flex-direction:column;gap:1rem}}