/* Validated curriculum layout proposals. Generated by the local polish service. */
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="12-note-pattern"][data-lesson-step="3"] .lesson-focus-stage .grid.grid-cols-2{width:252px!important;max-width:100%!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important}
[data-lesson-id="12-note-pattern"][data-lesson-step="3"] .lesson-focus-stage .pt-tile-shake > button{min-height:120px!important;padding:14px!important;gap:10px!important}
[data-lesson-id="12-note-pattern"][data-lesson-step="3"] .lesson-focus-stage .pt-tile-shake > button > span:first-child{min-height:54px!important;align-items:center!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="12-note-pattern"][data-lesson-step="4"] .lesson-focus-stage .pt-stagger .grid.grid-cols-2{width:252px!important;max-width:100%!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important}
[data-lesson-id="12-note-pattern"][data-lesson-step="4"] .lesson-focus-stage .pt-tile-shake > button{min-height:118px!important;padding:16px!important;gap:12px!important;border-radius:16px!important}
[data-lesson-id="12-note-pattern"][data-lesson-step="4"] .lesson-focus-stage .pt-tile-shake > button > span:first-child{min-height:45px!important;align-items:center!important}
}
@media(min-width:320px) and (max-width:767px){
/* Responsive MiniPiano is implemented in the shared source component. */
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="5"] .lesson-focus-stage .recital-name-key-visual{gap:20px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="5"] .lesson-focus-stage .recital-name-key-options{width:100%!important;max-width:266px!important;gap:12px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="6"] .lesson-focus-stage .recital-name-key-visual{gap:20px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="6"] .lesson-focus-stage .recital-name-key-options{width:100%!important;max-width:300px!important;gap:12px!important;margin-inline:auto!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="7"] .lesson-focus-stage .recital-name-key-visual{gap:20px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="7"] .lesson-focus-stage .recital-name-key-options{width:100%!important;max-width:266px!important;gap:12px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="11"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div:nth-child(1){gap:20px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="11"] .lesson-focus-stage .lesson-binary-answer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important;width:100%!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="11"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:12px!important;min-height:120px!important;text-align:center!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="11"] .lesson-focus-stage .lesson-binary-answer-copy{align-items:center!important;width:100%!important;text-align:center!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="16"] .lesson-focus-stage .pt-stagger .grid{gap:12px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="16"] .lesson-focus-stage .pt-stagger .grid > button{min-height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-keyboard"][data-lesson-step="21"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div:nth-child(1){gap:24px!important}
[data-lesson-id="module-boss-keyboard"][data-lesson-step="21"] .lesson-focus-stage .lesson-binary-answer-grid{gap:12px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="musical-intervals"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{width:100%!important;gap:12px!important}
[data-lesson-id="musical-intervals"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-title{max-width:100%!important;text-wrap:balance!important}
[data-lesson-id="musical-intervals"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{display:block!important;white-space:normal!important;width:100%!important;max-width:320px!important;min-height:56px!important;text-wrap:pretty!important}
[data-lesson-id="musical-intervals"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:20px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="musical-intervals"][data-lesson-step="5"] .lesson-focus-stage .musical-intervals-pair-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important}
[data-lesson-id="musical-intervals"][data-lesson-step="5"] .lesson-focus-stage .musical-intervals-pair-card{padding-block:12px!important;padding-inline:10px!important;gap:6px!important}
[data-lesson-id="musical-intervals"][data-lesson-step="5"] .lesson-focus-stage .pt-stagger > div:first-child > .lesson-action-prompt{text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="what-is-interval"][data-lesson-step="3"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div > div > div:nth-child(2){display:grid!important;grid-template-columns:repeat(4, minmax(0, 1fr))!important;width:100%!important;max-width:280px!important;gap:12px!important}
[data-lesson-id="what-is-interval"][data-lesson-step="3"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div > div > div:nth-child(2) > div > button{width:100%!important;min-height:48px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="what-is-interval"][data-lesson-step="5"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div > div > div:nth-child(2){display:grid!important;grid-template-columns:repeat(3, minmax(0, 1fr))!important;width:100%!important;max-width:266px!important;gap:8px!important;align-items:stretch!important}
[data-lesson-id="what-is-interval"][data-lesson-step="5"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div > div > div:nth-child(2) > div > button{width:100%!important;min-height:48px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="melodic-vs-harmonic"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{gap:12px!important;width:100%!important;max-width:332px!important}
[data-lesson-id="melodic-vs-harmonic"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:20px!important}
[data-lesson-id="melodic-vs-harmonic"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{max-width:280px!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="unison-octaves"][data-lesson-step="1"] .lesson-focus-stage .unison-octaves-listen-card{padding-block:16px!important;padding-inline:16px!important;gap:10px!important}
[data-lesson-id="unison-octaves"][data-lesson-step="1"] .lesson-focus-stage .unison-octaves-listen-card > div:nth-child(1){gap:10px!important}
[data-lesson-id="unison-octaves"][data-lesson-step="1"] .lesson-focus-stage .unison-octaves-concept-step .lesson-help-copy{text-wrap:pretty!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="unison-octaves"][data-lesson-step="2"] .lesson-focus-stage .unison-octaves-listen-card{padding-block:20px!important;padding-inline:16px!important;gap:12px!important}
[data-lesson-id="unison-octaves"][data-lesson-step="2"] .lesson-focus-stage .unison-octaves-listen-card > div:nth-child(1){gap:14px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="unison-octaves"][data-lesson-step="3"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > div > div > div{flex-direction:column!important;align-items:center!important;gap:12px!important}
[data-lesson-id="unison-octaves"][data-lesson-step="3"] .lesson-focus-stage .lesson-action-prompt{text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="interval-qualities"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{gap:10px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:16px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-rule-tabs{display:grid!important;grid-template-columns:repeat(4, minmax(0, 1fr))!important;width:100%!important;max-width:260px!important;margin-inline:auto!important;gap:8px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-rule-tabs > button{min-height:40px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-rule-visual{gap:10px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-rule-grid{gap:10px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-orb-play-card{padding:10px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="6"] .lesson-focus-stage .interval-quality-rule-perfect-family > span:last-child{width:100%!important;text-align:center!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="interval-qualities"][data-lesson-step="7"] .lesson-focus-stage .pt-stagger > div:nth-child(1){gap:8px!important}
[data-lesson-id="interval-qualities"][data-lesson-step="7"] .lesson-focus-stage .pt-stagger > div:nth-child(1) > p{text-wrap:balance!important}
[data-lesson-id="interval-qualities"][data-lesson-step="7"] .lesson-focus-stage .lesson-card button{padding-block:28px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="2nds-and-3rds-v4"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{gap:10px!important}
[data-lesson-id="2nds-and-3rds-v4"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{max-width:300px!important;text-wrap:balance!important}
[data-lesson-id="2nds-and-3rds-v4"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:16px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="tritone"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{gap:10px!important}
[data-lesson-id="tritone"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{max-width:280px!important;text-wrap:balance!important}
[data-lesson-id="tritone"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:12px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="tritone"][data-lesson-step="6"] .lesson-focus-stage .lesson-card button.group{display:grid!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;row-gap:8px!important;column-gap:12px!important}
[data-lesson-id="tritone"][data-lesson-step="6"] .lesson-focus-stage .lesson-card button.group > div:nth-child(2){grid-column:1 / -1!important;grid-row:1!important;width:100%!important;text-wrap:pretty!important}
[data-lesson-id="tritone"][data-lesson-step="6"] .lesson-focus-stage .lesson-card button.group > div:nth-child(1){grid-column:1!important;grid-row:2!important;justify-self:start!important}
[data-lesson-id="tritone"][data-lesson-step="6"] .lesson-focus-stage .lesson-card button.group > .tap-cue{grid-column:2!important;grid-row:2!important;justify-self:end!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="major-minor-6th"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:24px!important}
[data-lesson-id="major-minor-6th"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{width:100%!important;gap:10px!important}
[data-lesson-id="major-minor-6th"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{display:block!important;width:100%!important;max-width:320px!important;white-space:normal!important;text-wrap:pretty!important}
[data-lesson-id="major-minor-6th"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-title{max-width:100%!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="major-minor-6th"][data-lesson-step="7"] .lesson-focus-stage .pt-stagger .grid{gap:12px!important}
[data-lesson-id="major-minor-6th"][data-lesson-step="7"] .lesson-focus-stage .lesson-interval-square-card{min-height:160px!important;padding-block:16px!important;gap:12px!important;justify-content:space-between!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="interval-examples"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-copy{width:100%!important;gap:10px!important}
[data-lesson-id="interval-examples"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-title{max-width:280px!important;text-wrap:balance!important}
[data-lesson-id="interval-examples"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-description{display:block!important;width:100%!important;max-width:300px!important;white-space:normal!important;text-wrap:pretty!important}
[data-lesson-id="interval-examples"][data-lesson-step="0"] .lesson-focus-stage .lesson-intro-content{gap:16px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="interval-examples"][data-lesson-step="5"] .lesson-focus-stage .pt-stagger{gap:12px!important}
[data-lesson-id="interval-examples"][data-lesson-step="5"] .lesson-focus-stage .pt-stagger > div{margin-block:0px!important}
[data-lesson-id="interval-examples"][data-lesson-step="5"] .lesson-focus-stage .interval-examples-trick-list > li{border-radius:12px!important;gap:10px!important}
[data-lesson-id="interval-examples"][data-lesson-step="5"] .lesson-focus-stage .lesson-callout{padding-inline:16px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="1"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="1"] .lesson-focus-stage .intervals-recital-reference-stack > .grid{width:100%!important;max-width:266px!important;gap:12px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="3"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="3"] .lesson-focus-stage .intervals-recital-reference-stack > .grid{width:100%!important;max-width:266px!important;gap:10px!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="5"] .lesson-focus-stage .intervals-recital-ear-stack{gap:24px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="5"] .lesson-focus-stage .lesson-binary-answer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important;width:100%!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="5"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:14px 10px!important;min-height:116px!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="5"] .lesson-focus-stage .lesson-binary-answer-copy{align-items:center!important;width:100%!important;text-align:center!important;white-space:normal!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .lesson-card-subtitle{max-width:280px!important;text-wrap:balance!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .intervals-recital-ear-stack{gap:24px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .lesson-binary-answer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:16px 10px!important;min-height:128px!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .lesson-binary-answer-copy{width:100%!important;align-items:center!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="6"] .lesson-focus-stage .lesson-binary-answer-subtitle{white-space:normal!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="7"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="7"] .lesson-focus-stage .intervals-recital-reference-stack > .grid{width:100%!important;max-width:296px!important;gap:12px!important;margin-inline:auto!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="8"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="8"] .lesson-focus-stage .lesson-binary-answer-grid{gap:12px!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="8"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px!important;min-height:120px!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="8"] .lesson-focus-stage .lesson-binary-answer-copy{width:100%!important;align-items:center!important;text-align:center!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="9"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="9"] .lesson-focus-stage .lesson-binary-answer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important;width:100%!important;max-width:400px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="9"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:start!important;justify-content:start!important;padding:12px!important;gap:8px!important;min-height:116px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="9"] .lesson-focus-stage .lesson-binary-answer-copy{width:100%!important;text-wrap:pretty!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="10"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > .grid{gap:12px!important;width:100%!important;max-width:384px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="10"] .lesson-focus-stage .pt-stagger > div:nth-child(2) > .grid > button{min-height:96px!important;display:flex!important;align-items:center!important;justify-content:center!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="13"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="13"] .lesson-focus-stage .lesson-binary-answer-grid{gap:12px!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="13"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:12px!important;min-height:116px!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="13"] .lesson-focus-stage .lesson-binary-answer-copy{width:100%!important;align-items:center!important;text-align:center!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="14"] .lesson-focus-stage .intervals-recital-reference-stack{gap:20px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="14"] .lesson-focus-stage .lesson-binary-answer-grid{gap:12px!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="14"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important;gap:8px!important;min-height:116px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="14"] .lesson-focus-stage .lesson-binary-answer-copy{align-items:center!important;text-align:center!important;width:100%!important;text-wrap:balance!important}
}
@media(min-width:320px) and (max-width:767px){
[data-lesson-id="module-boss-intervals"][data-lesson-step="15"] .lesson-focus-stage .intervals-recital-ear-stack{gap:24px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="15"] .lesson-focus-stage .lesson-binary-answer-grid{grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:12px!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="15"] .lesson-focus-stage .lesson-binary-answer-card{flex-direction:column!important;align-items:center!important;justify-content:start!important;padding:16px 10px!important;gap:12px!important;min-height:128px!important;text-align:center!important}
[data-lesson-id="module-boss-intervals"][data-lesson-step="15"] .lesson-focus-stage .lesson-binary-answer-copy{width:100%!important;align-items:center!important;text-align:center!important;text-wrap:balance!important}
}