.skip-link.svelte-t58reh{position:absolute;left:0;top:0;background:#ff8c00;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-t58reh:focus{transform:translateY(0)}.page-shell.svelte-t58reh{background:var(--ear-training-page-bg)}.page-header.svelte-t58reh{position:relative;padding:2rem 2rem 5rem;min-height:180px;background:var(--ear-training-page-bg)}.header-bg.svelte-t58reh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.header-content.svelte-t58reh{position:relative;z-index:1;max-width:900px;margin:0 auto}.content-area.svelte-t58reh{background:var(--ear-training-page-bg);min-height:calc(100vh - 180px);margin-top:-20px}.exercise-container.svelte-t58reh{max-width:1400px;margin:0 auto;padding:24px 16px 48px}.breadcrumb.svelte-t58reh{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-t58reh a:where(.svelte-t58reh),.breadcrumb.svelte-t58reh span:where(.svelte-t58reh){white-space:nowrap}.breadcrumb.svelte-t58reh a:where(.svelte-t58reh){display:inline-flex;width:auto;flex:0 0 auto;color:#fff;text-decoration:none}.breadcrumb.svelte-t58reh a:where(.svelte-t58reh):hover{text-decoration:underline}.breadcrumb.svelte-t58reh .separator:where(.svelte-t58reh){opacity:.6}.breadcrumb.svelte-t58reh .current:where(.svelte-t58reh){color:#fff}.exercise-header.svelte-t58reh{display:flex;gap:20px;align-items:center}.header-icon.svelte-t58reh{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--ear-training-header-icon-bg);border-radius:16px;color:var(--ear-training-header-icon-fg);flex-shrink:0}.header-icon.svelte-t58reh svg{width:100%;height:auto;max-width:100%;max-height:100%;pointer-events:none}.header-text.svelte-t58reh h1:where(.svelte-t58reh){font-size:1.75rem;font-weight:400;color:#fff;margin:0 0 4px}.header-text.svelte-t58reh p:where(.svelte-t58reh){font-size:1rem;color:var(--ear-training-hero-copy);margin:0}@media (max-width: 600px){.page-header.svelte-t58reh{padding:1.5rem 1rem 3rem}.exercise-container.svelte-t58reh{padding:16px}.exercise-header.svelte-t58reh{flex-direction:column;align-items:center;text-align:center}.header-icon.svelte-t58reh{width:60px;height:60px}.header-icon.svelte-t58reh svg{width:100%;height:auto;max-width:100%;max-height:100%}.header-text.svelte-t58reh h1:where(.svelte-t58reh){font-size:1.5rem}}