/* A compact native-name selector keeps eight languages usable on small screens. */
.lang-switch { flex-shrink: 0; min-width: 0; }
.language-select {
  font: inherit;
  font-size: 12px;
  line-height: 1.4;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 5px;
  padding: 7px 22px 7px 8px;
  width: 111px;
  max-width: 100%;
  cursor: pointer;
}
.language-select option { color: #172d3b; background: #fff; }
.language-select:focus-visible { outline: 2px solid #388780; outline-offset: 3px; }
html[lang="ja"] .num span { white-space: normal; word-break: normal; overflow-wrap: anywhere; }
html[lang="tr"] .nav-links, html[lang="es"] .nav-links,
html[lang="sq"] .nav-links { gap: 15px; }
html[lang="tr"] .nav-links a, html[lang="es"] .nav-links a,
html[lang="sq"] .nav-links a { font-size: 13px; }
@media (max-width: 1100px) {
  html[lang="tr"] .nav-links, html[lang="es"] .nav-links,
  html[lang="sq"] .nav-links { gap: 10px; }
}
@media (max-width: 1280px) {
  .site-header .nav-toggle { display: inline-flex; align-items: center; gap: .4rem; }
  .site-header .nav-links {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 0;
    background: var(--surface); border-bottom: 1px solid var(--border);
    padding: var(--s-3) clamp(1rem, 4vw, 3rem) var(--s-5);
    box-shadow: 0 16px 40px -20px rgb(0 0 0 / .3);
  }
  .site-header .nav-links.open { display: flex; }
  .site-header .nav-links .home { display: list-item; }
  .site-header .nav-links a { padding: .8rem 0; white-space: normal; }
  .site-header .nav-links .btn { margin-top: var(--s-3); justify-content: center; }
  .site-header .nav-links .lang { margin-top: 12px; }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  html[lang="ar"] .site-header .nav-toggle { display: inline-flex; align-items: center; gap: .4rem; }
  html[lang="ar"] .site-header .nav-links {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; align-items: stretch; gap: 0; background: var(--surface);
    border-bottom: 1px solid var(--border);
    padding: var(--s-3) clamp(1rem, 4vw, 3rem) var(--s-5);
  }
  html[lang="ar"] .site-header .nav-links.open { display: flex; }
  html[lang="ar"] .site-header .nav-links .home { display: list-item; }
  html[lang="ar"] .site-header .nav-links a { padding: .8rem 0; white-space: normal; }
  html[lang="ar"] .site-header .nav-links .lang { margin-top: 12px; }
}
@media (max-width: 760px) {
  .language-select { min-height: 44px; width: 114px; }
  .lang-switch { max-width: 100%; }
}
@media (max-width: 500px) {
  .site-header .brand { font-size: clamp(1rem, 4.6vw, 1.125rem); gap: 7px; flex-shrink: 0; }
  .site-header .brand svg { width: 27px; height: 27px; flex-shrink: 0; }
  .site-header .nav { gap: 10px; }
  .site-header .nav-toggle { flex-shrink: 0; }
}