/* Shared header: compact controls, with a progressive mobile navigation. */
.site-header{position:relative;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 32px;background:var(--bg)}
.site-header .brand{min-width:0;flex-shrink:0}
.site-header .brand img{flex:none}
.site-header .main-nav{margin:0;max-width:none;width:auto;justify-content:flex-end;gap:6px 19px;line-height:1.5}
.site-header .main-nav a{padding:9px 0;font-size:14px;white-space:normal}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;align-items:center;justify-content:center;border:1px solid #435166;border-radius:10px;background:var(--surface);color:var(--text);flex:none}
.menu-toggle svg{width:22px;height:22px;flex:none}
.menu-toggle .close-icon{display:none}
.menu-open .menu-toggle .menu-icon{display:none}
.menu-open .menu-toggle .close-icon{display:block}
.menu-open .menu-toggle{border-color:var(--mint);color:var(--mint);background:#152d2b}
.language-picker{position:relative}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 11px;border:1px solid #435166;border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;list-style:none;user-select:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-icon{width:18px;height:18px;flex:none;color:var(--mint)}
.language-current{font-size:14px;font-weight:600;letter-spacing:.04em;direction:ltr}
.language-chevron{width:12px;height:12px;flex:none;color:var(--muted)}
.language-picker[open] summary{border-color:var(--mint)}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-picker nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:320px;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:10px;border:1px solid #435166;border-radius:14px;background:#14202e;box-shadow:0 18px 45px #0008}
.language-picker nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;min-height:44px;border-radius:8px;color:var(--text);font-size:14px;line-height:1.5;text-decoration:none;border:1px solid transparent;overflow-wrap:anywhere}
.language-picker nav a:hover{background:#203247}
.language-picker nav a[aria-current]{background:#163631;border-color:#387362;color:var(--mint)}
.language-picker nav a[aria-current]::after{content:'✓';font-size:14px;flex:none}
.language-bar{margin:0 auto;padding:0 32px;max-width:1280px}
.translation-notice{margin:0;padding:12px 0 15px;border-bottom:1px solid var(--border);font-size:14px;line-height:1.65;max-width:none;color:var(--muted)}
.translation-notice a{white-space:normal}
@media(max-width:1100px) and (min-width:901px){.site-header{gap:18px;padding-inline:24px}.site-header .brand{font-size:18px}.site-header .brand img{width:48px;height:48px}.site-header .main-nav{gap:2px 14px}}
@media(max-width:900px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:15px 20px}
 .site-header .brand{grid-column:1;grid-row:1;gap:9px;font-size:18px;letter-spacing:-.35px}
 .site-header .brand img{width:46px;height:46px}
 .site-header .brand span{line-height:1.13}
 .site-header .brand strong{display:block}
 .site-header .brand small{display:none}
 .header-actions{grid-column:2;grid-row:1}
 .site-header[data-navigation-ready] .menu-toggle{display:flex}
 .site-header .main-nav{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;margin-top:14px;padding:10px;background:#14202e;border:1px solid #35465b;border-radius:12px}
 .site-header[data-navigation-ready]:not(.menu-open) .main-nav{display:none}
 .site-header .main-nav a,.site-header .main-nav a:first-child{display:block;padding:12px 14px;min-height:46px;border-radius:7px;font-size:16px;line-height:1.5;white-space:normal;color:var(--text)}
 .site-header .main-nav a:hover,.site-header .main-nav a[aria-current]{background:#1b3734;color:var(--mint)}
 .site-header .main-nav small{font-size:14px;color:var(--muted)}
 .language-picker{position:static}
 .language-picker nav{inset-inline:20px;top:calc(100% + 5px);min-width:0;max-height:60vh}
 .language-bar{padding-inline:20px}
 .translation-notice{padding-block:12px;font-size:14px}
}
@media(max-width:360px){.site-header{padding-inline:16px;gap:8px}.site-header .brand{font-size:16px;gap:7px}.site-header .brand img{width:40px;height:40px}.header-actions{gap:7px}.language-picker summary{gap:5px;padding-inline:8px}.language-icon{width:16px;height:16px}.language-picker nav{inset-inline:16px}}