.language-select{font:600 .8125rem Arial,sans-serif;letter-spacing:.04em;color:#f4f5ed;background:#232b1b;border:1px solid #5b6749;border-radius:3px;min-width:74px;min-height:42px;padding:8px 10px;cursor:pointer;color-scheme:dark;flex-shrink:0}
.language-select:focus-visible{outline:2px solid #d5e4a2;outline-offset:3px}
.site-header{gap:clamp(16px,3vw,46px)}
.site-header .header-note{margin-left:auto}
.topbar .top-label{margin-left:auto}
html[lang=en] .hero h1{font-size:clamp(2.7rem,5.8vw,6.6rem)}
@media(max-width:1100px){.site-header .language-select{margin-left:auto}.site-header nav{margin-left:auto;gap:20px}}
@media(max-width:700px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;padding:8px 20px;min-height:104px}
 .site-header .logo{grid-column:1;grid-row:1;height:40px}
 .site-header .language-select{grid-column:2;grid-row:1;min-height:36px}
 .site-header nav{grid-column:1/-1;grid-row:2;margin:0;justify-content:center;gap:28px}
 .site-header nav button{font-size:.8125rem;min-height:40px;padding:8px 0}
 .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 .topbar .brand{grid-column:1;grid-row:1;max-width:100%}
 .topbar .language-select{grid-column:2;grid-row:1}
 .topbar .top-label{grid-column:1/-1;grid-row:2;margin:0}
 html[lang=en] .hero h1{font-size:clamp(2rem,8.1vw,3.5rem)}
 #quasar-d{padding-top:124px}
 .action{max-width:100%;overflow-wrap:anywhere}
}