/* The three harmony tools lead; real course covers precede focused experiments. */
.lab-home .lab-intro{padding-block:40px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.lab-intro h1{font-size:42px;line-height:1.25;letter-spacing:-.025em}.lab-intro p{font-size:15px;line-height:1.8;max-width:52ch}
.tool-hub{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:stretch}
.progression-feature{padding:28px 32px;background:#e3edfc;border-radius:14px;display:flex;flex-direction:column}
.feature-heading h2{font-size:28px;color:var(--deep);line-height:1.3}.feature-heading p{margin-top:8px;font-size:14px;color:#385977}
.featured-example{margin-block:24px}.example-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#345779;font-size:12px}.example-title>strong{color:var(--deep);font-size:19px;letter-spacing:.025em}
.featured-chords{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:12px 0 10px;gap:4px}.featured-chords>span{display:grid;justify-items:center;gap:5px;padding:12px 2px 10px;background:#f7faff;border-radius:6px;border-bottom:3px solid transparent}.featured-chords small{font-size:11px;color:#4f6886}.featured-chords strong{font-size:24px;line-height:1.25;color:var(--deep);font-weight:650}.featured-chords .active{background:#fff;border-bottom-color:var(--orange)}.featured-example>p{font-size:12px;color:#385977;line-height:1.7}
.feature-actions{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:auto}.feature-actions .primary{min-height:44px;padding:10px 16px}.feature-actions .subtle{margin-left:auto;font-size:13px;min-height:44px}.feature-actions .metronome-control{font-size:13px}.preview-status{font-size:12px;min-height:20px;color:#385977;margin-top:8px}
.tool-companions{display:grid;grid-template-rows:1fr 1fr}.tool-link{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px 4px 24px 0;border-top:1px solid var(--line);min-width:0}.tool-link:last-child{border-bottom:1px solid var(--line)}.tool-link h2{font-size:23px;line-height:1.3;color:var(--deep)}.tool-link p{font-size:13px;margin-top:6px}.tool-link:hover h2{color:var(--blue)}.tool-example,.upgrade-example{display:flex;align-items:center;gap:16px;font-size:13px;color:#496480}.tool-example>strong{font-size:26px;color:var(--deep);font-weight:650}.upgrade-example>strong{font-size:18px;color:var(--deep);font-weight:650}.tool-action{margin-left:auto;color:var(--blue);font-size:13px;white-space:nowrap}
.foundation{padding-block:56px 52px}.foundation .section-heading{align-items:baseline;margin-bottom:20px}.foundation h2,.lab-home .catalog h2{font-size:28px}.foundation-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.foundation-course{display:block;min-width:0}.course-cover{height:auto;aspect-ratio:16/10;background:#fff;overflow:hidden;border-radius:8px}.course-cover img{display:block;width:100%;height:100%;object-fit:contain}.foundation-course h3{font-size:19px;line-height:1.4;margin:16px 0 6px}.foundation-course p{font-size:13px;line-height:1.7}.course-action{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:13px;min-height:44px;margin-top:5px}.foundation-course:hover h3{color:var(--blue)}
.lab-home .catalog{padding-block:56px 40px}.lab-home .catalog-group{grid-template-columns:200px minmax(0,1fr);padding-block:24px}.lab-home .experiment-entry{grid-template-columns:1fr auto 24px;padding:18px 0;gap:16px}.lab-home .experiment-entry h3{font-size:18px}.lab-home .experiment-entry p{font-size:13px}.lab-home .group-label h3{font-size:20px}.lab-home footer{margin-top:0}
@media(max-width:1100px){.tool-hub{gap:22px;grid-template-columns:1.3fr 1fr}.progression-feature{padding:24px}.tool-link h2{font-size:21px}.tool-example,.upgrade-example{gap:10px}.tool-example>strong{font-size:23px}.upgrade-example>strong{font-size:16px}.lab-intro h1{font-size:36px}.lab-intro p{font-size:13px}.feature-actions .subtle{margin-left:0}.foundation-courses{gap:20px}}
@media(max-width:760px){.lab-home .lab-intro{display:block;padding-block:28px 24px}.lab-intro h1{font-size:33px}.lab-intro p{margin-top:12px;font-size:14px;line-height:1.8}.lab-intro br{display:none}.tool-hub{grid-template-columns:1fr;gap:20px}.progression-feature{padding:22px}.feature-heading h2{font-size:25px}.feature-heading p{font-size:13px}.featured-example{margin-block:20px}.featured-chords strong{font-size:22px}.feature-actions{gap:8px 16px}.feature-actions .subtle{flex-basis:100%;margin:0}.tool-companions{grid-template-rows:auto auto}.tool-link{padding:20px 2px;gap:14px}.tool-link h2{font-size:22px}.tool-example>strong{font-size:24px}.upgrade-example>strong{font-size:18px}.foundation{padding-block:40px}.foundation-courses{grid-template-columns:1fr;gap:28px}.foundation-course{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;align-items:start}.course-cover{grid-row:span 4;align-self:start}.foundation-course h3{margin:0 0 8px;font-size:18px}.course-action{margin:0}.foundation h2,.lab-home .catalog h2{font-size:25px}.foundation .section-heading p,.lab-home .catalog .section-heading p{font-size:13px}.lab-home .catalog-group{grid-template-columns:1fr;gap:0}.lab-home .group-label{display:flex;gap:18px;align-items:baseline}.lab-home .group-label h3{font-size:18px}.lab-home .experiment-entry h3{font-size:17px}}
@media(max-width:560px){.foundation-course{display:block}.foundation-course h3{margin-top:14px}.course-cover{aspect-ratio:auto}.course-cover img{height:auto}.foundation-course p{margin-top:6px}.lab-home .site-header nav{flex-wrap:wrap;gap:14px}.lab-home .experiment-entry{grid-template-columns:1fr 20px}.lab-home .experiment-entry>.quiet{display:none}.featured-chords{gap:3px}.featured-chords strong{font-size:20px}.example-title{font-size:11px}.example-title>strong{font-size:18px}.progression-feature{padding:20px}.feature-actions .primary{font-size:13px}}

.preview-status:empty{display:none}