/* Shared locale controls; all styles and translations are served locally. */
.language-picker{position:relative;flex-shrink:0}
.language-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;padding:5px 8px;border:1px solid transparent;border-radius:9px}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{background:#eaf0de;border-color:#d3dec1}
.language-picker summary:focus-visible{outline:3px solid #bd8239;outline-offset:3px}
.language-code{font-weight:800;font-size:11px;letter-spacing:.04em}
.language-current{font-size:12px}
.language-chevron{font-size:15px}
.language-menu{position:absolute;z-index:50;inset-inline-end:0;top:100%;min-width:168px;max-width:calc(100vw - 36px);padding:7px;margin:4px 0 0;list-style:none;border:1px solid var(--line);border-radius:13px;background:var(--cream);box-shadow:0 12px 30px #18382d1a}
.language-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:8px 13px;border-radius:7px;font-size:14px}
.language-menu a:hover,.language-menu a[aria-current=true]{background:#eaf0de;color:var(--green)}
html[dir=ltr] .brand-wordmark{font-family:'Segoe UI',Arial,sans-serif;font-size:27px;letter-spacing:-.045em}
html[dir=ltr] .brand .brand-wordmark small{font-family:'Noto Arabic','Segoe UI',Tahoma,sans-serif;letter-spacing:0;font-size:10px;margin-top:4px}
html[dir=ltr] .hero h1{font-size:clamp(42px,4.3vw,61px);line-height:1.16}
html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(39px,4.1vw,57px)}
html[dir=ltr] .hero-actions{flex-wrap:wrap;gap:16px 22px}
html[dir=ltr] .hero-description,html[dir=ltr] .editorial p,html[dir=ltr] .tool-card p{line-height:1.8}
html[dir=ltr] .editorial h1,html[dir=ltr] .editorial h2,html[dir=ltr] .hero h1,html[dir=ltr] .tool-card h3{overflow-wrap:break-word;hyphens:auto}
html[dir=ltr] .floating-tag{max-width:190px}
.hero-visual .subtitle-text [lang=ar]{font-family:'Noto Arabic','Segoe UI',Tahoma,sans-serif}
@media(min-width:901px) and (max-width:1250px){.language-current{display:none}.header-inner{gap:20px}.site-header nav{gap:15px}.header-actions{gap:10px}}
@media(max-width:900px){.language-current{display:none}.language-picker summary{padding-inline:5px}.site-header nav a{text-align:center;overflow-wrap:break-word;hyphens:auto}.site-header nav{gap:8px}.header-actions{gap:8px}html[dir=ltr] .hero h1{font-size:clamp(38px,7vw,54px)}}
@media(max-width:480px){html[dir=ltr] .brand-wordmark{font-size:23px}.header-inner{gap:9px 8px}.header-actions{gap:3px}.header-actions .button.small{max-width:120px;padding:9px 10px;font-size:11px;text-align:center}.language-picker summary{gap:3px;padding-inline:3px}.language-picker summary>span:first-child{display:none}.language-menu{inset-inline-end:-70px}.site-header nav{font-size:11px;gap:3px}.site-header nav a{padding-inline:3px;max-width:32%;line-height:1.4}html[dir=ltr] .hero h1{font-size:clamp(32px,9.2vw,43px)}html[lang=de] .hero h1,html[lang=fr] .hero h1{font-size:clamp(31px,8.8vw,42px)}.hero-visual .floating-tag{font-size:9px;max-width:168px}.editorial h1{overflow-wrap:anywhere}.back-link{gap:6px}}
