.page-scrollable.svelte-o7a89x{min-height:100vh;height:auto;width:100%;overflow-x:hidden;overflow-y:auto;background:var(--color-bg-primary)}main.article-page.svelte-o7a89x{display:flex;justify-content:center;padding:2rem 1rem;min-height:85vh}.article-container.svelte-o7a89x{width:100%;max-width:900px;background:var(--color-bg-surface-1);border-radius:1rem;box-shadow:var(--shadow-sm);overflow:hidden}.article-content.svelte-o7a89x{padding:2rem}.title-row.svelte-o7a89x{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.title-row.svelte-o7a89x h1:where(.svelte-o7a89x){margin:0}.tip.svelte-o7a89x{color:var(--color-text-secondary, #666);margin-bottom:1.5rem}.tip.svelte-o7a89x code:where(.svelte-o7a89x){background:var(--color-bg-surface-2, #f5f5f5);padding:.15rem .4rem;border-radius:4px;font-size:.9em}.mode-selector.svelte-o7a89x{display:flex;gap:.75rem;margin-bottom:1.5rem}.mode-btn.svelte-o7a89x{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--color-border, #ddd);border-radius:.5rem;background:var(--color-bg-surface-2, #f5f5f5);cursor:pointer;font-weight:500;font-size:var(--text-base);transition:background var(--transition-fast),border-color var(--transition-fast);color:inherit}.mode-btn.svelte-o7a89x:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .08))}.mode-btn.active.svelte-o7a89x{border-color:var(--color-accent, #3b82f6);background:var(--color-accent-light, rgba(59, 130, 246, .1))}.mode-icon.svelte-o7a89x{width:24px;height:24px;object-fit:contain}.table-wrapper.svelte-o7a89x{display:flex;justify-content:center;margin-bottom:2rem}.notation-table.svelte-o7a89x{border-collapse:collapse}.notation-table.svelte-o7a89x th:where(.svelte-o7a89x),.notation-table.svelte-o7a89x td:where(.svelte-o7a89x){border:1px solid var(--color-border, #ddd);padding:.5rem 2rem;text-align:center;white-space:nowrap}.notation-table.svelte-o7a89x th:where(.svelte-o7a89x){background:var(--color-bg-surface-2, #f5f5f5);font-weight:600}.notation-table.svelte-o7a89x tbody:where(.svelte-o7a89x) tr:where(.svelte-o7a89x):hover{background:var(--color-bg-hover, rgba(0, 0, 0, .05))}.command-cell.svelte-o7a89x{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500}.image-cell.svelte-o7a89x img:where(.svelte-o7a89x){width:36px;height:36px;object-fit:contain;vertical-align:middle}.preview-cell.svelte-o7a89x{text-align:center;vertical-align:middle}.styled-preview.svelte-o7a89x{font-family:var(--font-mono);font-size:1.1rem}@media(max-width:768px){.article-content.svelte-o7a89x{padding:1.5rem}.table-wrapper.svelte-o7a89x{overflow-x:auto;justify-content:flex-start}.notation-table.svelte-o7a89x th:where(.svelte-o7a89x),.notation-table.svelte-o7a89x td:where(.svelte-o7a89x){padding:.4rem .6rem}.image-cell.svelte-o7a89x img:where(.svelte-o7a89x){width:32px;height:32px}}