.guide-embed.svelte-1sigeu{margin:2rem 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--soft);box-shadow:6px 6px color-mix(in srgb,var(--ink) 8%,transparent)}.guide-embed__intro.svelte-1sigeu,.guide-embed__result.svelte-1sigeu{padding:clamp(1.1rem,3vw,1.7rem)}.guide-embed__intro.svelte-1sigeu{border-right:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}.guide-embed__eyebrow.svelte-1sigeu{margin:0 0 .45rem;font:700 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}h2.svelte-1sigeu{margin:0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.1}p.svelte-1sigeu{margin:.8rem 0 0;line-height:1.6}.note-picker.svelte-1sigeu{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.45rem}.note-picker.svelte-1sigeu button:where(.svelte-1sigeu){min-width:3.25rem;border:1px solid var(--ink);background:var(--page-bg);color:var(--ink);padding:.55rem .7rem;font:700 .78rem/1 var(--font-mono);cursor:pointer}.note-picker.svelte-1sigeu button.active:where(.svelte-1sigeu){background:var(--ink);color:var(--page-bg)}.guide-embed__cta.svelte-1sigeu{margin-top:1rem;display:inline-flex;border:1px solid var(--ink);background:var(--ink);color:var(--page-bg);padding:.7rem .9rem;font-weight:750;text-decoration:none}.guide-embed__result.svelte-1sigeu{background:color-mix(in srgb,var(--page-bg) 70%,transparent)}.selected-note.svelte-1sigeu{margin-bottom:.9rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.selected-note.svelte-1sigeu strong:where(.svelte-1sigeu){font-size:clamp(2rem,6vw,3.6rem);line-height:1}.selected-note.svelte-1sigeu span:where(.svelte-1sigeu){font:700 .72rem/1 var(--font-mono);text-transform:uppercase}.fingering-list.svelte-1sigeu{display:grid;gap:.65rem}@media(max-width:720px){.guide-embed.svelte-1sigeu{grid-template-columns:1fr;box-shadow:4px 4px color-mix(in srgb,var(--ink) 8%,transparent)}.guide-embed__intro.svelte-1sigeu{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}}.practice-path.svelte-2ep280{margin:2rem 0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--soft)}header.svelte-2ep280{padding:clamp(1.1rem,3vw,1.7rem);border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}header.svelte-2ep280 p:where(.svelte-2ep280){margin:0 0 .45rem;font:700 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}header.svelte-2ep280 h2:where(.svelte-2ep280){margin:0;font-size:clamp(1.25rem,3vw,1.7rem);line-height:1.1}header.svelte-2ep280 span:where(.svelte-2ep280){display:block;margin-top:.7rem;line-height:1.6}.practice-path__items.svelte-2ep280{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.practice-path__items.svelte-2ep280 a:where(.svelte-2ep280){min-height:190px;display:flex;flex-direction:column;align-items:flex-start;padding:1.15rem;border-right:1px solid color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);text-decoration:none}.practice-path__items.svelte-2ep280 a:where(.svelte-2ep280):last-child{border-right:0}.practice-path__items.svelte-2ep280 a:where(.svelte-2ep280):hover{background:var(--page-bg)}.practice-path__items.svelte-2ep280 small:where(.svelte-2ep280){font:700 .72rem/1 var(--font-mono)}.practice-path__items.svelte-2ep280 strong:where(.svelte-2ep280){margin-top:1.35rem;font-size:1.05rem;line-height:1.25}.practice-path__items.svelte-2ep280 span:where(.svelte-2ep280){margin-top:.55rem;font-size:.9rem;line-height:1.5}.practice-path__items.svelte-2ep280 b:where(.svelte-2ep280){margin-top:auto;padding-top:1rem;font-size:.82rem}@media(max-width:720px){.practice-path__items.svelte-2ep280{grid-template-columns:1fr}.practice-path__items.svelte-2ep280 a:where(.svelte-2ep280){min-height:0;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.practice-path__items.svelte-2ep280 a:where(.svelte-2ep280):last-child{border-bottom:0}}
