.lang-switch{align-items:center;gap:10px;min-inline-size:0;display:flex}.lang-switch__label{font-size:var(--text-2xs);color:var(--text-muted)}.lang-switch__row{align-items:center;gap:2px;display:flex}.lang-switch__button{border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out);background:0 0;border:0;padding:6px 8px;font-weight:500;line-height:1.2}.lang-switch__button:hover{color:var(--text);background:color-mix(in oklab,currentColor 8%,transparent)}.lang-switch__button.is-active{color:var(--text);font-weight:700}.lang-switch__button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lang-switch--cards .lang-switch__row{flex-wrap:wrap;gap:12px}.lang-switch--cards .lang-switch__button{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:var(--text-lg);padding:16px 20px}.lang-switch--cards .lang-switch__button.is-active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-soft-text)}@media (width<=600px){.lang-switch--cards{flex-direction:column;align-items:stretch;gap:12px}.lang-switch--cards .lang-switch__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;inline-size:100%;display:grid}.lang-switch--cards .lang-switch__button{inline-size:100%;font-size:var(--text-md);text-align:center;padding:12px 8px}}