@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
html, body, button, input, textarea, select, label, legend, [role="button"], [contenteditable="true"] {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
}
body {
  font-size: 17px !important;
}
button, input, textarea, select, [role="button"], [contenteditable="true"] {
  font-size: 17px !important;
  line-height: 1.75 !important;
}
[dir="rtl"], :lang(fa), .prose, .ProseMirror, textarea, [contenteditable="true"], [role="textbox"] {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.9 !important;
}
label, legend {
  font-size: 17px !important;
  line-height: 1.7 !important;
}
.question, .questions-form, .form, .dataset-settings, .record, .record__content {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
}

/* Keep VQA responses in the dataset while hiding their editor controls. */
.wrapper:has(> .title-area[aria-label="پرسش ۱"]),
.wrapper:has(> .title-area[aria-label="پاسخ ۱"]),
.wrapper:has(> .title-area[aria-label="پرسش ۲"]),
.wrapper:has(> .title-area[aria-label="پاسخ ۲"]),
.wrapper:has(> .title-area[aria-label="پرسش ۳"]),
.wrapper:has(> .title-area[aria-label="پاسخ ۳"]) {
  display: none !important;
}

/* Keep the current / of / total sequence from being reversed by RTL flexbox. */
.pagination__info {
  direction: ltr !important;
  unicode-bidi: isolate;
}

/*
 * Persian OCR benchmark review.
 * Scope every override to its unique editable question so existing projects
 * keep their current layouts.
 */
body:has([aria-label="Question: reference_text"]) .resizable-v__left,
body:has([aria-label="Question: reference_text"]) .resizable-v__right {
  flex: 0 0 calc(50% - 4px) !important;
  width: calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
}

body:has([aria-label="Question: reference_text"]) .resizable-v__left {
  margin-left: 0 !important;
}

body:has([aria-label="Question: reference_text"]) .resizable-v__right {
  margin-right: 0 !important;
}

[aria-label="Question: reference_text"] [role="textbox"],
[aria-label="Question: reference_text"] textarea,
[aria-label="Question: reference_text"] [contenteditable="true"] {
  direction: rtl !important;
  text-align: right !important;
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif !important;
  font-size: 26px !important;
  line-height: 2 !important;
}

[aria-label="Question: reference_text"] > [class*="title"],
[aria-label="Question: reference_text"] .title-area {
  font-size: 22px !important;
  line-height: 1.8 !important;
}