:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#20363a;background:#f5f6f8;line-height:1.6;font-size:16px;--teal:#126469;--line:#dce3e6}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bccdd0;border-radius:12px;padding:11px 17px;background:white;color:#234447;cursor:pointer;min-height:46px;text-decoration:none;font-weight:600}button:hover,.button:hover{background:#edf6f5;border-color:#126469}button[aria-pressed=true]{background:#d8efeb;border-color:#126469}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#0b4c50;color:white}:focus-visible{outline:3px solid #2571cb;outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:15px max(24px,calc((100vw - 1200px)/2));background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:#19393c;text-decoration:none;font-size:1.2rem;font-weight:700;line-height:1.3}.brand img{width:70px;height:58px;object-fit:contain}.brand small{display:block;font-size:.75rem;font-weight:500;color:#5c7074;margin-top:4px}nav{display:flex;gap:5px;flex-wrap:wrap}header nav a{padding:11px 12px;border-radius:10px;text-decoration:none;font-size:.9rem}header nav a[aria-current]{background:#edf5f3;color:#164f53}#menu{display:none}.review-banner{background:#f5ead7;color:#61491e;font-size:.8rem;text-align:center;padding:8px 20px}main{max-width:1200px;margin:auto;padding:35px 25px 55px;outline:none;min-height:72vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:18px}h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.03em}h3{font-size:1.13rem;line-height:1.35}p{margin-bottom:18px}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.13em;font-weight:700;color:#527073;margin-bottom:12px}.lead{font-size:1.1rem;color:#566c70;max-width:750px;margin-bottom:30px}.hero{background:#e7f1ef;border:1px solid #d9e7e5;border-radius:28px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;padding:44px;gap:35px;margin-bottom:40px}.hero h1{font-size:clamp(2.3rem,4.5vw,3.8rem)}.hero h1 em{font-style:normal;color:#126469}.hero p{color:#4f696c}.hero .button{margin-right:8px;margin-bottom:8px}.hero-visual{background:#163d42;color:#fff;aspect-ratio:1.25;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 40px #18383f13}.hero-visual>span{letter-spacing:.4em;font-size:1.1rem;margin-left:.4em}.sound-bars{font-size:clamp(2rem,3.3vw,3.5rem);line-height:2;color:#9cdbce;white-space:nowrap}.hero-visual small{font-size:.6rem;letter-spacing:.15em;color:#d2e9e4}.section-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:30px 0 20px}.section-head h2{margin:0}.badge{display:inline-block;font-size:.72rem;border:1px solid #cddbdc;border-radius:20px;padding:4px 10px;line-height:1.4;background:#ffffffb8;color:#4b6266}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.course-card{position:relative;background:white;border:1px solid var(--line);border-radius:21px;padding:27px;text-decoration:none;min-height:260px;color:#243c40;display:flex;flex-direction:column;align-items:flex-start}.course-card:hover{border-color:#126469}.section-no{font-size:1.65rem;font-weight:650;color:#9ab9b6;margin-bottom:18px}.course-card .badge{position:absolute;top:28px;right:20px;max-width:70%}.course-card h2{font-size:1.3rem}.course-card p{font-size:.92rem;color:#5c7175}.course-card strong{font-size:.86rem;color:var(--teal);margin-top:auto}.tone-1{background:#eef5f4}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:30px;margin:25px 0;min-width:0}.panel p:last-child{margin-bottom:0}.topic-list{list-style:none;padding:0}.topic-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.back{display:inline-block;margin-bottom:22px}.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:25px 0}.steps a{display:flex;gap:8px;align-items:center;padding:12px 9px;text-decoration:none;border-bottom:3px solid #dce5e7;font-size:.85rem;color:#567074}.steps a[aria-current]{border-color:#126469;color:#143d40;font-weight:700}.steps span{display:grid;place-items:center;min-width:27px;height:27px;border-radius:50%;background:#e3eeec}.lesson{max-width:100%;padding:34px}.lesson>h2{font-size:1.8rem}.lesson-nav{display:flex;gap:15px;justify-content:space-between;align-items:center}.lesson-nav>span{font-size:.85rem;color:#5d7074}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:white;border-radius:17px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.card p{font-size:.94rem}.cue{color:#536b70}.card button{margin-top:auto;font-size:.8rem}.card a,.card small{margin-top:14px;font-size:.82rem}.card .eyebrow{font-size:.61rem}.range-panel{padding:25px;background:#eff5f5;border-radius:17px;margin:25px 0}.range-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.range-panel span{padding:13px;background:white;border:1px solid #c8dcda;border-radius:10px;text-align:center;font-weight:600}.range-panel p{font-size:.85rem;color:#5a7073;margin-bottom:0}.notice{padding:18px 22px;background:#f7f0df;border-left:4px solid #a47c34;border-radius:10px;font-size:.92rem;margin:20px 0}.help,small{color:#5c7175;font-size:.85rem}.field{display:flex;flex-direction:column;gap:9px;margin:25px 0;font-weight:600}.field textarea,.field select,.field input{width:100%;padding:14px;border:1px solid #b9cbce;border-radius:12px;background:#fff;color:#243d40;font-weight:400;min-height:48px}.field textarea{resize:vertical}.search{max-width:650px}.question{border:1px solid #dce4e6;border-radius:17px;padding:22px;margin:30px 0;min-width:0}.question legend{font-weight:650;max-width:100%;padding:0 8px;font-size:1.05rem;line-height:1.4}.options{display:grid;gap:10px;margin:17px 0}.option{display:flex;gap:14px;padding:14px;border:1px solid #cddbdc;border-radius:10px;cursor:pointer;align-items:center;min-height:50px}.option:has(input:checked){background:#e7f3f0;border:2px solid #126469;padding:13px}.option input,.check input{width:20px;height:20px;accent-color:#126469;flex-shrink:0}.feedback:not(:empty){margin-top:16px;padding:18px;background:#edf4f9;border-radius:10px}.audio{min-width:0;background:#f2f6f7;border:1px solid #d8e3e4;border-radius:17px;padding:22px}.audio-title{display:flex;gap:13px;align-items:center;margin-bottom:18px}.audio-title small{display:block;font-size:.74rem}.audio-icon{font-size:1.5rem;color:#126469}.audio audio{width:100%;max-width:100%;display:block}.audio-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.audio button{font-size:.78rem;background:white}.audio-status{display:block;font-size:.76rem;color:#536c71}.check{display:flex;gap:12px;align-items:center;margin:20px 0;min-height:48px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.file-input{width:180px;max-width:100%;font-size:.75rem}.workbook .answer{white-space:pre-wrap;overflow-wrap:anywhere}.workbook section{border-bottom:1px solid var(--line);padding:18px 0}.workbook h3{font-size:1rem}.workbook h4{font-size:.9rem;margin-bottom:8px}.workbook>h1{font-size:1.6rem}.workbook h2{margin-top:30px}.workbook ul{padding-left:24px}details{padding:18px;border:1px solid var(--line);border-radius:12px;margin:20px 0}summary{font-weight:600;cursor:pointer;min-height:44px}footer{max-width:1200px;margin:auto;padding:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.8rem}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:#143d40;color:white;z-index:99}.skip:focus{top:15px}#workbook-error:not(:empty){background:#ffe4df;color:#782c23;padding:15px;border-radius:10px}@media(max-width:900px){header{padding:16px 20px;flex-wrap:wrap}.hero{padding:30px;grid-template-columns:1.5fr 1fr;gap:25px}.hero-visual small{font-size:.49rem}.course-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:4px}.steps a{flex-direction:column;align-items:flex-start}.brand small{font-size:.72rem}.hero .button{font-size:.83rem}}@media(max-width:650px){#menu{display:block;margin-left:auto}header nav{display:none;width:100%;flex-direction:column}header nav.open{display:flex}.brand{font-size:1.05rem}.brand img{width:48px;height:48px}.brand small{font-size:.64rem}header{gap:10px;padding:12px 16px}main{padding:25px 17px 40px}.hero{grid-template-columns:1fr;padding:28px 23px}.hero-visual{display:none}.hero h1{font-size:2.7rem}.course-grid,.cards,.cards.two{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.panel,.lesson{padding:23px}.steps{display:flex;flex-wrap:wrap;gap:6px}.steps a{flex-direction:row;padding:10px;font-size:.78rem;border:1px solid #cbdadd;border-radius:9px}.steps a[aria-current]{background:#e4f1ee;border-color:#126469}.steps span{min-width:22px;height:22px}.range-panel{padding:18px}.range-panel>div{gap:5px}.range-panel span{font-size:.75rem;padding:12px 4px;overflow-wrap:anywhere}.question{padding:17px}.question legend{font-size:.98rem}.topic-list li{align-items:flex-start;flex-direction:column;gap:10px}.lesson-nav{flex-wrap:wrap}.lesson-nav .button{font-size:.8rem}.lesson-nav>span{order:3;width:100%;text-align:center}.actions>*{max-width:100%}.review-banner{font-size:.72rem}.workbook{padding:18px}.audio{padding:18px}.card p{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{header,footer,.review-banner,.actions,.skip,.steps,.lesson-nav,.back,button,.help{display:none!important}body,main{background:white;color:black;padding:0;margin:0;max-width:none}.panel{border:0;padding:0}.workbook section{break-inside:auto}h1,h2,h3{break-after:avoid}p{orphans:3;widows:3}@page{size:A4;margin:17mm}}
/* Multimedia teaching presentation */
main:has(.presentation-layout){max-width:1530px;padding-top:20px}.presentation-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.presentation-top .back{margin:0}.presentation-top button{font-size:.8rem}.presentation-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.chapter-menu{position:sticky;top:20px;max-height:88vh;overflow:auto;padding:8px 12px 16px 0}.chapter-menu h2{font-size:.85rem;letter-spacing:0;margin:24px 0 8px}.chapter-menu h2 span{color:#859998;font-size:.7rem;margin-right:5px}.chapter-menu a{display:block;padding:7px 10px;border-radius:7px;text-decoration:none;font-size:.78rem;line-height:1.4;color:#52676a}.chapter-menu a:hover{background:#e6eeec}.chapter-menu a[aria-current]{background:#dcece7;color:#164f46;font-weight:700;border-left:3px solid #24675e}.chapter-menu .chapter-lab{margin-top:22px;border:1px solid #cadbd6}.presentation{background:#fff;border:1px solid #dae3df;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #213b3410}.reading-progress{height:5px;background:#edf3f0}.reading-progress span{height:100%;display:block;background:#24705f}.slide-heading{padding:30px 36px 10px;border-bottom:1px solid #e4e9e6}.slide-heading h1{font-size:clamp(2rem,3.3vw,3.15rem);max-width:880px}.slide-heading .lead{font-size:1.08rem;margin-bottom:20px}.slide-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:30px;padding:30px 36px}.slide-explanation>p{font-size:.99rem;line-height:1.8;max-width:65ch}.slide-media{min-width:0}.source-image{margin:0;background:#eff2ef;padding:16px;border-radius:14px}.source-image img{display:block;max-height:520px;width:100%;object-fit:contain;border-radius:7px}.source-image figcaption{font-size:.72rem;margin-top:12px;color:#5d706b}.teaching-media{padding:0;background:#edf3f0;overflow:hidden;margin-bottom:17px}.teaching-media video{width:100%;max-height:470px;aspect-ratio:16/9;object-fit:contain;background:#102327;display:block}.teaching-media audio{padding:15px 12px 0}.media-caption{padding:16px 20px}.media-caption strong{font-size:1.04rem}.media-caption p{font-size:.73rem;margin:5px 0 12px;line-height:1.5}.teaching-media .audio-buttons{margin:12px 0;gap:6px}.teaching-media button{font-size:.7rem;padding:8px 11px;min-height:40px}.watch-guide,.remember{background:#edf5ee;border-left:3px solid #5a8b6b;padding:20px 23px;border-radius:0 12px 12px 0;margin-top:22px}.remember p,.watch-guide p{font-size:.95rem;margin-bottom:0;line-height:1.65}.watch-guide small{display:block;margin-top:15px;font-size:.7rem}.remember .eyebrow,.watch-guide .eyebrow{color:#35664b;font-size:.65rem}.source-note{font-size:.78rem;background:#f7f8f7;color:#62736c;border:0;padding:13px 16px}.source-note summary{min-height:24px;font-size:.75rem}.source-note p{margin-top:12px}.presentation-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 36px;background:#f7f9f7;border-top:1px solid #dde7e0;gap:12px}.presentation-nav>span{color:#698078;font-size:.8rem;white-space:nowrap}.presentation-nav a{font-size:.85rem}.voice-ladder{padding:24px;background:#163f3b;border-radius:17px;color:white}.voice-ladder .eyebrow{color:#c4ddd1}.voice-ladder>div{display:grid;gap:8px;margin:18px 0 30px}.voice-ladder span{padding:18px 20px;border-radius:9px;color:#153d36;background:#e2f0c7;font-size:1.2rem;font-weight:650}.voice-ladder .range-1{background:#c0dfbe;margin-left:20px}.voice-ladder .range-2{background:#8ec5ac;margin-left:40px}.voice-ladder small{display:block;font-size:.68rem;color:#315b43}.voice-ladder p:last-child{font-size:.84rem;color:#cee5db;margin:0}.word-demos{display:grid;gap:20px}.demo-block{padding:22px;background:#f4f6f1;border:1px solid #dbe3d4;border-radius:17px}.demo-block h2{margin-bottom:8px}.demo-block .eyebrow{font-size:.6rem}.notation{width:100%;display:block;color:#254a3f;background:#fff;border-radius:10px}.notation text{font:17px system-ui}.demo-note.sounding{color:#dd6c36}.demo-block .teaching-media{border:0;margin:10px 0 0;background:transparent}.demo-block .media-caption{padding:9px 0 0}.demo-block .media-caption>strong{display:none}.demo-block audio{padding:0}.listening-layers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.listening-layers>div{background:#eaf0e6;border-radius:15px;padding:25px;min-height:185px}.listening-layers b{font-size:2rem;color:#789b79;font-weight:500}.listening-layers h3{font-size:1.3rem;margin:13px 0 8px}.listening-layers p{font-size:.87rem}.pulse-diagram{background:#173c3b;color:white;padding:32px;border-radius:17px}.pulse-diagram .eyebrow{color:#bcd8ca}.pulse-diagram>div{display:flex;justify-content:space-between;margin:35px 0}.pulse-diagram span{background:#d5e9c5;color:#173c3b;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-weight:bold}.vocal-art{background:#173c3b;color:#e0edc9;padding:60px 35px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:18px}.vocal-art strong{font-size:5rem}.vocal-art span{font-size:.68rem;letter-spacing:.18em}.media-hold{padding:40px;background:#e9eee8;border-radius:16px}.focus-view .chapter-menu{display:none}.focus-view .presentation-layout{grid-template-columns:1fr}.focus-view .slide-explanation>p{font-size:1.08rem}.photo-hero{position:relative;overflow:hidden;aspect-ratio:1.15}.photo-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.photo-hero>div{position:relative;z-index:1;padding:28px;text-align:left;width:100%;margin-top:auto;background:linear-gradient(transparent,#102c2ee6)}.photo-hero span,.photo-hero small{display:block;font-size:.62rem;letter-spacing:.16em}.photo-hero strong{font-size:2.3rem;line-height:1.15;display:block;margin:15px 0 22px;letter-spacing:-.035em}.hero-visual.photo-hero{align-self:stretch}.compare-audio{display:grid;gap:15px}
@media(min-width:1500px){.slide-heading h1{font-size:3.3rem}.slide-explanation>p{font-size:1.07rem}}
@media(max-width:1050px){.presentation-layout{grid-template-columns:175px minmax(0,1fr);gap:18px}.slide-content{grid-template-columns:1fr;padding:25px}.slide-heading{padding:25px 25px 8px}.slide-media{max-width:750px}.chapter-menu a{font-size:.74rem}.presentation-nav{padding:18px 25px}.word-demos{grid-template-columns:1fr 1fr}.demo-block{padding:16px}.slide-explanation>p{max-width:none}}
@media(max-width:650px){.presentation-layout{display:flex;flex-direction:column;gap:15px}.chapter-menu{position:static;max-height:190px;width:100%;padding:12px 15px;border:1px solid #dce5df;border-radius:12px;background:#edf3ee}.chapter-menu>.eyebrow{margin:0}.chapter-menu h2{margin:14px 0 5px}.presentation{width:100%}.slide-content{padding:22px;gap:22px}.slide-heading{padding:22px 22px 5px}.slide-heading h1{font-size:2rem}.slide-heading .lead{font-size:1rem}.slide-explanation>p{font-size:1rem}.word-demos{grid-template-columns:1fr}.presentation-nav{padding:16px;flex-wrap:wrap}.presentation-nav a{font-size:.76rem;padding:10px 12px}.listening-layers{gap:10px}.listening-layers>div{padding:17px;min-height:150px}.presentation-top button{font-size:.72rem}.photo-hero{display:flex;min-height:260px}.hero .photo-hero strong{font-size:2rem}}

.presentation-top{gap:12px;flex-wrap:wrap}.presentation-top .presentation-nav{padding:0;background:transparent;border:0;margin-left:auto}.presentation-top .presentation-nav a{font-size:.75rem;padding:9px 12px;min-height:40px}@media(max-width:1050px){.slide-media{order:-1}}@media(max-width:650px){.chapter-menu{max-height:130px}.presentation-top .presentation-nav{order:3;width:100%}.presentation-top #reading-mode{margin-left:auto}}
/* Illustrated singer spotlights and selectable exemplars */
.voice-exemplars{display:grid;gap:24px}.voice-example-card{border:1px solid #d6e1dc;border-radius:19px;overflow:hidden;background:#f3f7f2}.singer-portrait{position:relative;height:270px;background:#163d3a;overflow:hidden}.singer-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.singer-portrait>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#0c2728f5);padding:40px 22px 19px;color:white}.singer-portrait span{font-size:.59rem;letter-spacing:.16em;font-weight:700;color:#dbead6}.singer-portrait h2{margin:5px 0;font-size:1.6rem}.singer-portrait p{margin:0;font-size:.8rem;color:#edf4ed}.voice-example-body{padding:23px}.voice-example-body>h2{font-size:1.35rem;margin-bottom:9px}.voice-example-body>p{font-size:.9rem;line-height:1.65}.voice-example-body .singer-context{border-bottom:1px solid #d9e4d8;padding-bottom:17px;margin-bottom:20px;color:#50685d}.voice-example-body .teaching-media{background:transparent;border:0;margin:0}.voice-example-body .teaching-media audio{padding:0}.voice-example-body .media-caption{padding:8px 0 0}.voice-example-body .media-caption>strong{display:none}.example-switch{display:flex;gap:8px;margin:15px 0 18px}.example-switch button{flex:1;border-radius:9px;padding:8px 12px;font-size:.8rem;min-height:42px}.example-switch button[aria-pressed=true]{background:#1c6255;color:white;border-color:#1c6255}.voice-example-body .audio-buttons{margin-bottom:10px}.voice-example-body .audio-status{font-size:.72rem}@media(min-width:1450px){.singer-portrait{height:310px}}@media(min-width:651px) and (max-width:1050px){.voice-exemplars{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-example-body{padding:18px}.singer-portrait{height:230px}.singer-portrait h2{font-size:1.4rem}}@media(max-width:650px){.singer-portrait{height:260px}.voice-example-body{padding:19px}}
/* Contextual imagery across the complete Vocal unit */
.concept-visual{margin:0 0 24px;border-radius:19px;overflow:hidden;border:1px solid #d6e1dc;background:#f3f7f2}.concept-visual>img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 30%;background:#163d3a}.concept-visual figcaption{padding:23px}.concept-visual h2{font-size:1.4rem;margin:8px 0 10px}.concept-visual p{font-size:.94rem;margin:0;line-height:1.65}.concept-visual .eyebrow{font-size:.65rem;color:#487066}@media(max-width:650px){.concept-visual>img{height:235px}.concept-visual figcaption{padding:19px}}@media print{.concept-visual,.voice-example-card{break-inside:avoid}.concept-visual>img{height:180px}}
/* Basics uses the same teaching canvas, with readable diagrams and compact sound comparisons. */
.basics-artwork{margin:0 0 22px;border-radius:18px;overflow:hidden}.basics-artwork img{display:block;width:100%;height:auto}.basics-graphic{margin:0 0 24px;border:1px solid #d4e1d0;border-radius:18px;overflow:hidden;background:#edf4e8}.basics-graphic img{display:block;width:100%;height:auto;min-height:130px}.basics-graphic figcaption{font-size:.72rem;color:#46665b;padding:10px 18px}.basics-examples .audio{margin:14px 0}.basics-examples .media-caption strong{font-size:1rem}.basics-examples .media-caption p{font-size:.86rem}.slide-heading>.badge{margin-bottom:15px}.basics-examples .audio-buttons{flex-wrap:wrap}.basics-examples audio{max-width:100%}

/* Repertoire listening cards */
.real-music{margin:24px 0}.recording-card{padding:25px;border:1px solid #cbded4;border-radius:18px;background:#f0f6ef;margin:16px 0}.recording-card h2{margin:16px 0 5px;font-size:1.6rem}.recording-artist{color:#4d7062;font-weight:600;font-size:.88rem}.recording-card>p{line-height:1.7}.recording-card .teaching-media{background:#fff;margin-bottom:0}.recording-card .media-caption>strong{display:none}.home-listening{background:#fff;margin-bottom:0;font-size:.86rem}.home-listening p{margin:10px 0}.isolated-demos{background:#f8faf7}.isolated-demos summary{font-size:.9rem}@media(max-width:650px){.recording-card{padding:19px}.recording-card h2{font-size:1.4rem}}

/* Contextual imagery complements the precise teaching diagrams. */
.context-spotlight{border:1px solid #d6e1dc;border-radius:18px;overflow:hidden;background:#edf4ef;margin:0 0 25px}.context-spotlight img{width:100%;height:260px;display:block;object-fit:cover;object-position:center 35%;background:#183e38}.context-spotlight figcaption{padding:23px}.context-spotlight h2{font-size:1.35rem;margin:8px 0 12px}.context-spotlight p{font-size:.92rem;line-height:1.7;margin:0}.context-spotlight .eyebrow{font-size:.62rem}.teacher-audition{background:#fbf6eb;border-color:#d9caa9}.teacher-audition summary{font-size:.85rem;color:#6e572c}.teacher-audition .recording-card{background:#fff}.teacher-audition h2{font-size:1.2rem}@media(max-width:650px){.context-spotlight img{height:220px}.context-spotlight figcaption{padding:19px}}

.context-contain img{height:auto;max-height:340px;object-fit:contain;background:#fff}

.basics-unit-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;background:#153f42;border-radius:24px;overflow:hidden;margin-bottom:30px;padding:32px;color:white}.basics-unit-hero .eyebrow{color:#b8d9cd}.basics-unit-hero h1{font-size:clamp(2rem,3.6vw,3.1rem)}.basics-unit-hero p{color:#e0eee8}.basics-unit-hero img{width:100%;height:auto;display:block;border-radius:15px}.basics-unit-hero .primary{background:#d7edbf;color:#153f42;border-color:#d7edbf}.chapter-listening-cue{font-size:.86rem;color:#5c7175;margin:7px 0 0;max-width:620px}.course-card-image{width:calc(100% + 54px);max-width:none;margin:-27px -27px 20px;border-radius:20px 20px 0 0;aspect-ratio:16/7;object-fit:cover}.course-card:has(.course-card-image) .badge{top:auto;position:static;margin-bottom:12px}.course-card:has(.course-card-image) .section-no{display:none}.slide-media>.real-music:first-child{margin-top:0}@media(max-width:700px){.basics-unit-hero{grid-template-columns:1fr;padding:24px;gap:22px}.basics-unit-hero img{order:-1}.chapter-listening-cue{font-size:.9rem}}

.course-card-image{aspect-ratio:16/9;object-fit:contain;background:#071628}.basics-unit-hero>.badge{color:#173e3c}

/* Scottish teaching: context, listening and visual chapter navigation. */
.history-panel{margin:26px 0;padding:24px;border-radius:16px;background:#f3efe5;border:1px solid #dfd5be}.history-panel .eyebrow{color:#755c32}.history-panel h2,.guided-listen h2,.concept-comparison h2{font-size:1.25rem;margin:10px 0 16px}.history-panel p,.guided-listen li{font-size:.95rem;line-height:1.75}.history-connection{border-top:1px solid #d8cdb7;padding-top:15px;margin-bottom:0}.guided-listen{padding:24px;border-radius:16px;background:#edf5f2;margin:24px 0}.guided-listen ol{padding-left:23px;margin-bottom:0}.guided-listen li{padding-left:7px;margin-bottom:12px}.concept-comparison>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.concept-comparison article{padding:18px;background:#123d46;color:#fff;border-radius:13px}.concept-comparison h3{color:#9ce7d4;font-size:1rem;margin-top:0}.concept-comparison p{font-size:.9rem;line-height:1.6;margin:0}.unit-at-a-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 28px}.unit-at-a-glance span{padding:18px;background:#e7f0eb;border-radius:14px;font-size:.85rem}.unit-at-a-glance strong{display:block;font-size:1.7rem;color:#205d53}.topic-list.scottish-chapters li{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:22px;align-items:center}.scottish-chapters img{width:160px;height:105px;object-fit:cover;border-radius:12px}.scottish-presentation .context-contain img{object-fit:contain;height:auto;max-height:380px;background:white}.scottish-presentation .slide-media .real-music{margin-bottom:25px}@media(max-width:1050px){.scottish-presentation .slide-media{order:0}.topic-list.scottish-chapters li{grid-template-columns:130px 1fr}.scottish-chapters img{width:130px}.scottish-chapters .button{grid-column:2;justify-self:start}}@media(max-width:600px){.unit-at-a-glance{grid-template-columns:1fr 1fr}.topic-list.scottish-chapters li{display:block}.scottish-chapters img{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:15px}.scottish-chapters .button{margin-top:15px}.concept-comparison>div{grid-template-columns:1fr}}

/* Read aloud: keyboard-accessible controls, no automatic playback. */
.read-aloud{grid-column:1/-1;padding:1rem 1.25rem;margin-bottom:1rem;background:#edf5f3;border:1px solid #b4cfca;border-radius:14px;color:#143d40}
.reading-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.65rem}
.reading-controls label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.reading-controls select{font:inherit;padding:.55rem;border:1px solid #537d76;border-radius:8px;background:white;color:#143d40}
.reading-controls button:disabled{opacity:.5;cursor:default}
.reading-status{font-size:.9rem;margin:.65rem 0 0}
.reading-current{background:#fff0b3;outline:2px solid #b57d16;outline-offset:5px;border-radius:3px;color:#172c2b}
@media print{.read-aloud{display:none}.reading-current{background:none;outline:none}}