.back-link.svelte-qys936{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:2rem;display:inline-block}.principle-subtitle.svelte-qys936{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-secondary);font-style:italic}.problem-box.svelte-qys936{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #ef4444;padding:2rem;border-radius:0 12px 12px 0}.problem-box.svelte-qys936 h3:where(.svelte-qys936){color:#ef4444;margin-top:0}.category-grid.svelte-qys936{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.cat-card.svelte-qys936{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.cat-header.svelte-qys936{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cat-badge.svelte-qys936{font-family:var(--font-mono);font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:4px}.cat-badge.always.svelte-qys936{background:#22c55e20;color:#22c55e}.cat-badge.ondemand.svelte-qys936{background:#eab30820;color:#eab308}.cat-badge.never.svelte-qys936{background:#ef444420;color:#ef4444}.cat-criteria.svelte-qys936{font-size:.7rem;color:var(--text-muted)}.cat-examples.svelte-qys936{display:flex;flex-direction:column;gap:.3rem;margin:1rem 0}.cat-examples.svelte-qys936 code:where(.svelte-qys936){font-size:.75rem;width:fit-content}.cat-size.svelte-qys936{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:.75rem}.cat-rule.svelte-qys936{font-size:.8rem;margin-top:.5rem}.cat-always.svelte-qys936{border-top:2px solid #22c55e}.cat-ondemand.svelte-qys936{border-top:2px solid #eab308}.cat-never.svelte-qys936{border-top:2px solid #ef4444}.trigger-flow.svelte-qys936{display:flex;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.trigger-step.svelte-qys936{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;max-width:220px;text-align:center}.trigger-num.svelte-qys936{font-family:var(--font-mono);font-size:1.2rem;color:var(--accent);font-weight:700;display:block;margin-bottom:.5rem}.trigger-step.svelte-qys936 p:where(.svelte-qys936){font-size:.8rem;margin:0}.trigger-arrow.svelte-qys936{color:var(--accent);font-family:var(--font-mono);font-size:1.5rem}.trigger-savings.svelte-qys936{margin-top:2rem;text-align:center;font-family:var(--font-mono);font-size:.9rem}.steps.svelte-qys936{margin-top:2rem}.step.svelte-qys936{display:flex;gap:1.5rem;margin-bottom:2.5rem;align-items:flex-start}.step-num.svelte-qys936{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent);background:var(--accent-glow);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.step.svelte-qys936 h3:where(.svelte-qys936){margin-top:0;font-size:1.1rem}.step.svelte-qys936 ul:where(.svelte-qys936){padding-left:1.2rem}.step.svelte-qys936 li:where(.svelte-qys936){margin:.4rem 0;font-size:.9rem;color:var(--text-secondary)}.code-block.svelte-qys936{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:.75rem}.code-block.svelte-qys936 pre:where(.svelte-qys936){margin:0;padding:1.25rem;overflow-x:auto;font-size:.75rem;line-height:1.6}.result-comparison.svelte-qys936{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.result-before.svelte-qys936,.result-after.svelte-qys936{text-align:center;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-width:180px}.result-before.svelte-qys936{border-top:2px solid #ef4444}.result-after.svelte-qys936{border-top:2px solid #22c55e}.result-before.svelte-qys936 h3:where(.svelte-qys936){color:#ef4444;margin-top:0}.result-after.svelte-qys936 h3:where(.svelte-qys936){color:#22c55e;margin-top:0}.result-num.svelte-qys936{font-family:var(--font-mono);font-size:2rem;font-weight:700}.result-tokens.svelte-qys936{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.result-cost.svelte-qys936{font-family:var(--font-mono);font-size:.85rem;margin-top:.25rem;color:var(--text-secondary)}.result-arrow.svelte-qys936{font-size:2rem;color:var(--accent)}@media(max-width:640px){.trigger-arrow.svelte-qys936{transform:rotate(90deg)}.step.svelte-qys936{flex-direction:column;gap:.75rem}}