/* Shared by the static market pages and the React Pulse/calculator chrome. */
.language-trigger { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-width:56px; min-height:44px; padding:0 8px; border:1px solid var(--ui-line); border-radius:8px; background:var(--ui-surface); color:var(--ui-text); font:inherit; font-size:12px; font-weight:650; cursor:pointer; }
.language-dialog { box-sizing:border-box; margin:auto; width:min(360px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:20px; border:1px solid var(--ui-line); border-radius:16px; background:var(--ui-surface); color:var(--ui-text); box-shadow:0 24px 80px #0005; }
.language-dialog::backdrop { background:#0007; }
.language-dialog header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.language-dialog h2 { margin:0; font-size:16px; line-height:1.5; }
.language-dialog header button { width:44px; height:44px; border:0; background:transparent; color:inherit; font-size:24px; cursor:pointer; }
.language-dialog .language-option { box-sizing:border-box; display:grid; grid-template-columns:42px 1fr 24px; align-items:center; gap:8px; width:100%; min-height:54px; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; text-decoration:none; font:inherit; font-size:14px; cursor:pointer; }
.language-dialog .language-option[aria-current=page],.language-dialog .language-option[aria-pressed=true],.language-dialog .language-option:hover { background:var(--ui-accent-soft); color:var(--ui-accent); }
.language-trigger:focus-visible,.language-dialog button:focus-visible,.language-dialog a:focus-visible { outline:2px solid var(--ui-focus); outline-offset:3px; }