/* ESL details follow the existing school/camp section, tag and inquiry conventions. */
.esl-course-page .esl-detail-head .section{padding-top:45px;padding-bottom:35px}.esl-course-page h1{font-size:clamp(34px,4vw,54px);margin:10px 0 18px}.esl-course-page .feature-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0}.esl-course-page .feature-tag{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid #b6ccbe;border-radius:3px;color:#345c46;background:#f5f8f5;font-size:13px;line-height:1.55}.esl-directory .esl-course-body{padding-top:25px}.esl-course-nav{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid #d5ddd6;border-bottom:1px solid #d5ddd6;padding:15px 0}.esl-course-nav a{font-size:15px;line-height:1.5;padding:6px 0}.esl-course-section{padding:36px 0;border-bottom:1px solid #d5ddd6;scroll-margin-top:115px}.esl-course-section h2{font-size:30px;margin:0 0 24px}.esl-course-section h3{font-size:19px;margin:24px 0 12px}.esl-course-section p{max-width:1000px}.esl-course-section .esl-specs{margin-bottom:20px}.esl-course-section .esl-fees{max-width:1050px}.esl-course-section#enquire{margin-top:34px;padding:32px 36px;background:#034730;color:#fff;border:0;border-radius:6px}.esl-course-section#enquire h2{color:#fff}.esl-course-section#enquire p{color:#e3ece6}.esl-course-section#enquire .button{background:#c8ac72;color:#183a2c;border-color:#c8ac72;margin-top:10px}@media(max-width:620px){.esl-course-nav{gap:4px 14px}.esl-course-nav a{font-size:14px}.esl-course-section{padding:28px 0}.esl-course-section#enquire{padding:26px 22px}.esl-course-section h2{font-size:27px}}

/* ESL section navigation uses the existing shared camp navigation behavior. */
html.esl-sticky-detail{scroll-padding-top:0}
.esl-course-page,.esl-course-page .esl-course-body{overflow:visible}
.esl-course-page .esl-course-body{min-width:0}
.esl-course-page .esl-course-nav.detail-nav{position:sticky;top:var(--detail-nav-top,0px);z-index:15;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;left:auto;right:auto;width:100%;max-width:100%;min-width:0;max-height:none;margin:0;padding:8px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:8px;border:1px solid #b8cbbc;border-radius:7px;background:#fffefb;box-shadow:0 5px 18px #03473012;scrollbar-width:thin;scrollbar-color:#c8ac72 transparent}
.esl-course-page .esl-course-nav.detail-nav a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:4px;font-size:14px;line-height:1.5;white-space:nowrap;color:#034730;text-decoration:none}
.esl-course-page .esl-course-nav.detail-nav a:hover{background:#edf3ef}
.esl-course-page .esl-course-nav.detail-nav a.is-current,.esl-course-page .esl-course-nav.detail-nav a[aria-current="location"]{background:#034730;color:#fff;box-shadow:0 1px 3px #03473022}
.esl-course-page .esl-course-nav.detail-nav a:focus-visible{outline:3px solid #c8ac72;outline-offset:-3px}
@media(max-width:620px){.esl-course-page .esl-course-nav.detail-nav{padding:6px;gap:3px;border-radius:5px}.esl-course-page .esl-course-nav.detail-nav a{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html.esl-sticky-detail{scroll-behavior:auto}}