/* Language choices remain reachable at every viewport width. */
.language-picker{position:relative;flex-shrink:0;border-left:1px solid #d5dfed;padding-left:24px;font-size:14px}
.language-picker summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;border-radius:4px;min-height:40px}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:focus-visible{outline:3px solid #0874ff;outline-offset:4px}
.language-code{display:none}
.desktop-nav{gap:20px}
.desktop-nav a{white-space:nowrap}
.language-options{position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:190px;padding:6px;background:#fff;border:1px solid #e3eaf3;border-radius:10px;box-shadow:0 10px 30px #1018271a}
.language-options a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:5px;line-height:1.6}
.language-options a:hover,.language-options a[aria-current]{background:#eff7ff;color:#0060da}
html[lang="hi"] body{font-family:"Nirmala UI","Mangal","Segoe UI",sans-serif}
html[lang="hi"] .hero h1,html[lang="hi"] h2,html[lang="hi"] h3{line-height:1.45;letter-spacing:normal}
html:not([lang="en"]) .how-card-title,html:not([lang="en"]) .conversion-formats,html:not([lang="en"]) .saved-preview>div{min-width:0}
html:not([lang="en"]) .how-card-title h3{overflow-wrap:anywhere}
html:not([lang="en"]) .download-button{white-space:normal}
@media(max-width:1280px){
    html:not([lang="en"]) .desktop-nav{display:none}
    html:not([lang="en"]) .language-picker{margin-left:auto}
    html:not([lang="en"]) .menu-toggle{display:block}
}
@media(max-width:1120px){
    .desktop-nav{display:none}
    .language-picker{margin-left:auto}
    .menu-toggle{display:block}
}
@media(max-width:760px){
    .language-picker{margin-left:auto;border:0;padding:0}
    .language-picker summary{gap:6px;font-size:13px}
    .language-picker .icon{width:19px;height:19px}
}
@media(max-width:520px){
    .site-header .brand img{width:150px}
    .language-name{display:none}
    .language-code{display:inline}
    .header-inner .menu-toggle{margin-left:0}
    .language-picker summary{gap:4px}
    .language-picker .icon{width:17px;height:17px}
    html:not([lang="en"]) .hero h1{overflow-wrap:anywhere}
}