:root{--ie2-pron-navy:#071f4f;--ie2-pron-teal:#087f78;--ie2-pron-green:#166534;--ie2-pron-muted:#596a80}
.ie2-pronunciation-page{overflow-x:hidden;background:#f5f8fc}
.ie2-pronunciation-hero{--hero-image:url('../img/english-intermediate-2/unit-1/pronunciation-people-who-changed-my-circle/people-who-changed-my-circle-hero-v1.png');position:relative;min-height:0}
.ie2-pronunciation-unit2-page .ie2-pronunciation-hero{--hero-image:url('../img/english-intermediate-2/unit-2/pronunciation-the-choice-id-make-differently/the-choice-id-make-differently-hero-v1.png')}
.ie2-pronunciation-hero .lesson-hero-content{border-left:5px solid #14b8a6}
.ie2-pronunciation-hero .lesson-hero-image img{object-position:center center;aspect-ratio:1.9/1;object-fit:cover}
.ie2-pronunciation-search{margin:1rem auto 0;width:min(1180px,calc(100% - 2rem))}
.ie2-delivery-strip{display:flex;align-items:center;gap:.8rem;width:min(1180px,calc(100% - 2rem));margin:1rem auto 0;padding:.8rem 1rem;border:1px solid rgba(8,127,120,.23);border-radius:14px;background:#ecfdf5;color:#0f513f}
.ie2-delivery-strip i{font-size:1.35rem;flex:0 0 auto}.ie2-delivery-strip p{margin:0;line-height:1.45}
.unit-speed-controls{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0 0;padding-left:72px}
.unit-speed-controls button,.shadow-mode-button{border:1px solid rgba(7,31,79,.16);border-radius:999px;background:#fff;color:var(--ie2-pron-navy);font-weight:900;padding:.48rem .72rem;cursor:pointer}
.unit-speed-controls button.is-active,.shadow-mode-button.is-active{background:var(--ie2-pron-navy);color:#fff;border-color:var(--ie2-pron-navy)}
.phrase-focus-grid,.rubric-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-top:.85rem}
.phrase-focus-card,.rubric-focus-card,.shadow-mode-panel{border:1px solid rgba(7,31,79,.1);border-radius:14px;background:#f8faff;padding:.85rem}
.phrase-focus-card strong,.rubric-focus-card strong{display:block;color:var(--ie2-pron-navy);margin-bottom:.25rem}
.phrase-focus-card span,.rubric-focus-card span,.shadow-mode-panel p{color:var(--ie2-pron-muted);line-height:1.45}
.shadow-mode-panel{margin:1rem 0;background:linear-gradient(135deg,#eaf0ff,#eaf8f1)}
.shadow-mode-panel h3{margin:.1rem 0 .45rem;color:var(--ie2-pron-navy)}
.shadow-mode-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:.65rem}.shadow-mode-status{font-weight:900;color:#1f8264}
.ie2-delivery-preview{display:grid;gap:.4rem;margin:.75rem 0;padding:.8rem;border-radius:12px;background:#fff;border:1px solid rgba(7,31,79,.1);color:var(--ie2-pron-muted);line-height:1.4}.ie2-delivery-preview p{margin:0}.ie2-delivery-preview strong,.ie2-delivery-preview span{color:var(--ie2-pron-navy);font-weight:900}
.ie2-receipt{margin-top:.75rem;padding:.8rem;border-radius:12px;background:#fff;border:1px dashed rgba(22,101,52,.45)}.ie2-receipt code{display:block;margin:.35rem 0;color:#0f513f;font-weight:900;overflow-wrap:anywhere}.ie2-copy-receipt{border:0;border-radius:9px;padding:.48rem .65rem;background:#166534;color:#fff;font-weight:900;cursor:pointer}
.teacher-inbox-panel{margin-top:1rem}.teacher-inbox-panel[hidden]{display:none}.teacher-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.teacher-inbox-count{border-radius:999px;background:#e8efff;color:var(--ie2-pron-navy);padding:.35rem .58rem;font-weight:900}.teacher-inbox-list{display:grid;gap:.7rem;margin-top:.8rem}.teacher-inbox-item{padding:.8rem;border:1px solid rgba(7,31,79,.11);border-radius:12px;background:#f8faff}.teacher-inbox-item p{margin:.25rem 0;color:var(--ie2-pron-muted);line-height:1.4}.teacher-inbox-item strong{color:var(--ie2-pron-navy)}.teacher-inbox-metrics{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0}.teacher-inbox-metrics span{font-size:.78rem;font-weight:900;padding:.28rem .45rem;border-radius:999px;background:#fff;border:1px solid rgba(7,31,79,.1)}.teacher-audio-button{border:0;border-radius:9px;background:var(--ie2-pron-navy);color:#fff;font-weight:900;padding:.5rem .7rem;cursor:pointer}.teacher-inbox-item audio{width:100%;margin-top:.5rem}
.ie2-pronunciation-unit2-page .pronunciation-layout{align-items:start}.ie2-pronunciation-unit2-page .pronunciation-layout aside{min-width:0}.ie2-pronunciation-unit2-page .pronunciation-layout:has(.results[hidden]){grid-template-columns:minmax(0,1fr)}.ie2-pronunciation-unit2-page .pronunciation-layout aside:has(.results[hidden]){display:none}.ie2-pronunciation-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.25rem}.ie2-pronunciation-support .pronunciation-panel{margin:0}.ie2-pronunciation-support .phrase-focus-grid,.ie2-pronunciation-support .rubric-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.ie2-pronunciation-support .phrase-focus-card,.ie2-pronunciation-support .rubric-focus-card{padding:.72rem;font-size:.9rem}.ie2-pronunciation-delivery-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.25rem}.ie2-pronunciation-delivery-zone .pronunciation-submit-panel,.ie2-pronunciation-delivery-zone .teacher-inbox-panel{margin:0;height:fit-content}.ie2-pronunciation-delivery-zone .teacher-inbox-panel{padding:1.15rem;border-radius:18px;background:#fff;border:1px solid rgba(7,31,79,.09);box-shadow:var(--pron-shadow)}
@media(max-width:1080px){.ie2-pronunciation-unit2-page .pronunciation-layout{grid-template-columns:1fr}.ie2-pronunciation-support{grid-template-columns:1fr}.ie2-pronunciation-support .phrase-focus-grid,.ie2-pronunciation-support .rubric-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ie2-pronunciation-delivery-zone{grid-template-columns:1fr}.ie2-pronunciation-support{gap:.85rem;margin-top:.85rem}.ie2-pronunciation-delivery-zone{margin-top:.85rem}}
@media(max-width:640px){
  .english-intermediate-page .navbar{display:flex!important;flex-direction:column!important;align-items:center;gap:.45rem;padding:7px 9px;overflow:hidden}
  .english-intermediate-page .brand img{height:36px}.english-intermediate-page .nav-links{display:grid!important;width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:0}.english-intermediate-page .nav-links a{min-height:34px;padding:0 3px;font-size:.61rem;white-space:normal!important;text-align:center;overflow-wrap:anywhere}
  .lesson-hero.ie2-pronunciation-hero{display:block!important;padding:0 10px!important;overflow:hidden}.ie2-pronunciation-hero .lesson-hero-content{width:auto!important;max-width:none!important;padding:16px 18px}.ie2-pronunciation-hero .lesson-hero-content h1{font-size:clamp(1.55rem,7.5vw,2rem)}.ie2-pronunciation-hero .lesson-hero-content p{line-height:1.35}.ie2-pronunciation-hero .lesson-meta{gap:.3rem}.ie2-pronunciation-hero .lesson-meta span{font-size:.68rem}.ie2-pronunciation-hero .lesson-meta span:last-child{display:none}.ie2-pronunciation-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.ie2-pronunciation-hero .hero-actions .btn{width:100%;justify-content:center;padding:.6rem .4rem}.ie2-pronunciation-hero .lesson-hero-image{width:100%!important;height:145px!important;min-height:145px!important;max-height:145px!important;margin:0}.ie2-pronunciation-hero .lesson-hero-image img{height:145px!important;min-height:0!important;max-height:145px!important;width:100%;object-position:65% center}
  .ie2-pronunciation-search,.ie2-delivery-strip{width:calc(100% - 1.25rem)}.ie2-pronunciation-search{margin-top:.65rem;padding:.75rem!important}.ie2-pronunciation-search .course-search-meta{margin-bottom:0}.ie2-pronunciation-search .course-search-meta span:last-child{display:none}.ie2-delivery-strip{align-items:flex-start;margin-top:.65rem;padding:.6rem .75rem;font-size:.86rem}.pronunciation-main{width:calc(100% - 1.25rem);padding-top:.75rem}.pronunciation-panel{padding:1rem;border-radius:14px}.unit-speed-controls{padding-left:0}.phrase-focus-grid,.rubric-focus-grid,.ie2-pronunciation-support .phrase-focus-grid,.ie2-pronunciation-support .rubric-focus-grid{grid-template-columns:1fr}.teacher-inbox-head{display:block}.teacher-inbox-count{display:inline-block;margin-top:.35rem}
}

/* Full-width application standard: Unit 2 is the first adopted page. */
.ie2-pronunciation-unit2-page{--ie2-screen-gutter:clamp(1rem,2vw,3rem)}
.ie2-pronunciation-unit2-page .navbar{width:100%;max-width:none;padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
.ie2-pronunciation-unit2-page .lesson-hero.ie2-pronunciation-hero{width:100%;max-width:none;margin:0;padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
.ie2-pronunciation-unit2-page .ie2-pronunciation-search,.ie2-pronunciation-unit2-page .ie2-delivery-strip,.ie2-pronunciation-unit2-page .pronunciation-main,.ie2-pronunciation-unit2-page .course-search-empty{width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0}
.ie2-pronunciation-unit2-page .ie2-pronunciation-search{margin-top:1rem;padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left))!important;padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))!important}
.ie2-pronunciation-unit2-page .ie2-delivery-strip{margin-top:1rem;padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
.ie2-pronunciation-unit2-page .pronunciation-main{padding:1.25rem max(var(--ie2-screen-gutter),env(safe-area-inset-right)) 3rem max(var(--ie2-screen-gutter),env(safe-area-inset-left))}
.ie2-pronunciation-unit2-page .course-search-empty{padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
@media(max-width:640px){.ie2-pronunciation-unit2-page .lesson-hero.ie2-pronunciation-hero{padding-left:0!important;padding-right:0!important}.ie2-pronunciation-unit2-page .ie2-pronunciation-hero .lesson-hero-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.ie2-pronunciation-unit2-page .ie2-pronunciation-search,.ie2-pronunciation-unit2-page .ie2-delivery-strip,.ie2-pronunciation-unit2-page .pronunciation-main{width:100%!important}.ie2-pronunciation-unit2-page .ie2-pronunciation-search{margin-top:.65rem}.ie2-pronunciation-unit2-page .pronunciation-main{padding-top:.65rem}}
.ie2-pronunciation-unit2-page .ie2-pronunciation-control-deck{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;margin:1rem 0}.ie2-pronunciation-unit2-page .ie2-model-controls{display:grid;align-content:center;gap:.65rem}.ie2-pronunciation-unit2-page .ie2-model-controls .unit-speed-controls{margin:0;padding-left:0}.ie2-pronunciation-unit2-page .ie2-pronunciation-control-deck .shadow-mode-panel{height:100%;margin:0}.ie2-pronunciation-unit2-page .ie2-pronunciation-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:1rem;align-items:start}.ie2-pronunciation-unit2-page .ie2-pronunciation-workspace .record-zone{margin:1.15rem 0 0;height:fit-content}.ie2-pronunciation-unit2-page .ie2-reading-workspace{min-width:0}
@media(max-width:1200px){.ie2-pronunciation-unit2-page .ie2-pronunciation-workspace{grid-template-columns:1fr}.ie2-pronunciation-unit2-page .ie2-pronunciation-workspace .record-zone{margin-top:0}}
@media(max-width:760px){.ie2-pronunciation-unit2-page .ie2-pronunciation-control-deck{grid-template-columns:1fr}.ie2-pronunciation-unit2-page .ie2-pronunciation-workspace{gap:.65rem}}

/* Shared application-width standard for every Intermediate 2 pronunciation page. */
.ie2-pronunciation-page{--ie2-screen-gutter:clamp(1rem,2vw,3rem)}
.ie2-pronunciation-page .navbar,.ie2-pronunciation-page .lesson-hero.ie2-pronunciation-hero,.ie2-pronunciation-page .ie2-pronunciation-search,.ie2-pronunciation-page .ie2-delivery-strip,.ie2-pronunciation-page .pronunciation-main,.ie2-pronunciation-page .course-search-empty{width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0}
.ie2-pronunciation-page .navbar,.ie2-pronunciation-page .ie2-pronunciation-search,.ie2-pronunciation-page .ie2-delivery-strip,.ie2-pronunciation-page .pronunciation-main,.ie2-pronunciation-page .course-search-empty{padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
.ie2-pronunciation-page .lesson-hero.ie2-pronunciation-hero{padding-left:max(var(--ie2-screen-gutter),env(safe-area-inset-left));padding-right:max(var(--ie2-screen-gutter),env(safe-area-inset-right))}
@media(max-width:640px){.ie2-pronunciation-page{--ie2-screen-gutter:.75rem}.ie2-pronunciation-page .lesson-hero.ie2-pronunciation-hero{padding-left:0!important;padding-right:0!important}.ie2-pronunciation-page .ie2-pronunciation-search,.ie2-pronunciation-page .ie2-delivery-strip,.ie2-pronunciation-page .pronunciation-main{width:100%!important}}

/* Unit 3 pronunciation hero and proven full-width workspace. */
.ie2-pronunciation-unit3-page .ie2-pronunciation-hero{--hero-image:url('../img/english-intermediate-2/unit-3/pronunciation-tech-support-digital-safety/pronunciation-tech-support-hero-v1.png')}
.ie2-pronunciation-unit3-page .pronunciation-layout{align-items:start}.ie2-pronunciation-unit3-page .pronunciation-layout aside{min-width:0}.ie2-pronunciation-unit3-page .pronunciation-layout:has(.results[hidden]){grid-template-columns:minmax(0,1fr)}.ie2-pronunciation-unit3-page .pronunciation-layout aside:has(.results[hidden]){display:none}
.ie2-pronunciation-unit3-page .ie2-pronunciation-control-deck{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;margin:1rem 0}.ie2-pronunciation-unit3-page .ie2-model-controls{display:grid;align-content:center;gap:.65rem}.ie2-pronunciation-unit3-page .ie2-model-controls .unit-speed-controls{margin:0;padding-left:0}.ie2-pronunciation-unit3-page .ie2-pronunciation-control-deck .shadow-mode-panel{height:100%;margin:0}
.ie2-pronunciation-unit3-page .ie2-pronunciation-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:1rem;align-items:start}.ie2-pronunciation-unit3-page .ie2-pronunciation-workspace .record-zone{margin:1.15rem 0 0;height:fit-content}.ie2-pronunciation-unit3-page .ie2-reading-workspace{min-width:0}
@media(max-width:1200px){.ie2-pronunciation-unit3-page .ie2-pronunciation-workspace{grid-template-columns:1fr}.ie2-pronunciation-unit3-page .ie2-pronunciation-workspace .record-zone{margin-top:0}}
@media(max-width:760px){.ie2-pronunciation-unit3-page .ie2-pronunciation-control-deck{grid-template-columns:1fr}.ie2-pronunciation-unit3-page .ie2-pronunciation-workspace{gap:.65rem}}