.locale-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 16px}.locale-switch a{display:inline-flex;align-items:center;min-height:44px;padding:4px 12px;border:1px solid var(--line,#e2dded);border-radius:999px;font-size:13px;color:var(--ink,#171224);text-decoration:none}.locale-switch a[aria-current]{border-color:var(--purple,#7657ff);font-weight:700}.locale-switch a:focus-visible{outline:2px solid #7657ff;outline-offset:3px}html[lang=de] .button,html[lang=fr] .button{white-space:normal}html[lang=de] .workspace,html[lang=fr] .workspace{min-width:0}:is(html[lang="fr"],html[lang="de"]) .site-footer a{overflow-wrap:anywhere}.locale-keyword{font-weight:650;color:inherit}:is(html[lang="fr"],html[lang="de"]) .tool-timer{white-space:nowrap!important;flex-shrink:0;min-width:5ch;font-variant-numeric:tabular-nums}:is(html[lang="fr"],html[lang="de"]) .expiry-strip>div:first-child{min-width:0}:is(html[lang="fr"],html[lang="de"]) .main-nav a{min-width:0}@media(max-width:760px){:is(html[lang="fr"],html[lang="de"]) .main-nav a{font-size:10px!important;white-space:normal!important;text-align:center;line-height:1.2!important}:is(html[lang="fr"],html[lang="de"]) .tool-timer{font-size:30px!important}:is(html[lang="fr"],html[lang="de"]) .expiry-strip{gap:10px!important}}
html[lang="hu"] .button{white-space:normal}html[lang="hu"] .workspace{min-width:0}html[lang="hu"] .site-footer a{overflow-wrap:anywhere}html[lang="hu"] .tool-timer{white-space:nowrap!important;min-width:5ch;flex-shrink:0;font-variant-numeric:tabular-nums}html[lang="hu"] .expiry-strip>div:first-child{min-width:0}@media(max-width:760px){html[lang="hu"] .main-nav a{font-size:10px!important;white-space:normal!important;text-align:center;line-height:1.2!important}html[lang="hu"] .tool-timer{font-size:30px!important}html[lang="hu"] .expiry-strip{gap:10px!important}}

/* Keep longer translated navigation inside the shell at every viewport. */
:is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav{flex-wrap:nowrap;gap:clamp(10px,1.1vw,18px)}
:is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav a{white-space:nowrap;font-size:12px}
:is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .locale-switch{position:relative;z-index:20;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);border-bottom:1px solid var(--line,#e7e5ef)}
@media(max-width:1240px) and (min-width:901px){
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .site-header{padding-inline:22px;grid-template-columns:auto minmax(0,1fr) auto;gap:18px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .brand small{display:none}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav{justify-self:center;gap:10px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav a{font-size:11px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button{width:48px;min-width:48px;padding:5px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button>span,
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button>em{display:none}
}
@media(max-width:900px){
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]){scroll-padding-bottom:76px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) body{padding-bottom:70px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .site-header{height:68px;padding:0 14px;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:var(--surface);backdrop-filter:none}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .brand,
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .brand>span:last-child{min-width:0}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .brand b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .brand small{display:none}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .header-actions{display:flex;grid-column:2;grid-row:1;gap:7px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button{display:flex;width:40px;min-width:40px;height:40px;padding:3px;justify-content:center}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button>span,
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button>em{display:none}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-button i{width:32px;height:32px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav{position:fixed;z-index:40;top:auto;right:10px;bottom:8px;left:10px;width:auto;height:58px;padding:5px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));justify-self:stretch;gap:3px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 15px 45px rgba(24,18,48,.18);backdrop-filter:blur(18px)}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav a{min-width:0;padding:0 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;border-radius:12px;font-size:9px!important;line-height:1.1!important;text-align:center;white-space:nowrap!important;text-overflow:ellipsis}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav a.active{background:var(--surface-2)}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .main-nav a.active::after{display:none}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .profile-menu{position:fixed;top:76px;right:12px;bottom:auto;width:min(330px,calc(100vw - 24px));max-height:calc(100vh - 160px);overflow-y:auto}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .locale-switch{padding:7px 10px;gap:6px}
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .locale-switch a{min-height:40px;padding:3px 10px}
}
@media(max-width:390px){
  :is(html[lang="fr"],html[lang="de"],html[lang="hu"],html[lang="ja"]) .theme-toggle{display:none}
}

html[lang="ja"] body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,"DM Sans",system-ui,sans-serif}html[lang="ja"] .button{white-space:normal}html[lang="ja"] .workspace{min-width:0}html[lang="ja"] .site-footer a{overflow-wrap:anywhere}@media(max-width:560px){.locale-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.locale-switch a{justify-content:center;min-width:0;padding-inline:4px;font-size:12px}}