h1.svelte-1vs8lz8{font-size:36px;font-weight:700;margin:0 0 12px}.intro.svelte-1vs8lz8{font-size:18px;color:var(--text-secondary);margin:0 0 8px;line-height:1.55}.intro-sub.svelte-1vs8lz8{font-size:14px;color:var(--text-tertiary);margin:0 0 32px;line-height:1.6}.principle-toc.svelte-1vs8lz8{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0 0 48px;padding:16px;background:#ffffff05;border:2px solid var(--border-color);border-radius:var(--radius-lg)}.toc-card.svelte-1vs8lz8{display:flex;align-items:baseline;gap:10px;padding:10px 12px;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-micro) ease}.toc-card.svelte-1vs8lz8:hover{color:var(--text-primary);background:var(--accent-light);border-color:var(--accent)}.toc-num.svelte-1vs8lz8{font-size:11px;font-weight:700;color:var(--accent);font-family:var(--font-mono, monospace);flex-shrink:0}.toc-title.svelte-1vs8lz8{font-size:13px;font-weight:500;line-height:1.35}.principle.svelte-1vs8lz8{margin:0 0 56px;padding:24px 24px 20px;border:3px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05;scroll-margin-top:24px;transition:border-color var(--transition-micro) ease}.principle.svelte-1vs8lz8:hover{border-color:var(--accent)}.principle-header.svelte-1vs8lz8{display:flex;align-items:baseline;gap:14px;margin:0 0 12px}.principle-num.svelte-1vs8lz8{font-size:13px;font-weight:700;color:var(--accent);font-family:var(--font-mono, monospace);letter-spacing:1px}.principle-title.svelte-1vs8lz8{font-size:24px;font-weight:700;margin:0;line-height:1.25}.principle-anchor.svelte-1vs8lz8{color:var(--text-primary);text-decoration:none}.principle-anchor.svelte-1vs8lz8:hover{color:var(--accent)}.principle-why.svelte-1vs8lz8{font-size:16px;font-style:italic;color:var(--text-secondary);margin:0 0 18px;line-height:1.5}.principle-body.svelte-1vs8lz8 p:where(.svelte-1vs8lz8){font-size:15px;line-height:1.65;color:var(--text-primary);margin:0 0 12px}.example-caption.svelte-1vs8lz8{font-size:13px;color:var(--text-tertiary);margin:18px 0 -8px}.footer-note.svelte-1vs8lz8{margin:64px 0 0;padding:20px 24px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff05}.footer-note.svelte-1vs8lz8 p:where(.svelte-1vs8lz8){margin:0;font-size:14px;color:var(--text-secondary)}.footer-note.svelte-1vs8lz8 a:where(.svelte-1vs8lz8){color:var(--color-agent)}