/* The existing drawer is also available on desktop so language switching is
   always in the same place. The site's palette and component shapes stay intact. */
.nav-drawer { display: block; }

.language-switcher {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 5px 5px 10px;
}

.language-switcher a {
  min-height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--ink-strong);
  font-size: var(--fs-tiny);
  text-decoration: none;
}

.language-switcher a:hover,
.language-switcher a:focus-visible,
.language-switcher a[aria-current="true"] {
  border-color: var(--cyan);
  color: var(--ink);
  background: rgba(32, 213, 223, 0.08);
}

.language-switcher a span { font-size: 19px; line-height: 1; }

html[lang="en"] .pillar > .text-link::before { content: "Learn more"; }

@media (max-width: 1140px) {
  .nav { display: none; }
  .header-actions { margin-left: auto; }
}