/* One visible language control on every first-party screen. */
.fareeq-language-toggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 36px;
  min-width: 76px;
  padding: 6px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: var(--surface, #fffaf0);
  color: var(--text, #123f35);
  font: 600 14px/1.4 "Segoe UI", Tahoma, Arial, sans-serif;
  cursor: pointer;
  white-space: nowrap;
}
.fareeq-language-toggle:hover { filter: brightness(.96); }
.fareeq-language-toggle:focus-visible { outline: 3px solid #d6b86b; outline-offset: 3px; }
.fareeq-language-bar {
  position: sticky;
  inset-block-start: 0;
  z-index: 80;
  display: flex;
  justify-content: flex-end;
  padding: 8px 16px;
  background: var(--surface, #fffaf0);
  border-block-end: 1px solid #d9d8ce;
}
html[dir="ltr"] body { direction: ltr; text-align: start; }
html[dir="ltr"] th, html[dir="ltr"] td { text-align: start; }
html[dir="ltr"] .card pre { direction: ltr; text-align: start; }
@media (max-width: 600px) {
  .topbar .top-actions { gap: 6px; }
  .fareeq-language-toggle { min-width: 68px; padding-inline: 8px; }
}
@media print { .fareeq-language-toggle, .fareeq-language-bar { display: none !important; } }