.header-row{gap:20px}.header-row>.brand{order:1}.site-nav{order:2;margin-inline-start:auto;gap:18px}.language-switch{order:3;display:flex;align-items:center;flex-shrink:0;gap:2px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--mist)}.language-switch a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 10px;font-size:12px;font-weight:600;border-radius:4px;white-space:nowrap}.language-switch a[aria-current=true]{background:var(--navy);color:white}.language-switch a:hover:not([aria-current=true]){background:#e3e9ef}.menu-toggle{order:4}.footer-grid>p{text-align:end}bdi{unicode-bidi:isolate}
html[dir=rtl]{scroll-padding-top:110px}html[dir=rtl] body{line-height:1.7}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow,html[dir=rtl] .brand,html[dir=rtl] .brand small,html[dir=rtl] .preview-heading,html[dir=rtl] .preview-label,html[dir=rtl] .preview-sentence small,html[dir=rtl] .course-number,html[dir=rtl] .format-grid small,html[dir=rtl] .access-card>span{letter-spacing:0}html[dir=rtl] h1{line-height:1.4;font-size:clamp(36px,4.2vw,55px)}html[dir=rtl] h2{line-height:1.5;font-size:clamp(29px,3.1vw,39px)}html[dir=rtl] .hero{background:linear-gradient(250deg,#fff 55%,#f6f7f8 55%)}html[dir=rtl] .hero-intro,html[dir=rtl] .section-intro{line-height:2}html[dir=rtl] .eyebrow{font-size:13px}html[dir=rtl] .brand small{font-size:12px}html[dir=rtl] .site-nav{font-size:14px}html[dir=rtl] .lesson-preview{transform:rotate(-1.2deg)}html[dir=rtl] .preview-heading{font-size:32px;line-height:1.65}html[dir=rtl] .preview-label{font-size:12px}html[dir=rtl] .preview-tabs button{font-size:13px}html[dir=rtl] .preview-sentence small{font-size:12px}html[dir=rtl] .preview-sentence p{font-size:24px;text-align:left;line-height:1.4}html[dir=rtl] .preview-tip{font-size:14px;line-height:1.9;unicode-bidi:plaintext}html[dir=rtl] .preview-bottom{font-size:14px}html[dir=rtl] .format-grid>div{border-left:0;padding-left:0;border-right:1px solid #d2dce4;padding-right:25px}html[dir=rtl] .format-grid>div:first-child{border-right:0;padding-right:0}html[dir=rtl] .format-grid small{font-size:11px}html[dir=rtl] .format-grid span{font-size:12px}html[dir=rtl] .course-number{font-size:12px}html[dir=rtl] .course-card h3{font-size:25px;line-height:1.6}html[dir=rtl] .course-card ul,html[dir=rtl] .access-status ul{padding-left:0;padding-right:20px;font-size:14px}html[dir=rtl] .learning-steps h3{line-height:1.7}html[dir=rtl] .learning-steps p{font-size:14px}html[dir=rtl] .faq-list details p{margin:17px 0 0 30px}html[dir=rtl] .contact-actions{padding-left:0;border-left:0;padding-right:45px;border-right:1px solid #3c576b}html[dir=rtl] .contact-actions p{font-size:14px}html[dir=rtl] .access-status{border-left:0;border-right:4px solid var(--gold)}html[dir=rtl] .access-status h2{font-size:26px}html[dir=rtl] .access-card h2{font-size:27px}html[dir=rtl] .access-card>span{font-size:12px}html[dir=rtl] .skip-link{left:auto;right:16px}html[dir=rtl] .text-link span[aria-hidden=true]{transform:scaleX(-1)}
@media(max-width:1100px) and (min-width:821px){.header-row{gap:14px}.site-nav{gap:13px;font-size:12px}html[dir=rtl] .site-nav{font-size:13px}.brand{font-size:19px}.language-switch a{padding-inline:8px;font-size:11px}}
@media(max-width:1000px){.footer-grid>p{text-align:start}}
@media(max-width:820px){:root,html[dir=rtl]{scroll-padding-top:155px}.header-row{display:grid;grid-template-columns:1fr auto;gap:12px 16px}.header-row>.brand{grid-area:1 / 1}.menu-toggle{grid-area:1 / 2}.language-switch{grid-area:2 / 1 / 3 / 3;justify-self:start}.site-nav{grid-area:3 / 1 / 4 / 3;margin-inline-start:0}.language-switch a{min-height:38px}html[dir=rtl] .hero{background:var(--mist)}html[dir=rtl] .lesson-preview{transform:none}html[dir=rtl] .hero-copy h1{font-size:clamp(35px,6.8vw,48px);line-height:1.45}html[dir=rtl] .format-grid>div:nth-child(3){padding-right:0;border-right:0}html[dir=rtl] .contact-actions{padding-right:0;border-right:0}}
@media(max-width:560px){html[dir=rtl] .hero-copy h1{font-size:35px}html[dir=rtl] .format-grid>div{padding-right:14px}html[dir=rtl] .format-grid strong{font-size:15px}html[dir=rtl] .format-grid span{font-size:11px}html[dir=rtl] .format-grid small{font-size:10px}html[dir=rtl] h2{font-size:29px}html[dir=rtl] .course-card h3{font-size:23px}html[dir=rtl] .preview-heading{font-size:28px}html[dir=rtl] .access-hero h1{font-size:35px}html[dir=rtl] .access-status h2{font-size:24px}.language-switch a{min-height:40px}}