.chord-page.svelte-sifczp{max-width:780px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.crumbs.svelte-sifczp{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-dim);margin-bottom:1.75rem}.crumbs.svelte-sifczp a:where(.svelte-sifczp){color:var(--text-muted);text-decoration:none}.crumbs.svelte-sifczp a:where(.svelte-sifczp):hover{color:var(--primary)}.hero.svelte-sifczp{margin-bottom:3rem}.eyebrow.svelte-sifczp{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-amber);margin:0 0 .5rem;font-weight:600}.hero.svelte-sifczp h1:where(.svelte-sifczp){font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .9rem;font-weight:800}.hero.svelte-sifczp h1:where(.svelte-sifczp) span:where(.svelte-sifczp){color:var(--text-muted);font-weight:600}.lead.svelte-sifczp{font-size:1.08rem;line-height:1.6;color:var(--text-muted);max-width:60ch;margin:0 0 1.5rem}.cta.svelte-sifczp{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:var(--primary-text);font-weight:600;padding:.8rem 1.4rem;border-radius:.7rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s;box-shadow:0 6px 24px -8px var(--primary)}.cta.svelte-sifczp:hover{background:var(--primary-hover);transform:translateY(-2px)}section.svelte-sifczp{margin-top:3rem}.panel.svelte-sifczp{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem 1.6rem}h2.svelte-sifczp{font-size:1.45rem;letter-spacing:-.01em;margin:0 0 .9rem;font-weight:700}.section-intro.svelte-sifczp{color:var(--text-muted);max-width:60ch;margin:0 0 1.5rem;line-height:1.6}.panel.svelte-sifczp p:where(.svelte-sifczp){color:var(--text-muted);line-height:1.65;margin:0 0 .75rem}.notes-panel.svelte-sifczp h2:where(.svelte-sifczp){margin-bottom:1.1rem}.note-list.svelte-sifczp{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}.note-list.svelte-sifczp li:where(.svelte-sifczp){display:flex;flex-direction:column;align-items:center;min-width:3.3rem;padding:.6rem .4rem;background:var(--bg);border:1px solid var(--border);border-radius:.6rem}.note-list.svelte-sifczp .note:where(.svelte-sifczp){font-weight:700;font-size:1.25rem;color:var(--text)}.note-list.svelte-sifczp .interval:where(.svelte-sifczp){font-size:.72rem;color:var(--accent-amber);margin-top:.15rem;font-weight:600}.voicing-grid.svelte-sifczp{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.voicing-card.svelte-sifczp{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.1rem 1.2rem 1.3rem;transition:border-color .18s}.voicing-card.svelte-sifczp:hover{border-color:var(--border-hover)}.voicing-head.svelte-sifczp{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.9rem}.voicing-head.svelte-sifczp h3:where(.svelte-sifczp){font-size:1.05rem;margin:0;font-weight:700}.play-controls.svelte-sifczp{display:flex;gap:.4rem}.play-btn.svelte-sifczp{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;font-family:inherit;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:.5rem;padding:.35rem .6rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .1s}.play-btn.svelte-sifczp:hover{color:var(--text);border-color:var(--primary)}.play-btn.svelte-sifczp:active{transform:scale(.95)}.play-btn.active.svelte-sifczp{color:var(--primary-text);background:var(--primary);border-color:var(--primary)}.keyboard.svelte-sifczp{margin-bottom:.8rem}.voicing-notes.svelte-sifczp{display:flex;flex-direction:column;gap:.15rem;margin:0}.vn-notes.svelte-sifczp{font-weight:700;color:var(--text);letter-spacing:.01em}.vn-intervals.svelte-sifczp{font-size:.82rem;color:var(--text-dim)}.text-link.svelte-sifczp{display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);font-weight:600;text-decoration:none;margin-top:.25rem}.text-link.svelte-sifczp:hover{text-decoration:underline;text-underline-offset:3px}.faq.svelte-sifczp details:where(.svelte-sifczp){border:1px solid var(--border);border-radius:.7rem;padding:.85rem 1.1rem;margin-bottom:.6rem;background:var(--bg-card);transition:border-color .15s}.faq.svelte-sifczp details[open]:where(.svelte-sifczp){border-color:var(--border-hover)}.faq.svelte-sifczp summary:where(.svelte-sifczp){font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq.svelte-sifczp summary:where(.svelte-sifczp):after{content:"+";color:var(--accent-amber);font-size:1.3rem;line-height:1;transition:transform .2s}.faq.svelte-sifczp details[open]:where(.svelte-sifczp) summary:where(.svelte-sifczp):after{transform:rotate(45deg)}.faq.svelte-sifczp p:where(.svelte-sifczp){margin:.7rem 0 0;color:var(--text-muted);line-height:1.6}.related-grid.svelte-sifczp{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.related-grid.svelte-sifczp a:where(.svelte-sifczp){display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:.1rem .6rem;padding:1rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.85rem;text-decoration:none;transition:border-color .18s,transform .18s cubic-bezier(.16,1,.3,1),background .18s}.related-grid.svelte-sifczp a:where(.svelte-sifczp):hover{border-color:var(--primary);transform:translateY(-2px)}.related-grid.svelte-sifczp a:where(.svelte-sifczp) svg{grid-row:1 / 3;grid-column:2;color:var(--primary)}.rl-title.svelte-sifczp{font-weight:700;color:var(--text);grid-column:1}.rl-sub.svelte-sifczp{font-size:.82rem;color:var(--text-dim);grid-column:1}.related-grid.svelte-sifczp a.rl-accent:where(.svelte-sifczp){background:var(--primary-muted);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}@media(prefers-reduced-motion:reduce){.cta.svelte-sifczp:hover,.related-grid.svelte-sifczp a:where(.svelte-sifczp):hover{transform:none}}