.native[data-design="תרגול 05 - תלמיד - עמוד 1"] *{box-sizing: border-box;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"]{margin: 0px; color: rgb(23, 63, 86); font-family: "SF Hebrew", Arial, sans-serif; print-color-adjust: exact;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .page{position: relative; width: 210mm; height: 296.5mm; overflow: hidden; background: white;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .kicker{position: absolute; right: 12mm; top: 10mm; color: rgb(45, 129, 123); font-size: 10pt;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] h1{position: absolute; right: 12mm; top: 17mm; margin: 0px; font-size: 20pt;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .instructions{position: absolute; right: 12mm; left: 12mm; top: 29mm; padding: 1.7mm 3mm; font-size: 13pt; line-height: 1.25; background: rgb(240, 247, 247); border-right: 1mm solid rgb(45, 129, 123);}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .number{position: absolute; left: 12.5mm; font-family: Arial, sans-serif; font-size: 11pt; direction: ltr; font-weight: bold;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .answer{position: absolute; left: 152mm; width: 36.7mm; height: 5.2mm; line-height: 4.5mm; border-bottom: 0.3mm solid rgb(23, 63, 86); color: rgb(45, 129, 123); font-size: 13pt; text-align: center; font-weight: bold; font-family: Arial, sans-serif;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .song{position: absolute; left: 54mm; width: 91mm; height: 5.2mm; line-height: 4.5mm; border-bottom: 0.3mm solid rgb(23, 63, 86); color: rgb(45, 129, 123); font-size: 13pt; text-align: right; font-weight: bold;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .song span{font-size: 11pt; color: rgb(23, 63, 86); font-weight: normal;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .play{position: absolute; left: 21.3mm; width: 29mm; height: 5.2mm; line-height: 5.2mm; border-radius: 1.5mm; background: rgb(23, 63, 86); color: white; font-size: 10.5pt; text-align: center; text-decoration: none;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .footer{position: absolute; bottom: 6mm; right: 12mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="תרגול 05 - תלמיד - עמוד 1"] .hidden-solution{visibility: hidden;}
.native[data-design="ch1"] *{box-sizing: border-box;}
.native[data-design="ch1"],.native[data-design="ch1"]{margin: 0px; padding: 0px; background: rgb(223, 232, 234); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch1"]{direction: rtl; font-size: 12.2pt; line-height: 1.48; print-color-adjust: exact;}
.native[data-design="ch1"] bdi{font-family: Arial, sans-serif; unicode-bidi: isolate;}
.native[data-design="ch1"] .page{width: 210mm; height: 297mm; margin: 0px auto 8mm; padding: 15mm 18mm; position: relative; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="ch1"] .page:last-child{break-after: auto;}
.native[data-design="ch1"] .page::before{content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="ch1"] .page-number{position: absolute; bottom: 7mm; left: 18mm; color: rgb(102, 119, 133); font-size: 9.2pt;}
.native[data-design="ch1"] .footer-label{position: absolute; bottom: 7mm; right: 18mm; color: rgb(102, 119, 133); font-size: 8.8pt;}
.native[data-design="ch1"] .kicker{margin-top: 1mm; color: rgb(45, 129, 123); font-size: 10pt; font-weight: 700; letter-spacing: 0.02em;}
.native[data-design="ch1"] h1,.native[data-design="ch1"] h2,.native[data-design="ch1"] h3,.native[data-design="ch1"] p{margin-top: 0px;}
.native[data-design="ch1"] h1{margin-bottom: 5mm; color: rgb(23, 63, 86); font-size: 30pt; line-height: 1.12;}
.native[data-design="ch1"] h2{margin: 1mm 0px 4mm; color: rgb(23, 63, 86); font-size: 24pt; line-height: 1.18;}
.native[data-design="ch1"] h3{margin-bottom: 2mm; color: rgb(23, 63, 86); font-size: 15.5pt; line-height: 1.25;}
.native[data-design="ch1"] p{margin-bottom: 3.5mm;}
.native[data-design="ch1"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch1"] .lead{max-width: 158mm; color: rgb(77, 97, 112); font-size: 14pt; line-height: 1.55;}
.native[data-design="ch1"] .cover{background: radial-gradient(circle at 15% 18%, rgba(45, 129, 123, 0.12), transparent 33%), linear-gradient(160deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 72%, rgb(243, 248, 248) 72%, rgb(243, 248, 248) 100%);}
.native[data-design="ch1"] .cover .chapter{display: inline-block; margin-top: 4mm; padding: 2mm 4mm; border-radius: 2mm; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 11pt; font-weight: 700;}
.native[data-design="ch1"] .cover h1{margin-top: 4mm; margin-bottom: 2mm; font-size: 32pt;}
.native[data-design="ch1"] .cover .intro{max-width: 150mm; color: rgb(64, 86, 102); font-size: 13pt; line-height: 1.45;}
.native[data-design="ch1"] .goal-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin: 4mm 0px 5mm;}
.native[data-design="ch1"] .goal{min-height: 21mm; padding: 3mm; border: 1px solid rgb(205, 220, 221); border-radius: 4mm; background: rgba(255, 255, 255, 0.88);}
.native[data-design="ch1"] .goal .num{display: inline-flex; width: 7mm; height: 7mm; margin-left: 2mm; align-items: center; justify-content: center; border-radius: 50%; background: rgb(224, 240, 238); color: rgb(45, 129, 123); font-weight: 700; font-size: 10pt;}
.native[data-design="ch1"] .goal b{color: rgb(23, 63, 86);}
.native[data-design="ch1"] .cover-art{position: absolute; right: 18mm; left: 18mm; bottom: 22mm; height: 72mm;}
.native[data-design="ch1"] .cover-art img{width: 100%; height: 100%; object-fit: contain;}
.native[data-design="ch1"] .figure{margin: 5mm 0px; padding: 5mm 6mm 4mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); break-inside: avoid;}
.native[data-design="ch1"] .figure.soft{background: rgb(247, 250, 249);}
.native[data-design="ch1"] .figure img{display: block; width: 100%; max-height: 88mm; object-fit: contain; margin: 0px auto;}
.native[data-design="ch1"] .figure.large img{max-height: 112mm;}
.native[data-design="ch1"] .figure.wide img{max-height: 98mm;}
.native[data-design="ch1"] .figure.cycle img{max-height: 70mm;}
.native[data-design="ch1"] .figure.loudness img{max-height: 58mm;}
.native[data-design="ch1"] .figure.loudness{padding-top: 3mm; padding-bottom: 2mm;}
.native[data-design="ch1"] figcaption,.native[data-design="ch1"] .caption{margin-top: 3mm; text-align: center; color: rgb(91, 109, 121); font-size: 9.6pt; line-height: 1.35;}
.native[data-design="ch1"] .definition,.native[data-design="ch1"] .callout{margin: 4mm 0px; padding: 4.5mm 5mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248);}
.native[data-design="ch1"] .definition p,.native[data-design="ch1"] .callout p{margin-bottom: 0px;}
.native[data-design="ch1"] .warm{border-right-color: rgb(192, 138, 55); background: rgb(250, 246, 237);}
.native[data-design="ch1"] .two-col{display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; align-items: start;}
.native[data-design="ch1"] .three-col{display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; align-items: stretch;}
.native[data-design="ch1"] .info-card{padding: 4.5mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch1"] .info-card p:last-child{margin-bottom: 0px;}
.native[data-design="ch1"] ul{margin: 2mm 0px 4mm; padding-right: 6mm;}
.native[data-design="ch1"] li{margin-bottom: 2mm;}
.native[data-design="ch1"] .formula{direction: ltr; unicode-bidi: isolate; display: inline-block; padding: 1.8mm 3mm; border-radius: 2mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255); font-family: Arial, sans-serif; font-size: 15pt; font-weight: 700;}
.native[data-design="ch1"] .mini-label{margin-bottom: 1mm; color: rgb(45, 129, 123); font-size: 9.5pt; font-weight: 700;}
.native[data-design="ch1"] .axis-card{margin: 5mm 0px; padding: 6mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(249, 251, 251);}
.native[data-design="ch1"] .axis-card svg{display: block; width: 100%; height: 72mm;}
.native[data-design="ch1"] .history-photo{height: 104mm;}
.native[data-design="ch1"] .history-photo img{width: 100%; height: 100%; object-fit: contain;}
.native[data-design="ch1"] .clef-card{display: flex; min-height: 68mm; flex-direction: column; padding: 4mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(250, 252, 252);}
.native[data-design="ch1"] .clef-card img{width: 100%; height: 28mm; margin: 2mm 0px 3mm; object-fit: contain; image-rendering: auto;}
.native[data-design="ch1"] .clef-card p{margin-bottom: 0px; color: rgb(82, 99, 111); font-size: 10.3pt; line-height: 1.4;}
.native[data-design="ch1"] .evolution-stack{display: grid; gap: 3mm; margin: 4mm 0px;}
.native[data-design="ch1"] .evolution-row{display: grid; grid-template-columns: 38mm 1fr; min-height: 28mm; align-items: center; overflow: hidden; border: 1px solid rgb(215, 225, 227); border-radius: 3mm; background: rgb(250, 252, 252);}
.native[data-design="ch1"] .evolution-row.human{min-height: 34mm; background: rgb(243, 248, 248); border-color: rgb(197, 217, 216); display: block;}
.native[data-design="ch1"] .evolution-label{align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 3mm 4mm; border-left: 1px solid rgb(215, 225, 227); background: rgba(23, 63, 86, 0.04);}
.native[data-design="ch1"] .evolution-label strong{display: block; font-size: 13pt; line-height: 1.2;}
.native[data-design="ch1"] .evolution-label span{margin-top: 1mm; color: rgb(97, 114, 126); font-size: 8.7pt; line-height: 1.25;}
.native[data-design="ch1"] .evolution-image{width: 100%; height: 25mm; padding: 2mm 5mm; object-fit: contain;}
.native[data-design="ch1"] .evolution-row.human .evolution-image{display: block; height: 32mm; padding: 1mm 5mm;}
.native[data-design="ch1"] .evolution-heading{margin: 3mm 0px 2mm; padding: 2mm 4mm; border-radius: 2mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255); font-size: 14pt;}
.native[data-design="ch1"] .compact-axis{margin: 3mm 0px; padding: 3mm 4mm;}
.native[data-design="ch1"] .compact-axis svg{height: 43mm;}
.native[data-design="ch1"] .notation-cards .info-card{padding: 3mm 4mm;}
.native[data-design="ch1"] .notation-cards svg{height: 31mm !important;}
.native[data-design="ch1"] .compact-figure{margin: 3mm 0px; padding: 3mm 5mm;}
.native[data-design="ch1"] .compact-figure img{max-height: 62mm;}
.native[data-design="ch1"] .ledger-figure img{max-height: 68mm;}
.native[data-design="ch1"] .practice-cover{background: radial-gradient(circle at 84% 18%, rgba(45, 129, 123, 0.14), transparent 31%), linear-gradient(160deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 76%, rgb(243, 248, 248) 76%, rgb(243, 248, 248) 100%);}
.native[data-design="ch1"] .practice-cover h2{margin: 3mm 0px 2mm; font-size: 28pt;}
.native[data-design="ch1"] .practice-instructions{margin: 4mm 0px; padding: 4mm 5mm; border: 1.5px solid rgb(45, 129, 123); border-radius: 4mm; background: rgb(243, 248, 248);}
.native[data-design="ch1"] .practice-instructions h3{margin: 0px 0px 2mm; color: rgb(23, 63, 86); font-size: 15pt;}
.native[data-design="ch1"] .practice-instructions p{margin: 1.5mm 0px; font-size: 10.5pt; line-height: 1.4;}
.native[data-design="ch1"] .practice-hero{margin: 4mm 0px; padding: 3mm; border: 1px solid rgb(207, 220, 222); border-radius: 5mm; background: rgba(255, 255, 255, 0.9);}
.native[data-design="ch1"] .practice-hero img{display: block; width: 100%; height: 38mm; object-fit: contain;}
.native[data-design="ch1"] .practice-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 3mm; margin: 4mm 0px;}
.native[data-design="ch1"] .practice-step{min-height: 28mm; padding: 3mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch1"] .practice-step .num{display: inline-flex; width: 8mm; height: 8mm; margin-left: 2mm; align-items: center; justify-content: center; border-radius: 50%; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-weight: 700;}
.native[data-design="ch1"] .practice-step p{margin: 1mm 0px 0px; color: rgb(82, 99, 111); font-size: 9.5pt; line-height: 1.35;}
.native[data-design="ch1"] .next-step{margin-top: 7mm; padding: 5mm 6mm; border-radius: 4mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255);}
.native[data-design="ch1"] .next-step strong{color: rgb(255, 255, 255);}
.native[data-design="ch1"] .note-letter-grid{display: grid; grid-template-columns: repeat(7, 1fr); gap: 2mm; margin: 3mm 0px 4mm; direction: ltr;}
.native[data-design="ch1"] .note-letter{padding: 2.2mm 1mm; border: 1px solid rgb(207, 220, 222); border-radius: 3mm; background: rgb(243, 248, 248); color: rgb(23, 63, 86); font-size: 10pt; font-weight: 700; text-align: center; direction: rtl;}
.native[data-design="ch1"] .note-letter bdi{display: block; margin-top: 0.5mm; color: rgb(45, 129, 123); font-size: 13pt;}
.native[data-design="ch1"] .stem-panel{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 5mm; align-items: center; margin: 4mm 0px; padding: 4mm 5mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255); direction: ltr;}
.native[data-design="ch1"] .stem-panel img{width: 100%; height: 42mm; object-fit: contain;}
.native[data-design="ch1"] .stem-copy{direction: rtl;}
.native[data-design="ch1"] .stem-copy p{margin-bottom: 2mm; font-size: 10.3pt; line-height: 1.38;}
.native[data-design="ch1"] .stem-copy p:last-child{margin-bottom: 0px;}
.native[data-design="ch1"] .stem-low{color: rgb(45, 129, 123); font-weight: 700;}
.native[data-design="ch1"] .stem-high{color: rgb(201, 135, 25); font-weight: 700;}
.native[data-design="ch1"] .source-note{color: rgb(102, 119, 133); font-size: 8.3pt; line-height: 1.35;}
.native[data-design="ch1"] .opening-combined{padding-top: 10mm !important;}
.native[data-design="ch1"] .opening-combined h1{font-size: 27pt !important; margin: 1mm 0px 2mm !important;}
.native[data-design="ch1"] .opening-combined h2{font-size: 20pt !important; margin: 3mm 0px 2mm !important;}
.native[data-design="ch1"] .opening-combined p,.native[data-design="ch1"] .opening-combined li{font-size: 11.8pt !important; line-height: 1.38 !important;}
.native[data-design="ch1"] .opening-combined .figure{margin: 2mm 0px !important; padding: 2mm !important;}
.native[data-design="ch1"] .opening-combined .compact-figure img{height: 36mm !important;}
.native[data-design="ch1"] .opening-combined .wide img{height: 53mm !important;}
.native[data-design="ch1"] .opening-combined .callout,.native[data-design="ch1"] .opening-combined .two-col > div{padding: 2mm 3mm !important; margin: 2mm 0px !important;}
.native[data-design="ch1"] .reading-combined h3{margin-top: 4mm !important;}
.native[data-design="ch1"] .reading-combined .callout{margin: 2mm 0px !important; padding: 3mm !important;}
.native[data-design="ch1"],.native[data-design="ch1"]{background: white !important;}
.native[data-design="ch1"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="ch1"] .page:first-of-type{break-before: auto !important;}
.native[data-design="ch1"] .page-number,.native[data-design="ch1"] .footer-label{display: none !important;}
.native[data-design="ch1"] .triplet-page,.native[data-design="ch1"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="ch2"] *{box-sizing: border-box;}
.native[data-design="ch2"],.native[data-design="ch2"]{margin: 0px; padding: 0px; background: rgb(223, 232, 234); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch2"]{direction: rtl; font-size: 11.4pt; line-height: 1.42; print-color-adjust: exact;}
.native[data-design="ch2"] bdi{font-family: Arial, sans-serif; unicode-bidi: isolate;}
.native[data-design="ch2"] .inline-symbol{display: inline-block; position: relative; margin: 0px 0.7mm; color: rgb(23, 63, 86); font-family: Bravura, "Noto Music", serif; font-size: 16pt; line-height: 1; vertical-align: baseline;}
.native[data-design="ch2"] .sharp-symbol{top: -0.17em;}
.native[data-design="ch2"] .flat-symbol{top: -0.06em;}
.native[data-design="ch2"] .page{width: 210mm; height: 297mm; margin: 0px auto 8mm; padding: 14mm 17mm 15mm; position: relative; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="ch2"] .page:last-child{break-after: auto;}
.native[data-design="ch2"] .page::before{content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="ch2"] .page-number{position: absolute; bottom: 7mm; left: 17mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch2"] .footer-label{position: absolute; right: 17mm; bottom: 7mm; color: rgb(102, 119, 133); font-size: 8.6pt;}
.native[data-design="ch2"] .kicker{margin-top: 1mm; margin-bottom: 1mm; color: rgb(45, 129, 123); font-size: 9.5pt; font-weight: 700;}
.native[data-design="ch2"] h1,.native[data-design="ch2"] h2,.native[data-design="ch2"] h3,.native[data-design="ch2"] p{margin-top: 0px;}
.native[data-design="ch2"] h1{margin-bottom: 3mm; color: rgb(23, 63, 86); font-size: 27pt; line-height: 1.12;}
.native[data-design="ch2"] h2{margin: 1mm 0px 3mm; color: rgb(23, 63, 86); font-size: 23pt; line-height: 1.18;}
.native[data-design="ch2"] h3{margin: 0px 0px 1.5mm; color: rgb(23, 63, 86); font-size: 14.5pt; line-height: 1.25;}
.native[data-design="ch2"] p{margin-bottom: 3mm;}
.native[data-design="ch2"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch2"] .lead{color: rgb(77, 97, 112); font-size: 13pt; line-height: 1.52;}
.native[data-design="ch2"] .figure{margin: 4mm 0px; padding: 3mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); break-inside: avoid;}
.native[data-design="ch2"] .figure img{display: block; width: 100%; height: 100%; object-fit: contain;}
.native[data-design="ch2"] .keyboard-figure{height: 103mm; margin-top: 3mm;}
.native[data-design="ch2"] .staff-figure{height: 112mm; margin: 3mm 0px;}
.native[data-design="ch2"] .definition{margin: 3mm 0px; padding: 3.5mm 4.5mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248);}
.native[data-design="ch2"] .definition p:last-child{margin-bottom: 0px;}
.native[data-design="ch2"] .note{margin: 3mm 0px; padding: 3mm 4mm; border-radius: 3mm; background: rgb(247, 250, 249); color: rgb(82, 99, 111); font-size: 10.2pt;}
.native[data-design="ch2"] .enharmonic-pairs{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; margin: 3mm 0px; direction: ltr;}
.native[data-design="ch2"] .enharmonic-pair{padding: 3.2mm 2mm; border: 1px solid rgb(207, 220, 222); border-radius: 3mm; background: rgb(255, 255, 255); color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 18pt; font-weight: 700; text-align: center;}
.native[data-design="ch2"] .enharmonic-rule{display: grid; grid-template-columns: 11mm 1fr; gap: 3mm; align-items: start; margin: 4mm 0px; padding: 3.5mm 4mm; border-radius: 4mm; background: rgb(247, 250, 249);}
.native[data-design="ch2"] .enharmonic-rule .rule-icon{display: flex; width: 10mm; height: 10mm; align-items: center; justify-content: center; border-radius: 50%; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 14pt; font-weight: 700;}
.native[data-design="ch2"] .enharmonic-rule p{margin: 0px;}
.native[data-design="ch2"] .exercise-box{margin-top: 5mm; padding: 4mm 4.5mm 3mm; border: 1px solid rgb(185, 206, 207); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch2"] .exercise-box h3{color: rgb(45, 129, 123);}
.native[data-design="ch2"] .exercise-box p{margin-bottom: 2mm; color: rgb(82, 99, 111); font-size: 10.5pt;}
.native[data-design="ch2"] .exercise-score{display: block; width: 100%; height: 80mm; object-fit: contain;}
.native[data-design="ch2"] .name-challenge{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin-top: 2mm; direction: ltr;}
.native[data-design="ch2"] .name-challenge div{min-height: 16mm; padding: 3mm; border: 1px dashed rgb(159, 184, 187); border-radius: 3mm; color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 13pt; font-weight: 700; text-align: center;}
.native[data-design="ch2"] .symbol-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; margin: 3mm 0px;}
.native[data-design="ch2"] .symbol-card{display: grid; grid-template-columns: 28mm 1fr; min-height: 37mm; align-items: center; overflow: hidden; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch2"] .symbol-card.sharp{border-color: rgb(154, 203, 199); background: rgb(242, 249, 248);}
.native[data-design="ch2"] .symbol-card.flat{border-color: rgb(239, 177, 168); background: rgb(255, 247, 245);}
.native[data-design="ch2"] .symbol{display: flex; height: 100%; align-items: center; justify-content: center; color: rgb(23, 63, 86); font-family: Bravura, "Noto Music", serif; font-size: 52pt; line-height: 1;}
.native[data-design="ch2"] .symbol-copy{padding: 3mm 4mm;}
.native[data-design="ch2"] .symbol-copy p{margin: 0px; color: rgb(82, 99, 111); font-size: 10.2pt; line-height: 1.36;}
.native[data-design="ch2"] .reading-intro{margin-bottom: 3mm; padding: 3.5mm 4.5mm; border-radius: 4mm; background: rgb(243, 248, 248); color: rgb(64, 86, 102); font-size: 11.3pt;}
.native[data-design="ch2"] .reading-layout{display: grid; grid-template-columns: 93mm 1fr; gap: 5mm; align-items: start; direction: ltr;}
.native[data-design="ch2"] .reading-map{width: 93mm; height: 168mm; padding: 1mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); object-fit: contain;}
.native[data-design="ch2"] .side{direction: rtl;}
.native[data-design="ch2"] .mapping{margin: 0px 0px 3mm; overflow: hidden; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch2"] .mapping-title{padding: 2mm 3mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255); font-size: 10.4pt; font-weight: 700;}
.native[data-design="ch2"] .mapping-row{display: grid; grid-template-columns: 1fr 24mm; align-items: center; min-height: 7.4mm; padding: 1mm 2.5mm; border-top: 1px solid rgb(228, 235, 237); font-size: 9.3pt;}
.native[data-design="ch2"] .mapping-row:first-of-type{border-top: 0px;}
.native[data-design="ch2"] .mapping-row bdi{color: rgb(45, 129, 123); font-size: 10pt; font-weight: 700; text-align: left;}
.native[data-design="ch2"] .mapping.flat-names .mapping-row bdi{color: rgb(217, 108, 95);}
.native[data-design="ch2"] .ti-box{margin: 3mm 0px; padding: 3mm 3.5mm; border-right: 4px solid rgb(192, 138, 55); border-radius: 3mm 0px 0px 3mm; background: rgb(250, 246, 237); font-size: 9.5pt; line-height: 1.38;}
.native[data-design="ch2"] .ti-box p{margin-bottom: 1.5mm;}
.native[data-design="ch2"] .ti-box p:last-child{margin-bottom: 0px;}
.native[data-design="ch2"] .practice{margin-top: 3mm; padding: 3mm 3.5mm; border-radius: 4mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255); font-size: 9.5pt; line-height: 1.4;}
.native[data-design="ch2"] .practice strong{color: rgb(255, 255, 255);}
.native[data-design="ch2"] .tempo{display: inline-block; margin: 1mm 1mm 0px; padding: 1mm 2mm; border-radius: 2mm; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-family: Arial, sans-serif; font-weight: 700;}
.native[data-design="ch2"],.native[data-design="ch2"]{background: white !important;}
.native[data-design="ch2"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="ch2"] .page:first-of-type{break-before: auto !important;}
.native[data-design="ch2"] .page-number,.native[data-design="ch2"] .footer-label{display: none !important;}
.native[data-design="ch2"] .triplet-page,.native[data-design="ch2"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="ch3"] *{box-sizing: border-box;}
.native[data-design="ch3"],.native[data-design="ch3"]{margin: 0px; padding: 0px; background: rgb(223, 232, 234); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch3"]{direction: rtl; font-size: 11.25pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch3"] bdi{font-family: Arial, sans-serif; unicode-bidi: isolate;}
.native[data-design="ch3"] .page{position: relative; width: 210mm; height: 297mm; margin: 0px auto 8mm; padding: 14mm 17mm 15mm; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="ch3"] .page:last-child{break-after: auto;}
.native[data-design="ch3"] .page::before{content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="ch3"] .page-number{position: absolute; bottom: 7mm; left: 17mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch3"] .footer-label{position: absolute; right: 17mm; bottom: 7mm; color: rgb(102, 119, 133); font-size: 8.6pt;}
.native[data-design="ch3"] .kicker{margin: 1mm 0px; color: rgb(45, 129, 123); font-size: 9.5pt; font-weight: 700;}
.native[data-design="ch3"] h1,.native[data-design="ch3"] h2,.native[data-design="ch3"] h3,.native[data-design="ch3"] p,.native[data-design="ch3"] figure{margin-top: 0px;}
.native[data-design="ch3"] h1{margin-bottom: 3mm; color: rgb(23, 63, 86); font-size: 27pt; line-height: 1.12;}
.native[data-design="ch3"] h2{margin: 1mm 0px 3mm; color: rgb(23, 63, 86); font-size: 23pt; line-height: 1.18;}
.native[data-design="ch3"] h3{margin: 0px 0px 1.5mm; color: rgb(23, 63, 86); font-size: 14.3pt; line-height: 1.25;}
.native[data-design="ch3"] p{margin-bottom: 2.7mm;}
.native[data-design="ch3"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch3"] .lead{color: rgb(77, 97, 112); font-size: 12.9pt; line-height: 1.5;}
.native[data-design="ch3"] .definition{margin: 3mm 0px; padding: 3.2mm 4.3mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248);}
.native[data-design="ch3"] .definition p:last-child,.native[data-design="ch3"] .note p:last-child,.native[data-design="ch3"] .transition p:last-child{margin-bottom: 0px;}
.native[data-design="ch3"] .note{margin: 3mm 0px; padding: 3mm 4mm; border-radius: 3mm; background: rgb(248, 245, 237); color: rgb(82, 99, 111); font-size: 10.25pt;}
.native[data-design="ch3"] .figure{display: flex; flex-direction: column; margin: 3mm 0px; padding: 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); break-inside: avoid;}
.native[data-design="ch3"] .figure img{display: block; flex: 1 1 auto; min-height: 0px; width: 100%; height: auto; object-fit: contain;}
.native[data-design="ch3"] .figure figcaption{flex: 0 0 auto; margin-top: 1.5mm; color: rgb(102, 119, 133); font-size: 8.8pt; line-height: 1.3; text-align: center;}
.native[data-design="ch3"] .ledger-figure{height: 49mm;}
.native[data-design="ch3"] .comparison-figure{height: 64mm;}
.native[data-design="ch3"] .clef-figure{height: 55mm;}
.native[data-design="ch3"] .note-map-figure{height: 43mm;}
.native[data-design="ch3"] .hands-figure{height: 82mm;}
.native[data-design="ch3"] .system-figure{height: 76mm;}
.native[data-design="ch3"] .middle-c-figure{height: 64mm;}
.native[data-design="ch3"] .octaves-figure{height: 84mm;}
.native[data-design="ch3"] .two-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; align-items: stretch; margin: 3mm 0px;}
.native[data-design="ch3"] .small-card{padding: 3.2mm 3.8mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch3"] .small-card p{margin: 0px; color: rgb(82, 99, 111); font-size: 10.2pt; line-height: 1.4;}
.native[data-design="ch3"] .small-card.teal{border-top: 4px solid rgb(45, 129, 123); background: rgb(243, 248, 248);}
.native[data-design="ch3"] .small-card.gold{border-top: 4px solid rgb(216, 154, 43); background: rgb(251, 247, 237);}
.native[data-design="ch3"] .terms{display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; margin: 2.5mm 0px 3mm; direction: ltr;}
.native[data-design="ch3"] .term{padding: 2mm 1mm; border-radius: 2mm; background: rgb(237, 245, 244); color: rgb(35, 77, 89); font-size: 9pt; font-weight: 700; text-align: center; direction: rtl;}
.native[data-design="ch3"] .transition{margin-top: 3mm; padding: 3.2mm 4mm; border-radius: 4mm; background: rgb(23, 63, 86); color: rgb(255, 255, 255); font-size: 10.4pt;}
.native[data-design="ch3"] .transition strong{color: rgb(255, 255, 255);}
.native[data-design="ch3"],.native[data-design="ch3"]{background: white !important;}
.native[data-design="ch3"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="ch3"] .page:first-of-type{break-before: auto !important;}
.native[data-design="ch3"] .page-number,.native[data-design="ch3"] .footer-label{display: none !important;}
.native[data-design="ch3"] .triplet-page,.native[data-design="ch3"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="ch4"] *{box-sizing: border-box;}
.native[data-design="ch4"],.native[data-design="ch4"]{margin: 0px; padding: 0px; background: rgb(223, 232, 234); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch4"]{direction: rtl; font-size: 11.3pt; line-height: 1.44; print-color-adjust: exact;}
.native[data-design="ch4"] bdi{font-family: Arial, sans-serif; unicode-bidi: isolate;}
.native[data-design="ch4"] .page{position: relative; width: 210mm; height: 297mm; margin: 0px auto 8mm; padding: 14mm 17mm 15mm; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="ch4"] .page:last-child{break-after: auto;}
.native[data-design="ch4"] .page::before{content: ""; position: absolute; top: 0.2mm; right: 0px; left: 0px; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="ch4"] .page-number{position: absolute; bottom: 7mm; left: 17mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch4"] .footer-label{position: absolute; right: 17mm; bottom: 7mm; color: rgb(102, 119, 133); font-size: 8.6pt;}
.native[data-design="ch4"] .kicker{margin: 1mm 0px; color: rgb(45, 129, 123); font-size: 9.5pt; font-weight: 700;}
.native[data-design="ch4"] h1,.native[data-design="ch4"] h2,.native[data-design="ch4"] h3,.native[data-design="ch4"] p,.native[data-design="ch4"] figure{margin-top: 0px;}
.native[data-design="ch4"] h1{margin-bottom: 3mm; color: rgb(23, 63, 86); font-size: 27pt; line-height: 1.12;}
.native[data-design="ch4"] h2{margin: 1mm 0px 3mm; color: rgb(23, 63, 86); font-size: 23pt; line-height: 1.18;}
.native[data-design="ch4"] h3{margin: 0px 0px 1.5mm; color: rgb(23, 63, 86); font-size: 14.3pt; line-height: 1.25;}
.native[data-design="ch4"] p{margin-bottom: 2.8mm;}
.native[data-design="ch4"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch4"] .lead{color: rgb(77, 97, 112); font-size: 12.9pt; line-height: 1.52;}
.native[data-design="ch4"] .definition{margin: 3mm 0px; padding: 3.2mm 4.3mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248);}
.native[data-design="ch4"] .definition p:last-child,.native[data-design="ch4"] .note p:last-child,.native[data-design="ch4"] .practice p:last-child{margin-bottom: 0px;}
.native[data-design="ch4"] .note{margin: 3mm 0px; padding: 3mm 4mm; border-radius: 3mm; background: rgb(248, 245, 237); color: rgb(82, 99, 111); font-size: 10.25pt;}
.native[data-design="ch4"] .practice{margin: 3mm 0px; padding: 3.2mm 4mm; border: 1px solid rgb(154, 203, 199); border-radius: 3mm; background: rgb(242, 249, 248);}
.native[data-design="ch4"] .practice h3{color: rgb(45, 129, 123);}
.native[data-design="ch4"] .figure{display: flex; flex-direction: column; margin: 3mm 0px; padding: 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); break-inside: avoid;}
.native[data-design="ch4"] .figure img{display: block; flex: 1 1 auto; min-height: 0px; width: 100%; height: 100%; object-fit: contain;}
.native[data-design="ch4"] .figure figcaption{flex: 0 0 auto; margin-top: 1.5mm; color: rgb(102, 119, 133); font-size: 8.8pt; line-height: 1.3; text-align: center;}
.native[data-design="ch4"] .wide-figure{height: 64mm;}
.native[data-design="ch4"] .value-intro-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 2.5mm; margin: 3mm 0px;}
.native[data-design="ch4"] .value-intro-card{grid-column: span 2; min-height: 37mm; padding: 2.5mm 3mm; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 4mm; background: rgb(247, 251, 250); text-align: center;}
.native[data-design="ch4"] .value-intro-card:nth-child(2),.native[data-design="ch4"] .value-intro-card:nth-child(5){border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .value-intro-card:nth-child(n+4){grid-column: span 3;}
.native[data-design="ch4"] .value-symbol{display: block; width: 100%; height: 15mm; margin: 0px auto 1mm; object-fit: contain; background: transparent; mix-blend-mode: multiply;}
.native[data-design="ch4"] .value-intro-card h3{margin: 0px 0px 0.7mm; font-size: 12.5pt;}
.native[data-design="ch4"] .value-intro-card p{margin: 0px; color: rgb(102, 119, 133); font-size: 8.8pt; line-height: 1.3;}
.native[data-design="ch4"] .compact-pyramid-box{margin: 3mm 0px; padding: 3mm 5mm 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); text-align: center;}
.native[data-design="ch4"] .compact-pyramid-box h3{margin-bottom: 1mm; color: rgb(35, 77, 89);}
.native[data-design="ch4"] .compact-pyramid-box > p{margin-bottom: 1.5mm; color: rgb(102, 119, 133); font-size: 8.8pt;}
.native[data-design="ch4"] .compact-pyramid{display: grid; gap: 0.6mm; direction: ltr;}
.native[data-design="ch4"] .compact-row{display: grid; grid-template-columns: repeat(var(--groups), 1fr); align-items: center; height: 9mm; margin: 0px auto;}
.native[data-design="ch4"] .compact-row img{width: 100%; height: 9mm; object-fit: contain;}
.native[data-design="ch4"] .compact-row.whole{width: 24mm;}
.native[data-design="ch4"] .compact-row.halves{width: 42mm;}
.native[data-design="ch4"] .compact-row.quarters{width: 62mm;}
.native[data-design="ch4"] .compact-row.eighths{width: 84mm;}
.native[data-design="ch4"] .compact-row.sixteenths{width: 110mm;}
.native[data-design="ch4"] .medium-figure{height: 58mm;}
.native[data-design="ch4"] .large-figure{height: 70mm;}
.native[data-design="ch4"] .grouping-showcase{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin: 4mm 0px; direction: rtl;}
.native[data-design="ch4"] .grouping-card{display: grid; grid-template-rows: auto 28mm auto; align-items: center; min-height: 64mm; padding: 3.5mm 4mm; border-width: 4px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 4mm; background: rgb(247, 251, 250); text-align: center;}
.native[data-design="ch4"] .grouping-card:nth-child(2){border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .grouping-card h3{margin: 0px; font-size: 13.5pt;}
.native[data-design="ch4"] .grouping-card img{display: block; width: 100%; height: 28mm; object-fit: contain; background: transparent; mix-blend-mode: multiply;}
.native[data-design="ch4"] .grouping-card p{margin: 0px; color: rgb(82, 99, 111); font-size: 9.4pt; line-height: 1.38;}
.native[data-design="ch4"] .grouping-equation{font-weight: 700; color: rgb(35, 77, 89);}
.native[data-design="ch4"] .beam-principle{margin: 3mm 0px; padding: 3mm 4mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(82, 99, 111); font-size: 9.7pt; line-height: 1.42;}
.native[data-design="ch4"] .beam-principle p{margin: 0px;}
.native[data-design="ch4"] .beam-examples{display: grid; gap: 2.2mm; margin: 3mm 0px;}
.native[data-design="ch4"] .beam-example{display: grid; grid-template-columns: 43mm 1fr; align-items: center; gap: 3mm; min-height: 36mm; padding: 2.2mm 3mm; border: 1px solid rgb(215, 225, 227); border-radius: 3.5mm; background: rgb(255, 255, 255); direction: rtl; break-inside: avoid;}
.native[data-design="ch4"] .beam-example:nth-child(2n){background: rgb(251, 248, 240);}
.native[data-design="ch4"] .beam-example.double{min-height: 58mm;}
.native[data-design="ch4"] .beam-example-text{direction: rtl;}
.native[data-design="ch4"] .beam-example h3{margin: 0px 0px 1mm; color: rgb(35, 77, 89); font-size: 10.8pt;}
.native[data-design="ch4"] .beam-example p{margin: 0px; color: rgb(102, 119, 133); font-size: 8.1pt; line-height: 1.32;}
.native[data-design="ch4"] .beam-example img{display: block; width: 100%; height: 29mm; object-fit: contain;}
.native[data-design="ch4"] .beam-comparison-notation{position: relative; display: grid; gap: 0.8mm; align-items: center; padding-top: 5mm;}
.native[data-design="ch4"] .beat-number-key{position: absolute; top: 6mm; left: 1.5%; display: flex; align-items: center; gap: 1mm; color: rgb(45, 129, 123); font-size: 7.8pt; font-weight: 700; line-height: 1; direction: ltr; white-space: nowrap;}
.native[data-design="ch4"] .beat-number-key .label{direction: rtl;}
.native[data-design="ch4"] .beat-number-key .arrow{font-size: 10pt;}
.native[data-design="ch4"] .beam-example.double .beam-comparison-notation img{height: 24mm;}
.native[data-design="ch4"] .beam-rule-note{margin: 2.5mm 0px 0px; padding: 2.6mm 4mm; border-radius: 3mm; background: rgb(248, 245, 237); color: rgb(82, 99, 111); font-size: 8.8pt; line-height: 1.38;}
.native[data-design="ch4"] .meter-figure{height: 94mm;}
.native[data-design="ch4"] .meter-notation-grid{display: grid; grid-template-columns: 1fr 1fr; flex: 1 1 auto; min-height: 0px; gap: 2.2mm; direction: rtl;}
.native[data-design="ch4"] .meter-notation-card{display: grid; grid-template-rows: auto 1fr; align-items: center; min-height: 0px; padding: 1.7mm 2.5mm; border: 1px solid rgb(215, 225, 227); border-radius: 3mm; background: rgb(247, 251, 250); text-align: center;}
.native[data-design="ch4"] .meter-notation-card:nth-child(2),.native[data-design="ch4"] .meter-notation-card:nth-child(3){background: rgb(251, 248, 240);}
.native[data-design="ch4"] .meter-notation-card strong{color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 13.5pt; line-height: 1;}
.native[data-design="ch4"] .meter-notation-card img{display: block; width: 100%; height: 21mm; object-fit: contain;}
.native[data-design="ch4"] .meter-pattern-grid{display: grid; grid-template-columns: 1fr 1fr; flex: 1 1 auto; min-height: 0px; gap: 3mm; direction: rtl;}
.native[data-design="ch4"] .meter-pattern-column{display: grid; grid-template-rows: auto repeat(3, 1fr); min-height: 0px; padding: 2mm; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 3mm; background: rgb(247, 251, 250);}
.native[data-design="ch4"] .meter-pattern-column:nth-child(2){border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .meter-pattern-column h3{margin: 0px 0px 1mm; text-align: center; font-family: Arial, sans-serif; font-size: 15pt;}
.native[data-design="ch4"] .meter-pattern-example{display: flex; align-items: center; justify-content: center; min-height: 0px; border-top: 1px solid rgb(220, 229, 231);}
.native[data-design="ch4"] .meter-pattern-example img{display: block; width: 100%; height: 20mm; object-fit: contain;}
.native[data-design="ch4"] .dotted-equivalence-box{margin: 4mm 0px; padding: 3mm 4mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .dotted-equivalence-box > h3{margin-bottom: 2mm; text-align: center; color: rgb(35, 77, 89);}
.native[data-design="ch4"] .dotted-equivalence-grid{display: grid; gap: 2mm; direction: ltr;}
.native[data-design="ch4"] .dotted-equivalence-row{display: grid; grid-template-columns: 1fr 9mm 1fr 9mm 1fr; align-items: center; min-height: 27mm; padding: 1.8mm 4mm; border-radius: 3mm; background: rgb(243, 248, 248);}
.native[data-design="ch4"] .dotted-equivalence-row:nth-child(2n){background: rgb(251, 248, 240);}
.native[data-design="ch4"] .dotted-equivalence-row img{display: block; width: 100%; height: 17mm; object-fit: contain;}
.native[data-design="ch4"] .dotted-equivalence-row .operator{color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 21pt; font-weight: 700; text-align: center;}
.native[data-design="ch4"] .dotted-equivalence-labels{display: grid; grid-template-columns: 1fr 9mm 1fr 9mm 1fr; margin-top: -5mm; padding: 0px 4mm 1.5mm; color: rgb(102, 119, 133); font-size: 8pt; text-align: center; direction: ltr;}
.native[data-design="ch4"] .dotted-reading-rule{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin: 3mm 0px;}
.native[data-design="ch4"] .dotted-rule-card{padding: 3mm 4mm; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 3.5mm; background: rgb(243, 248, 248);}
.native[data-design="ch4"] .dotted-rule-card:last-child{border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .dotted-rule-card h3{margin-bottom: 0.8mm; color: rgb(35, 77, 89); font-size: 12pt;}
.native[data-design="ch4"] .dotted-rule-card p{margin: 0px; color: rgb(82, 99, 111); font-size: 9.5pt; line-height: 1.38;}
.native[data-design="ch4"] .dotted-learning-box{margin: 3mm 0px; padding: 2.8mm 3.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .dotted-learning-box > h3{margin-bottom: 1.5mm; color: rgb(35, 77, 89); text-align: center;}
.native[data-design="ch4"] .dotted-learning-row{display: grid; grid-template-columns: 1fr 7mm 2.05fr 7mm 1.65fr; align-items: center; min-height: 29mm; padding: 1.5mm 2.5mm; border-radius: 3mm; background: rgb(243, 248, 248); direction: ltr;}
.native[data-design="ch4"] .dotted-learning-row + .dotted-learning-row{margin-top: 1.7mm;}
.native[data-design="ch4"] .dotted-learning-row:nth-child(2n+1){background: rgb(251, 248, 240);}
.native[data-design="ch4"] .dotted-term{display: grid; grid-template-rows: 16mm auto; align-items: center; min-width: 0px; text-align: center;}
.native[data-design="ch4"] .dotted-term img{display: block; width: 100%; height: 15mm; object-fit: contain;}
.native[data-design="ch4"] .dotted-term.tied img{height: 16mm;}
.native[data-design="ch4"] .dotted-term span{color: rgb(102, 119, 133); font-size: 7.5pt; line-height: 1.15; direction: rtl;}
.native[data-design="ch4"] .dotted-sum-group{display: grid; grid-template-columns: 1fr 6mm 1fr; align-items: center; gap: 0.5mm; width: 36mm; max-width: 100%; justify-self: center;}
.native[data-design="ch4"] .dotted-sum-group .operator{font-size: 16pt;}
.native[data-design="ch4"] .dotted-learning-row .operator{color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 18pt; font-weight: 700; text-align: center;}
.native[data-design="ch4"] .dotted-reading-note{margin: 2.5mm 0px; padding: 2.6mm 4mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(64, 85, 99); font-size: 9.5pt; line-height: 1.4;}
.native[data-design="ch4"] .tie-equivalence-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin: 4mm 0px; direction: rtl;}
.native[data-design="ch4"] .tie-equivalence-card{display: grid; grid-template-columns: 1.5fr 9mm 1fr; align-items: center; min-height: 48mm; padding: 3mm; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 4mm; background: rgb(247, 251, 250); direction: ltr; text-align: center;}
.native[data-design="ch4"] .tie-equivalence-card:nth-child(2){border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .tie-equivalence-card img{display: block; width: 100%; height: 24mm; object-fit: contain;}
.native[data-design="ch4"] .tie-equivalence-card > img:last-of-type{width: 68%; height: 16mm; justify-self: center;}
.native[data-design="ch4"] .tie-equivalence-card .operator{color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 21pt; font-weight: 700;}
.native[data-design="ch4"] .tie-equivalence-card p{grid-column: 1 / -1; margin: 1mm 0px 0px; color: rgb(102, 119, 133); font-size: 8.6pt; direction: rtl;}
.native[data-design="ch4"] .tie-context-grid{display: grid; gap: 2.3mm; margin: 3mm 0px;}
.native[data-design="ch4"] .tie-context-card{display: grid; grid-template-columns: 1fr 48mm; align-items: center; gap: 3mm; min-height: 34mm; padding: 2mm 3mm; border: 1px solid rgb(207, 220, 222); border-radius: 3mm; background: rgb(255, 255, 255); direction: ltr;}
.native[data-design="ch4"] .tie-context-card:nth-child(2){background: rgb(251, 248, 240);}
.native[data-design="ch4"] .tie-context-card img{display: block; width: 100%; height: 27mm; object-fit: contain;}
.native[data-design="ch4"] .tie-context-text{direction: rtl;}
.native[data-design="ch4"] .tie-context-text h3{margin-bottom: 1mm; color: rgb(45, 129, 123); font-size: 12.5pt;}
.native[data-design="ch4"] .tie-context-text p{margin: 0px; color: rgb(102, 119, 133); font-size: 8.8pt; line-height: 1.35;}
.native[data-design="ch4"] .rest-equivalences{display: grid; grid-template-columns: 1fr 1fr; gap: 2.2mm 3mm; margin: 3mm 0px;}
.native[data-design="ch4"] .rest-equivalence{display: grid; grid-template-columns: 1fr 9mm 1fr; align-items: center; min-height: 30mm; padding: 2mm 3mm; border-width: 3px 1px 1px; border-style: solid; border-color: rgb(45, 129, 123) rgb(215, 225, 227) rgb(215, 225, 227); border-image: none; border-radius: 3.5mm; background: rgb(247, 251, 250); text-align: center;}
.native[data-design="ch4"] .rest-equivalence:nth-child(2n){border-top-color: rgb(216, 154, 43); background: rgb(251, 248, 240);}
.native[data-design="ch4"] .rest-equivalence:last-child{grid-column: 1 / -1; width: calc(50% - 5.66929px); justify-self: center;}
.native[data-design="ch4"] .rest-equivalence img{display: block; width: 100%; height: 15mm; object-fit: contain;}
.native[data-design="ch4"] .rest-equivalence .symbol-label{margin-top: 0.5mm; color: rgb(82, 99, 111); font-size: 8.7pt; line-height: 1.2;}
.native[data-design="ch4"] .rest-equivalence .equals{color: rgb(23, 63, 86); font-family: Arial, sans-serif; font-size: 21pt; font-weight: 700;}
.native[data-design="ch4"] .rest-position-note{margin-top: 0.4mm; color: rgb(45, 129, 123); font-size: 7.4pt; font-weight: 700; line-height: 1.15; white-space: nowrap;}
.native[data-design="ch4"] .rest-position-note .arrow{display: inline-block; margin-left: 0.8mm; font-family: Arial, sans-serif; font-size: 11pt;}
.native[data-design="ch4"] .rest-practice-grid{display: grid; gap: 2mm; margin-top: 2mm;}
.native[data-design="ch4"] .rest-practice-line{display: grid; grid-template-columns: 30mm 1fr; align-items: center; gap: 3mm; padding: 1.5mm 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 2.5mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .rest-practice-line strong{text-align: center; font-size: 10pt;}
.native[data-design="ch4"] .rest-practice-line img{display: block; width: 100%; height: 16mm; object-fit: contain;}
.native[data-design="ch4"] .two-columns{display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; margin: 3mm 0px; align-items: stretch;}
.native[data-design="ch4"] .small-card{padding: 3.2mm 3.8mm; border: 1px solid rgb(215, 225, 227); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .small-card.teal{border-top: 4px solid rgb(45, 129, 123); background: rgb(243, 248, 248);}
.native[data-design="ch4"] .small-card.gold{border-top: 4px solid rgb(216, 154, 43); background: rgb(251, 247, 237);}
.native[data-design="ch4"] .small-card p{margin: 0px; color: rgb(82, 99, 111); font-size: 10.1pt; line-height: 1.42;}
.native[data-design="ch4"] .pulse-line{display: grid; grid-template-columns: repeat(8, 1fr); direction: ltr; position: relative; align-items: center; margin: 7mm 4mm 4mm; padding-top: 1mm;}
.native[data-design="ch4"] .pulse-line::before{content: ""; position: absolute; top: 12px; left: 5%; right: 5%; height: 3px; background: rgb(183, 203, 206);}
.native[data-design="ch4"] .pulse{position: relative; z-index: 1; text-align: center; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch4"] .pulse::before{content: ""; display: block; width: 14px; height: 14px; margin: 0px auto 3mm; border: 3px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(45, 129, 123); box-shadow: rgb(45, 129, 123) 0px 0px 0px 1px;}
.native[data-design="ch4"] .pulse.strong::before{width: 20px; height: 20px; margin-bottom: 2mm; background: rgb(216, 154, 43); box-shadow: rgb(216, 154, 43) 0px 0px 0px 1px;}
.native[data-design="ch4"] .value-grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 2mm; direction: ltr; margin: 2mm 0px 3mm;}
.native[data-design="ch4"] .value-card{padding: 2mm 1mm; border-radius: 2.5mm; background: rgb(237, 245, 244); color: rgb(35, 77, 89); font-size: 9pt; font-weight: 700; text-align: center;}
.native[data-design="ch4"] .value-card span{display: block; margin-top: 1mm; color: rgb(102, 119, 133); font-size: 8pt; font-weight: 400;}
.native[data-design="ch4"] .meter-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 2mm; margin: 2.5mm 0px 3mm;}
.native[data-design="ch4"] .meter-card{padding: 2.5mm 2mm; border-radius: 3mm; background: rgb(237, 245, 244); color: rgb(35, 77, 89); font-size: 10pt; text-align: center;}
.native[data-design="ch4"] .meter-card strong{display: block; direction: ltr; font-size: 16pt;}
.native[data-design="ch4"] .steps{display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; margin: 3mm 0px;}
.native[data-design="ch4"] .step{min-height: 38mm; padding: 3mm; border-radius: 3mm; background: rgb(243, 248, 248); color: rgb(82, 99, 111); font-size: 9.5pt; text-align: center;}
.native[data-design="ch4"] .step b{display: block; width: 9mm; height: 9mm; margin: 0px auto 2mm; padding-top: 1.2mm; border-radius: 50%; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 11pt;}
.native[data-design="ch4"] .transition{margin-top: 3mm; padding: 3.3mm 4.2mm; border: 1px solid rgb(168, 199, 196); border-radius: 3mm; background: linear-gradient(90deg, rgb(237, 247, 245), rgb(247, 251, 250));}
.native[data-design="ch4"]{counter-reset: page-counter 0;}
.native[data-design="ch4"] .page{counter-increment: page-counter 1;}
.native[data-design="ch4"] .page-number{font-size: 0px;}
.native[data-design="ch4"] .page-number::after{content: counter(page-counter); font-size: 9pt;}
.native[data-design="ch4"] .feel-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; margin: 3mm 0px;}
.native[data-design="ch4"] .feel-card{padding: 3mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .feel-card h3{margin-bottom: 1mm;}
.native[data-design="ch4"] .feel-card p{margin-bottom: 1.5mm; color: rgb(82, 99, 111); font-size: 9.6pt;}
.native[data-design="ch4"] .feel-card img{display: block; width: 100%; height: 38mm; object-fit: contain;}
.native[data-design="ch4"] .feel-card.wide{grid-column: 1 / -1;}
.native[data-design="ch4"] .feel-card.wide img{height: 33mm;}
.native[data-design="ch4"] .beat-legend{display: flex; justify-content: center; align-items: center; gap: 7mm; margin: 2.5mm 0px 3mm; color: rgb(82, 99, 111); font-size: 9pt;}
.native[data-design="ch4"] .beat-legend span{display: inline-flex; align-items: center; gap: 1.5mm;}
.native[data-design="ch4"] .beat-key{display: inline-flex; align-items: center; justify-content: center; width: 6mm; height: 6mm; border-radius: 50%; font-size: 8.5pt; font-weight: 700; line-height: 1;}
.native[data-design="ch4"] .beat-key.primary{background: rgb(23, 37, 54); color: rgb(255, 255, 255);}
.native[data-design="ch4"] .beat-key.secondary{background: rgb(238, 241, 242); color: rgb(23, 37, 54); border: 1px solid rgb(23, 37, 54);}
.native[data-design="ch4"] .beat-key.regular{color: rgb(127, 139, 147);}
.native[data-design="ch4"] .accent-compare{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin: 2.5mm 0px;}
.native[data-design="ch4"] .accent-compare figure{margin: 0px; padding: 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 3mm; background: rgb(255, 255, 255);}
.native[data-design="ch4"] .accent-compare img{display: block; width: 100%; height: 37mm; object-fit: contain;}
.native[data-design="ch4"] .accent-compare figcaption{color: rgb(82, 99, 111); font-size: 8.8pt; text-align: center;}
.native[data-design="ch4"] .dum-pattern{margin-top: 1.5mm; color: rgb(23, 37, 54); font-size: 11pt; font-weight: 700; text-align: center; letter-spacing: 0.15mm;}
.native[data-design="ch4"] .listen-card{display: grid; grid-template-columns: 32mm 1fr; gap: 4mm; align-items: center; margin: 3mm 0px; padding: 3mm; border: 1px solid rgb(154, 203, 199); border-radius: 4mm; background: rgb(242, 249, 248);}
.native[data-design="ch4"] .listen-card img{display: block; width: 30mm; height: 30mm; image-rendering: pixelated;}
.native[data-design="ch4"] .listen-card h3{margin-bottom: 1mm; color: rgb(45, 129, 123);}
.native[data-design="ch4"] .listen-card p{margin: 0px; color: rgb(82, 99, 111); font-size: 9.8pt;}
.native[data-design="ch4"] .listen-link{display: block; margin-top: 1mm; color: rgb(23, 63, 86); direction: ltr; text-align: right; font-family: Arial, sans-serif; font-size: 8.6pt; text-decoration: underline;}
.native[data-design="ch4"] .asym-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; margin: 3mm 0px;}
.native[data-design="ch4"] .asym-card{padding: 2.5mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); text-align: center;}
.native[data-design="ch4"] .asym-card h3{margin-bottom: 1mm;}
.native[data-design="ch4"] .asym-card img{display: block; width: 100%; height: 47mm; object-fit: contain;}
.native[data-design="ch4"] .asym-tie-example{margin-top: 3mm; padding: 3mm 4mm; border: 1px solid rgb(154, 203, 199); border-radius: 4mm; background: rgb(242, 249, 248);}
.native[data-design="ch4"] .asym-tie-example > h3{margin-bottom: 0.8mm; color: rgb(45, 129, 123);}
.native[data-design="ch4"] .asym-tie-example > p{margin-bottom: 2mm; color: rgb(82, 99, 111); font-size: 9.2pt;}
.native[data-design="ch4"] .asym-tie-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm;}
.native[data-design="ch4"] .asym-tie-grid figure{margin: 0px; text-align: center;}
.native[data-design="ch4"] .asym-tie-grid img{display: block; width: 100%; height: 25mm; object-fit: contain;}
.native[data-design="ch4"] .asym-tie-grid figcaption{color: rgb(82, 99, 111); font-size: 8.4pt;}
.native[data-design="ch4"] .asym-extension{margin: 2mm 0px 0px !important; font-size: 8.5pt !important;}
.native[data-design="ch4"] .change-figure{height: 70mm;}
.native[data-design="ch4"] .process-figure{height: 47mm;}
.native[data-design="ch4"] .rhythm-reading-figure{height: 103mm; margin: 2mm 0px; padding: 0px; border: 0px; border-radius: 0px; background: transparent;}
.native[data-design="ch4"] .rhythm-reading-figure img{padding: 0px;}
.native[data-design="ch4"] .triplet-page .rhythm-reading-figure{height: 90mm;}
.native[data-design="ch4"] .syncopation-page .rhythm-reading-figure{height: 108mm;}
.native[data-design="ch4"] .subdivision-compare{margin: 2.5mm 0px; padding: 2.5mm 4mm; border: 1px solid rgb(207, 220, 222); border-radius: 3mm; background: rgb(248, 250, 249);}
.native[data-design="ch4"] .subdivision-compare h3{margin-bottom: 1.5mm; color: rgb(45, 129, 123); font-size: 11.5pt; text-align: center;}
.native[data-design="ch4"] .subdivision-row{display: grid; grid-template-columns: 31mm 30mm 9mm 44mm; justify-content: center; align-items: center; min-height: 20mm; border-top: 1px solid rgb(224, 232, 232);}
.native[data-design="ch4"] .subdivision-row:first-of-type{border-top: 0px;}
.native[data-design="ch4"] .subdivision-label{color: rgb(23, 63, 86); font-weight: 700;}
.native[data-design="ch4"] .subdivision-symbol{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5mm; color: rgb(102, 119, 133); font-size: 8pt; line-height: 1.1;}
.native[data-design="ch4"] .subdivision-symbol img{display: block; width: 100%; height: 12mm; object-fit: contain;}
.native[data-design="ch4"] .subdivision-equals{font-size: 19pt; font-weight: 700; text-align: center;}
.native[data-design="ch4"] .audio-demo-button{display: flex; align-items: center; justify-content: center; gap: 2.5mm; width: 54mm; margin: 2.5mm auto; padding: 2.5mm 4mm; border-radius: 20mm; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 10.3pt; font-weight: 700; text-decoration: none;}
.native[data-design="ch4"] .audio-demo-button img{width: 6mm; height: 6mm; filter: brightness(0) invert(1);}
.native[data-design="ch4"] .workbook-online-link{display: grid; grid-template-columns: 47mm 1fr; gap: 7mm; align-items: center; margin-top: 7mm; padding: 5mm 7mm 5mm 9mm; border: 1.5px dashed rgb(45, 129, 123); border-radius: 4mm; background: rgb(247, 251, 250);}
.native[data-design="ch4"] .mini-workbook-cover{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 42mm; height: 54mm; overflow: hidden; border: 1px solid rgb(199, 217, 218); border-radius: 2.5mm; background: radial-gradient(circle at 20% 22%, rgba(216, 154, 43, 0.22) 0px, rgba(216, 154, 43, 0.22) 12%, transparent 12.5%), linear-gradient(150deg, rgb(249, 252, 251) 0px, rgb(249, 252, 251) 57%, rgb(229, 242, 241) 57%, rgb(229, 242, 241) 100%); box-shadow: rgba(23, 63, 86, 0.12) 0px 2.5mm 5mm; text-align: center;}
.native[data-design="ch4"] .mini-workbook-cover::before{content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 4mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 36%, rgb(23, 63, 86) 36%, rgb(23, 63, 86) 100%);}
.native[data-design="ch4"] .mini-workbook-cover .mini-kicker{margin-bottom: 2mm; color: rgb(45, 129, 123); font-size: 6.8pt; font-weight: 700;}
.native[data-design="ch4"] .mini-workbook-cover .mini-title{color: rgb(23, 63, 86); font-size: 15pt; line-height: 1.08; font-weight: 800;}
.native[data-design="ch4"] .mini-workbook-cover .mini-notes{margin-top: 3.5mm; padding: 1.6mm 4mm; border-radius: 7mm; background: rgba(255, 255, 255, 0.82); color: rgb(45, 129, 123); direction: ltr; font-family: Bravura, "Noto Music", serif; font-size: 16pt; letter-spacing: 1.5mm; line-height: 1;}
.native[data-design="ch4"] .workbook-link-copy p{margin-bottom: 3mm; color: rgb(82, 99, 111); font-size: 10pt;}
.native[data-design="ch4"] .future-link-button{display: inline-flex; align-items: center; gap: 2mm; padding: 2.4mm 4mm; border-radius: 8mm; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 10.2pt; font-weight: 700;}
.native[data-design="ch4"] .future-link-button bdi{font-size: 12pt; line-height: 1;}
.native[data-design="ch4"] .workbook-link-copy small{display: block; margin-top: 1.5mm; color: rgb(122, 137, 147); font-size: 8.4pt;}
.native[data-design="ch4"] .workbook-steps{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3mm; margin: 4mm 0px;}
.native[data-design="ch4"] .workbook-step{min-height: 47mm; padding: 4mm; border-radius: 4mm; background: rgb(243, 248, 248); color: rgb(82, 99, 111); font-size: 10pt; line-height: 1.42; text-align: center;}
.native[data-design="ch4"] .workbook-step b{display: flex; align-items: center; justify-content: center; width: 10mm; height: 10mm; margin: 0px auto 2.5mm; border-radius: 50%; background: rgb(45, 129, 123); color: rgb(255, 255, 255); font-size: 11pt;}
.native[data-design="ch4"] .identify-steps{display: grid; grid-template-columns: 1fr 1fr; gap: 2.5mm 4mm; margin-top: 3mm;}
.native[data-design="ch4"] .identify-step{display: grid; grid-template-columns: 9mm 1fr; gap: 2.5mm; padding: 2.5mm 3mm; border-radius: 3mm; background: rgb(243, 248, 248); color: rgb(82, 99, 111); font-size: 9.4pt;}
.native[data-design="ch4"] .identify-step b{width: 8mm; height: 8mm; padding-top: 0.8mm; border-radius: 50%; background: rgb(45, 129, 123); color: rgb(255, 255, 255); text-align: center;}
.native[data-design="ch4"] .identify-step:last-child{grid-column: 1 / -1;}
.native[data-design="ch4"] .listening-meter-bank{display: flex; align-items: center; justify-content: center; gap: 4mm; margin: 3mm 0px 4mm; padding: 2.4mm 4mm; border-radius: 3mm; background: rgb(243, 248, 248); color: rgb(82, 99, 111); font-size: 10.2pt;}
.native[data-design="ch4"] .listening-meter-bank strong{color: rgb(45, 129, 123);}
.native[data-design="ch4"] .listening-meter-bank bdi{color: rgb(23, 63, 86); font-size: 11.3pt; font-weight: 700; letter-spacing: 0.2mm;}
.native[data-design="ch4"] .song-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; margin-top: 2mm;}
.native[data-design="ch4"] .song-card{display: grid; grid-template-columns: 28mm 1fr; min-height: 41mm; padding: 3mm; border: 1px solid rgb(207, 220, 222); border-radius: 4mm; background: rgb(255, 255, 255); direction: ltr; align-items: center; gap: 3mm; break-inside: avoid;}
.native[data-design="ch4"] .song-card img{display: block; width: 27mm; height: 27mm; image-rendering: pixelated;}
.native[data-design="ch4"] .song-card-content{direction: rtl; text-align: right; min-width: 0px;}
.native[data-design="ch4"] .song-card h3{margin: 0px 0px 0.8mm; color: rgb(23, 63, 86); font-size: 12.2pt; line-height: 1.22;}
.native[data-design="ch4"] .song-card h3 .song-number{color: rgb(45, 129, 123);}
.native[data-design="ch4"] .song-card .artist{margin: 0px 0px 1mm; color: rgb(102, 119, 133); font-size: 9.2pt; line-height: 1.25;}
.native[data-design="ch4"] .song-qr-link{display: block; width: 27mm; height: 27mm;}
.native[data-design="ch4"] .song-direct-link{display: inline-flex; align-items: center; gap: 1.2mm; margin: 0px 0px 1.8mm; padding: 0.8mm 2mm; border: 1px solid rgb(154, 203, 199); border-radius: 20mm; background: rgb(242, 249, 248); color: rgb(45, 129, 123); font-size: 8.8pt; font-weight: 700; line-height: 1; text-decoration: none;}
.native[data-design="ch4"] .song-card .speaker-icon{display: block; width: 4.3mm; height: 4.3mm; object-fit: contain;}
.native[data-design="ch4"] .song-answer{display: flex; align-items: flex-end; gap: 2mm; color: rgb(82, 99, 111); font-size: 9.3pt; white-space: nowrap;}
.native[data-design="ch4"] .song-answer::after{content: ""; flex: 1 1 auto; min-width: 18mm; border-bottom: 1px solid rgb(123, 137, 146); transform: translateY(-1.2mm);}
.native[data-design="ch4"] .listening-tip{margin: 3mm 0px 0px; padding: 2.5mm 4mm; border-right: 4px solid rgb(216, 154, 43); border-radius: 3mm 0px 0px 3mm; background: rgb(251, 248, 240); color: rgb(82, 99, 111); font-size: 9.7pt;}
.native[data-design="ch4"],.native[data-design="ch4"]{background: white !important;}
.native[data-design="ch4"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="ch4"] .page:first-of-type{break-before: auto !important;}
.native[data-design="ch4"] .page-number,.native[data-design="ch4"] .footer-label{display: none !important;}
.native[data-design="ch4"] .triplet-page,.native[data-design="ch4"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="ch6-intro"] *{box-sizing: border-box;}
.native[data-design="ch6-intro"],.native[data-design="ch6-intro"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-intro"]{direction: rtl; font-size: 12pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch6-intro"] .sheet{width: 210mm; height: 296.8mm; padding: 13mm 14mm 16mm; break-before: page; overflow: visible; position: relative;}
.native[data-design="ch6-intro"] .sheet:first-child{break-before: auto;}
.native[data-design="ch6-intro"] .content{height: 267mm; display: flow-root;}
.native[data-design="ch6-intro"] h1,.native[data-design="ch6-intro"] h2,.native[data-design="ch6-intro"] h3,.native[data-design="ch6-intro"] h4,.native[data-design="ch6-intro"] p,.native[data-design="ch6-intro"] figure{margin-top: 0px;}
.native[data-design="ch6-intro"] h1{font-size: 29pt; line-height: 1.12; margin-bottom: 4mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] h2{font-size: 22pt; line-height: 1.15; margin: 4mm 0px 2.5mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] h3{font-size: 16pt; line-height: 1.2; margin: 4mm 0px 2mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] h4{font-size: 13pt; margin: 3mm 0px 1.5mm; color: rgb(45, 129, 123);}
.native[data-design="ch6-intro"] p{margin-bottom: 2.5mm;}
.native[data-design="ch6-intro"] ul,.native[data-design="ch6-intro"] ol{margin: 1mm 0px 3mm; padding-right: 6mm;}
.native[data-design="ch6-intro"] li{margin: 0.6mm 0px;}
.native[data-design="ch6-intro"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] code,.native[data-design="ch6-intro"] bdi{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="ch6-intro"] code{font-size: 0.97em;}
.native[data-design="ch6-intro"] blockquote{padding: 3mm 4mm; margin: 3mm 0px; background: rgb(241, 246, 245); border-right: 3px solid rgb(45, 129, 123); font-size: 11pt;}
.native[data-design="ch6-intro"] table{width: 100%; border-collapse: collapse; margin: 3mm 0px 4mm; font-size: 11.5pt;}
.native[data-design="ch6-intro"] th{background: rgb(23, 63, 86); color: white;}
.native[data-design="ch6-intro"] td,.native[data-design="ch6-intro"] th{padding: 1.8mm; border: 1px solid rgb(202, 219, 219); text-align: center;}
.native[data-design="ch6-intro"] tr:nth-child(2n){background: rgb(243, 248, 247);}
.native[data-design="ch6-intro"] .illustration{margin: 3mm 0px 4mm; text-align: center;}
.native[data-design="ch6-intro"] .illustration img{width: 100%; height: auto; max-height: 193mm; object-fit: contain; display: block;}
.native[data-design="ch6-intro"] .illustration figcaption{font-size: 9pt; color: rgb(80, 99, 107); margin-top: 1mm;}
.native[data-design="ch6-intro"] .listen-grid{display: flex; flex-wrap: wrap; gap: 2mm; margin: 2mm 0px 4mm;}
.native[data-design="ch6-intro"] .listen{display: inline-flex; gap: 2mm; align-items: center; padding: 2.5mm 3.5mm; background: rgb(45, 129, 123); color: white; text-decoration: none; border-radius: 6mm; font-size: 10pt; font-weight: bold;}
.native[data-design="ch6-intro"] .listen img{width: 4.5mm; height: 4.5mm; filter: brightness(0) invert(1);}
.native[data-design="ch6-intro"] .play-icon{font-size: 13pt;}
.native[data-design="ch6-intro"] .section-intro{padding: 0px;}
.native[data-design="ch6-intro"] .intro-lead{font-size: 14pt; color: rgb(82, 107, 114);}
.native[data-design="ch6-intro"] .group{display: flow-root;}
.native[data-design="ch6-intro"] .small{font-size: 10.5pt; color: rgb(83, 100, 109);}
.native[data-design="ch6-intro"] .toc td{text-align: right; padding: 3mm;}
.native[data-design="ch6-intro"] .toc td:last-child{width: 22mm; text-align: center;}
.native[data-design="ch6-intro"] .toc a{color: rgb(23, 63, 86); text-decoration: none;}
.native[data-design="ch6-intro"] .opening{margin-top: 10mm;}
.native[data-design="ch6-intro"] .tone-figure{width: 100%; height: 77mm;}
.native[data-design="ch6-intro"] .tone-figure svg{height: 100%; width: 100%;}
.native[data-design="ch6-intro"] .check{border-top: 2px solid rgb(45, 129, 123); padding-top: 2mm;}
.native[data-design="ch6-intro"] .cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm;}
.native[data-design="ch6-intro"] .cards svg{width: 100%; height: auto;}
.native[data-design="ch6-intro"] .check h2{font-size: 19pt;}
.native[data-design="ch6-intro"] .cards .he{font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-intro"] .notation-symbol{line-height: 1; vertical-align: middle; font-family: Bravura, "Bravura Text", "Noto Music", serif !important; font-size: 20pt !important;}
.native[data-design="ch6-intro"] .he{font-family: "SF Hebrew", Arial, sans-serif; direction: rtl;}
.native[data-design="ch6-intro"] .navy{fill: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] .green{fill: rgb(45, 129, 123);}
.native[data-design="ch6-intro"] .white-key{fill: rgb(255, 255, 255); stroke: rgb(23, 63, 86); stroke-width: 4;}
.native[data-design="ch6-intro"] .black-key{fill: rgb(23, 63, 86);}
.native[data-design="ch6-intro"] .bracket{fill: none; stroke: rgb(45, 129, 123); stroke-width: 8; stroke-linecap: round; stroke-linejoin: round;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] *{box-sizing: border-box;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"],.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"]{margin: 0px; padding: 0px; background: rgb(255, 255, 255); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"]{direction: rtl; print-color-adjust: exact;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .page{width: 210mm; height: 297mm; padding: 12mm 8mm 13mm; position: relative; overflow: hidden; background: rgb(255, 255, 255);}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .page::before{content: ""; position: absolute; inset: 0px 0px auto; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .kicker{margin: 1.5mm 0px 0.5mm; color: rgb(45, 129, 123); font-size: 9.4pt; font-weight: 700;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] h1{margin: 0px 0px 2mm; color: rgb(23, 63, 86); font-size: 22pt; line-height: 1.08;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .instructions{margin: 0px 0px 1.5mm; padding: 2.3mm 3.5mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(52, 76, 92); font-size: 10.5pt; line-height: 1.35;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .instructions p{margin: 0px;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .key{margin-top: 1mm; color: rgb(82, 99, 111); font-size: 9.6pt;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .rows{direction: ltr; display: grid; grid-template-rows: repeat(8, 1fr); height: 219mm; gap: 0.8mm; margin-top: 0.5mm;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .staff-row{position: relative; margin: 0px; min-height: 0px; overflow: hidden;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .staff-row img{display: block; width: 100%; height: calc(100% - 17.3858px); margin-top: 4.6mm; object-fit: fill;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-grid{position: absolute; z-index: 3; top: 4.8mm; left: 8.35%; width: 90.65%; height: 4.7mm; display: grid; grid-template-columns: repeat(4, 1fr); direction: ltr;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-cell{position: relative; min-width: 0px;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-lines{position: absolute; right: 0.7mm; bottom: 0.25mm; left: 0.7mm; height: 4.15mm; display: flex; align-items: flex-end; direction: rtl; gap: 0.8mm;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-part{position: relative; height: 2.8mm;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-part::after{content: ""; position: absolute; right: 0px; bottom: -0.6mm; left: 0px; border-bottom: 1px solid rgb(0, 0, 0);}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .interval-number{width: 20%;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .interval-name{width: 43%;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .tone-number{width: 30%;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-value{position: absolute; z-index: 1; right: 0px; bottom: -0.2mm; left: 0px; color: rgb(45, 129, 123); direction: rtl; text-align: center; white-space: nowrap; font-size: 8.6pt; font-weight: 800; line-height: 1;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .answer-label{position: absolute; z-index: 1; right: -1.2mm; bottom: 2.9mm; left: -1.2mm; color: rgb(0, 0, 0); direction: rtl; text-align: center; white-space: nowrap; font-size: 6.8pt; font-weight: 700; line-height: 0.95;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .bass-notice{position: absolute; z-index: 5; top: 7mm; left: 0.5mm; padding: 0.2mm 1mm; border-radius: 1mm; background: rgba(255, 255, 255, 0.94); color: rgb(45, 129, 123); direction: rtl; font-size: 7.7pt; font-weight: 800; line-height: 1.1;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .footer-label{position: absolute; right: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 8.4pt;}
.native[data-design="פרק 06 - תרגול 01 - זיהוי שם המרווח ומספר הטונים"] .page-number{position: absolute; left: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch6-quality"] *{box-sizing: border-box;}
.native[data-design="ch6-quality"],.native[data-design="ch6-quality"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-quality"]{direction: rtl; font-size: 12pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch6-quality"] .sheet{width: 210mm; height: 296.8mm; padding: 13mm 14mm 16mm; break-before: page; overflow: visible; position: relative;}
.native[data-design="ch6-quality"] .sheet:first-child{break-before: auto;}
.native[data-design="ch6-quality"] .content{height: 267mm; display: flow-root;}
.native[data-design="ch6-quality"] h1,.native[data-design="ch6-quality"] h2,.native[data-design="ch6-quality"] h3,.native[data-design="ch6-quality"] h4,.native[data-design="ch6-quality"] p,.native[data-design="ch6-quality"] figure{margin-top: 0px;}
.native[data-design="ch6-quality"] h1{font-size: 29pt; line-height: 1.12; margin-bottom: 4mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-quality"] h2{font-size: 22pt; line-height: 1.15; margin: 4mm 0px 2.5mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-quality"] h3{font-size: 16pt; line-height: 1.2; margin: 4mm 0px 2mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-quality"] h4{font-size: 13pt; margin: 3mm 0px 1.5mm; color: rgb(45, 129, 123);}
.native[data-design="ch6-quality"] p{margin-bottom: 2.5mm;}
.native[data-design="ch6-quality"] ul,.native[data-design="ch6-quality"] ol{margin: 1mm 0px 3mm; padding-right: 6mm;}
.native[data-design="ch6-quality"] li{margin: 0.6mm 0px;}
.native[data-design="ch6-quality"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch6-quality"] code,.native[data-design="ch6-quality"] bdi{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="ch6-quality"] code{font-size: 0.97em;}
.native[data-design="ch6-quality"] blockquote{padding: 3mm 4mm; margin: 3mm 0px; background: rgb(241, 246, 245); border-right: 3px solid rgb(45, 129, 123); font-size: 11pt;}
.native[data-design="ch6-quality"] table{width: 100%; border-collapse: collapse; margin: 3mm 0px 4mm; font-size: 11.5pt;}
.native[data-design="ch6-quality"] th{background: rgb(23, 63, 86); color: white;}
.native[data-design="ch6-quality"] td,.native[data-design="ch6-quality"] th{padding: 1.8mm; border: 1px solid rgb(202, 219, 219); text-align: center;}
.native[data-design="ch6-quality"] tr:nth-child(2n){background: rgb(243, 248, 247);}
.native[data-design="ch6-quality"] .illustration{margin: 3mm 0px 4mm; text-align: center;}
.native[data-design="ch6-quality"] .illustration img{width: 100%; height: auto; max-height: 193mm; object-fit: contain; display: block;}
.native[data-design="ch6-quality"] .illustration figcaption{font-size: 9pt; color: rgb(80, 99, 107); margin-top: 1mm;}
.native[data-design="ch6-quality"] .listen-grid{display: flex; flex-wrap: wrap; gap: 2mm; margin: 2mm 0px 4mm;}
.native[data-design="ch6-quality"] .listen{display: inline-flex; gap: 2mm; align-items: center; padding: 2.5mm 3.5mm; background: rgb(45, 129, 123); color: white; text-decoration: none; border-radius: 6mm; font-size: 10pt; font-weight: bold;}
.native[data-design="ch6-quality"] .listen img{width: 4.5mm; height: 4.5mm; filter: brightness(0) invert(1);}
.native[data-design="ch6-quality"] .play-icon{font-size: 13pt;}
.native[data-design="ch6-quality"] .section-intro{padding: 0px;}
.native[data-design="ch6-quality"] .intro-lead{font-size: 14pt; color: rgb(82, 107, 114);}
.native[data-design="ch6-quality"] .group{display: flow-root;}
.native[data-design="ch6-quality"] .small{font-size: 10.5pt; color: rgb(83, 100, 109);}
.native[data-design="ch6-quality"] .toc td{text-align: right; padding: 3mm;}
.native[data-design="ch6-quality"] .toc td:last-child{width: 22mm; text-align: center;}
.native[data-design="ch6-quality"] .toc a{color: rgb(23, 63, 86); text-decoration: none;}
.native[data-design="ch6-quality"] .opening{margin-top: 10mm;}
.native[data-design="ch6-quality"] .tone-figure{width: 100%; height: 77mm;}
.native[data-design="ch6-quality"] .tone-figure svg{height: 100%; width: 100%;}
.native[data-design="ch6-quality"] .check{border-top: 2px solid rgb(45, 129, 123); padding-top: 2mm;}
.native[data-design="ch6-quality"] .cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm;}
.native[data-design="ch6-quality"] .cards svg{width: 100%; height: auto;}
.native[data-design="ch6-quality"] .check h2{font-size: 19pt;}
.native[data-design="ch6-quality"] .cards .he{font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-quality"] .notation-symbol{line-height: 1; vertical-align: middle; font-family: Bravura, "Bravura Text", "Noto Music", serif !important; font-size: 20pt !important;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] *{box-sizing: border-box;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"],.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"]{margin: 0px; padding: 0px; background: rgb(255, 255, 255); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"]{direction: rtl; print-color-adjust: exact;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .page{width: 210mm; height: 296.5mm; padding: 12mm 8mm 13mm; position: relative; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .page:last-child{break-after: auto;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .page::before{content: ""; position: absolute; inset: 0px 0px auto; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .kicker{margin: 1.5mm 0px 0.5mm; color: rgb(45, 129, 123); font-size: 9.4pt; font-weight: 700;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] h1{margin: 0px 0px 2mm; color: rgb(23, 63, 86); font-size: 21pt; line-height: 1.08;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .instructions{margin: 0px 0px 1.5mm; padding: 2mm 3.5mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(52, 76, 92); font-size: 10pt; line-height: 1.3;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .instructions p{margin: 0px;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .key{color: rgb(82, 99, 111); font-size: 9.1pt; margin-top: 0.8mm !important;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .score-wrap{direction: ltr; position: relative; width: 100%; height: 216.5mm; margin: 3.5mm 0px 0px; overflow: visible;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .continuation .score-wrap{margin-top: 20mm;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .score-svg{display: block; width: 100%; height: 216.5mm;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .score-svg > svg{display: block; width: 100%; height: 216.5mm;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-rows{position: absolute; z-index: 3; inset: 0px; direction: ltr;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-row{position: absolute; right: 0px; left: 0px; height: 0px;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-grid{position: absolute; z-index: 3; top: -3.2mm; left: 4.3%; width: 90.65%; height: 4.7mm; display: grid; grid-template-columns: repeat(4, 1fr); direction: ltr;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-cell{position: relative; min-width: 0px;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-lines{position: absolute; right: 0.7mm; bottom: 0.25mm; left: 0.7mm; height: 4.15mm; display: flex; align-items: flex-end; direction: rtl; gap: 1mm;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-part{position: relative; height: 2.8mm;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-part::after{content: ""; position: absolute; right: 0px; bottom: -0.6mm; left: 0px; border-bottom: 1px solid rgb(0, 0, 0);}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .full-name{width: 68%;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .notation{width: 27%;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-value{position: absolute; z-index: 1; right: 0px; bottom: -0.2mm; left: 0px; color: rgb(45, 129, 123); direction: rtl; text-align: center; white-space: nowrap; font-size: 8.3pt; font-weight: 800; line-height: 1;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] bdi.answer-value{direction: ltr;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .answer-label{position: absolute; z-index: 1; right: -1mm; bottom: 2.9mm; left: -1mm; color: rgb(0, 0, 0); direction: rtl; text-align: center; white-space: nowrap; font-size: 6.7pt; font-weight: 700; line-height: 0.95;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .student .answer-value.solution:not(.example){visibility: hidden;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .teacher .answer-label{visibility: hidden;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .bass-notice{position: absolute; z-index: 5; top: 3.6mm; left: 4mm; padding: 0.2mm 0.45mm; border-radius: 0.8mm; background: rgba(255, 255, 255, 0.97); color: rgb(45, 129, 123); direction: rtl; font-size: 7.2pt; font-weight: 800; line-height: 1.05; white-space: nowrap;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .footer-label{position: absolute; right: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 8.4pt;}
.native[data-design="פרק 06 - תרגול 04 - זיהוי מרווחים מלא"] .page-number{position: absolute; left: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch6-double"] *{box-sizing: border-box;}
.native[data-design="ch6-double"],.native[data-design="ch6-double"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-double"]{direction: rtl; font-size: 12pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch6-double"] .sheet{width: 210mm; height: 296.8mm; padding: 13mm 14mm 16mm; break-before: page; overflow: visible; position: relative;}
.native[data-design="ch6-double"] .sheet:first-child{break-before: auto;}
.native[data-design="ch6-double"] .content{height: 267mm; display: flow-root;}
.native[data-design="ch6-double"] h1,.native[data-design="ch6-double"] h2,.native[data-design="ch6-double"] h3,.native[data-design="ch6-double"] h4,.native[data-design="ch6-double"] p,.native[data-design="ch6-double"] figure{margin-top: 0px;}
.native[data-design="ch6-double"] h1{font-size: 29pt; line-height: 1.12; margin-bottom: 4mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-double"] h2{font-size: 22pt; line-height: 1.15; margin: 4mm 0px 2.5mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-double"] h3{font-size: 16pt; line-height: 1.2; margin: 4mm 0px 2mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-double"] h4{font-size: 13pt; margin: 3mm 0px 1.5mm; color: rgb(45, 129, 123);}
.native[data-design="ch6-double"] p{margin-bottom: 2.5mm;}
.native[data-design="ch6-double"] ul,.native[data-design="ch6-double"] ol{margin: 1mm 0px 3mm; padding-right: 6mm;}
.native[data-design="ch6-double"] li{margin: 0.6mm 0px;}
.native[data-design="ch6-double"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch6-double"] code,.native[data-design="ch6-double"] bdi{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="ch6-double"] code{font-size: 0.97em;}
.native[data-design="ch6-double"] blockquote{padding: 3mm 4mm; margin: 3mm 0px; background: rgb(241, 246, 245); border-right: 3px solid rgb(45, 129, 123); font-size: 11pt;}
.native[data-design="ch6-double"] table{width: 100%; border-collapse: collapse; margin: 3mm 0px 4mm; font-size: 11.5pt;}
.native[data-design="ch6-double"] th{background: rgb(23, 63, 86); color: white;}
.native[data-design="ch6-double"] td,.native[data-design="ch6-double"] th{padding: 1.8mm; border: 1px solid rgb(202, 219, 219); text-align: center;}
.native[data-design="ch6-double"] tr:nth-child(2n){background: rgb(243, 248, 247);}
.native[data-design="ch6-double"] .illustration{margin: 3mm 0px 4mm; text-align: center;}
.native[data-design="ch6-double"] .illustration img{width: 100%; height: auto; max-height: 193mm; object-fit: contain; display: block;}
.native[data-design="ch6-double"] .illustration figcaption{font-size: 9pt; color: rgb(80, 99, 107); margin-top: 1mm;}
.native[data-design="ch6-double"] .listen-grid{display: flex; flex-wrap: wrap; gap: 2mm; margin: 2mm 0px 4mm;}
.native[data-design="ch6-double"] .listen{display: inline-flex; gap: 2mm; align-items: center; padding: 2.5mm 3.5mm; background: rgb(45, 129, 123); color: white; text-decoration: none; border-radius: 6mm; font-size: 10pt; font-weight: bold;}
.native[data-design="ch6-double"] .listen img{width: 4.5mm; height: 4.5mm; filter: brightness(0) invert(1);}
.native[data-design="ch6-double"] .play-icon{font-size: 13pt;}
.native[data-design="ch6-double"] .section-intro{padding: 0px;}
.native[data-design="ch6-double"] .intro-lead{font-size: 14pt; color: rgb(82, 107, 114);}
.native[data-design="ch6-double"] .group{display: flow-root;}
.native[data-design="ch6-double"] .small{font-size: 10.5pt; color: rgb(83, 100, 109);}
.native[data-design="ch6-double"] .toc td{text-align: right; padding: 3mm;}
.native[data-design="ch6-double"] .toc td:last-child{width: 22mm; text-align: center;}
.native[data-design="ch6-double"] .toc a{color: rgb(23, 63, 86); text-decoration: none;}
.native[data-design="ch6-double"] .opening{margin-top: 10mm;}
.native[data-design="ch6-double"] .tone-figure{width: 100%; height: 77mm;}
.native[data-design="ch6-double"] .tone-figure svg{height: 100%; width: 100%;}
.native[data-design="ch6-double"] .check{border-top: 2px solid rgb(45, 129, 123); padding-top: 2mm;}
.native[data-design="ch6-double"] .cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm;}
.native[data-design="ch6-double"] .cards svg{width: 100%; height: auto;}
.native[data-design="ch6-double"] .check h2{font-size: 19pt;}
.native[data-design="ch6-double"] .cards .he{font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-double"] .notation-symbol{line-height: 1; vertical-align: middle; font-family: Bravura, "Bravura Text", "Noto Music", serif !important; font-size: 20pt !important;}
.native[data-design="ch6-augmented"] *{box-sizing: border-box;}
.native[data-design="ch6-augmented"],.native[data-design="ch6-augmented"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-augmented"]{direction: rtl; font-size: 12pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch6-augmented"] .sheet{width: 210mm; height: 296.8mm; padding: 13mm 14mm 16mm; break-before: page; overflow: visible; position: relative;}
.native[data-design="ch6-augmented"] .sheet:first-child{break-before: auto;}
.native[data-design="ch6-augmented"] .content{height: 267mm; display: flow-root;}
.native[data-design="ch6-augmented"] h1,.native[data-design="ch6-augmented"] h2,.native[data-design="ch6-augmented"] h3,.native[data-design="ch6-augmented"] h4,.native[data-design="ch6-augmented"] p,.native[data-design="ch6-augmented"] figure{margin-top: 0px;}
.native[data-design="ch6-augmented"] h1{font-size: 29pt; line-height: 1.12; margin-bottom: 4mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-augmented"] h2{font-size: 22pt; line-height: 1.15; margin: 4mm 0px 2.5mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-augmented"] h3{font-size: 16pt; line-height: 1.2; margin: 4mm 0px 2mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-augmented"] h4{font-size: 13pt; margin: 3mm 0px 1.5mm; color: rgb(45, 129, 123);}
.native[data-design="ch6-augmented"] p{margin-bottom: 2.5mm;}
.native[data-design="ch6-augmented"] ul,.native[data-design="ch6-augmented"] ol{margin: 1mm 0px 3mm; padding-right: 6mm;}
.native[data-design="ch6-augmented"] li{margin: 0.6mm 0px;}
.native[data-design="ch6-augmented"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch6-augmented"] code,.native[data-design="ch6-augmented"] bdi{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="ch6-augmented"] code{font-size: 0.97em;}
.native[data-design="ch6-augmented"] blockquote{padding: 3mm 4mm; margin: 3mm 0px; background: rgb(241, 246, 245); border-right: 3px solid rgb(45, 129, 123); font-size: 11pt;}
.native[data-design="ch6-augmented"] table{width: 100%; border-collapse: collapse; margin: 3mm 0px 4mm; font-size: 11.5pt;}
.native[data-design="ch6-augmented"] th{background: rgb(23, 63, 86); color: white;}
.native[data-design="ch6-augmented"] td,.native[data-design="ch6-augmented"] th{padding: 1.8mm; border: 1px solid rgb(202, 219, 219); text-align: center;}
.native[data-design="ch6-augmented"] tr:nth-child(2n){background: rgb(243, 248, 247);}
.native[data-design="ch6-augmented"] .illustration{margin: 3mm 0px 4mm; text-align: center;}
.native[data-design="ch6-augmented"] .illustration img{width: 100%; height: auto; max-height: 193mm; object-fit: contain; display: block;}
.native[data-design="ch6-augmented"] .illustration figcaption{font-size: 9pt; color: rgb(80, 99, 107); margin-top: 1mm;}
.native[data-design="ch6-augmented"] .listen-grid{display: flex; flex-wrap: wrap; gap: 2mm; margin: 2mm 0px 4mm;}
.native[data-design="ch6-augmented"] .listen{display: inline-flex; gap: 2mm; align-items: center; padding: 2.5mm 3.5mm; background: rgb(45, 129, 123); color: white; text-decoration: none; border-radius: 6mm; font-size: 10pt; font-weight: bold;}
.native[data-design="ch6-augmented"] .listen img{width: 4.5mm; height: 4.5mm; filter: brightness(0) invert(1);}
.native[data-design="ch6-augmented"] .play-icon{font-size: 13pt;}
.native[data-design="ch6-augmented"] .section-intro{padding: 0px;}
.native[data-design="ch6-augmented"] .intro-lead{font-size: 14pt; color: rgb(82, 107, 114);}
.native[data-design="ch6-augmented"] .group{display: flow-root;}
.native[data-design="ch6-augmented"] .small{font-size: 10.5pt; color: rgb(83, 100, 109);}
.native[data-design="ch6-augmented"] .toc td{text-align: right; padding: 3mm;}
.native[data-design="ch6-augmented"] .toc td:last-child{width: 22mm; text-align: center;}
.native[data-design="ch6-augmented"] .toc a{color: rgb(23, 63, 86); text-decoration: none;}
.native[data-design="ch6-augmented"] .opening{margin-top: 10mm;}
.native[data-design="ch6-augmented"] .tone-figure{width: 100%; height: 77mm;}
.native[data-design="ch6-augmented"] .tone-figure svg{height: 100%; width: 100%;}
.native[data-design="ch6-augmented"] .check{border-top: 2px solid rgb(45, 129, 123); padding-top: 2mm;}
.native[data-design="ch6-augmented"] .cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm;}
.native[data-design="ch6-augmented"] .cards svg{width: 100%; height: auto;}
.native[data-design="ch6-augmented"] .check h2{font-size: 19pt;}
.native[data-design="ch6-augmented"] .cards .he{font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-augmented"] .notation-symbol{line-height: 1; vertical-align: middle; font-family: Bravura, "Bravura Text", "Noto Music", serif !important; font-size: 20pt !important;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] *{box-sizing: border-box;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"],.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"]{margin: 0px; padding: 0px; background: rgb(255, 255, 255); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"]{direction: rtl; print-color-adjust: exact;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .page{width: 210mm; height: 296.5mm; padding: 12mm 8mm 13mm; position: relative; overflow: hidden; background: rgb(255, 255, 255); break-after: page;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .page:last-child{break-after: auto;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .page::before{content: ""; position: absolute; inset: 0px 0px auto; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .kicker{margin: 1.5mm 0px 0.5mm; color: rgb(45, 129, 123); font-size: 9.4pt; font-weight: 700;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] h1{margin: 0px 0px 2mm; color: rgb(23, 63, 86); font-size: 21pt; line-height: 1.08;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .instructions{margin: 0px 0px 1.5mm; padding: 2mm 3.5mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(52, 76, 92); font-size: 10pt; line-height: 1.3;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .instructions p{margin: 0px;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .key{color: rgb(82, 99, 111); font-size: 9.1pt; margin-top: 0.8mm !important;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .score-wrap{direction: ltr; position: relative; width: 100%; height: 216.5mm; margin: 3.5mm 0px 0px; overflow: visible;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .continuation .score-wrap{margin-top: 20mm;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .score-svg{display: block; width: 100%; height: 216.5mm;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .score-svg > svg{display: block; width: 100%; height: 216.5mm;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-rows{position: absolute; z-index: 3; inset: 0px; direction: ltr;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-row{position: absolute; right: 0px; left: 0px; height: 0px;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-grid{position: absolute; z-index: 3; top: -3.2mm; left: 4.3%; width: 90.65%; height: 4.7mm; display: grid; grid-template-columns: repeat(4, 1fr); direction: ltr;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-cell{position: relative; min-width: 0px;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-lines{position: absolute; right: 0.7mm; bottom: 0.25mm; left: 0.7mm; height: 4.15mm; display: flex; align-items: flex-end; direction: rtl; gap: 1mm;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-part{position: relative; height: 2.8mm;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-part::after{content: ""; position: absolute; right: 0px; bottom: -0.6mm; left: 0px; border-bottom: 1px solid rgb(0, 0, 0);}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .full-name{width: 68%;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .notation{width: 27%;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-value{position: absolute; z-index: 1; right: 0px; bottom: -0.2mm; left: 0px; color: rgb(45, 129, 123); direction: rtl; text-align: center; white-space: nowrap; font-size: 8.3pt; font-weight: 800; line-height: 1;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] bdi.answer-value{direction: ltr;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .answer-label{position: absolute; z-index: 1; right: -1mm; bottom: 2.9mm; left: -1mm; color: rgb(0, 0, 0); direction: rtl; text-align: center; white-space: nowrap; font-size: 6.7pt; font-weight: 700; line-height: 0.95;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .student .answer-value.solution:not(.example){visibility: hidden;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .teacher .answer-label{visibility: hidden;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .bass-notice{position: absolute; z-index: 5; top: 3.6mm; left: 4mm; padding: 0.2mm 0.45mm; border-radius: 0.8mm; background: rgba(255, 255, 255, 0.97); color: rgb(45, 129, 123); direction: rtl; font-size: 7.2pt; font-weight: 800; line-height: 1.05; white-space: nowrap;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .footer-label{position: absolute; right: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 8.4pt;}
.native[data-design="פרק 06 - תרגול 06 - זיהוי מרווחים - תרגיל מסכם"] .page-number{position: absolute; left: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 9pt;}
.native[data-design="ch6-complements"] *{box-sizing: border-box;}
.native[data-design="ch6-complements"],.native[data-design="ch6-complements"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-complements"]{direction: rtl; font-size: 12pt; line-height: 1.43; print-color-adjust: exact;}
.native[data-design="ch6-complements"] .sheet{width: 210mm; height: 296.8mm; padding: 13mm 14mm 16mm; break-before: page; overflow: visible; position: relative;}
.native[data-design="ch6-complements"] .sheet:first-child{break-before: auto;}
.native[data-design="ch6-complements"] .content{height: 267mm; display: flow-root;}
.native[data-design="ch6-complements"] h1,.native[data-design="ch6-complements"] h2,.native[data-design="ch6-complements"] h3,.native[data-design="ch6-complements"] h4,.native[data-design="ch6-complements"] p,.native[data-design="ch6-complements"] figure{margin-top: 0px;}
.native[data-design="ch6-complements"] h1{font-size: 29pt; line-height: 1.12; margin-bottom: 4mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-complements"] h2{font-size: 22pt; line-height: 1.15; margin: 4mm 0px 2.5mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-complements"] h3{font-size: 16pt; line-height: 1.2; margin: 4mm 0px 2mm; color: rgb(23, 63, 86);}
.native[data-design="ch6-complements"] h4{font-size: 13pt; margin: 3mm 0px 1.5mm; color: rgb(45, 129, 123);}
.native[data-design="ch6-complements"] p{margin-bottom: 2.5mm;}
.native[data-design="ch6-complements"] ul,.native[data-design="ch6-complements"] ol{margin: 1mm 0px 3mm; padding-right: 6mm;}
.native[data-design="ch6-complements"] li{margin: 0.6mm 0px;}
.native[data-design="ch6-complements"] strong{color: rgb(23, 63, 86);}
.native[data-design="ch6-complements"] code,.native[data-design="ch6-complements"] bdi{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="ch6-complements"] code{font-size: 0.97em;}
.native[data-design="ch6-complements"] blockquote{padding: 3mm 4mm; margin: 3mm 0px; background: rgb(241, 246, 245); border-right: 3px solid rgb(45, 129, 123); font-size: 11pt;}
.native[data-design="ch6-complements"] table{width: 100%; border-collapse: collapse; margin: 3mm 0px 4mm; font-size: 11.5pt;}
.native[data-design="ch6-complements"] th{background: rgb(23, 63, 86); color: white;}
.native[data-design="ch6-complements"] td,.native[data-design="ch6-complements"] th{padding: 1.8mm; border: 1px solid rgb(202, 219, 219); text-align: center;}
.native[data-design="ch6-complements"] tr:nth-child(2n){background: rgb(243, 248, 247);}
.native[data-design="ch6-complements"] .illustration{margin: 3mm 0px 4mm; text-align: center;}
.native[data-design="ch6-complements"] .illustration img{width: 100%; height: auto; max-height: 193mm; object-fit: contain; display: block;}
.native[data-design="ch6-complements"] .illustration figcaption{font-size: 9pt; color: rgb(80, 99, 107); margin-top: 1mm;}
.native[data-design="ch6-complements"] .listen-grid{display: flex; flex-wrap: wrap; gap: 2mm; margin: 2mm 0px 4mm;}
.native[data-design="ch6-complements"] .listen{display: inline-flex; gap: 2mm; align-items: center; padding: 2.5mm 3.5mm; background: rgb(45, 129, 123); color: white; text-decoration: none; border-radius: 6mm; font-size: 10pt; font-weight: bold;}
.native[data-design="ch6-complements"] .listen img{width: 4.5mm; height: 4.5mm; filter: brightness(0) invert(1);}
.native[data-design="ch6-complements"] .play-icon{font-size: 13pt;}
.native[data-design="ch6-complements"] .section-intro{padding: 0px;}
.native[data-design="ch6-complements"] .intro-lead{font-size: 14pt; color: rgb(82, 107, 114);}
.native[data-design="ch6-complements"] .group{display: flow-root;}
.native[data-design="ch6-complements"] .small{font-size: 10.5pt; color: rgb(83, 100, 109);}
.native[data-design="ch6-complements"] .toc td{text-align: right; padding: 3mm;}
.native[data-design="ch6-complements"] .toc td:last-child{width: 22mm; text-align: center;}
.native[data-design="ch6-complements"] .toc a{color: rgb(23, 63, 86); text-decoration: none;}
.native[data-design="ch6-complements"] .opening{margin-top: 10mm;}
.native[data-design="ch6-complements"] .tone-figure{width: 100%; height: 77mm;}
.native[data-design="ch6-complements"] .tone-figure svg{height: 100%; width: 100%;}
.native[data-design="ch6-complements"] .check{border-top: 2px solid rgb(45, 129, 123); padding-top: 2mm;}
.native[data-design="ch6-complements"] .cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm;}
.native[data-design="ch6-complements"] .cards svg{width: 100%; height: auto;}
.native[data-design="ch6-complements"] .check h2{font-size: 19pt;}
.native[data-design="ch6-complements"] .cards .he{font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="ch6-complements"] .notation-symbol{line-height: 1; vertical-align: middle; font-family: Bravura, "Bravura Text", "Noto Music", serif !important; font-size: 20pt !important;}
.native[data-design="keyboard-fifths"] *{box-sizing: border-box;}
.native[data-design="keyboard-fifths"],.native[data-design="keyboard-fifths"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 63, 86); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="keyboard-fifths"] .page{width: 194mm; height: 281mm; display: flex; flex-direction: column; gap: 4mm; overflow: hidden;}
.native[data-design="keyboard-fifths"] .figure{width: 100%; height: auto; object-fit: contain; display: block;}
.native[data-design="keyboard-fifths"] .practice{border: 1.3mm solid rgb(45, 129, 123); border-radius: 5mm; background: rgb(241, 248, 247); padding: 4.3mm 5.5mm 4.5mm; position: relative; min-height: 72mm;}
.native[data-design="keyboard-fifths"] .practice h2{margin: 0px 0px 2.2mm; font-size: 19pt; line-height: 1.05;}
.native[data-design="keyboard-fifths"] .practice p{margin: 0px; font-size: 12.9pt; line-height: 1.38; max-width: 151mm;}
.native[data-design="keyboard-fifths"] .practice ol{margin: 2.2mm 0px 0px; padding-right: 6mm; font-size: 12.4pt; line-height: 1.35; max-width: 151mm;}
.native[data-design="keyboard-fifths"] .practice li{margin: 0px 0px 1.2mm;}
.native[data-design="keyboard-fifths"] .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="keyboard-fifths"] .listen{position: absolute; left: 5.5mm; bottom: 5.3mm; display: inline-flex; align-items: center; gap: 2mm; color: white; background: rgb(45, 129, 123); border-radius: 20mm; padding: 2.8mm 5mm; font-size: 12.5pt; font-weight: 800; text-decoration: none; direction: rtl;}
.native[data-design="keyboard-fifths"] .icon{font-size: 15pt;}
.native[data-design="keyboard-fifths"],.native[data-design="keyboard-fifths"]{background: white !important;}
.native[data-design="keyboard-fifths"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="keyboard-fifths"] .page:first-of-type{break-before: auto !important;}
.native[data-design="keyboard-fifths"] .page-number,.native[data-design="keyboard-fifths"] .footer-label{display: none !important;}
.native[data-design="keyboard-fifths"] .triplet-page,.native[data-design="keyboard-fifths"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="keyboard-fifths"] .page{width: 210mm !important; padding: 8mm !important;}
.native[data-design="keyboard-fourths"] *{box-sizing: border-box;}
.native[data-design="keyboard-fourths"],.native[data-design="keyboard-fourths"]{margin: 0px; padding: 0px; background: white; color: rgb(23, 63, 86); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="keyboard-fourths"] .page{width: 194mm; height: 281mm; display: flex; flex-direction: column; gap: 4mm; overflow: hidden;}
.native[data-design="keyboard-fourths"] .figure{width: 100%; height: auto; object-fit: contain; display: block;}
.native[data-design="keyboard-fourths"] .practice{border: 1.3mm solid rgb(45, 129, 123); border-radius: 5mm; background: rgb(241, 248, 247); padding: 4.3mm 5.5mm 4.5mm; position: relative; min-height: 72mm;}
.native[data-design="keyboard-fourths"] .practice h2{margin: 0px 0px 2.2mm; font-size: 19pt; line-height: 1.05;}
.native[data-design="keyboard-fourths"] .practice p{margin: 0px; font-size: 12.9pt; line-height: 1.38; max-width: 151mm;}
.native[data-design="keyboard-fourths"] .practice ol{margin: 2.2mm 0px 0px; padding-right: 6mm; font-size: 12.4pt; line-height: 1.35; max-width: 151mm;}
.native[data-design="keyboard-fourths"] .practice li{margin: 0px 0px 1.2mm;}
.native[data-design="keyboard-fourths"] .ltr{direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: Arial, sans-serif;}
.native[data-design="keyboard-fourths"] .listen{position: absolute; left: 5.5mm; bottom: 5.3mm; display: inline-flex; align-items: center; gap: 2mm; color: white; background: rgb(45, 129, 123); border-radius: 20mm; padding: 2.8mm 5mm; font-size: 12.5pt; font-weight: 800; text-decoration: none; direction: rtl;}
.native[data-design="keyboard-fourths"] .icon{font-size: 15pt;}
.native[data-design="keyboard-fourths"],.native[data-design="keyboard-fourths"]{background: white !important;}
.native[data-design="keyboard-fourths"] .page{margin: 0px !important; height: 296.8mm !important; break-before: page !important; break-after: auto !important;}
.native[data-design="keyboard-fourths"] .page:first-of-type{break-before: auto !important;}
.native[data-design="keyboard-fourths"] .page-number,.native[data-design="keyboard-fourths"] .footer-label{display: none !important;}
.native[data-design="keyboard-fourths"] .triplet-page,.native[data-design="keyboard-fourths"] .syncopation-page{padding-top: 14mm !important;}
.native[data-design="keyboard-fourths"] .page{width: 210mm !important; padding: 8mm !important;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] *{box-sizing: border-box;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"],.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"]{margin: 0px; padding: 0px; background: rgb(255, 255, 255); color: rgb(23, 37, 54); font-family: "SF Hebrew", Arial, sans-serif;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"]{direction: rtl; print-color-adjust: exact;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .page{width: 210mm; height: 296.5mm; padding: 12mm 8mm 13mm; position: relative; overflow: hidden;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .page::before{content: ""; position: absolute; inset: 0px 0px auto; height: 5mm; background: linear-gradient(90deg, rgb(45, 129, 123) 0px, rgb(45, 129, 123) 34%, rgb(23, 63, 86) 34%, rgb(23, 63, 86) 100%);}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .kicker{margin: 1.5mm 0px 0.7mm; color: rgb(45, 129, 123); font-size: 11.4pt; font-weight: 750;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] h1{margin: 0px 0px 2mm; color: rgb(23, 63, 86); font-size: 26pt; line-height: 1.06;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .intro{margin: 0px; padding: 3mm 4mm; border-right: 4px solid rgb(45, 129, 123); border-radius: 3mm 0px 0px 3mm; background: rgb(243, 248, 248); color: rgb(52, 76, 92); font-size: 13pt; line-height: 1.45;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements-block{margin: 3.5mm 0px 0px; padding: 3.5mm 4.5mm 3mm; border: 1px solid rgb(203, 220, 221); border-radius: 2.6mm; background: rgb(255, 255, 255);}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements-block h2{margin: 0px 0px 2.2mm; color: rgb(23, 63, 86); font-size: 17pt;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements{margin: 0px; padding: 0px 6mm 0px 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 1.8mm 8mm; color: rgb(36, 59, 74); font-size: 12.4pt; line-height: 1.42;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements li{padding-right: 0.6mm;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements .wide{grid-column: 1 / -1;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .requirements strong{color: rgb(45, 129, 123);}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .after-writing{margin: 2.6mm 0px 0px; padding-top: 2.2mm; border-top: 1px solid rgb(215, 226, 228); color: rgb(52, 76, 92); font-size: 11.8pt; font-weight: 700; line-height: 1.4;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .score-heading{margin: 4.5mm 0px 0.5mm; color: rgb(23, 63, 86); font-size: 16.2pt; font-weight: 800;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .score{direction: ltr; width: 100%; height: 96mm; display: flex; align-items: flex-start; overflow: hidden;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .score > svg{display: block; width: 100%; height: auto; max-height: 96mm;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .footer-label{position: absolute; right: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 8.4pt;}
.native[data-design="פרק 06 - תרגול 11 - משימת הלחנה מסכמת"] .page-number{position: absolute; left: 8mm; bottom: 6mm; color: rgb(102, 119, 133); font-size: 9pt;}
@scope (.native[data-chapter="8"]) {

*{box-sizing:border-box}:scope{margin:0;padding:0}
:scope{font-family:"SF Hebrew",Arial,sans-serif;font-size:12pt;line-height:1.38;color:#172536;direction:rtl;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.page{width:210mm;height:297mm;position:relative;padding:13mm 13mm 16mm;break-after:page;background:white}
.page:last-child{break-after:auto}.content{height:265mm;overflow:visible}
.topband{position:absolute;top:0;left:0;width:100%;height:5mm;background:linear-gradient(to right,#2d817b 34%,#173f56 34%)}
.running{font-size:9pt;color:#2d817b;font-weight:700;margin:0 0 4mm;line-height:1.1}
h1{font-size:28pt;line-height:1.1;margin:0 0 4mm;color:#173f56}
h2{font-size:20pt;line-height:1.17;margin:5mm 0 3mm;color:#173f56;text-align:right}
h3{font-size:14pt;line-height:1.25;color:#2d817b;margin:3mm 0 2mm}
p{margin:0 0 2mm;text-align:right;unicode-bidi:plaintext}
strong{color:#173f56}ul,ol{margin:1mm 0 3mm;padding-right:6mm}li{margin:0 0 1.2mm}
code{font-family:Arial,sans-serif;font-size:.98em;direction:ltr;unicode-bidi:isolate;display:inline-block;color:#173f56;background:#eff5f6;padding:0 .6mm;border-radius:.8mm}
.figure{margin:3mm 0 4mm;width:100%;line-height:0;text-align:center}.figure img{display:block;width:100%;height:auto}
.figure[data-figure="4"]{width:154mm;margin-left:auto;margin-right:auto}
.figure[data-figure="5"]{width:160mm;margin-left:auto;margin-right:auto}
.figure[data-figure="6"]{width:148mm;margin-left:auto;margin-right:auto}
.figure[data-figure="8"]{width:145mm;margin-left:auto;margin-right:auto}
.figure[data-figure="10"]{width:176mm;margin:2mm auto 3mm}
.figure[data-figure="3"]{width:180mm;margin-left:auto;margin-right:auto}
.figure[data-figure="12a"],.figure[data-figure="12b"]{width:176mm;margin-left:auto;margin-right:auto}
.discussion{font-size:12pt;line-height:1.45;margin:3mm 0;padding:3mm 4mm;background:#eff5f6;border-right:1mm solid #2d817b}
.remember{margin:3mm 0 4mm;padding:3mm 4mm;background:#f0f7f5;border:1px solid #bad7d1;border-right:1.2mm solid #2d817b;border-radius:2mm;font-size:12pt;line-height:1.5;text-align:right}
.remember-title{display:flex;align-items:center;gap:2mm;margin:0 0 1.5mm;font-size:13pt;color:#173f56}.remember-title svg{width:7mm;height:7mm;flex:none}.remember p{margin:0}
.composition-intro{margin-top:1.5mm;padding-top:1mm;border-top:1px solid #c9ddde}
.transposition{line-height:1.30}
.transposition p{margin-bottom:1mm}
.transposition h2{margin-top:3mm;margin-bottom:2mm}
.transposition h3{margin-top:2mm;margin-bottom:1.5mm}
.transposition .figure{margin-top:1mm;margin-bottom:2mm}
.transposition .discussion{margin:2mm 0;padding:2mm 4mm}
.continue{font-size:10pt;font-weight:700;color:#46616e;margin-bottom:3mm}
.block{display:flow-root}.page-number{position:absolute;bottom:7mm;left:13mm;font-size:9pt;color:#46616e}
.footer{position:absolute;bottom:7mm;right:13mm;font-size:9pt;color:#46616e}
.index{width:100%;border-collapse:collapse;margin:6mm 0 7mm;font-size:13pt}.index td{padding:3mm 1mm;border-bottom:1px solid #c9ddde}.index a{color:#173f56;text-decoration:none}
}
@scope (.native[data-chapter="9"]) {
*{box-sizing:border-box}:scope{margin:0;padding:0}
:scope{font-family:"SF Hebrew",Arial,sans-serif;font-size:13pt;line-height:1.3;color:#172536;direction:rtl;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.page{width:210mm;height:297mm;padding:13mm 13mm 17mm;position:relative;break-after:page;background:white}.page:last-child{break-after:auto}
.content{height:264mm}.topband{position:absolute;top:0;left:0;width:100%;height:5mm;background:linear-gradient(to right,#2d817b 34%,#173f56 34%)}
.running{font-size:10pt;color:#2d817b;font-weight:700;margin-bottom:4mm;line-height:1.1}
h1{font-size:27pt;line-height:1.16;color:#173f56;margin:0 0 5mm}h2{font-size:20pt;line-height:1.18;color:#173f56;margin:3mm 0 3mm}h3{font-size:15pt;line-height:1.2;color:#2d817b;margin:3mm 0 2mm}
p{margin:0 0 1.8mm;text-align:right}ul,ol{padding-right:6mm;margin:1mm 0 2mm}li{margin:0 0 .8mm}strong{color:#173f56}code{font:inherit;display:inline-block;direction:ltr;unicode-bidi:isolate;color:#173f56;background:#eff5f6;padding:1mm 2mm;border-radius:1mm}
bdi{direction:ltr;unicode-bidi:isolate}figure{margin:3mm auto 4mm;width:100%;line-height:0}figure img{width:100%;height:auto;display:block}
figure[data-figure="1"]{width:145mm}figure[data-figure="2"]{width:145mm}figure[data-figure="3"]{width:170mm}figure[data-figure="4"]{width:160mm}figure[data-figure="5"]{width:160mm}figure[data-figure="6"]{width:184mm}
blockquote{margin:3mm 0 4mm;background:#f0f7f5;border:1px solid #bad7d1;border-right:1.2mm solid #2d817b;border-radius:2mm;padding:3mm 4mm;font-size:13pt;line-height:1.4}
blockquote p:last-child{margin-bottom:0}.memory-label{display:flex;gap:2mm;align-items:center;color:#173f56;font-weight:700;margin-bottom:2mm}.memory-label svg{width:7mm;height:7mm;flex:none}
.listen{margin:1.8mm 0 3mm}.listen a{display:inline-block;background:#edf5f4;border:1px solid #bad7d1;padding:2mm 3mm;border-radius:2mm;color:#173f56;text-decoration:none;font-size:12pt;font-weight:700}
.continue{color:#46616e;font-size:11pt;font-weight:700;margin-bottom:3mm}.block{display:flow-root}.footer{position:absolute;bottom:7mm;right:13mm;color:#46616e;font-size:9pt}
.index{width:100%;border-collapse:collapse;font-size:14pt;margin-top:8mm}.index th,.index td{padding:3mm 2mm;text-align:right;border-bottom:1px solid #c9ddde}.index a{color:#173f56;text-decoration:none}.index .num{width:19mm}.index .pagecol{width:20mm}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.comparison-grid section:first-child{border-left:1px solid #bad7d1;padding-left:4mm}.comparison-box{font-size:12.5pt;line-height:1.25;padding:2mm 3mm}.comparison-box .memory-label{margin-bottom:1mm}.comparison-box .comparison-summary{margin-top:2mm}.comparison-grid .english{display:inline;font-size:11pt;margin-right:1mm}
.comparison-box{position:relative;line-height:1.2}.comparison-box .memory-label{position:absolute;bottom:2mm;left:3mm;margin:0}.comparison-box .memory-label span{display:none}.comparison-box .comparison-summary{padding-left:9mm}
.comparison-grid .english{display:block;margin:0;white-space:nowrap}
}