body[data-page=piano-progressions] main{max-width:1120px;padding-top:28px}body[data-page=piano-progressions] .piano-heading{align-items:center;margin-bottom:18px}body[data-page=piano-progressions] .piano-heading>p{text-align:left;max-width:none;line-height:1.5}body[data-page=piano-progressions] .piano-answer,body[data-page=piano-progressions] .piano-practice{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;overflow:hidden}body[data-page=piano-progressions] .answer-intro{justify-content:space-between;align-items:center;gap:30px;padding:24px 28px 16px;display:flex}body[data-page=piano-progressions] .answer-intro h2{margin:0 0 8px;font-family:Studio Display,sans-serif;font-size:clamp(25px,3vw,35px)}body[data-page=piano-progressions] .answer-intro p{max-width:680px;color:var(--color-muted);margin:0;font-size:14px;line-height:1.55}body[data-page=piano-progressions] .answer-link{white-space:nowrap;font-size:13px;font-weight:700}body[data-page=piano-progressions] .answer-table-wrap{margin:0 28px;overflow-x:auto}body[data-page=piano-progressions] .answer-table{border-collapse:collapse;width:100%;min-width:550px}body[data-page=piano-progressions] .answer-table caption{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}body[data-page=piano-progressions] .answer-table th,body[data-page=piano-progressions] .answer-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:11px 12px;font-size:14px}body[data-page=piano-progressions] .answer-table thead th{text-transform:uppercase;letter-spacing:1px;color:var(--color-muted);font-size:10px}body[data-page=piano-progressions] .answer-table tbody th{color:var(--color-muted);font-weight:400}body[data-page=piano-progressions] .answer-table tbody td:nth-child(2){color:var(--color-primary);font-size:17px;font-weight:800}body[data-page=piano-progressions] .answer-note{color:var(--color-muted);margin:0;padding:13px 28px 18px;font-size:11px;line-height:1.55}body[data-page=piano-progressions] .piano-practice{margin-top:32px;padding:26px 28px}body[data-page=piano-progressions] .practice-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}body[data-page=piano-progressions] .practice-heading h2,body[data-page=piano-progressions] .piano-guide h2{margin:0 0 10px;font-family:Studio Display,sans-serif;font-size:clamp(25px,3vw,33px)}body[data-page=piano-progressions] .practice-heading>p{color:var(--color-muted);text-align:right;max-width:270px;font-size:12px;line-height:1.5}body[data-page=piano-progressions] .practice-controls{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}body[data-page=piano-progressions] .choice-group{flex-wrap:wrap;gap:7px;display:flex}body[data-page=piano-progressions] .choice{background:#2c2e27;padding:9px 12px;font-size:12px}body[data-page=piano-progressions] .choice.active{background:var(--color-primary);color:#191a18;border-color:var(--color-primary);font-weight:800}body[data-page=piano-progressions] .tempo-field{min-width:145px;color:var(--color-muted);gap:3px;font-size:11px;display:grid}body[data-page=piano-progressions] .tempo-field span{color:var(--color-text);font-size:12px;font-weight:800}body[data-page=piano-progressions] .tempo-field input{width:100%;accent-color:var(--color-primary)}body[data-page=piano-progressions] .voicing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}body[data-page=piano-progressions] .voicing-card{border:1px solid var(--color-border);background:#1d1e1b;border-radius:10px;padding:20px}body[data-page=piano-progressions] .voicing-card.featured{background:#292720;border-color:#a47a48}body[data-page=piano-progressions] .voicing-card h3{margin:7px 0;font-size:20px}body[data-page=piano-progressions] .voicing-card p:not(.eyebrow){color:var(--color-muted);font-size:13px;line-height:1.5}body[data-page=piano-progressions] .voicing-card .motion{font-weight:700;color:var(--color-primary)!important}body[data-page=piano-progressions] .play-button{background:var(--color-primary);border-color:var(--color-primary);color:#191a18;font-size:13px;font-weight:800}body[data-page=piano-progressions] .stop-button{margin-top:14px;font-size:12px}body[data-page=piano-progressions] .stop-button:disabled{opacity:.5;cursor:not-allowed}body[data-page=piano-progressions] .practice-status{color:var(--color-muted);min-height:18px;font-size:12px}body[data-page=piano-progressions] .practice-notes{border-top:1px solid var(--color-border);margin-top:22px;padding-top:10px}body[data-page=piano-progressions] .practice-notes h3{margin:10px 0;font-size:18px}body[data-page=piano-progressions] #piano-note-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}body[data-page=piano-progressions] .note-card{background:#1d1e1b;border-radius:8px;padding:14px}body[data-page=piano-progressions] .note-card h4{color:var(--color-primary);margin:0 0 8px}body[data-page=piano-progressions] .note-card p{color:var(--color-muted);margin:3px 0;font-size:11px;line-height:1.5}body[data-page=piano-progressions] .movement-detail{border-top:1px solid var(--color-border);margin-top:20px;padding-top:12px}body[data-page=piano-progressions] .movement-detail h3{margin:10px 0;font-size:18px}body[data-page=piano-progressions] .movement-detail p{color:var(--color-muted);font-size:12px;line-height:1.6}body[data-page=piano-progressions] .movement-table-wrap{overflow-x:auto}body[data-page=piano-progressions] .movement-table{border-collapse:collapse;width:100%;min-width:520px}body[data-page=piano-progressions] .movement-table caption{text-align:left;color:var(--color-muted);font-size:11px}body[data-page=piano-progressions] .movement-table th,body[data-page=piano-progressions] .movement-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:9px 10px;font-size:12px}body[data-page=piano-progressions] .movement-table thead th{color:var(--color-muted);text-transform:uppercase;font-size:10px}body[data-page=piano-progressions] .movement-table tbody tr:last-child{color:var(--color-primary);font-weight:700}body[data-page=piano-progressions] .method-note{color:var(--color-muted);margin:18px 0 0;font-size:11px;line-height:1.6}body[data-page=piano-progressions] .piano-guide{max-width:900px;padding:30px 0 70px;line-height:1.7}body[data-page=piano-progressions] .piano-guide h2{margin-top:32px}body[data-page=piano-progressions] .piano-guide p{color:var(--color-muted);font-size:14px}body[data-page=piano-progressions] .drill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}body[data-page=piano-progressions] .drill-grid article{border:1px solid var(--color-border);border-radius:9px;padding:18px}body[data-page=piano-progressions] .drill-grid span{color:var(--color-primary);font-size:11px}body[data-page=piano-progressions] .drill-grid h3{margin:8px 0;font-size:16px}body[data-page=piano-progressions] .drill-grid p{margin:0;font-size:12px}body[data-page=piano-progressions] .pattern-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}body[data-page=piano-progressions] .pattern-list article{border-left:2px solid var(--color-primary);padding:0 16px}body[data-page=piano-progressions] .pattern-list h3{margin:0;font-size:18px}body[data-page=piano-progressions] .pattern-list small{color:var(--color-muted);font-size:11px;font-weight:400;display:block}body[data-page=piano-progressions] .pattern-list p{font-size:12px}body[data-page=piano-progressions] .bass-table-wrap{overflow-x:auto}body[data-page=piano-progressions] .bass-table{border-collapse:collapse;width:100%;min-width:460px}body[data-page=piano-progressions] .bass-table caption{text-align:left;color:var(--color-muted);font-size:11px}body[data-page=piano-progressions] .bass-table th,body[data-page=piano-progressions] .bass-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:10px;font-size:12px}body[data-page=piano-progressions] .bass-table thead th{color:var(--color-muted);text-transform:uppercase;font-size:10px}@media (width<=700px){body[data-page=piano-progressions] main{padding:22px 18px 0}body[data-page=piano-progressions] .piano-heading{display:block}body[data-page=piano-progressions] .piano-heading>p{text-align:left;max-width:none;margin:9px 0 0}body[data-page=piano-progressions] .answer-intro{padding:20px 18px 14px;display:block}body[data-page=piano-progressions] .answer-link{margin-top:13px;display:inline-block}body[data-page=piano-progressions] .answer-table-wrap{margin:0 12px}body[data-page=piano-progressions] .answer-table{table-layout:fixed;min-width:0}body[data-page=piano-progressions] .answer-table th,body[data-page=piano-progressions] .answer-table td{padding:10px 4px;font-size:11px}body[data-page=piano-progressions] .answer-table th:first-child{width:24px}body[data-page=piano-progressions] .answer-table th:nth-child(2){width:40px}body[data-page=piano-progressions] .answer-table th:nth-child(3){width:53px}body[data-page=piano-progressions] .answer-table tbody td:nth-child(2){font-size:14px}body[data-page=piano-progressions] .answer-table thead th{letter-spacing:0;font-size:8px}body[data-page=piano-progressions] .answer-note{padding:13px 18px 16px}body[data-page=piano-progressions] .piano-practice{padding:18px}body[data-page=piano-progressions] .practice-heading{display:block}body[data-page=piano-progressions] .practice-heading>p{text-align:left}body[data-page=piano-progressions] .practice-controls{flex-direction:column;align-items:stretch}body[data-page=piano-progressions] .voicing-grid,body[data-page=piano-progressions] .drill-grid,body[data-page=piano-progressions] .pattern-list{grid-template-columns:1fr}body[data-page=piano-progressions] #piano-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=390px){body[data-page=piano-progressions] #piano-note-grid{grid-template-columns:1fr}body[data-page=piano-progressions] .choice{flex:100%}}