/* Scoped UI only: preserve existing header dimensions and navigation layout. */
.site-header #navigation .language-switcher{position:relative;flex-shrink:0;white-space:nowrap}
.language-trigger{appearance:none;display:flex;align-items:center;justify-content:center;gap:10px;min-width:28px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--text);font:inherit;font-size:14px;line-height:1.2;cursor:pointer}
.language-globe{display:block;width:20px;height:20px;flex-shrink:0;opacity:.85}
.language-trigger:hover .language-globe,.language-trigger[aria-expanded="true"] .language-globe{opacity:1}
.language-current{display:none}
.site-header #navigation .language-menu{position:absolute;z-index:1;top:100%;right:0;width:178px;margin:0;padding:6px;list-style:none;border:1px solid var(--line);background:var(--page-bg);animation:language-reveal .1s ease-out}
.site-header #navigation .language-menu[hidden]{display:none}
.site-header #navigation .language-menu a{display:flex;align-items:center;min-height:40px;padding:8px 10px;font-size:13px;line-height:1.4;color:var(--muted);text-decoration:none}
.language-name{white-space:pre}
.site-header #navigation .language-menu a[aria-current="true"],.site-header #navigation .language-menu a:hover{color:var(--text)}
.site-header #navigation .language-menu a[aria-current="true"]{font-weight:500}
.language-trigger:focus-visible,.site-header #navigation .language-menu a:focus-visible{outline:1px solid var(--text);outline-offset:3px}
@keyframes language-reveal{from{opacity:.65}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.site-header #navigation .language-menu{animation:none}}
@media(min-width:651px){
 .site-header #navigation{align-items:center}
 /* Expand the invisible hit area, preserving the globe and navigation positions. */
 .language-trigger{position:relative;z-index:2;min-width:36px;margin-inline:-4px}
 /* An 11px bridge above and a small invisible perimeter belong to the menu
    inside the common wrapper. Diagonal approaches can pass either edge. */
 .site-header #navigation .language-menu::before{content:"";position:absolute;top:-11px;bottom:-12px;left:-12px;right:-12px;z-index:-1}
}
@media(max-width:1000px) and (min-width:651px){.site-header #navigation{gap:18px}}
@media(max-width:650px){
 .site-header #navigation .language-switcher{align-self:stretch;margin-top:12px}
 .language-trigger{width:fit-content;min-width:44px;justify-content:flex-start;padding:10px 0;text-align:left}
 .language-current{display:inline}
 .site-header #navigation .language-menu{position:static;width:100%;padding:4px 0 0;border:0}
 .site-header #navigation .language-menu a{min-height:44px;padding:10px 0;font-size:14px}
 .language-name{display:none}
}
/* Inline Font Awesome brand paths; no fonts, remote icon requests or visible labels. */
.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:8px 0 0;padding:0}
.social-links a{display:inline-flex;align-items:center;justify-content:center;padding-inline:8px;min-height:44px;color:var(--muted);text-decoration:none}
.social-links a:first-child{margin-left:-8px}
.social-links a:hover{color:var(--text);text-decoration:none}
.social-links a:focus-visible{outline:1px solid var(--text);outline-offset:2px}
.social-icon{display:block;height:19px;width:19px;fill:currentColor}
.social-icon--behance{width:30px}
.social-icon--facebook-f{width:11px}
footer.has-social-links{flex-wrap:wrap}
footer .social-links{margin:0}