.study-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding:90px 0 80px;align-items:center}.study-hero h1{font-size:clamp(2.8rem,5.6vw,5.1rem);line-height:1.02;letter-spacing:-.065em;margin:20px 0 24px}.study-hero h1 em{font-style:normal;color:var(--accent)}.study-hero .intro{font-size:1.15rem;margin-bottom:30px;max-width:540px}.progress-card,.quiz-card{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:32px}.progress-card h2{font-size:2rem;letter-spacing:-.04em;line-height:1.15;margin:26px 0}.stat-row{display:flex;gap:32px;margin:26px 0}.stat-row strong{display:block;font-size:1.8rem;letter-spacing:-.04em}.stat-row span{font-size:.8rem;color:var(--muted);display:block;margin-top:8px}.progress-card p{font-size:.83rem;color:var(--muted);line-height:1.6}progress{width:100%;height:8px;accent-color:var(--accent)}.topic-section{padding:32px 0 65px}.topic-section .section-heading h2{font-size:2.5rem;max-width:550px}#topic-list{display:grid;gap:14px}.topic{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.topic summary{display:flex;align-items:center;gap:22px;padding:25px;cursor:pointer;list-style:none}.topic summary::-webkit-details-marker{display:none}.topic-number{font-size:.9rem;color:var(--accent);font-weight:750}.topic-title{flex:1}.topic-title strong{display:block;font-size:1.35rem;letter-spacing:-.035em}.topic-title small{display:block;margin-top:6px;color:var(--muted);font-size:.9rem;font-weight:400}.topic-check{font-size:.76rem;color:var(--accent);font-weight:700}.topic summary:after{content:'+';font-size:1.7rem;color:var(--accent)}.topic[open] summary:after{content:'−'}.lesson-content{padding:0 25px 28px 65px;border-top:1px solid var(--line)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:18px 0}.lesson-grid h3{font-size:1.12rem;letter-spacing:-.02em}.lesson-grid p{font-size:.95rem;color:var(--muted);line-height:1.75}.lesson-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.lesson-source{font-size:.8rem;color:var(--muted);margin-top:20px}.practice-section{border-top:1px solid var(--line);padding:70px 0}.practice-section h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em}.practice-section .intro{font-size:1.05rem;max-width:720px}.practice-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.practice-actions .button,.lesson-actions .button{font-size:.9rem;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.text-button{background:none;color:var(--accent);border:0;padding:10px 0;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.quiz-card{max-width:850px;margin-top:28px}.quiz-meta{display:flex;justify-content:space-between;gap:18px;font-size:.8rem;color:var(--muted);margin-bottom:15px}.quiz-card h3{font-size:1.55rem;line-height:1.35;letter-spacing:-.03em;margin:28px 0}.options{display:grid;gap:12px;border:0;padding:0;margin:0}.option{display:flex;gap:14px;align-items:center;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--bg);font-size:1rem;line-height:1.5}.option:has(input:checked){border-color:var(--accent);outline:1px solid var(--accent)}.option input{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.option.correct{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.option.wrong{border-style:dashed}.answer-feedback{padding:20px;border-left:3px solid var(--accent);margin:22px 0;background:var(--bg);border-radius:0 12px 12px 0;line-height:1.7}.answer-feedback p{margin:6px 0 0}.quiz-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}.quiz-controls .button{cursor:pointer}.score{font-size:4rem;font-weight:800;letter-spacing:-.06em;color:var(--accent);margin:20px 0}.result-list{padding-left:24px;line-height:1.6}.result-list li{margin-bottom:18px}.study-about{padding:42px 0 65px;border-top:1px solid var(--line);max-width:850px}.study-about p{color:var(--muted);line-height:1.8}.study-about details{margin:25px 0}.study-about summary{cursor:pointer;font-weight:700}.study-about li{margin:14px 0}.privacy-note{font-size:.85rem}.study-about h2{letter-spacing:-.035em;font-size:1.7rem}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}#topics,#practice{scroll-margin-top:30px}@media(max-width:800px){.study-hero{grid-template-columns:1fr;gap:32px;padding:48px 0}.progress-card{padding:26px}.lesson-grid{grid-template-columns:1fr;gap:0}.lesson-content{padding:0 22px 25px}.topic summary{padding:22px;gap:14px}.topic-title small{font-size:.82rem}.topic-check{max-width:60px;text-align:right}.practice-section{padding:45px 0}.quiz-card{padding:22px}.quiz-card h3{font-size:1.3rem}.topic-section .section-heading h2{font-size:2rem}}@media(max-width:450px){.study-hero h1{font-size:2.9rem}.practice-actions{flex-direction:column}.practice-actions .button{width:100%;justify-content:center}.topic-title strong{font-size:1.15rem}.topic-number{display:none}.stat-row{gap:22px}.quiz-meta{font-size:.75rem}}
.music-subnote{font-size:.8rem;color:var(--muted);line-height:1.6}.study-hero .progress-card h2{font-size:1.75rem;margin:0}.progress-card .stat-row{margin:24px 0}.progress-card .eyebrow{margin-bottom:4px}.progress-card .music-staff{max-height:145px;margin:-4px 0}.music-staff{display:block;width:100%;height:auto;max-width:650px;margin:auto;color:var(--ink)}.lesson-content{padding-top:22px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-grid figure,.rhythm-chart{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:15px}.chart-grid figcaption,.rhythm-chart figcaption{font-weight:650;font-size:.8rem;line-height:1.5}.chart-grid .music-staff{min-height:130px}.diagram-note{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.diagram-note strong{font-size:1.3rem}.diagram-note p{font-size:.9rem;color:var(--muted)}.rhythm-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.rhythm-grid>div,.symbol-examples>div{display:flex;flex-direction:column;text-align:center;align-items:center;font-size:.78rem;line-height:1.6}.rhythm-grid svg{width:80px;max-width:100%;height:90px}.rhythm-grid span,.symbol-examples span{color:var(--muted)}.meter-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:10px}.meter-examples>div{display:flex;gap:15px;align-items:center}.time-signature{font:700 32px/.85 Georgia,serif;text-align:center}.meter-examples p{font-size:.8rem;line-height:1.7}.tempo-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:25px;background:var(--bg);border:1px solid var(--line);border-radius:10px;font-size:.85rem}.tempo-examples strong{display:block;margin-bottom:6px}.symbol-examples{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);padding:10px;border:1px solid var(--line);border-radius:10px}.symbol-examples svg{height:80px;width:80px}.note-practice{border-top:1px solid var(--line);padding:60px 0 70px}.trainer-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.trainer-settings{display:flex;gap:24px;align-items:end;padding:22px 28px;border-bottom:1px solid var(--line);background:var(--raised);flex-wrap:wrap}.trainer-settings label{display:grid;gap:5px;font-size:.75rem;font-weight:650}.trainer-settings select{font:inherit;font-size:.9rem;min-height:42px;border:1px solid var(--line);border-radius:7px;padding:8px 30px 8px 10px;max-width:100%}.trainer-settings>span{margin-left:auto;font-size:.8rem;color:var(--muted);padding-bottom:9px}.trainer-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px}.trainer-note{text-align:center}.trainer-note .eyebrow{margin:0}.trainer-note .music-staff{max-width:400px;min-height:180px}.trainer-note .text-button{padding:4px 0}.trainer-answer{align-self:center}.trainer-answer h3{font-size:1.6rem}.trainer-answer>p{color:var(--muted);font-size:.9rem}.note-choices{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.note-choice{border:1px solid var(--line);border-radius:8px;min-width:0;min-height:48px;font-weight:700;font-size:1.1rem;background:var(--surface);color:var(--ink)}.note-choice:hover:not(:disabled){background:var(--raised);border-color:var(--ink)}.note-choice.correct{background:var(--qp-good-bg);color:var(--qp-good);border-color:var(--qp-good)}.note-choice.incorrect{background:var(--qp-bad-bg);color:var(--qp-bad);border-color:var(--qp-bad);border-style:dashed}.trainer-answer #trainer-feedback{min-height:48px;color:var(--ink);margin:20px 0 10px}.quiz-card>.music-staff{max-width:380px;margin:-10px auto 15px}.metronome-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding:55px 0 65px}.metronome-section h2{font-size:2.3rem}.metronome-section p{color:var(--muted);font-size:.95rem;max-width:450px}.metronome-controls{align-self:center}.metronome-controls label{display:flex;justify-content:space-between;font-size:.85rem}.metronome-controls label strong{font-size:1rem}.metronome-controls input{width:100%;margin:24px 0;accent-color:var(--ink);min-height:30px}.metronome-actions{display:flex;align-items:center;gap:20px}.beat-light{width:18px;height:18px;border-radius:50%;background:var(--raised);border:1px solid var(--line)}.beat-light.on{background:var(--qp-gold);border-color:var(--ink)}.play-section{margin:0 0 70px;scroll-margin-top:30px}.play-section summary{background:var(--qp-gold);color:#101010}.play-section summary:after,.play-section .topic-number,.play-section summary .topic-title small{color:#281b09}.play-section summary .topic-title strong{color:#101010}.play-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:35px}.scorelight-preview{display:flex;flex-direction:column;justify-content:center;padding:26px 18px;background:var(--bg);border:1px solid var(--line);border-radius:10px;text-align:center}.scorelight-preview>span{font-size:.65rem;font-weight:700;letter-spacing:.15em}.scorelight-preview .music-staff{max-height:180px}.play-copy h2{font-size:2rem}.play-copy p{font-size:.95rem;color:var(--muted);line-height:1.75}.play-copy .eyebrow{font-size:.65rem;margin:0 0 15px}.play-copy .music-subnote{font-size:.76rem}.qp-print-tools{gap:10px;align-items:center;flex-wrap:wrap}.qp-print-tools label{font-size:.8rem}.qp-print-tools select{font:inherit;font-size:.8rem;padding:8px;border:1px solid var(--line);border-radius:5px;max-width:100%}#music-print-guide{display:none}#note-practice,#keep-time{scroll-margin-top:30px}
@media(max-width:800px){.trainer-body{gap:24px;padding:22px;grid-template-columns:1fr}.trainer-settings{gap:15px;padding:18px}.trainer-settings>span{margin-left:0;width:100%;padding:0}.trainer-note .music-staff{max-height:190px}.metronome-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.play-content{grid-template-columns:1fr;gap:25px;padding:24px}.scorelight-preview .music-staff{max-height:150px}.chart-grid{grid-template-columns:1fr}.chart-grid .music-staff{min-height:0}.meter-examples{grid-template-columns:1fr;padding:12px 18px;gap:0}.meter-examples>div{min-height:85px}.rhythm-grid{grid-template-columns:repeat(3,1fr);row-gap:20px}.tempo-examples{grid-template-columns:repeat(2,1fr)}.note-practice{padding:40px 0}.play-section{margin-bottom:45px}.qp-print-tools{padding-inline:20px}.qp-print-tools label{display:none}.note-choices{gap:5px}.note-choice{font-size:1rem;min-height:46px}.trainer-answer #trainer-feedback{min-height:30px}.music-subnote{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.beat-light.on{background:var(--ink)}}
@media print{@page{margin:.55in}body>*:not(#music-print-guide){display:none!important}#music-print-guide{display:block!important;color:#111;background:#fff;font:10pt/1.45 Arial,sans-serif;--ink:#111;--muted:#333;--line:#aaa;--bg:#fff;--surface:#fff}#music-print-guide h1{font:700 24pt/1.1 Georgia,serif;margin:8pt 0}#music-print-guide h2{font:700 17pt/1.2 Arial,sans-serif;margin:0 0 8pt}#music-print-guide h3{font:700 10.5pt/1.3 Arial,sans-serif;margin:10pt 0 3pt}#music-print-guide p{margin:3pt 0 8pt}#music-print-guide .paper-header{display:block;border-bottom:2px solid #111;margin-bottom:18pt;padding-bottom:8pt}#music-print-guide .paper-lesson{break-inside:avoid;page-break-inside:avoid;margin:0 0 22pt;padding:0 0 10pt;border-bottom:1px solid #999}#music-print-guide .chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10pt}#music-print-guide figure{padding:8pt;border-radius:0}#music-print-guide .music-staff{min-height:0;max-height:110pt}#music-print-guide .rhythm-grid{grid-template-columns:repeat(6,1fr)}#music-print-guide .rhythm-grid svg{height:55pt}#music-print-guide .meter-examples{grid-template-columns:repeat(3,1fr)}#music-print-guide .meter-examples>div{min-height:0}#music-print-guide .tempo-examples{grid-template-columns:repeat(4,1fr)}#music-print-guide .paper-worksheet,#music-print-guide .paper-key{break-before:page;page-break-before:always}#music-print-guide .paper-question{break-inside:avoid;page-break-inside:avoid;border-bottom:1px solid #bbb;margin-bottom:12pt;padding-bottom:8pt}#music-print-guide .paper-question .music-staff{max-width:180pt;height:82pt;margin:0 auto}#music-print-guide ol{padding-left:23pt;margin:3pt 0}#music-print-guide li{margin:2pt 0}#music-print-guide .paper-answer{break-inside:avoid;page-break-inside:avoid;margin-bottom:9pt;padding-bottom:6pt;border-bottom:1px solid #ccc}#music-print-guide .paper-end{break-inside:avoid;page-break-inside:avoid;border-top:1px solid #111;margin-top:15pt;padding-top:12pt}#music-print-guide a::after{content:none!important}}
@media print{#music-print-guide[data-scope=questions] .paper-worksheet{break-before:auto;page-break-before:auto}}

/* Match QuickPrints gold donation buttons throughout music lessons. */
.header-actions{display:flex;align-items:center;gap:10px;flex:none}.support-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid var(--qp-gold);border-radius:6px;background:var(--qp-gold);color:var(--qp-gold-ink);font-size:13px;font-weight:750;white-space:nowrap}.support-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.support-button:hover{filter:brightness(.96)}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:28px;margin:0 0 35px}.support-strip h2{font-size:1.6rem}.support-strip p{font-size:.9rem;color:var(--muted);line-height:1.7;margin:10px 0 0;max-width:680px}.support-strip .support-button{flex:none}.lesson-actions .support-button{margin-left:auto}.quiz-controls .support-button{margin-left:auto}
@media(max-width:650px){.header-actions{margin-left:auto}.header-actions .support-button{min-width:42px;padding:9px 11px}.header-actions .support-button>span{display:none}.header-row{column-gap:12px}.support-strip{align-items:start;flex-direction:column;gap:18px;padding:22px}.lesson-actions .support-button,.quiz-controls .support-button{margin-left:0}.lesson-actions{gap:12px}}
@media print{.support-button,.support-strip{display:none!important}}
@media(max-width:650px){.site-header nav{flex-wrap:wrap;gap:9px 14px}}