/* Impeccable layout/clarify/polish: prioritize the task, group related content,
   keep navigation visible, and avoid height coupling between independent panels. */
.ui-icon{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.15em;pointer-events:none}.lane-icon>.ui-icon{width:1.1em;height:1.1em}.home-drill>.ui-icon{width:24px;height:24px;color:var(--jgg-link)}.studio-btn>.ui-icon,.primary-button>.ui-icon,.secondary-button>.ui-icon{margin-left:8px}.workout-brief>a>.ui-icon,.home-support-links .ui-icon{margin-left:5px}
.course-app{--practice-ink:var(--jgg-text);--practice-green:var(--jgg-accent);--practice-line:var(--jgg-border)}
.course-app .site-header{max-width:1320px;min-height:108px;padding:24px 48px;gap:24px;border-bottom:0}
.course-app .header-actions{gap:12px;align-items:center;flex-wrap:nowrap}
.header-actions .sound-button,.header-actions .account-button,.app-menu>summary{min-height:48px;border:1px solid var(--practice-line);border-radius:14px;padding:12px 18px;font-size:15.6px;font-weight:800;background:var(--jgg-surface);white-space:nowrap}
.app-menu{position:relative}.app-menu>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px}.app-menu>summary::-webkit-details-marker{display:none}.app-menu[open]>summary{background:var(--jgg-selected);border-color:var(--jgg-border)}.app-menu-links{position:absolute;right:0;top:calc(100% + 12px);z-index:50;width:300px;padding:10px;background:var(--jgg-surface);border:1px solid var(--practice-line);border-radius:18px;box-shadow:0 18px 40px color-mix(in srgb,var(--jgg-shadow) 10.2%,transparent);display:grid}.app-menu-links a,.app-menu-links button{display:block;padding:14px 16px;min-height:48px;text-decoration:none;font-size:16.9px;line-height:1.5;text-align:left;border-radius:10px}.app-menu-links a:hover,.app-menu-links button:hover{background:var(--jgg-surface-hover);color:var(--jgg-link)}
.app-navigation{max-width:1224px;margin:0 auto 26px;display:flex;gap:8px;border-bottom:1px solid var(--jgg-border);padding:0 0 12px}.app-navigation>a{display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;text-decoration:none;font-size:16.9px;font-weight:850;border-radius:14px;color:var(--jgg-text-muted)}.app-navigation>a:hover{background:var(--jgg-surface-hover);color:var(--jgg-link)}.app-navigation>a.selected{background:var(--jgg-selected);color:var(--jgg-link);box-shadow:inset 0 -3px 0 var(--jgg-accent-hover)}
.practice-back-home{display:inline-block;margin:0 0 22px;text-decoration:none;font-size:15.6px;color:var(--jgg-link);font-weight:750}.practice-back-home:hover{text-decoration:underline}
.daily-action-group{min-width:0}.daily-today-status{font-size:15.6px!important;line-height:1.6!important;font-weight:750;color:var(--jgg-link);margin:10px 0 4px!important;max-width:36ch}.daily-session-top+.daily-today-status{margin:12px 0 18px!important}
.module-card-main{display:block;flex:1;color:inherit;text-decoration:none;min-width:0}.module-card{display:flex;flex-direction:column}.focused-lane-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:22px 0 8px}.focused-lane-actions>a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:16.9px}.focused-lane-actions>span{font-size:15.6px;line-height:1.6;color:var(--jgg-text-muted)}.module-card .focused-lane-actions{padding-top:18px;border-top:1px solid var(--jgg-border);margin-bottom:0}.module-card .focused-lane-actions>a{width:100%}.skill-coverage{padding:30px 32px;border-radius:22px;background:var(--jgg-selected);border:1px solid var(--jgg-border);margin:10px 0 36px}.skill-coverage-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.skill-coverage-heading h2{font-size:26px;line-height:1.35;margin:10px 0 16px}.skill-coverage-heading>strong{font-size:42px;font-variant-numeric:tabular-nums;color:var(--jgg-link)}.skill-coverage-track{height:14px;background:var(--jgg-selected);border-radius:20px;overflow:hidden}.skill-coverage-track>span{display:block;width:var(--coverage);height:100%;background:var(--jgg-accent);border-radius:inherit;transform-origin:left;animation:coverage-reveal .65s ease-out both}.skill-coverage>p{font-size:15.6px;line-height:1.8;color:var(--jgg-text-muted);max-width:74ch;margin:18px 0}.skill-coverage>a{display:inline-flex;min-height:46px;font-size:16.9px;align-items:center}.module-card-main:focus-visible,.focused-lane-actions>a:focus-visible{outline:3px solid var(--jgg-focus);outline-offset:5px;border-radius:8px}@keyframes coverage-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(max-width:580px){.skill-coverage{padding:24px 20px}.skill-coverage-heading{gap:16px;align-items:start}.skill-coverage-heading h2{font-size:23.4px}.skill-coverage-heading>strong{font-size:35px}.focused-lane-actions{align-items:stretch}.focused-lane-actions>a{width:100%}}@media(prefers-reduced-motion:reduce){.skill-coverage-track>span{animation:none}}
.studio:has(.home-drills) .studio-heading{margin:0 0 34px;padding:16px 0 0;gap:40px;align-items:center}.studio:has(.home-drills) .studio-heading::before,.studio:has(.home-drills) .studio-heading::after{display:none}.studio:has(.home-drills) .studio-heading h1{font-size:66.3px;letter-spacing:-2.5px;line-height:1.06;margin:18px 0 22px}.studio:has(.home-drills) .studio-heading p{max-width:640px;line-height:1.75}.practice-hero-actions{display:grid;gap:12px;min-width:290px}.practice-hero-actions .studio-btn{border-radius:18px;min-height:62px;font-size:18.2px;padding:17px 26px}.practice-hero-actions .quiet{background:var(--jgg-surface);border:1.5px solid var(--jgg-border);color:var(--jgg-link)}.practice-hero-actions .daily-top-cta{box-shadow:none;white-space:normal;width:100%}
.workout-brief{display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:28px;padding:26px 30px;background:var(--jgg-selected);border:1px solid var(--jgg-border);border-radius:22px;margin-bottom:52px}.workout-brief h2{font-size:24px;letter-spacing:-.4px;margin:8px 0}.workout-brief p{font-size:14.3px;line-height:1.7;margin:0;color:var(--jgg-text-muted)}.workout-brief ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:15.6px;line-height:1.5;font-weight:750}.workout-brief li{display:flex;gap:9px}.workout-brief li::before{content:'·';color:var(--jgg-link);font-weight:900}.workout-brief>a{font-size:15.6px;font-weight:850;text-underline-offset:4px;white-space:nowrap}
.home-drills{margin:0 0 60px}.home-drills .studio-section-title{align-items:end;margin:0 0 28px}.home-drills h2{font-size:39px;line-height:1.2;letter-spacing:-1px;margin:9px 0 14px}.home-drills .studio-section-title p{font-size:16.9px;line-height:1.7;margin:0;color:var(--jgg-text-muted)}.home-drill-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-drill{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:start;padding:27px 28px;min-width:0;text-decoration:none;background:var(--jgg-surface);border:1px solid var(--jgg-border);border-radius:20px;transition:background .16s,border-color .16s}.home-drill:hover{background:var(--jgg-surface-hover);border-color:var(--jgg-border)}.home-drill h3{font-size:24px;line-height:1.3;margin:0 0 10px;letter-spacing:-.3px}.home-drill p{font-size:16.9px;line-height:1.6;color:var(--jgg-text-muted);margin:0 0 15px}.drill-number{font-size:14.3px;font-weight:850;letter-spacing:1px;color:var(--jgg-link);padding-top:5px}.drill-detail{font-size:14.3px;line-height:1.5;color:var(--jgg-text-muted);font-weight:750}.home-drill>span:last-child{font-size:24px;color:var(--jgg-link)}.drill-resume{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 26px;border-radius:16px;background:var(--jgg-selected);border:1px solid var(--jgg-border);text-decoration:none;margin-bottom:20px;font-size:16.9px}.drill-resume>span:first-child{font-size:14.3px;color:var(--jgg-link)}.drill-resume>span:last-child{margin-left:auto}
.home-support{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;border-top:1px solid var(--jgg-border);padding:42px 0 0;margin-bottom:30px;align-items:start}.home-learn h2{font-size:32px;line-height:1.25;letter-spacing:-.8px;margin:14px 0 20px}.home-learn p{font-size:16.9px;line-height:1.85;max-width:540px;color:var(--jgg-text-muted)}.home-support-links{display:grid;gap:17px;margin-top:26px}.home-support-links a{font-size:16.9px;font-weight:800;text-decoration-thickness:1px;text-underline-offset:5px;color:var(--jgg-link)}.home-board{min-width:0}.home-board>summary{cursor:pointer;font-size:20.8px;font-weight:850;list-style:none;display:flex;justify-content:space-between;padding:0 0 20px}.home-board>summary::after{content:'+';color:var(--jgg-link)}.home-board[open]>summary::after{content:'−'}.home-board>summary::-webkit-details-marker{display:none}.home-board .leaderboard-panel{padding:26px;border-radius:20px}.home-board .leaderboard-heading h2{font-size:26px}.home-journal-link{display:inline-block;margin-top:22px;font-size:15.6px;text-underline-offset:4px;font-weight:750}
.course-app .main-footer{margin-top:50px}.course-app .module-grid{gap:20px}.course-app .module-card{border-radius:20px}.course-app .breadcrumbs{font-size:15.6px;flex-wrap:wrap;gap:10px}.course-app .page-heading p{max-width:720px;line-height:1.75}.course-app .lesson-row{min-width:0}.course-app .unit-header h1{overflow-wrap:anywhere}
.course-app .module-top{align-items:flex-start;gap:20px;min-height:52px}.lane-icon{width:max-content;min-width:52px;max-width:100%;height:52px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;letter-spacing:0;flex-shrink:0}.course-app .module-card h2{margin-top:24px}.course-app .unit-header .lane-icon.large{width:max-content;min-width:80px;height:80px;padding:0 18px;white-space:nowrap;line-height:1;letter-spacing:0;flex-shrink:0}
@media(max-width:1050px){.app-navigation{margin-left:32px;margin-right:32px}.workout-brief{grid-template-columns:1fr 1fr}.workout-brief>a{grid-column:1/-1}.home-support{gap:30px}.studio:has(.home-drills) .studio-heading{gap:25px}.practice-hero-actions{min-width:260px}}
@media(max-width:700px){.course-app .site-header{padding:20px 16px 18px;min-height:0;gap:16px;flex-wrap:wrap}.course-app .header-actions{margin-left:0;width:100%;justify-content:space-between;gap:8px}.header-actions .sound-button,.header-actions .account-button,.app-menu>summary{min-height:46px;padding:11px 16px;font-size:14.3px}.header-actions #sound-label{display:inline!important}.app-menu-links{left:0;right:auto;width:min(320px,calc(100vw - 32px));padding:8px}.app-navigation{margin:0 16px 24px;padding-bottom:10px;gap:6px;display:grid;grid-template-columns:1fr 1.2fr 1fr}.app-navigation>a{padding:12px 8px;min-height:58px;font-size:14.3px;line-height:1.35;text-align:center;white-space:normal;border-radius:12px}.studio:has(.home-drills) .studio-heading{display:block;margin-bottom:25px;padding:0}.studio:has(.home-drills) .studio-heading h1{font-size:50.7px;letter-spacing:-1.8px;line-height:1.08;margin:14px 0 20px}.studio:has(.home-drills) .studio-heading p{font-size:15.6px;line-height:1.8}.practice-hero-actions{margin-top:26px;gap:12px;min-width:0}.practice-hero-actions .studio-btn{min-height:60px;font-size:18.2px;padding:16px 20px}.workout-brief{padding:23px;grid-template-columns:1fr;gap:20px;border-radius:20px;margin-bottom:40px}.workout-brief h2{font-size:23.4px}.workout-brief ul{font-size:14.3px;gap:10px 14px}.workout-brief>a{grid-column:auto;white-space:normal}.home-drills{margin-bottom:40px}.home-drills h2{font-size:32.5px;margin-bottom:15px;letter-spacing:-.6px}.home-drills .studio-section-title{display:block;margin-bottom:22px}.home-drills .studio-section-title>a{display:inline-block;margin-top:17px;font-size:15.6px}.home-drills .studio-section-title p{font-size:15.6px}.home-drill-grid{grid-template-columns:1fr;gap:13px}.home-drill{padding:23px 21px;gap:16px;border-radius:18px}.home-drill h3{font-size:23.4px}.home-drill p{font-size:15.6px;line-height:1.7}.drill-detail,.drill-number{font-size:13px}.drill-resume{padding:20px;font-size:15.6px;gap:9px}.home-support{grid-template-columns:1fr;padding-top:32px;gap:36px}.home-learn h2{font-size:29.9px}.home-learn p,.home-support-links a{font-size:15.6px}.home-board>summary{font-size:19.5px}.home-board .leaderboard-panel{padding:22px}.practice-back-home{font-size:14.3px;margin-bottom:19px}.course-app .main-footer{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.home-drill{transition:none}}
.daily-guidance{margin:0 0 24px;border-left:4px solid var(--jgg-border);background:var(--jgg-selected)}.daily-guidance h3{font-size:23.4px;margin:0 0 14px}.daily-guidance p{line-height:1.75}.daily-time-confirmation{display:grid;gap:12px;width:min(100%,520px);margin:22px 0;font-size:16.9px;line-height:1.65}.daily-time-confirmation input{font:inherit;font-size:20.8px;min-height:52px;border:1px solid var(--jgg-control-border);border-radius:10px;padding:10px 14px;background:var(--jgg-surface);color:var(--jgg-link);max-width:180px}.daily-time-confirmation span{font-size:15.6px;font-weight:400}.study-worked{margin:26px 0;padding:22px;border:1px solid var(--jgg-border);border-radius:16px;background:var(--jgg-selected)}.study-worked ol{font-size:16.9px;line-height:1.8;padding-left:24px}.study-worked .notation-example{margin:18px 0}.study-worked .notation-score{max-width:100%;overflow-x:auto}.lesson-explanation h3{font-size:23.4px;line-height:1.35;margin:22px 0 14px}
.studio-page-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;margin:0 0 24px;font-size:15.6px;line-height:1.5}
.studio-page-breadcrumbs>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 0;color:var(--jgg-link);font:inherit;font-weight:750;text-decoration:none}
.studio-page-breadcrumbs>a:hover{text-decoration:underline;text-underline-offset:4px}
.studio-page-breadcrumbs>a>svg{width:18px;height:18px;flex:none}
.studio-page-breadcrumbs>span{color:var(--studio-muted)}
@media(max-width:700px){.studio-page-breadcrumbs{gap:2px 12px;margin-bottom:20px;font-size:15.6px}.studio-page-breadcrumbs>a{min-height:44px}}
.daily-outcomes{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.6px;text-align:left;line-height:1.6}.daily-outcomes caption{text-align:left;font-weight:800;margin-bottom:14px}.daily-outcomes th,.daily-outcomes td{padding:12px 9px;border-bottom:1px solid var(--jgg-border);vertical-align:top}.daily-outcomes tbody th{font-weight:600;width:48%}
.study-worked>button{margin:0 12px 14px 0;min-height:44px}
.feedback-panel>.feedback-symbol{position:static;margin:0 0 16px;display:grid}
.feedback-panel h2,.feedback-panel p{margin-left:0}
@media(max-width:700px){.course-app .site-header{padding-top:12px;padding-bottom:12px;row-gap:12px}.app-navigation{margin-bottom:20px}}
@media(max-width:400px){.header-actions .sound-button,.header-actions .account-button,.app-menu>summary{padding-left:12px;padding-right:12px}.app-menu>summary{gap:8px}.header-actions .account-button{display:block;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}