.skip-link.svelte-1gtteqr{position:absolute;left:0;top:0;background:#ff5100;color:#fff;padding:8px 16px;z-index:100;font-weight:600;text-decoration:none;border-radius:0 0 8px;transform:translateY(-100%);transition:transform .2s ease}.skip-link.svelte-1gtteqr:focus{transform:translateY(0)}.page-shell.svelte-1gtteqr{background:var(--music-theory-page-bg);min-height:100vh}.page-header.svelte-1gtteqr{position:relative;padding:2rem 2rem 5rem;min-height:180px;background:var(--music-theory-page-bg)}.header-bg.svelte-1gtteqr{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.header-content.svelte-1gtteqr{position:relative;z-index:1;max-width:900px;margin:0 auto}.content-area.svelte-1gtteqr{background:radial-gradient(circle at 20% 80%,var(--music-theory-content-radial-a) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--music-theory-content-radial-b) 0%,transparent 40%),var(--music-theory-page-bg);min-height:calc(100vh - 180px);margin-top:-20px}.exercise-container.svelte-1gtteqr{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.breadcrumb.svelte-1gtteqr{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#ffffffd9;margin-bottom:24px;width:-moz-fit-content;width:fit-content;flex-wrap:nowrap}.breadcrumb.svelte-1gtteqr a:where(.svelte-1gtteqr),.breadcrumb.svelte-1gtteqr span:where(.svelte-1gtteqr){white-space:nowrap}.breadcrumb.svelte-1gtteqr a:where(.svelte-1gtteqr){display:inline-flex;width:auto;flex:0 0 auto;color:#fff;text-decoration:none}.breadcrumb.svelte-1gtteqr a:where(.svelte-1gtteqr):hover{text-decoration:underline}.breadcrumb.svelte-1gtteqr .separator:where(.svelte-1gtteqr){opacity:.6}.breadcrumb.svelte-1gtteqr .current:where(.svelte-1gtteqr){color:#fff}.exercise-header.svelte-1gtteqr{display:flex;gap:20px;align-items:center}.header-icon.svelte-1gtteqr{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--music-theory-header-icon-bg);border-radius:16px;color:var(--music-theory-header-icon-fg);flex-shrink:0}.header-icon.svelte-1gtteqr svg{width:50px;height:50px;pointer-events:none}.header-text.svelte-1gtteqr h1:where(.svelte-1gtteqr){font-size:1.75rem;font-weight:400;color:#fff;margin:0 0 4px}.header-text.svelte-1gtteqr p:where(.svelte-1gtteqr){font-size:1rem;color:var(--music-theory-hero-copy);margin:0}@media (max-width: 600px){.page-header.svelte-1gtteqr{padding:1.5rem 1rem 3rem}.exercise-container.svelte-1gtteqr{padding:16px}.exercise-header.svelte-1gtteqr{flex-direction:column;align-items:center;text-align:center}.header-icon.svelte-1gtteqr{width:60px;height:60px}.header-icon.svelte-1gtteqr svg{width:40px;height:40px}.header-text.svelte-1gtteqr h1:where(.svelte-1gtteqr){font-size:1.5rem}}