/* Remaining learning collections use the same readable shell as the homepage. */
.ess-extended-studio #main:is(.ess-beg,.ess-phrase,.ess-step){width:calc(100% - 64px);max-width:1160px;margin:0 auto;padding:44px 0 64px;font:inherit}
.ess-extended-studio #main:is(.ess-beg-lesson,.ess-phrase-lesson,.ess-step){max-width:820px}
.ess-extended-studio #main:is(.convo-archive,.single-convo){padding:44px 32px 64px;background:var(--hs-paper);font:inherit}
.ess-extended-studio #main .convo-archive__container{max-width:1160px}
.ess-extended-studio #main .single-convo__container{max-width:820px}
.ess-extended-studio #main :is(.convo-archive__intro,.single-convo__content,.single-convo__guide){font:inherit;line-height:1.8}
.ess-extended-studio #main :is(.ess-beg-eyebrow,.ess-phrase-eyebrow,.ess-step-eyebrow,.int-hero__eyebrow){font-size:12px;font-weight:750;letter-spacing:.12em;color:var(--hs-teal);text-transform:uppercase}
.ess-extended-studio #main :is(.ess-beg-section,.ess-step-section,.ess-beg-card,.ess-phrase-card,.convo-archive__card){border-color:var(--hs-line);border-radius:12px;box-shadow:none}
.ess-extended-studio #main :is(.ess-beg-card,.ess-phrase-card,.convo-archive__card){border-top:3px solid var(--hs-teal)}
.ess-extended-studio #main :is(.ess-beg-section,.ess-step-section,.ess-phrase-section,.single-convo__content) h2{font-size:26px;line-height:1.3;letter-spacing:-.025em}
.ess-extended-studio #main :is(.ess-beg-card,.ess-phrase-card,.convo-archive__card) h2{font-size:28px;line-height:1.25}
.ess-extended-studio #main :is(.ess-phrase-search,.ess-phrase-audio,.ess-phrase-practice,.ess-beg-practice,.ess-step-goal,.ess-step-reflect){background:var(--hs-wash);border-color:var(--hs-line)}
.ess-extended-studio #main :is(.ess-beg-intro,.ess-phrase-intro,.convo-archive__intro){max-width:760px}
.ess-extended-studio #main .ess-phrase-example{margin-inline:0;background:var(--hs-wash)}
.ess-extended-studio #main :is(.ess-step-back,.ess-beg-back,.ess-phrase-back,.single-convo__back){margin-bottom:20px}
.ess-extended-studio #main :is(.single-convo__next a,.ess-step-resource){border-color:var(--hs-line);background:var(--hs-wash);border-radius:12px}
.ess-extended-studio #main button,.ess-extended-studio #main summary{min-height:44px;font-family:inherit}
.ess-extended-studio #main :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px;max-width:100%;min-width:0}
.ess-extended-studio #main :is(button,a,summary,textarea,select,input):focus-visible{outline:3px solid var(--hs-pink);outline-offset:3px}
.ess-extended-studio #main [hidden]{display:none!important}
.ess-extended-studio #main :is(section[id],h1[id],h2[id]){scroll-margin-top:100px}
.ess-extended-studio.admin-bar #main :is(section[id],h1[id],h2[id]){scroll-margin-top:140px}
@media(max-width:600px){.ess-extended-studio.admin-bar #main :is(section[id],h1[id],h2[id]){scroll-margin-top:100px}}
/* Keep the existing beginner activities and local progress controls. */
.ess-extended-studio #main.page-beginner{background:#fff!important;font-family:inherit!important}
.ess-extended-studio #main.page-beginner>section{--bg1:243,247,245;--ink:20,63,67;--muted:82,102,106;--brand:9,100,106;--accent:186,7,80;padding:40px 32px;background:var(--hs-paper);border-bottom:1px solid var(--hs-line)}
.ess-extended-studio #main.page-beginner>section:nth-of-type(even){background:var(--hs-wash)}
.ess-extended-studio #main.page-beginner .beg-intro{background:var(--hs-wash)}
.ess-extended-studio #main.page-beginner .beg-intro::before,.ess-extended-studio #main.page-beginner .beg-intro::after{display:none}
.ess-extended-studio #main.page-beginner [class$=__wrap],.ess-extended-studio #main.page-beginner .beg-intro__container{max-width:1160px}
.ess-extended-studio #main.page-beginner :is(.beg-intro__btn--primary,.beg-games__btn--primary,.beg-cal__btn--primary){background:var(--hs-teal);color:white;box-shadow:none}
.ess-extended-studio #main.page-beginner [class*="__btn"],.ess-extended-studio #main.page-beginner [class*="__link"]{min-height:44px;max-width:100%;white-space:normal;line-height:1.45}
.ess-extended-studio #main.page-beginner [class*="__card"]{border-color:var(--hs-line);box-shadow:none;border-radius:12px}
.ess-extended-studio #main.page-beginner [class*="__tick"],.ess-extended-studio #main.page-beginner .beg-intro__list label{min-height:44px;align-items:center}
/* Keep all sections reachable without sideways navigation. */
.ess-extended-studio #main.intermediate{--ink:#143f43;--muted:#52666a;--brand:#09646a;--brand-2:#ba0750;--bg:#f3f7f5;--card:#fff;--ring:#d7e3e2;font:inherit}
.ess-extended-studio #main.intermediate .int-hero{background:var(--hs-wash);border-color:var(--hs-line)}
.ess-extended-studio #main.intermediate :is(.int-hero__inner,.int__container,.int-nav__wrap){width:calc(100% - 64px);max-width:1160px}
.ess-extended-studio #main.intermediate .int-nav__wrap{flex-wrap:wrap;overflow:visible;gap:8px;padding-block:16px}
.ess-extended-studio #main.intermediate .int-nav__link{min-height:44px;font-size:15px;display:inline-flex;align-items:center;white-space:normal}
.ess-extended-studio #main.intermediate .int-section__card{border-color:var(--hs-line);border-radius:12px;box-shadow:none}
.ess-extended-studio #main.intermediate .btn--brand{background:var(--hs-teal);color:white;box-shadow:none}
.ess-extended-studio #main.intermediate :is(.int-section__title,.week__title){font-size:28px}
.ess-extended-studio #main.intermediate .lab__tabs{flex-wrap:wrap;overflow:visible}
.ess-extended-studio #main.intermediate .tab{flex:1 1 140px;white-space:normal}
.ess-home-studio #main .hs-recovery-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:600px){
 .ess-extended-studio #main:is(.ess-beg,.ess-phrase,.ess-step){width:calc(100% - 32px);padding-block:28px 44px}
 .ess-extended-studio #main:is(.convo-archive,.single-convo){padding:28px 16px 44px}
 .ess-extended-studio #main h1{font-size:34px}
 .ess-extended-studio #main h2{font-size:27px}
 .ess-extended-studio #main h3{font-size:22px}
 .ess-extended-studio #main.page-beginner>section{padding:28px 16px}
 .ess-extended-studio #main.intermediate :is(.int-hero__inner,.int__container,.int-nav__wrap){width:calc(100% - 32px)}
 .ess-extended-studio #main.intermediate .int-section{padding:24px 0}
 .ess-extended-studio #main.intermediate .int-section__card{padding:18px}
 .ess-extended-studio #main.intermediate .int-nav__link{flex:1 1 120px;justify-content:center}
}