.language-switch{display:flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;margin-left:auto;font-size:11px;line-height:1.3;white-space:nowrap;color:#48657e}.site-header .language-switch a{color:#48657e;text-decoration:none;padding:6px 3px;border-radius:3px;font-weight:500}.site-header .language-switch a[aria-current=true]{color:#07496c;font-weight:700;text-decoration:underline;text-underline-offset:4px}.language-switch a:focus-visible{outline:3px solid #008fa7;outline-offset:2px}.language-switch a:hover{background:#edf8ff}.site-header nav{gap:18px}.site-header .nav-links{gap:18px}html[lang=id] .hero-copy{width:52%}html[lang=id] .home h1 span{white-space:normal}html[lang=id] .hero-actions{flex-wrap:wrap;gap:10px}html[lang=id] .hero-actions .btn{font-size:12px;padding-left:15px;padding-right:15px}html[lang=id] .hero-benefits{gap:16px}html[lang=id] .hero-benefits>div{font-size:11px}html[lang=id] .workflow-row b{font-size:10px}html[lang=id] .workflow-row small{font-size:8px}html[lang=id] .assessment-copy h2{font-size:23px}html[lang=id] .footer-links{gap:18px}html[lang=id] .topic-copy h1{font-size:clamp(34px,3.4vw,46px)}@media(min-width:1200px){html[lang=id] .workflow-row b{font-size:11px}html[lang=id] .workflow-row small{font-size:9px}}@media(max-width:1100px) and (min-width:901px){.site-header nav{gap:13px}.site-header .nav-links{gap:13px;font-size:11px}html[lang=id] .site-header .nav-links{gap:12px;font-size:11px}}@media(max-width:900px){.site-header .nav-links{gap:12px 19px}.site-header nav{gap:13px}.language-switch{font-size:11px}html[lang=id] .hero-copy{width:52%}html[lang=id] .home h1{font-size:43px}}@media(max-width:600px){.site-header nav{gap:10px}.language-switch{margin-left:auto;gap:4px;font-size:10px}.site-header .language-switch a{padding:6px 2px}.site-header .btn{margin-left:0;min-width:90px;font-size:11px;padding:9px 12px}.site-header .nav-links{gap:12px 17px;font-size:11px}.site-header .brand,.site-header .brand img{width:118px}.site-header .brand span{margin-left:20px;font-size:9px}.site-footer .brand,.site-footer .brand img{width:118px!important}html[lang=id] .hero-copy{width:100%}html[lang=id] .home h1{font-size:43px}html[lang=id] .hero-actions .btn{font-size:12px}html[lang=id] .hero-benefits>div{font-size:10px}html[lang=id] .workflow-row b{font-size:9px}html[lang=id] .workflow-row small{font-size:8px}html[lang=id] .footer-links{gap:14px 17px}html[lang=id] .assessment-copy h2{font-size:24px}}
