.back-link.svelte-hf6m1y{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin-bottom:2rem;display:inline-block}.principle-subtitle.svelte-hf6m1y{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-secondary);font-style:italic}.problem-box.svelte-hf6m1y{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-hf6m1y h3:where(.svelte-hf6m1y){color:#ef4444;margin-top:0}.tier-flow.svelte-hf6m1y{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:2rem}.tier-node.svelte-hf6m1y{width:100%;max-width:500px;padding:1.5rem 2rem;border-radius:12px;border:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:.25rem 1rem;align-items:center}.tier-badge.svelte-hf6m1y{font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;grid-row:span 2}.tier-hot.svelte-hf6m1y{border-color:#22c55e}.tier-hot.svelte-hf6m1y .tier-badge:where(.svelte-hf6m1y){background:#22c55e20;color:#22c55e}.tier-warm.svelte-hf6m1y{border-color:#eab308}.tier-warm.svelte-hf6m1y .tier-badge:where(.svelte-hf6m1y){background:#eab30820;color:#eab308}.tier-cold.svelte-hf6m1y{border-color:#3b82f6}.tier-cold.svelte-hf6m1y .tier-badge:where(.svelte-hf6m1y){background:#3b82f620;color:#3b82f6}.tier-archive.svelte-hf6m1y{border-color:#6b7280}.tier-archive.svelte-hf6m1y .tier-badge:where(.svelte-hf6m1y){background:#6b728020;color:#6b7280}.tier-label.svelte-hf6m1y{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary)}.tier-tokens.svelte-hf6m1y{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);text-align:right}.tier-use.svelte-hf6m1y{font-size:.8rem;color:var(--text-muted);grid-column:2 / -1}.tier-arrow.svelte-hf6m1y{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding:.25rem 0}.diy-grid.svelte-hf6m1y{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.diy-card.svelte-hf6m1y{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;flex:1;min-width:260px;max-width:350px}.diy-card.svelte-hf6m1y h3:where(.svelte-hf6m1y){margin-top:0}.diy-stack.svelte-hf6m1y{display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-mono);font-size:.8rem;color:var(--accent);margin:1rem 0}.diy-works.svelte-hf6m1y{font-size:.85rem;color:var(--text-secondary)}.diy-works.svelte-hf6m1y ul:where(.svelte-hf6m1y){margin:.5rem 0;padding-left:1.2rem}.diy-works.svelte-hf6m1y li:where(.svelte-hf6m1y){margin:.25rem 0}.diy-cost.svelte-hf6m1y{font-family:var(--font-mono);font-size:.9rem;margin-top:1rem}.diy-effort.svelte-hf6m1y{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.diy-arrow.svelte-hf6m1y{font-family:var(--font-mono);font-size:1.2rem;color:var(--accent)}.code-reqs.svelte-hf6m1y{margin:1rem 0}.code-reqs.svelte-hf6m1y p:where(.svelte-hf6m1y){margin:.5rem 0}.code-block.svelte-hf6m1y{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:1.5rem}.code-header.svelte-hf6m1y{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);padding:.75rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.code-block.svelte-hf6m1y pre:where(.svelte-hf6m1y){margin:0;padding:1.5rem;overflow-x:auto;font-size:.8rem;line-height:1.6}.compare-table.svelte-hf6m1y{overflow-x:auto;margin-top:1.5rem}.compare-table.svelte-hf6m1y table:where(.svelte-hf6m1y){width:100%;border-collapse:collapse;font-size:.85rem}.compare-table.svelte-hf6m1y th:where(.svelte-hf6m1y),.compare-table.svelte-hf6m1y td:where(.svelte-hf6m1y){padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.compare-table.svelte-hf6m1y th:where(.svelte-hf6m1y){font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.compare-table.svelte-hf6m1y td:where(.svelte-hf6m1y){color:var(--text-secondary)}.compare-table.svelte-hf6m1y td.accent:where(.svelte-hf6m1y){color:var(--accent);font-weight:600}@media(max-width:640px){.diy-arrow.svelte-hf6m1y{transform:rotate(90deg)}.tier-node.svelte-hf6m1y{grid-template-columns:1fr}.tier-badge.svelte-hf6m1y{grid-row:auto}.tier-tokens.svelte-hf6m1y{text-align:left}}