pre.svelte-1ye4z7n{white-space:pre-wrap;word-wrap:break-word}.header.svelte-1ye4z7n{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;border-radius:.5rem}.pattern-card.svelte-1ye4z7n{transition:transform .2s ease-in-out}.pattern-card.svelte-1ye4z7n:hover{transform:translateY(-5px)}.when-to-use.svelte-1ye4z7n{background:#e8f4f8;padding:1rem;border-radius:.5rem;height:180px;overflow-y:auto}.code-snippet.svelte-1ye4z7n pre:where(.svelte-1ye4z7n){background:#f8f8f8;border:1px solid #e1e1e1;border-radius:.5rem;padding:1rem;font-family:Courier New,monospace;font-size:.9em;line-height:1.4;height:300px;overflow-y:auto}.complexity.svelte-1ye4z7n{width:100%;display:inline-block;background:#fef3c7;color:#92400e;padding:.5rem 1rem;border-radius:.25rem;font-size:.85em}.example-problems.svelte-1ye4z7n{background:#f0fdf4;padding:1rem;border-radius:.5rem;height:180px;overflow-y:auto}.pattern-item.svelte-1ye4z7n,.step.svelte-1ye4z7n{background:#f9fafb;border-left:4px solid #667eea;padding:1rem;margin:1rem 0}.tip.svelte-1ye4z7n{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;margin:1rem 0}.tip.svelte-1ye4z7n:before{content:"💡 TIP: ";font-weight:700;color:#d97706}ul.svelte-1ye4z7n{margin:.5rem 0;padding-left:1.25rem}li.svelte-1ye4z7n{margin:.5rem 0}.page-break.svelte-1ye4z7n{margin:2.5rem 0}@media print{.container.svelte-1ye4z7n{max-width:none;padding:0}.shadow-md.svelte-1ye4z7n{box-shadow:none;border:1px solid #e5e7eb}.hover\:shadow-lg.svelte-1ye4z7n:hover{box-shadow:none}.mb-12.svelte-1ye4z7n{page-break-inside:avoid;margin-bottom:2rem}.text-gray-600.svelte-1ye4z7n{color:#4b5563}.text-gray-700.svelte-1ye4z7n{color:#374151}.text-gray-900.svelte-1ye4z7n{color:#111827}.bg-gray-50.svelte-1ye4z7n{background-color:#f9fafb}pre.svelte-1ye4z7n{background-color:#f3f4f6;border:1px solid #e5e7eb;padding:1rem;margin:.5rem 0}.grid.svelte-1ye4z7n{display:block}.grid.svelte-1ye4z7n>:where(.svelte-1ye4z7n){margin-bottom:1rem}.when-to-use.svelte-1ye4z7n,.example-problems.svelte-1ye4z7n,.complexity.svelte-1ye4z7n{background:#f9fafb;border:1px solid #e5e7eb}.header.svelte-1ye4z7n{background:none;color:#000}.header.svelte-1ye4z7n h1:where(.svelte-1ye4z7n),.header.svelte-1ye4z7n p:where(.svelte-1ye4z7n){color:#000}}code.svelte-1ye4z7n{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em}.transition-shadow.svelte-1ye4z7n{transition:box-shadow .2s ease-in-out}.list-disc.svelte-1ye4z7n li:where(.svelte-1ye4z7n){margin:.25rem 0}.hover\:shadow-lg.svelte-1ye4z7n:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}