.article-header.svelte-1tz4mxd{margin-bottom:2rem}.badge-row.svelte-1tz4mxd{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}h1.svelte-1tz4mxd{font-size:2.5rem;margin-bottom:.5rem}.text-secondary.svelte-1tz4mxd{color:var(--text-secondary);font-size:1.1rem}section.svelte-1tz4mxd{margin-bottom:3rem}h2.svelte-1tz4mxd{font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}h3.svelte-1tz4mxd{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}h4.svelte-1tz4mxd{font-size:1rem;margin-bottom:.5rem}p.svelte-1tz4mxd{line-height:1.7;margin-bottom:1rem}code.svelte-1tz4mxd{font-family:JetBrains Mono,monospace;background:#0000004d;padding:.125rem .375rem;font-size:.9em}a.svelte-1tz4mxd{color:var(--green-dim)}a.svelte-1tz4mxd:hover{color:var(--green)}.resource-grid.svelte-1tz4mxd{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.resource-grid.svelte-1tz4mxd .card:where(.svelte-1tz4mxd){text-decoration:none}.resource-grid.svelte-1tz4mxd .card:where(.svelte-1tz4mxd):hover{text-decoration:none}.resource-header.svelte-1tz4mxd{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.resource-icon.svelte-1tz4mxd{font-size:1rem}.resource-stars.svelte-1tz4mxd{font-size:.7rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace;text-transform:uppercase}.resource-title.svelte-1tz4mxd{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.resource-desc.svelte-1tz4mxd{display:block;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.step-card.svelte-1tz4mxd{margin-bottom:1.5rem}.step-header.svelte-1tz4mxd{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.step-number.svelte-1tz4mxd{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--green-dim);color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-header.svelte-1tz4mxd h3:where(.svelte-1tz4mxd){margin:0;font-size:1.25rem}.comparison-table.svelte-1tz4mxd{overflow-x:auto;margin:1.5rem 0}.two-col.svelte-1tz4mxd{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.5rem 0}.two-col.svelte-1tz4mxd h4:where(.svelte-1tz4mxd){margin-top:0;color:var(--green-dim)}.two-col.svelte-1tz4mxd p:where(.svelte-1tz4mxd){margin:0;font-size:.9rem;color:var(--text-secondary)}.mode-grid.svelte-1tz4mxd{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.mode-header.svelte-1tz4mxd{margin-bottom:.5rem}.mode-header.svelte-1tz4mxd code:where(.svelte-1tz4mxd){font-size:.75rem;color:var(--green-dim);background:#00c49a1a}.mode-card.svelte-1tz4mxd h4:where(.svelte-1tz4mxd){margin:.5rem 0}.mode-card.svelte-1tz4mxd p:where(.svelte-1tz4mxd){font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.mode-example.svelte-1tz4mxd{font-size:.8rem;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border)}.mode-example.svelte-1tz4mxd span:where(.svelte-1tz4mxd){color:var(--text-secondary)}.security-section.svelte-1tz4mxd{background:#ef44440d;border:1px solid rgba(239,68,68,.2);padding:2rem;margin:2rem 0}.security-section.svelte-1tz4mxd h2:where(.svelte-1tz4mxd){color:#f87171;border-bottom-color:#ef44444d}.security-categories.svelte-1tz4mxd{display:flex;flex-direction:column;gap:2rem;margin:1.5rem 0}.security-item.svelte-1tz4mxd h4:where(.svelte-1tz4mxd){margin-bottom:1rem;color:var(--text-primary)}.code-comparison.svelte-1tz4mxd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.code-bad.svelte-1tz4mxd,.code-good.svelte-1tz4mxd{background:#0d0d0d;border:1px solid var(--border);overflow:hidden}.code-bad.svelte-1tz4mxd .label:where(.svelte-1tz4mxd),.code-good.svelte-1tz4mxd .label:where(.svelte-1tz4mxd){display:block;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.code-bad.svelte-1tz4mxd .label:where(.svelte-1tz4mxd){background:#ef444433;color:#f87171}.code-good.svelte-1tz4mxd .label:where(.svelte-1tz4mxd){background:#00c49a33;color:var(--green-dim)}.code-bad.svelte-1tz4mxd pre:where(.svelte-1tz4mxd),.code-good.svelte-1tz4mxd pre:where(.svelte-1tz4mxd){padding:1rem;font-size:.75rem}.do-dont-grid.svelte-1tz4mxd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.do-box.svelte-1tz4mxd{background:#00c49a0d;border-color:#00c49a4d}.dont-box.svelte-1tz4mxd{background:#ef44440d;border-color:#ef44444d}.do-box.svelte-1tz4mxd h4:where(.svelte-1tz4mxd){color:var(--green-dim);margin-top:0}.dont-box.svelte-1tz4mxd h4:where(.svelte-1tz4mxd){color:#f87171;margin-top:0}.do-box.svelte-1tz4mxd ul:where(.svelte-1tz4mxd),.dont-box.svelte-1tz4mxd ul:where(.svelte-1tz4mxd){margin:0;padding-left:1.25rem}.do-box.svelte-1tz4mxd li:where(.svelte-1tz4mxd),.dont-box.svelte-1tz4mxd li:where(.svelte-1tz4mxd){margin-bottom:.5rem;font-size:.9rem}.cta-box.svelte-1tz4mxd{background:#00c49a0d;border:1px solid rgba(0,196,154,.3);padding:2rem;text-align:center}.cta-box.svelte-1tz4mxd h2:where(.svelte-1tz4mxd){border-bottom:none;padding-bottom:0}.external-links.svelte-1tz4mxd{list-style:none;padding:0}.external-links.svelte-1tz4mxd li:where(.svelte-1tz4mxd){margin-bottom:.75rem}@media(max-width:768px){h1.svelte-1tz4mxd{font-size:1.75rem}.step-header.svelte-1tz4mxd{flex-direction:column;align-items:flex-start}.code-comparison.svelte-1tz4mxd{grid-template-columns:1fr}}