/* Local typography and navigation density for Bahasa Indonesia. */
.en-site{font-size:17px;line-height:1.75}
.en-site p,.en-site h1,.en-site h2,.en-site h3,.en-site a{overflow-wrap:break-word}
.en-site .experience-copy h1{font-size:60px;line-height:1.12}
.en-site .experience-copy{max-width:730px}
.en-site .experience-copy .en-hero-description{max-width:550px}
.en-site .learning-card h3{line-height:1.4}
.en-site .teacher-video-copy h3{line-height:1.4}
.en-site .teacher-years strong span{font-size:22px}
.en-site .main-nav{gap:13px}
.en-site .site-header .main-nav>a:not(.login-link),.en-site .site-header .course-menu>summary{font-size:14px}
.en-site .site-header .main-nav .login-link{font-size:16px}
.en-site .site-header .header-cta{font-size:16px}
.en-site .brand img{width:165px}
.en-site .mf-hours{max-width:40ch}
.en-site .en-section-note{max-width:70ch}
@media(max-width:1280px){
 .en-site .site-header .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
 .en-site .site-header .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 30px;max-height:calc(100dvh - 155px);overflow:auto;box-shadow:0 18px 25px #183b4a15}
 .en-site .site-header .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .en-site .site-header .main-nav>a:not(.login-link),.en-site .site-header .course-menu>summary{font-size:16px;padding:12px 0;border:0;border-bottom:1px solid #cbd8de;border-radius:0;background:none;white-space:normal}
 .en-site .site-header .main-nav>.header-cta{margin:12px 0;padding:12px 20px;background:#c7e18d;border:0;align-self:flex-start;min-height:48px}
 .en-site .site-header .region-account{margin-top:8px}
 .en-site .region-picker-inner{flex-wrap:wrap;gap:10px}
 .en-site .region-picker p{flex-basis:100%}
 .en-site .region-picker select{flex:1;min-width:0}
 html:not(.js) .en-site .site-header .menu-toggle{display:none}
 html:not(.js) .en-site .site-header .header-inner{flex-wrap:wrap}
 html:not(.js) .en-site .site-header .main-nav{display:flex;position:static;flex-direction:column;width:100%;max-height:none;box-shadow:none;padding:12px 0}
}
@media(max-width:768px){
 .en-site .experience-copy h1{font-size:42px;line-height:1.15}
 .en-site h1{font-size:38px;line-height:1.18}
 .en-site h2,.en-site .learning-deck-section .section-head h2{font-size:32px;line-height:1.25}
 .en-site .learning-card-copy{padding:24px!important}
 .en-site .learning-card h3{font-size:24px}
 .en-site .button{min-height:48px;white-space:normal}
 .en-site .teacher-years strong{font-size:68px}
 .en-site .teacher-years strong span{font-size:20px}
 .en-site .site-header .main-nav{padding-inline:22px}
}
@media(max-width:360px){
 .en-site .experience-copy h1{font-size:36px}
 .en-site h1,.en-site.page-how-to-start h1{font-size:34px}
 .en-site h2,.en-site .closing h2,.en-site .learning-deck-section .section-head h2{font-size:29px}
 .en-site .region-picker select{font-size:13px;padding-inline:8px}
 .en-site .region-picker button{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.en-site .student-network *{animation:none!important}}

.page-index .brand-support-overview.network-only{grid-template-columns:minmax(0,1fr)}
.page-index .brand-support-overview.network-only>div{width:100%;max-width:590px;margin-inline:auto}
